/*
Theme Name: Spencer Building Inc
Theme URI: 
Description: Custom WordPress theme for Spencer Building Inc.
Author: Michael Chevere
Author URI: https://mcheveredesigns.com/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
.home.page.has-transparent-header .oceanwp-sticky-header-holder {
    /*height: 124px !important;*/
}

#second-focus .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 10px 0px;
}
#second-focus .middle-box {
	
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;

}
.transparent-header.left-menu #site-logo {
    padding-left: 20px;
}
.transparent-header.left-menu #site-navigation-wrap {
    background: #f5f5f5;
}

#site-header.transparent-header {
    background: rgba(255, 255, 255, 1);
    border-bottom: 1px solid #cacaca;
	padding: 5px 0px 0 0px;
}
#transparent-header-wrap .is-sticky #site-header, .has-transparent-header .is-sticky #site-header {
	background: rgba(255, 255, 255, 1)!important;
    border-bottom: 1px solid #cacaca;
}
.is-sticky #site-header.shrink-header .after-header-content .after-header-content-inner {
    /*height: 86px!important;*/
}
.site-footer .custom-menu-widget .oceanwp-custom-menu > ul > li { 
    border-bottom: 0px;
}

#footer-bottom.no-footer-nav #copyright {

    text-align: left;
}
.no-display {
    display: none!important;
}
#home-boxes .elementor-widget-heading {
    margin-bottom: 0px;
}
#home-boxes .elementor-view-framed .elementor-icon {
    border: 3px solid #e1e1e1;
	background: #e1e1e1;
}
#home-boxes h2 {
	font-size: 18px;
	letter-spacing: 1px;
	
	/*text-shadow: 1px 1px 1px #000;*/
}
h3 {
	margin-top: 10px;
}
h5 {
	color: #c80000;
    font-size: 19px;
	
	
}
h6 {
    font-size: 18px;
	color: #f14b01;
}
#site-navigation-wrap .dropdown-menu > li#menu-item-231 > a {
color: #f60402;
}
#content-wrap ul li { 
 
    text-indent: -1em;
  list-style: none;
font-size: 15px;

color: #333;
}
#content-wrap .gform_wrapper ul li, #content-wrap ul.oew-grid-meta.clr li, #content-wrap ul.portfolio-overlay-icons li, #content-wrap ul.oss-social-share.clr li, #content-wrap ul.meta.clr li {
text-indent: 0px;
  list-style: none;
}
#content-wrap .gform_wrapper ul li:before, #content-wrap ul.oew-grid-meta.clr li:before, #content-wrap ul.portfolio-overlay-icons li:before, #content-wrap ul.oss-social-share.clr li:before, #content-wrap ul.meta.clr li:before {
    content: " ";
padding-right: 0px;
}
#content-wrap ul li:before {
    content: "\002022";
    color: #006699;
    font-size: 19px;
    font-weight: bold;
    padding-right: 10px;
position: relative;

top: 1px;
}
.page-header .container.clr.page-header-inner {
    display: none;
}
.has-transparent-header .page-header {
    padding: 87px 0 0px 0;
}
.page-header {
    background-color: #fff!important;
}
#home-boxes {

    background: #e1e1e1;
	/*background: url("/wp-content/uploads/2019/07/fa-background-blk-2.jpg");*/
	border-bottom: 1px solid #e6e7e8;

}
#home-boxes .elementor-button.elementor-size-sm {
	padding: 7px 24px;
}
#home-boxes .elementor-column-wrap .elementor-widget-wrap {
	/*background: #eee;*/
}
#home-boxes .elementor-inner-section .elementor-column-wrap .elementor-widget-wrap {
	
	background: #fff;
   /* border: 1px solid #660000;*/
    /*box-shadow: 0px 0px 3px #666;*/
	/*border: 1px solid #cfcfcf;*/
}
#home-boxes  .elementor-inner-section.services-tab .elementor-column-wrap .elementor-widget-wrap {
	background: transparent;
    /*border: 0px solid #660000;*/
	border: 0px solid #cfcfcf;
}
#home-boxes .elementor-inner-section .request-form .elementor-column-wrap .elementor-widget-wrap {
	/*border: 1px solid #660000;*/
	/*border: 1px solid #cfcfcf;*/
	
}
#home-boxes .elementor-widget-heading {
	border: 1px solid #990000;
}
#home-boxes .elementor-inner-section .request-form .elementor-column-wrap .elementor-widget-wrap .elementor-widget-heading { 
	border: 1px solid #cc0000;
}
#home-boxes .elementor-inner-section.services-tab .elementor-column-wrap .elementor-widget-wrap .elementor-widget-heading { 
	border: 0px solid #cc0000;
}

#home-boxes .elementor-widget-image,
#home-boxes .elementor-widget-text-editor{
    /*border-left: 1px solid #a09f9f;
    border-right: 1px solid #666666;*/
	border-left: 1px solid #666666;
    border-right: 1px solid #666666;
	margin-bottom: 0px;
	padding-bottom: 20px;
}
#home-boxes .elementor-widget-button{
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
#home-boxes .elementor-widget.elementor-widget-text-editor {
	padding: 0 10px;
}
#home-boxes .elementor-widget-button {
	padding: 0 10px 10px 10px;
}
#home-boxes .request-form .elementor-widget-button {
   
}
#inner-projects .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
	padding: 0px;
}
#footer-bottom {
    padding: 15px;
}
@media (max-width: 1255px) and (min-width: 890px) {
	#home-boxes h2 {
	font-size: 17px;
}
}
@media(min-width: 998px){
	#menu-item-1080 {
    border-left: 1px solid #e1e1e1;
}
	#site-navigation-wrap {
		text-align: center;
	}
	#site-navigation-wrap .dropdown-menu > li {
    float: none;
    display: inline-block;
}
	.after-header-content {

    display: none;

}
	.transparent-header.left-menu #site-logo {

    width: 100%;
    text-align: center;

}
	.boxed-layout #wrap #transparent-header-wrap .container {
    padding-left: 0px;
    padding-right: 0px;
}
	.footer-box.span_1_of_3.col-2 {
    border-right: 1px solid #c9c8c8;
    border-left: 1px solid #c9c8c8;
    height: 230px;
}
	.page-id-61 #footer {

   /* margin-top: -40px;*/

}
	#home-boxes .elementor-top-column > .elementor-column-wrap.elementor-element-populated {
    padding: 10px 0;
}
	.boxed-layout #wrap {
		width: 100%;
	}
	.after-header-content {
    
    position: absolute;
    right: 20px;
    top: -13px;
		
}
	#site-header-inner {

    position: relative;

}
	#site-navigation-wrap .dropdown-menu > li:first-child > a {
		padding-left: 15px
	}
	#site-navigation-wrap {
	padding-left: 10px;
    /*position: absolute;
    bottom: -26px;
    right: 0;
		left: 38px;*/
	padding-bottom: 0px;
	padding-top: 0px;
	width: 100%;
	margin-top: 5px;
}
	#site-navigation-wrap .dropdown-menu > li > a {
    line-height: 20px!important;
}
	.text-wrap {
		padding-bottom: 2px;
	}
	.dropdown-menu .sub-menu {
	width: 212px;
	top: 24px !important;
		border-top: 0px;
}
	#home-boxes > .elementor-container {
   /* max-width: 1305px;*/
		max-width: 1265px;
}
			#home-boxes .services-tab.elementor-inner-section > .elementor-container {
		max-width: 1220px;
}
	
		#home-boxes .elementor-inner-section > .elementor-container {
		max-width: 1310px;
}
	
}

.dropdown-menu ul li a.menu-link {
    padding: 8px 15px;
    color: #fff;
}
.dropdown-menu .sub-menu {
    /*background-color: #101010;*/
	background: rgba(0, 0, 0, .85);
    padding: 0 0px;

}
.dropdown-menu ul li.menu-item {
    border-bottom: 1px solid #1d1b1b;
}
.dropdown-menu ul li a.menu-link:hover {
    background-color: #006699;
    color: #fff;
}
#home-slider .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
	padding: 0px;
}
#home-slider .hide-tablet-mobile {
    display: block !important;
}
@media(max-width: 767px){
	#menu-item-1080, #menu-item-1079 {
    display: none;
}
	.home.page.has-transparent-header .oceanwp-sticky-header-holder {
    height: 124px !important;
}
	#home-slider {
		padding: 17px 0px 0px 0px;
	}
	.homebox1 {
		padding-bottom: 0px!important;
	}
	.homebox2 {
		padding-top: 0px!important;
	}
}
.metaslider .theme-default .nivo-controlNav {
    position: absolute;
    bottom: 0px;
}
#site-navigation-wrap .dropdown-menu > li > a {
	line-height: 20px;
}
.is-sticky #site-header.shrink-header #site-navigation-wrap .dropdown-menu > li > a {
	line-height: 20px!important;
}
ul.top-links {
    margin: 0px 0 15px 20px;
}
.top-links li {
	display: inline-block;
	border-right: 1px solid #999;
    padding-right: 10px;
    margin-right: 7px;
}
.top-links li a {
    color: #36454f;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
}
.top-links li a:hover {
	color: #000066;
}
.top-links li .icon-phone {
    color: #f14b01;
	padding-right: 3px;
}
.top-links li:last-child {
    border-right: 0px solid #fff;
    padding-right: 0px;
    margin-right: 0px;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 6px;
}

#footer-widgets .contact-info-widget i {
	border-color: #006699;
}
.effect-one #site-navigation-wrap .dropdown-menu > li > a.menu-link > span::after {
	height: 3px;
}
.effect-one #site-navigation-wrap .dropdown-menu > li > a.menu-link > span::after, .effect-three #site-navigation-wrap .dropdown-menu > li > a.menu-link > span::after, .effect-five #site-navigation-wrap .dropdown-menu > li > a.menu-link > span::before, .effect-five #site-navigation-wrap .dropdown-menu > li > a.menu-link > span::after, .effect-nine #site-navigation-wrap .dropdown-menu > li > a.menu-link > span::before, .effect-nine #site-navigation-wrap .dropdown-menu > li > a.menu-link > span::after {

    background-color: #006699!important;

}


.contact-form-section, .request-proposal-section {
	background: rgba(0, 0, 0, 0.7);
    padding: 20px 20px 0 20px;
	color: #fff;	
    border: 1px solid #111;
}


.name_first::before {

    content: '\e005';
    position: absolute;
    background: #ddd;
    display: block;
    font-family: 'simple-line-icons';
    padding: 6px 12px;
    margin: 13px 1px;
	color: #757575;

}
.name_last::before {
    content: '\e005';
    position: absolute;
    background: #ddd;
    display: block;
    font-family: 'simple-line-icons';
    padding: 6px 12px;
    margin: 13px 1px;
	color: #757575;
}
.ginput_container_email::before {
    position: absolute;
    content: '\e094';
    background: #ddd;
    font-family: 'simple-line-icons';
    padding: 6px 12px 5px 8px;
    margin: 13px 1px;
	color: #757575;
}
.ginput_container_phone::before {
    position: absolute;
    content: '\e600';
    background: #ddd;
    font-family: 'simple-line-icons';
    padding: 6px 12px;
    margin: 13px 1px;
	color: #757575;
}

.name_first input, .name_last input {
    padding-left: 45px !important;
   
}
.ginput_container_email input, .ginput_container_phone input {
    padding-left: 45px !important;
}
body .gform_wrapper .ginput_container.ginput_container_textarea {
    margin-top: 40px !important;
}
.frame-border {
    border: 1px solid #111;
    line-height: 0px;
}
.page.page-id-216 #main #outer-wrap {
	padding-bottom: 0px;
	padding-top: 50px!important;
}
.contact-info-block p {
	margin-bottom: 0px;
}
.contact-info-block h5 {
margin-top: 10px;
}

.page.page-id-212 #main #outer-wrap {
	padding-bottom: 0px;
	
}
/*body.page-id-212.content-full-screen .elementor-section-wrap {
	padding-top: 40px!important;
	padding-left: 20px!important;
	padding-right: 20px!important;
}
body.page-id-216.content-full-screen .elementor-section-wrap {
	padding-top: 40px!important;
	padding-left: 20px!important;
	padding-right: 20px!important;
}*/

.oew-blog-grid .oew-grid-details {
    text-align: left;
}

@media (max-width: 958px){
	#site-header.transparent-header {
    background: rgba(255, 255, 255, 1);
    border-bottom: 1px solid #000;
	padding: 5px 0px;
}
#transparent-header-wrap .is-sticky #site-header, .has-transparent-header .is-sticky #site-header {
	background: rgba(255, 255, 255, 1)!important;
    border-bottom: 1px solid #000;
}
	
	#home-boxes .elementor-column-wrap.elementor-element-populated {
    padding: 10px 0;
}
	#posts-box .elementor-column-wrap.elementor-element-populated {
    padding: 10px 0;
}
	.mobile-menu .oceanwp-text {
		display: none;
	}
	 .oceanwp-mobile-menu-icon a {
    font-weight: 400;
    font-size: 28px!important;
    text-transform: uppercase;
}
	body.default-breakpoint .after-header-content {
    display: block;
}
	.after-header-content {
    
    position: absolute;
    
    top: 92px;
width: 100%;
text-align: center;
		
}
	.boxed-layout #wrap .container {
		padding-left: 0px;
	}
	#site-logo {
		padding-left: 20px;
	}
	#site-header-inner {

    position: relative;

}
	#site-header-inner {
    padding-bottom: 40px!important;
}
	.top-links li:first-child {
		/*display: none;*/
	} 
	ul.top-links {
    margin: 0px 0 0px 0px;
	padding: 6px 0;
}
	ul.top-links li a {
		font-size: 18px;
	}
	.after-header-content .after-header-content-inner {
		height: auto!important;
		display: block;
	}
	.top-links {
		background: #e1e1e1;
	}
	.top-links li a {
    /*font-size: 25px;*/
	}
	.oceanwp-sticky-header-holder.is-sticky .after-header-content {
		top: 103px;
	}
	#contact-map .elementor-column-wrap.elementor-element-populated{
		padding: 0px;
		margin-bottom: 20px;
	}
	#request-form .elementor-column-wrap.elementor-element-populated{
		padding: 0px;
		margin-bottom: 10px;
	}
	.single-page-article.clr {
    padding: 20px;
}
	.home.page .single-page-article.clr {
    padding: 0px;
}
	.elementor-text-editor.elementor-clearfix {
		padding-top: 20px;
	}
	#request-padding {

    padding-left: 0px;
    padding-right: 0px;

}
	#mobile-fullscreen ul li .dropdown-toggle {
		display: none;
	}
	#mobile-fullscreen ul ul.sub-menu {
    display: block!important;
		padding-left: 15px;
	}
	#mobile-fullscreen ul li a {
		text-align: left;
	}
	#our-project-page {
    padding-top: 60px;
  
}
	#pj-page .elementor-widget-container {
		margin-left: 0px;
	}
	
}
@media (max-width: 450px){
	#mobile-fullscreen ul > li > a {
    font-size: 16px;
	}
	#mobile-fullscreen ul ul.sub-menu li a {
		font-size: 12px;
	}
	#site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img {
    max-width: 265px!important;
}
}

#home-slider .elementor-widget:not(:last-child) {
    margin-bottom: 0px;
}
.home.page .oew-blog-grid .oew-grid-details .oew-grid-title {
	font-size: 21px;
}
.home.page .elementor-icon-box-content ul {
    text-align: left;
    padding-left: 30px;
}
.home.page .elementor-icon-box-title {

    text-align: left;
    padding-left: 36px;

}
#footer-widgets .footer-box .widget-title {

    color: #757575;

}
#second-focus .elementor-widget-icon-box {
    margin-top: 10px;
    margin-bottom: 10px;
}
.widget-title {
	border-width: 0px;
	padding-left: 0px;
}

.boxed-layout.content-full-screen #content-wrap {
    padding-top: 10px !important;
}
.home.page.boxed-layout.content-full-screen #content-wrap {
    padding-top: 0px !important;
}
.single-page-article.clr {

    padding-top: 10px;

}
.home.page .single-page-article.clr {
	padding-top: 0px;
}
#home-slider .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
	padding: 0px;
}
a:focus {
	border: 0px;
	outline: solid 0px !important;
}