/*
Theme Name: Go Child
Description: Child theme for Go
Author: Sebastian Lane
Author URI: https://sebastianlane.ca/
Template: go
Version: 1.0.0
*/

/*===============================*/
/*===== Mobile Styles ====*/
/*===============================*/
/* === START FONT STYLES === */
H1, h2, h3, h4 {
	font-family: 'Montserrat', Arial, sans-serif !important;
	font-weight: 700 !important;
}
H1 {
	font-size: 40px;
	line-height: 48px;
}
H2 {
	font-size: 32px;
	line-Height: 42px;
}
H3 {
	font-size: 24px;
	line-height: 32px;
}
H4 {
	font-size: 20px;
	line-height: 28px;
}
/* Body text */
body p, .header__navigation a {
	font-family: 'Open Sans', Arial, sans-serif !important;
	font-size: 16px;
	line-height: 24px;
}
footer#colophon a, footer .site-info {
	font-family: 'Open Sans', Arial, sans-serif !important;
	font-size: 16px;
	line-height: 24px;
}
body, .header__navigation a {
	color: #4d4d4d;
}
.header__navigation a:hover, footer #menu-footer #menu-item-88 a:hover {
	color: #c51d00;
	text-decoration: none;
}
footer#colophon a {
	color: #FFF;
}
ul, ol {
	font-size: 16px;
	line-height: 26px !important;
}
/* === END FONT STYLES === */

/* === START GLOBAL STYLES === */
a:focus {
	outline: none;
	border: none; /* Optional: if you also have a border property set */
}

/* Mobile menu */
.header__inner {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.header__inner .custom-logo-link img.custom-logo {
	z-index: 100;
} 
.menu-is-open .primary-menu {
	display: block !important;
	top: 220px !important;
	position: fixed;
}
/* Hide default three-dot icon */
#nav-toggle .nav-toggle-icon:first-of-type svg {
	display: none;
}
/* Create a simple hamburger */
#nav-toggle .nav-toggle-icon:first-of-type::before {
	content: "";
	display: block;
	width: 20px;
	height: 2px;
	margin-top: -24px;
	margin-right: 1px;
	background-color: #000;
	box-shadow: 0 6px 0 #000, 0 12px 0 #000;
	border-radius: 2px;
}
.nav-toggle-icon--close svg {
	fill: #FFF;
}
#nav-toggle {
	margin-right: 0;
	
}
#nav-toggle:focus {
	outline-color: none;
  	outline-style: none;
  	outline-width: none;
}
.menu-is-open .header__navigation {
	background-color: #333333;	
}
.menu-is-open .primary-menu li {
	text-align: center;
}
.menu-is-open .header__navigation a {
	color: #FFFFFF;
	font-size: 20px;
  	line-height: 48px;
}
.menu-is-open .header__navigation a:hover {
	color: #c51d00;
}

footer#colophon {
	padding: 40px 0;
}
footer nav.footer-navigation {
	margin-bottom: 25px !important;
}
footer #menu-footer #menu-item-88 {
	margin-bottom: 25px;
}
footer #menu-item-89 a {
	text-decoration: none;
}
.wp-block-button a {
	padding: 16px 25px;
	font-size: 18px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.wp-block-button a:hover {
	color: #FFF;
	background-color: #333333;
	box-shadow: 0 6px 14px rgba(0,0,0,0.15) !important;
}
/* === END GLOBAL STYLES === */

/* === START HOME PAGE STYLES === */
.wp-block-coblocks-hero__inner.is-fullscreen {
	height: 100%;
	padding-bottom: 85px;
}
.kilowatt-mechanical-h2 {
	margin-bottom: 10px;
}
.wp-block-coblocks-hero .wp-block-coblocks-hero__content-wrapper p {
	font-size: 18px;
  	line-height: 28px;
	margin-top: 20px;
  	margin-bottom: 25px;
}
#site-content .services-section {
	margin-top: 18px !important;
}
.services-section .services-svg-icon {
	margin-bottom: 10px;
}
.engine-svg-icon, .gear-svg-icon {
	width: 60px;
	height: 60px;
	display: block;
	margin: 0 auto;
}
.services-summary-and-icons .services-section-1st-row {
	margin-top: 0;
	margin-bottom: 0;
}
.services-summary-and-icons .services-section-2nd-row {
	margin-top: 50px !important;
	margin-bottom: 52px;
}
.services-h2 {
	margin-top: 0 !important;
  	margin-bottom: 28px !important;	
}
.wp-block-group .wp-block-group__inner-container > :last-child.alignfull {
	margin-bottom: -120px;
}
.about-section {
	margin-top: 60px !important;
	margin-bottom: 0 !important;
}
.about-h2 {
	margin-bottom: 15px;
}
.carousel-img-desktop-gallery {
	display: none;
}
/* === END HOME PAGE STYLES === */

/* === START CONTACT PAGE STYLES === */
.nf-form-fields-required {
	display: none;
}
.nf-field-label label, .nf-field-element input, #nf-field-8 {
	font-family: 'Open Sans', Arial, sans-serif !important;
}
.nf-field-label label {
	font-size: 16px;
}
#nf-field-8 {
	padding: 16px 25px;
	font-size: 18px;
}
/* Old Coblocks form styles */
/* .coblocks-form .wp-block-button__link {
	padding: 16px 25px;
	font-size: 18px;
	font-family: 'Open Sans', Arial, sans-serif !important;
}
.coblocks-form .wp-block-coblocks-form .coblocks-label {
	font-size: 16px;
} */
main#site-content article#post-14 .get-in-touch-section {
	margin-bottom: 52px;
}
.get-in-touch-h2 {
	margin-top: 0;
}
/* === END CONTACT PAGE STYLES === */

/*===============================*/
/*===== Mobile Only Styles where removing extra space in header above logo ====*/
/*===============================*/
@media screen and (max-width: 782px) {
  html.wp-admin-bar-gdl-live-site-banner-enabled {
    margin-top: 48px !important;
  }
}

/*===============================*/
/*===== Tablet Styles ====*/
/*===============================*/
@media all and (min-width: 768px) {
	/* === START GLOBAL STYLES === */
	footer #menu-footer #menu-item-88 {
		margin-bottom: 0;
	}
	/* === END GLOBAL STYLES === */
	
	/* === START HOME PAGE STYLES === */
	.wp-block-coblocks-hero__inner.is-fullscreen {
		padding-bottom: 125px;
	}
	.wp-block-group .wp-block-group__inner-container > :last-child.alignfull {
		margin-bottom: -116px;
	}
	/* Making text blocks wider for services section */
	.wp-block-columns .wp-block-column:not([class*="background-color"]):first-child {
		padding-right: 1rem;
	}
	.wp-block-columns .wp-block-column:not([class*="background-color"]):nth-child(2) {
		padding: 0 1rem;
	}
	.wp-block-columns .wp-block-column:not([class*="background-color"]):last-child {
		padding-left: 1rem;
	}
}

/*===============================*/
/*===== Standard Desktop Styles ====*/
/*===============================*/
@media all and (min-width: 980px) {
	H1 {
		font-size: 56px;
		line-height: 62px;
	}
	H2 {
		font-size: 48px;
		line-Height: 56px;
	}
	H3 {
		font-size: 32px;
		line-height: 42px;
	}
	H4 {
		font-size: 26px;
		line-height: 34px;
	}
	/* Body text */
	body p, .header__navigation a {
		font-size: 22px;
		line-height: 32px;
	}
	footer#colophon a, footer .site-info {
		font-size: 18px;
		line-height: 28px;
	}
	ul, ol {
		font-size: 22px;
		line-height: 34px !important;
	}
	.wp-block-button a {
		padding: 20px 30px;
		font-size: 22px;
	}
	/* === END FONT STYLES === */

	/* === START HOME PAGE STYLES === */
	.wp-block-coblocks-hero__inner.is-fullscreen {
		height: 100vh;
	}
	.carousel-img-mobile-gallery {
		display: none;
	}
	.carousel-img-desktop-gallery {
		display: block;
	}
	.wp-block-coblocks-hero .wp-block-coblocks-hero__content-wrapper p {
		font-size: 22px;
    	line-height: 32px;
		margin-top: 0;
		margin-bottom: 20px;
	}
	/* Making text blocks a bit narrower again for services section */
	.wp-block-columns .wp-block-column:not([class*="background-color"]):first-child {
		padding-right: 2rem;
	}
	.wp-block-columns .wp-block-column:not([class*="background-color"]):nth-child(2) {
		padding: 0 2rem;
	}
	.wp-block-columns .wp-block-column:not([class*="background-color"]):last-child {
		padding-left: 2rem;
	}
	/* === END HOME PAGE STYLES === */
	
	/* === START CONTACT PAGE STYLES === */
	.nf-field-label label {
		font-size: 20px;
	}
	#nf-field-8 {
		padding: 20px 30px;
		font-size: 22px;
	}
	/* Old Coblocks form styles */
/* 	.coblocks-form .wp-block-button__link {
		padding: 20px 30px;
		font-size: 22px;
	}
	.coblocks-form .wp-block-coblocks-form .coblocks-label {
		font-size: 20px;
	}
	.wp-block-group .wp-block-group__inner-container > :last-child.alignfull {
		margin-bottom: -100px;
	} */
	/* === END CONTACT PAGE STYLES === */
}

/*===============================*/
/*===== Large Desktop Styles ====*/
/*===============================*/
@media all and (min-width: 1405px) {

}

/*===============================*/
/*===== Extra Large Desktop Styles ====*/
/*===============================*/
@media all and (min-width: 1980px) {
	/* === START GLOBAL STYLES === */
	.header__inner {
		max-width: 1364px;
		padding: 0;
		margin: 0 auto;
	}
	/* === END GLOBAL STYLES === */
	
	/* === START HOME PAGE STYLES === */
	.home-page-hero-banner .wp-block-coblocks-hero__inner, .about-hero-banner .wp-block-coblocks-hero__inner  {
		padding-left: 30% !important;
	}
	.services-section .wp-block-group__inner-container {
		--go--max-width--alignwide: 94rem;
	}
	/* === END HOME PAGE STYLES === */
	
	/* === START CONTACT PAGE STYLES === */
	body {
		--go--max-width: 100%;
	}
	main#site-content article#post-14 .get-in-touch-section {
		margin-bottom: 82px;
		margin-top: 30px;
	}
	/* === END CONTACT PAGE STYLES === */
}