/*
Theme Name:   Store-Child
Author:       Ross Tess
Template: storefront
Description:  Theme for SORR website.
Version:      2.0.01
Updated: 03/09/2024
*/


body{
	color: black;
	background-color: white;
	
}
body #page{
	        display: block;
}


/* colours */

body,
main,
p,
div,
span,
input,
footer,
header,
button,
form,
td{
	font-family: 'Euclid Triangle', sans-serif;
    font-weight: 400;	
	color: #152f6e; /* darker blue */
}

body a,
form a,
a,
.woocommerce-breadcrumb a, 
.single-product div.product .product_meta a,
a.woocommerce-review-link, 
.product_meta a {
    color: #05b6a0; /* blue green */
}

a:active{
	color: #152f6e; /* darker blue */
	
}

a:hover{
	color: #9ad6cb; /* pale blue */
}

img,
img:focus,
button,
button:focus,
a,
a:focus,
a:focus img,
a.custom-logo-link,
.site-branding a:focus,
.site-branding a
{ 
	border-style: none !important; 
	outline: 0 !important; 
}

.button,
button,
button.alt, 
input[type=button],
.wc-block-components-button,
.wp-element-button,
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link),
.wc-block-components-button:not(.is-link),
input[type=submit],
input[type="button"].alt, 
input[type="reset"].alt, 
input[type="submit"].alt, 
.button.alt, 
 .widget a.button.alt 
{
    background-color: #05b6a0; /* blue green */
    border-color: #05b6a0; /* blue green */
    color: #ffffff;
	border-radius: 20px;
}


button:hover,
.button:hover,
input[type=button]:hover,
input[type=submit]:hover,
.button.alt:hover,
button.alt:hover
{
    background-color: #9ad6cb; /* pale blue */
    border-color: #9ad6cb; /* pale blue */
	 color: #152f6e; /* darker blue */
}





/* headings */
h1,
h2,
h3,
h4,
h5,
h6,
.woocommerce-Price-amount amount
{
	font-family: 'Euclid Triangle', sans-serif;
    font-weight: 400;
    color: #05b6a0; /* blue-green */
}

.blue_text,
.colour_main{
	 color: #152f6e !important; /* darker blue */
}

.blue_text em{
	color: #05b6a0 !important; /* blue-green */
	text-decoration: none !important;
font-style: normal;   	
}

/* header */
header#masthead{
	    color: #404040;
		padding:0;
		background-image: url('/wp-content/uploads/2024/10/Hero_copy-flat-smaller_tinypng.jpg') !important;
		background-position: 50%;
		background-size: 100% !important;
		background-repeat: no-repeat !important;
		border-bottom: 0 !important;
}
header .col-full{
	display:block;

    width: 100%;
    max-width: 100vw;
    padding-top: 0;
	padding-left: 0;
    margin: 0 0 30vw 0;
    background: white;
}

header .col-full .site-description{
	display: none;
	width: 0;
}



/* nav */
.storefront-primary-navigation{
	background: white;
	    max-height: 80px;
}

nav#site-navigation{
	
}

/*

HOMEPAGE PRODUCTS SECTION


*/


.two_cols{
	display:block;
	
}
.two_cols .fifty{
	display: block;
	width: 50%;
	float: left;
	margin: 0;
	padding: 20px 40px 20px 0;
}
.image_bg{
		aspect-ratio: 1.33;
		width:100%;
		min-height: 120px;
		background-position: 50%;
		background-size: cover !important;
		background-repeat: no-repeat !important;	
}

.image_bg_1{
		background-image: url('/wp-content/uploads/2024/10/screenshot-2021-smaller-tiny.png') !important;

}

.image_bg_2{
		background-image: url('/wp-content/uploads/2024/10/boom-smaller-tiny.jpg') !important;

}


.fifty .homepage_product_title{
	margin-top:20px;
}

.key_products_h3{
	margin-top:40px;
}

.no_border{
	border: 0px !important;
	
}

h2.no_border{
	max-width:600px;
}

h2+h3, .beta+h3 {
    border-top: 0;
}

.homepage_product_items{
	width:100%;
}

.homepage_product_items .homepage_product_item{
    width: calc( 33% - 40px );
	margin: 0px;
    margin-right: 40px;	
	margin-bottom: 40px;	
    float: left;

}

.homepage_product_item .product_thumbnail_outer{
	width: 100%;
	max-height: 383px;
	padding:0;
	margin: 0 auto;
	text-align:center;
}

.homepage_product_item img{
	width: 100%;
    max-height: 383px;
    margin: 0 auto;
}


.view_products_outer{
	margin-bottom:80px;
}

.homepage_about_sorr{
	margin-bottom:160px;
	margin-top: 80px;
}
.homepage_about_sorr h3{
	color: #152f6e;
}
.homepage_about_sorr h3 span{
	color: #05b6a0;
	
	}

/* FOOTER */

.site-footer,
footer#colophon
 {
    background-color: #05b6a0 !important;
    color: #fff !important;
}



footer#colophon p,
footer#colophon div{
	  color: #ffffff !important;
}


#SITE_FOOTER{
	color: #05b6a0 !important;
	 background-color: #fff !important;
}


.footer_sorr_outer{
	max-width: 94vw;
	margin: 0 auto;
	width: 1280px;
}

#footer_sorr_copyright{
	max-width: 94vw;
	margin: 0 auto;
	width: 1280px;
	text-align: right;
	    margin-top: -20px;
}


#footer_mariners_outer{
	height: 44px;
    width: 76px;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;	
}


#footer_susg_outer{
	height: 44px;
        width: 256px;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;	
}



#footer_social_icons_outer{
	float: right;
	width: 255px;
}

#footer_social_icons_outer li{
	float: right;
    width: 34px;
    margin-top: 20px;
    margin-bottom: 20px;
    list-style-image: none;
    list-style-type: none;
}


#footer_social_icons_outer wow-image{
	float:right;
}
#footer_product_range_links a{
	color: white !important;
}

ol.flex-control-thumbs{display: none !important;}


/* WOOCOMMERCE */
/* HIDE PRICES */
.wc-block-cart-item__total,
.wc-block-cart__totals-title,
.woocommerce-Price-amount,
.wc-block-components-totals-wrapper,
.wp-block-woocommerce-cart-order-summary-coupon-form-block,
.wc-block-cart-items__header-total,
.wc-block-components-totals-wrapper,
.wc-block-cart-item__prices{
	display:none !important;
}


.woocommerce-message, 
.woocommerce-info, 
.woocommerce-error, 
.woocommerce-noreviews, 
p.no-comments{
	background-color: #05b6a0; /* blue green */
}

.wc-block-components-button:not(.is-link) .wc-block-components-button__text {
    display: block;
    color: white;
}



			.product_page_tabs .product_page_tab,
			.product_page_tabs .tab product_page_tab
			{
				margin:10px 10px 10px 0;
				border-radius: 0px;
				width: 200px;
				float:left;
				border-color: #9bd6cb;
				border: 1px solid #9bd6cb;
				background-color: #9bd6cb;
				color: #white;
				text-transform: uppercase;
				font-weight: bold;
			}
			
			.product_page_tabs .product_page_tab.active,
			#product_page_tabs button.active,
			#product_page_tabs .active,
			.product_page_tabs .active
			{
				background-color: #fff;
				border: 0 solid #05b6a0;
				border-bottom: 1px solid  #05b6a0;
				color: #05b6a0;
			}
			
			.product_tab_info{
				margin-top:40px;
				
			}
			
			section.related,
			section.related.products
			{
				display: none !important;
			}
			
		.page-item-10,
		.page-item-73,
		.wc-block-checkout__no-payment-methods-notice,
		.wc-block-checkout__sidebar
		{display: none !important}


	.ppt_link_outer{
		margin-bottom: 80px;
	}
	.ppt_image {
		max-width: 83vw;
		width: 383px;
		height: auto;
	}


.page-id-117 .wp-block-column-is-layout-flow:nth-of-type(1) {

    flex-basis: 33.33%;
    max-width: 200px;
}

.page-id-117 .wp-element-caption{
	
	text-align: left;

}



/* MOBILE */
@media (max-width: 767px) {
	
	
	header .col-full{
		    margin: 0 0 0 0 !important;
	}
	
	nav .menu{
		    background: #05b6a0;
			color: white;
	}
	
	nav .menu ul li{
        box-sizing: border-box;
        border-bottom: 1px solid white;
        border-top: 1px solid white;
        padding-left: 20px;
	}

	nav .menu ul li.current_page_item{
		background:  #9bd6cb /* lighter blue - light teal */;
		color: #152f6e; /* darker blue */
		padding-left: 20px;
	}
	
	
	nav .menu ul li:hover{
		background: #152f6e; /* darker blue */
		color:  #9bd6cb;
	}
	
		
	
	nav .menu ul li a{
		color: white;
	}
	
	nav .menu ul li:hover a{
		color: white;
	}
	
	#site-navigation-menu-toggle {
		color: white;
		background-color: #05b6a0 !important;
		color: #fff !important;
		border: 0;
		margin-top: 10px;
		margin-right: 10px;
	}	
	
	#site-navigation-menu-toggle span{
		color: #fff !important;
	}
	
	button.menu-toggle:after, 
	button.menu-toggle:before, 
	button.menu-toggle span:before{
		background-color: #fff !important;
	}
		
	header .custom-logo-link img {
		max-height: 50px;
		width: auto !important;
		padding-top: 10px;
		margin-left: 10px;
		margin-bottom: 10px;
	}
	
	main {
		margin-top: 40px;
	}
	
	main h2{
		    margin-bottom: 80px;
	}
	
	.homepage_product_items .homepage_product_item {
		width: calc(100% - 40px);
		margin: 0px;
		margin-right: 20px;
		margin-left: 20px;
		margin-bottom: 80px;
		float: none;
	}	
		
	.homepage_product_item .product_thumbnail_outer{
		    margin-bottom: 30px;
	}
	
	.product_tab_info {
		margin-top: 20px;
	}
	
	 .single-product div.product .summary{margin-bottom:0px;}





	/* Footer Mobile */	
	#footer_mariners_outer {
		height: 44px;
		width: 72px;
		margin-bottom: 0px;
	}
	
	#footer_susg_outer {
		height: 44px;
		width: 233px;
		float: right;
		margin-top: 34px;
		margin-bottom: 0px;
	}	
	
	#footer_social_icons_outer {
		float: left;
	}
	#footer_social_icons_outer ul{
		    float: left;
			margin-left: 0;
	}
	#footer_social_icons_outer li {
		float: left !important;
		width: 34px;
	}
	#footer_sorr_copyright
	{
		text-align: left;
		        margin-top: -60px;
		margin-left: auto !important;
		margin-right: auto !important;
		float: none;
		display: block;
			
	}
	#footer_sorr_copyright p{
		
	}
	
	
	#product_page_tabs{display: none !important;}
	.desktop_h4{display: none !important;}
	.mobile_h4{display: block !important; margin-left:0;}
	
	.mobile_h4::before {
		content: '\25BC';
		display:inline-block;
	}
	.active.mobile_h4::before {
		content: '\25B2';
		display:inline-block;
	}
	
	.product_tab_info{display:block !important;}
	
	.product_detail_tab{display:none;}
	
	.product_tab_info {
		margin-top: 40px !important;
	}
	
	.two_cols .fifty{
		display:block;
		width: 100%;
		float:left;
		margin:0;
		padding:20px;
	}	
	
}




/* DESKTOP */


@media (min-width: 768px) {
		.woocommerce-active .site-header .main-navigation {
				width: 73%;
				float: left;
				margin-right: 2%;
				margin-left: 0%;
				clear: both;
			}

		.woocommerce-active .site-header .site-header-cart {
			width: 21%;
			margin-left: 2%;
			margin-right: 2% !important;
			float: right;
			margin-right: 0;
			margin-bottom: 0;
		}
		
		
		.woocommerce-product-gallery__wrapper a img{
			height: auto;
			width: 100% !important;
			max-width: 100%;
		}
}


@media (min-width: 768px) {

	/* // main width page */
	.col-full {
        width: 1280px;
        max-width: 94vw;
        padding: 0;
	}		
	


	header form.woocommerce-product-search{
			/* SEARCH BAR IN HEADER */
			margin-top: 20px;
	}


    .site-header .site-branding img {
        height: auto;
        max-width: 122px;
        max-height: 38px;
        height: 38px;
        width: 122px;
        margin-top: 22px;
    }


    .woocommerce-active .site-header .site-branding {
        width: 71%;
        float: left;
        margin-right: 2%;
        margin-left: 2%;
    }
    .woocommerce-active .site-header .site-search {
        width: 23%;
        float: left;
        clear: none;
        margin-right: 2%;
        margin-left: 0%;		
		
    }	
		
	.desktop_h4{display: block !important;}
	.mobile_h4{display: none !important;}
	
	.storefront-primary-navigation	.col-full{
			width: 1280px;
			max-width: 94vw;
			padding-top: 0;
			padding-left: 0;
			margin: 0 auto 30vw auto;
	}
		
}