/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/*--------------------------------------------------------------
# Custom
--------------------------------------------------------------*/

/* Local fonts */

/* open-sans-regular - latin */
@font-face {  
	
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('/wp-content/themes/generatepress-child/fonts/open-sans-v35-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-italic - latin */
@font-face {  
	
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: url('/wp-content/themes/generatepress-child/fonts/open-sans-v35-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-500 - latin */
@font-face {  
	
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 500;
	src: url('/wp-content/themes/generatepress-child/fonts/open-sans-v35-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600 - latin */
@font-face {  
	
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url('/wp-content/themes/generatepress-child/fonts/open-sans-v35-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin */
@font-face {  
	
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url('/wp-content/themes/generatepress-child/fonts/open-sans-v35-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* body { */
	/* font-size: 18px; */
	/* line-height: 1.7; */
/* } */


/* Header */
.main-navigation {   
    padding: 15px 24px;
}

.navigation-branding {
	margin-right: 30px !important;	
}

@media(max-width: 768px) {
	.navigation-branding {
		margin-right: 10px !important;
		margin-left: 0 !important;
		padding: 0 5px !important;
	}
	
	.main-navigation {   
		padding: 10px;
	}
}

@media (max-width: 768px) {
	.mobile-header-navigation.has-menu-bar-items .mobile-header-logo {
		width: 100%;
	}

	.mobile-header-navigation.has-menu-bar-items .mobile-header-logo {
		margin: 0 auto;
	}
	
	.site-logo.mobile-header-logo {
	justify-content: center !important;
	}
	
	/* .main-navigation .menu-toggle { */
		/* width: 50% !important; */
	}
}

.navigation-branding img {
	height: 60px !important;
}


.main-navigation .menu-bar-items {    
    order: 2;
}


/* Fix background wrapper for sub-items set in Customizer is not working on front-end */
.main-navigation .main-nav ul li.current-menu-ancestor ul li[class*="current-menu-"]:not(:hover) > a {
    background-color: inherit;
    color: inherit;
}

/* .gb-container-ec3f57f3:hover { */
    
    /* border-radius: 50%; */
    
/* } */


/* Homepage Hero text for desktop and mobile */
/* @media(min-width: 769px) { */
/* .hero-text-mobile { */
	/* display: none !important; */
/* } */

/* @media(max-width: 768px) { */
	/* h2.gb-headline-e2bd0f94 { */
		/* display: none !important; */
	/* } */
/* }	 */



/* Lists */

ul {   
		margin-left: 2em;
	}	

li::marker {
	color: var(--dark-red);
}

li {   
		line-height: 2.1;
	}

@media(max-width: 768px) {
	ul {   
		margin-left: 1.5em;
	}	
}


/* Full width images */
@media(max-width: 768px) {
	.entry-content .full-width-image .wp-block-image, .mgl-justified-container, .entry-content .full-width-image .gb-block-image, .products-list-wrapper .full-width-image .wp-block-image, .products-list-wrapper .full-width-image .gb-block-image, .products-page-wrapper .full-width-image .wp-block-image, .products-page-wrapper .full-width-image .gb-block-image {
		margin-left: calc(-100vw / 2 + 100% / 2);
		margin-right: calc(-98.8vw / 2 + 100% / 2);
		max-width: 100vw;
		width: auto;
	}

	 .entry-content .full-width-image .wp-block-image img, .mgl-justified .mgl-item img, .entry-content .full-width-image .gb-block-image img, .products-list-wrapper .full-width-image .wp-block-image img, .products-list-wrapper .full-width-image .gb-block-image img, .products-page-wrapper .full-width-image .wp-block-image img, .products-page-wrapper .full-width-image .gb-block-image img { 
		width: 100%; 
		/* margin-bottom: 3px; */
	}
}

/* Full width blocks !!! NOT FOR MOBILES !!! */
.product-single-wrapper .full-width-block, .products-page-wrapper .full-width-block {
	margin-left: calc(-100vw / 2 + 100% / 2) !important;
	margin-right: calc(-98.8vw / 2 + 100% / 2) !important;
	max-width: 100vw !important;
	width: auto !important;
}	

/* @media(max-width: 768px) { */
	/* .product-single-wrapper .full-width-block, .products-page-wrapper .full-width-block { */
		/* margin-left: calc(-100vw / 2 + 100% / 2) !important; */
		/* margin-right: calc(-98.8vw / 2 + 100% / 2) !important; */
		/* max-width: 100vw !important; */
		/* width: auto !important; */
	/* }	 */
/* } */




/* Forms */

.contact-form textarea {
	rows: 3;
}

.nf-form-wrap {
	color: var(--contrast);
}

.nf-field-label {
	color: var(--contrast-3);
	font-size: 16px;
}

.nf-field-container {    
    margin-bottom: 40px !important;
}

@media(max-width: 768px) {
	.nf-field-container {    
		margin-bottom: 30px !important;
	}
}

.nf-form-content label {
    font-size: 16px !important;   
}

.nf-field-label .nf-label-span, .nf-field-label label {
    font-weight: 600 !important;
}

.nf-form-content input[type=submit], .nf-form-content input[type=submit] {
    border-radius: 4px !important;
	background-color: var(--kasi-yellow) !important;
	color: var(--kasi-black) !important;	
	padding: 0 30px;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 0.1em;	
}

/* !!! */
 .ninja-forms-form-wrap * {
	border-radius: 5px !important;
}

.nf-form-content input[type=submit]:hover, .nf-form-content input[type=submit]:hover {    
	background-color: var(--kasi-navigation) !important;	
	color: var(--base-2) !important;	
}

.nf-form-content .list-select-wrap .nf-field-element > div:focus, .nf-form-content input:not([type="button"]):focus, .nf-form-content textarea:focus {  
	color: var(--contrast-3) !important;
}

.nf-form-content select.ninja-forms-field {
    color: var(--contrast-3) !important;
}

.nf-before-form-content {
	display: none;
}

.alex-form-name .nf-input-limit, .alex-form-company-name .nf-input-limit, .alex-form-phone .nf-input-limit {
	display: none;
}


div.wpforms-container-full .wpforms-field-label {
	text-align: left;
	margin-left: 5px;
}

.wpforms-field-limit-text {
	display: none;	
}

.wpforms-container input.wpforms-field-medium, .wpforms-container select.wpforms-field-medium, .wpforms-container .wpforms-field-row.wpforms-field-medium {
	max-width: 100%;
}



/* Back to top button margins for tablet and mobile */

.generate-back-to-top {    
		bottom: 12px !important;
		right: 12px !important;    
		width: 35px !important; 
		line-height:  35px !important;		
	}

@media (max-width: 1024px) {
	.generate-back-to-top {    
		bottom: 10px !important;
		right: 10px !important;    
		width: 30px !important; 
		line-height:  30px !important;
	}
}

@media (max-width: 768px) {
	.generate-back-to-top {    
		bottom: 10px !important;
		right: 12px !important;    
		width: 25px !important; 
		line-height:  25px !important;
	}
}


/* Cookie Notice - Complianz */

@media (max-width: 1024px) {
	.cmplz-manage-consent {
		display: none !important;
	}
}

/* In admin panel Complianz CSS */
/* :root { */
	/* --cmplz-manage-consent-offset: -28px; */
	/* --cmplz-manage-consent-height: 35px; */
/* } */

/* #cmplz-manage-consent .cmplz-manage-consent{ */
    /* right: 10px; */
    /* padding-top: 0px; */
    /* padding-bottom: 0px; */
/* }  */


/*--------------------------------------------------------------
# Table
--------------------------------------------------------------*/

.wp-block-table {
    margin-bottom: 25px;
	margin-top: 10px;
	border-radius: 8px 8px 0 0;
}

/* Remove table bottom caption and margin, add radius */
.wp-block-table table {
    margin-bottom: 0;
}





/*--------------------------------------------------------------
# Homepage
--------------------------------------------------------------*/


/* Layout for 1920px+ */
@media (min-width: 1920px) {
	.homepage-products-1st-block {
		min-height: 500px;
	}
	
	.homepage-products-2nd-block {
		height: 550px !important;
	}
}

/* Mobile hero darker background color */

@media (max-width: 768px) {	
	.homepage-hero-container:before {
		background-image: url(https://kasi.ca/wp-content/uploads/2024/03/main-hero-for-mobile.jpg) !important;
		opacity: 0.2 !important;
	}
}



/*--------------------------------------------------------------
# Homepage
--------------------------------------------------------------*/

#map h6 {
	margin-bottom: 0;
}



/*--------------------------------------------------------------
# Products
--------------------------------------------------------------*/

/* Disable block that generates spaces */
.gb-container-b2462283, .gb-container-e0fef27e {
	display: none;
}

.products-list-wrapper h3 {
	text-align: center;
	margin-top: 70px;
	font-size: 34px;
}

.products-list-wrapper h4 {	
	margin-top: 40px;
}

@media (max-width: 768px) {
	.products-list-wrapper h3 {
		text-align: center;
		margin-top: 50px;
		font-size: 30px;
	}
}




/*--------------------------------------------------------------
# Product
--------------------------------------------------------------*/
.product-single-wrapper h2, h3 {
	color: var(--dark-red);	
}

.product-single-wrapper h3 {
	font-size: 24px;
}

/* Table */

.product-single-wrapper table {
		/* border-width: 1px !important; */
		/* border-color: red !important; */
		/* border-radius: 5px !important; */
}

.product-single-wrapper thead {
		border-bottom: 1px !important;		
}

.product-single-wrapper .wp-block-table.is-style-stripes {
	border-bottom: 0 !important;
	/* border-width: 1px !important; */
	/* border-color: red !important; */
	/* border-radius: 5px !important; */
}

.product-single-wrapper .wp-block-table {
		margin-bottom: 0;		
}


/*--------------------------------------------------------------
# Other products
--------------------------------------------------------------*/

.other-product-container:has(.sub-category-loop:empty) > h2 {
    display: none;
}



/* .homepage-container p { */
	/* font-size: 20px; */
	/* line-height: 1,7em; */
/* } */

/* Remove News Block on the Homepage */
/* .homepage-news-block { */
	/* display: none; */
/* } */

/* .nf-form-content input[type=submit], .nf-form-content input[type=submit] { */
	/* border-radius: 4px !important; */
/* } */



/*--------------------------------------------------------------
# News posts
--------------------------------------------------------------*/

.news-post-wrapper h2 {
	font-size: 26px;
}

.news-post-wrapper h3 {
	font-size: 24px;
}

.news-post-wrapper h4 {
	font-size: 22px;
}

.news-post-wrapper h5 {
	font-size: 21px;
}

.news-post-wrapper h6 {
	font-size: 20px;
}

/* @media (max-width: 768px) { */
	/* .news-post-wrapper h2 { */
		/* font-size: 26px; */
	/* } */

	/* .news-post-wrapper h3 { */
		/* font-size: 24px; */
	/* } */

	/* .news-post-wrapper h4 { */
		/* font-size: 22px; */
	/* } */

	/* .news-post-wrapper h5 { */
		/* font-size: 21px; */
	/* } */

	/* .news-post-wrapper h6 { */
		/* font-size: 20px; */
	/* } */
/* } */



/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/


/* Search */

/* .search-modal-form { */
	/* background-color: #ffffff;	 */
	/* border-radius: 6px; */
/* } */

/* .search-modal-form .search-field::placeholder { */
	/* color:  #797d7f ; */
/* } */

/* .search-modal-form .search-field, .search-modal-form .search-field:focus { */
	/* border-color:  red ;	 */
/* }	 */


/* No search results - remove default content */

.no-results {
	display: none;
}


/* Editor styles */
.editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper h1 {
	text-transform: none;
}




/* Adjusting styles */
.alex-margin-top-10 {
	margin-top: 10px;	
}

.alex-padding-top-10 {
	padding-top: 10px;	
}

.alex-margin-top-20 {
	margin-top: 20px;	
}

.alex-margin-top-30 {
	margin-top: 30px;	
}

.alex-margin-bottom-0 {
	margin-bottom: 0px;	
}

.alex-margin-bottom-10 {
	margin-bottom: 10px;	
}

.alex-margin-bottom-15 {
	margin-bottom: 15px;	
}

.alex-margin-bottom-20 {
	margin-bottom: 20px;	
}

.alex-margin-top-minus-10 {
	margin-top: -10px;	
}

.alex-margin-top-minus-20 {
	margin-top: -20px;	
}

.alex-remove-uppercase {
	text-transform: none;
}

.alex-add-uppercase {
	text-transform: uppercase;
}

.alex-font-size-26 {
	font-size: 26px;
}

.alex-font-size-26 {
	font-size: 20px;
}

.alex-spacer-margin-0 {
	height: 0px;
}

.alex-line-height-1-8 {
	line-height: 1.8;
}

.alex-span-grey span span {
	color: #9e9e9e;
}

/* .alex-span-grey span { */
	/* font-weight: 600; */
/* } */