/*
Theme Name: SCMB
Template: betheme
Version: 2.0
*/

:root {
	--brand-dark: 	#054266;
	--brand: 		#0082c7;
	--brand-light: 	#00abe2;
	--brand-orange: #f07f19;
}


/* TELEPHONE TAB */
#apptraywrap {display:none;}
	@media only screen and (max-width:480px) {
	 #apptraywrap {
	  display:flex;
	  position:fixed;
	  bottom:0;
	  width:100%;
	  text-align:center;

	  z-index:300;
	  font-weight: 700;
	  font-size: 1em;
	  color:#fff !important;
		 margin-left: 0.25em;
	 }

	 #apptraywrap a {
		     position: relative;
    top: -1em;
		 box-shadow: 0px -6px 3px rgb(0 0 0 / 20%);
		 border-right:1px solid #a14709;
		 width: 48%;
		 background-color:var(--brand-orange);
		font-size:1.3em;
		 color:#fff !important;
		text-decoration:none !important;
		padding: 1em 0.75em !important;
   	 border-radius: 1em 1em 0 0;
	 }

		#apptraywrap .button_icon {
					 color:#fff !important;
		}
		
		.wrap_eb88 {

    right: -0.4em !important;
}
}


.brandback.section {background-color:#0082c7;} 
.brandback a.button {color:#fff;}
#heading {background:linear-gradient(to right,#0082c7 0%, #054266 100%);}
.highlight-left:after, .highlight-right:after {background: rgba(0,130,199,0.5);}
.dark p a {text-decoration:underline;color:#fff;}

/* MENU */
#Top_bar .menu li ul li a {
    padding: 3em 0;
    border-bottom: 0;
    text-align: center;
}

	/* ACTION BAR */
	#Action_bar .contact_details {
		float: right;
		padding-right: 0.4em;
	}
	@media only screen and (min-width: 768px) {
		#Top_bar:not(.is-sticky) #logo img {
			margin-top: -2.7em;
		}
	}	

	
/* MEGAMENU */
	@media only screen and (min-width: 1240px) {
		.menuo-right #Top_bar .menu > li > ul.mfn-megamenu {
			left: 7.5em;
			margin: 0;
			padding: 0;
		}
	}
	#Top_bar .menu .mfn-megamenu {
		width: 100%!important;
		margin: 0;
	}
	#Top_bar .menu li > ul {
		box-shadow:unset;
		-webkit-box-shadow: unset; 
	}
	#Top_bar .menu > li#menu-item-56.hover > a {
		color: #2a2b39;
	}
	#menu-item-56 > a {cursor: default !important;}	
	@media (min-width:1240px) {
	li#menu-item-58 a {
		color: white !important;
		background-image: url(https://southcoastmilebuilders.com/wp-content/uploads/menu-adventure.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		background-position: center;
		transition: transform 0.15s ease-in-out;
	}
	#Top_bar li#menu-item-58 a:hover {
		color: white !important;
		background: unset;
		background-image: url(https://southcoastmilebuilders.com/wp-content/uploads/menu-adventure.jpg);
		background-repeat: no-repeat;
		background-size:cover;
		background-position: center;
		transform: scale(1.03);
	}
	li#menu-item-57 a {
		border-right:1px solid white;
		color: white !important;
		background-image: url(https://southcoastmilebuilders.com/wp-content/uploads/menu-mile.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		background-position: center;
		transition: transform 0.15s ease-in-out;
	}
	#Top_bar li#menu-item-57 a:hover {
		color: white !important;
		background: unset;
		background-image: url(https://southcoastmilebuilders.com/wp-content/uploads/menu-mile.jpg);
		background-repeat: no-repeat;
		background-size:cover;
		background-position: center;
		transform: scale(1.03);
		z-index:4;
	}
	}

/* POTENTIAL SHOP TEMPLATE */
.single-product .product_image_wrapper {display:none;}
.fc-day-grid-event .fc-content {
    white-space: normal;
    overflow: visible;
}
.fc-scroller.fc-day-grid-container {
    height: unset !important;
}


/* PRICE */
.woocommerce .product.style-modern .product_wrapper .entry-summary .price {
    float: unset;
    font-weight: 400;
    font-size: 2em;
}

/* CALENDAR */

.fc-toolbar h2 {
    font-size: 36px !important;
    margin: 7px 0 0 0 !important;
}

/* OPTIONS */
body .single-product .woocommerce form .form-row label, body.single-product.woocommerce-page form .form-row label {
/*     display: none; */
}
.woocommerce .product.style-modern .product_wrapper .entry-summary .cart {
    max-width: 100%;
    float: unset;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: baseline;
    align-content: flex-start;
}
.woocommerce #Content form .form-row {
    padding: 3px 0 0 0;
    margin: 0 0 1em !important;
}
.woocommerce .product.style-modern .product_wrapper .entry-summary .cart .button {
    float: unset;
    margin-top: 1em;
}
div#fooevents_calendar {
    font-family: 'Poppins' !important;
    font-size: 1em;
}
.fc th, .fc td {
    border-style: solid;
    border-width: 1px;
    padding: 0.2em 0;
    vertical-align: top;
}
/* CAL ADJUSTS FOR MULTIDAY */
/* a.fc-event[href*="two"] {
	position: absolute;
    width: calc( (100% / 7) *2 );
}
a.fc-event[href*="three"] {
	position: absolute;
    width: calc( (100% / 7) *3 );
}
a.fc-event[href*="four"] {
	position: absolute;
    width: calc( (100% / 7) *4 );
}
a.fc-event[href*="five"] {
	position: absolute;
    width: calc( (100% / 7) *5 );
} */

a.fc-event[href*="two"] {}

#Content #landing a.button {background-color:var(--brand-orange);}
#Content #landing a.button span.button_label {color:#fff; font-weight:700;}

/* RWD PRODUCT */
@media (max-width:767px) {
	.woocommerce .product.style-modern .product_wrapper .entry-summary .cart {
		clear:both;	
	}
	.ui-tabs .ui-tabs-panel {
    	background-image:none;
      	padding: 15px 0 20px;
	}
	.single-product #tab-description pre {
    	padding: 21px 0 20px;
	}
	#fooevents_calendar h2 {
		margin-left: 1em !important;
	}
}

/* RWD  */
@media only screen and (max-width:1024px) {
	#landing {
		background-position: 27% top !important;
	}
	#landing .mission.wrap {
		margin-top: 10vh !important;
		text-align: center;
		padding: 0 2em !important;
	}
	#heading {
			padding-top:37px !important;
	}
	#Content .highlight-left > .section_wrapper .wrap:first-child, 
	#Content .highlight-right > .section_wrapper .wrap:last-child {
		background: rgba(0,130,199,0.8) !important;
	}
	#landing h1 {
		margin-top: 0.7em;
	}
	.column_button + .column_button {
		margin-top: 1em;
	}
}
@media only screen and (max-width:767px) {
	#options .wrap:last-child {margin-top: 50px;}
}



/* RWD SIDE SLIDE */
#Side_slide #menu ul li ul {
    background: #032335;
}
#Side_slide #menu ul li ul li ul li a {
    padding-left: 30px;
}
#Side_slide #menu ul li a {
	margin-right: 30px;
	padding: 1.5em 0 1.5em 1.5em;
	line-height:1.1;
}
#Side_slide ul.sub-menu a span {
    font-size: 1.1em;
}
#Side_slide .extras .extras-wrapper .header-cart-total {
    margin-left: 0.5em;
}
#Side_slide {
	background-image: url(https://southcoastmilebuilders.com/wp-content/uploads/scmb-swoosh-white-10pc-5pc.svg);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 521%;
}
/* products lists */
.woocommerce ul.products li.product .price {color:#fff;}
.image_links a.add_to_cart_button {
    display: none !important;
}
.fixed-nav span.date {
    display: none !important;
}

/* CONTACT */
.icon_box.icon_position_left .desc_wrapper {
    text-align: left;
    padding-top: 1.1em;
}
.icon_box.icon_position_left .image_wrapper {
    width: 4em;
    height: 4em;
}
.icon_box.icon_position_left {
    min-height: 4em;
    padding-left: 5em;
}

/* FOOTER */
img.wp-image-100 {
    filter: brightness(0) invert(1);
    max-width: 300px;
    margin-top: -20px;
}
img.wp-image-50 {
    max-width: 200px;
}
img.wp-image-107 {
    max-width: 180px;
}

#Footer .wp-social-link path {
    fill: var(--brand-light);
}
#Footer li.wp-social-link {
    display: inline;
}
#Footer li.wp-social-link svg {
    transform: scale(2);
    margin-right: 2.2em;
}
#Footer .footer_copy {
    background-color: rgba(0,0,0,0.1);
}
#Footer .widgets_wrapper {
    padding: 20px 0;
}
@media (max-width:767px) {
	.logo-overflow #Top_bar:not(.is-sticky) .logo {
		height: 95px !important;
	}
	.mobile-header-mini.logo-overflow #Top_bar #logo img.logo-mobile {
		max-height: 80px!important;
		padding-top: 7px;
	}
	.mobile-header-mini #Top_bar .top_bar_right {
    	top: 17px;
	}
	.mobile-header-mini #Top_bar a.responsive-menu-toggle {
		top: 46px!important;
	}
}

pre {background:#fff !important;}


@media only screen and (max-width: 1024px) {
	#Content .highlight-left > .section_wrapper .wrap:first-child, 
#Content .highlight-right > .section_wrapper .wrap:last-child {
    background: unset !important;
}
}
@media only screen and (max-width: 767px) {
#Content .highlight-left > .section_wrapper .wrap:first-child, 
#Content .highlight-right > .section_wrapper .wrap:last-child {
    background: rgba(0,130,199,0.8) !important;
	}
}


#Top_bar .menu > li > a span:not(.description) {

    padding: 0 15px;
}