/* via https://siam.naulak.com/use-google-fonts-genesis-theme/ */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

/* add scroll-locking when clicking the mobile nav menu button*/
body:has(button.menu-toggle.activated) {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
}

body {
	color: #000;
	font-family: "IBM Plex Serif", serif;
	font-weight: 400;
	font-style: normal;
	font-optical-sizing: auto;
	font-style: normal;
	line-height: 1.5;
}


:where(.wp-block-columns:last-of-type) {
	margin-bottom: 0em;
}
:where(.wp-block-columns.separator) {
	margin-bottom: 0em;
}
.service-bullet:last-of-type {
	margin-bottom: 0em !important;
}
hr.wp-block-separator {
	border-bottom: 1px solid #ccc !important;
	color: #466f85;
}

.site-header {
	animation: .5s fadeUp;
	box-shadow: none;
	border-bottom: 1px solid #ccc;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}

.site-title {
	font-size: 30px;
	text-align: left;
	text-transform: uppercase;
}
.site-title a, .menu-toggle, .sub-menu-toggle {
  color: #4e4540; 
}
.site-title a:focus, .site-title a:hover, .menu-toggle:focus, .sub-menu-toggle:focus, .menu-toggle:hover, .sub-menu-toggle:hover {
  color: #4e4540; 
}


.menu-toggle:focus, .sub-menu-toggle:focus, .menu-toggle:hover, .sub-menu-toggle:hover {
  outline: none;
}


.current-menu-parent a, .genesis-nav-menu .sub-menu .current-menu-item > a:focus, .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .current-page-ancestor a {

}
.genesis-nav-menu a, .genesis-nav-menu .current-menu-item > a {
	color: #466f85;
	font-family: "IBM Plex Sans", sans-serif;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: .5px;
	padding-left: 12px;
	text-decoration: none;
	text-transform: uppercase;
}
.genesis-nav-menu a:focus, .genesis-nav-menu a:hover {
	background-color: #4e4540;  /* #c33042; */
	color: #fff;
}
.genesis-title-hidden .site-inner {
	padding-top: 45px !important;
}




/* TYPOGRPAHY */
h1, h2, h3, h4, h5, h6 {
	font-family: "IBM Plex Sans", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-variation-settings: "wdth" 100;
	margin-bottom: 0;
}

h2, h3, h4, h5, h6 {
	color: #466f85; /* #00999a; */
}

.clip-path-arrow-right {
	background: #cee9f2;
	padding: 20px;
	clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
}

@media only screen and (max-width: 780px) {
	.clip-path-arrow-right {
		background: #cee9f2;
		clip-path: polygon(0% 0%, 100% 0, 100% 90%, 50% 100%, 0 90%);
	}
}

h3 {
	margin-bottom: 15px;
}


#about  {
  padding-top: 150px;
  margin-top: -150px;
}

#about h2 {
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 30px;
}
#about h2:last-of-type {
	margin-bottom: 0;
}
@media only screen and (max-width: 780px) {
	#about h2 {
		font-size: 20px;
		line-height: 30px;
	}
	:where(#about .wp-block-columns.is-layout-flex) {
		gap: 0;
	}
}

#contact  {
  padding-top: 150px;
  margin-top: -150px;
}
#contact p {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

p {
	font-size: 20px;
	margin-bottom: 30px;
}
u {
	text-decoration: none !important;
}
a {
	color: #466f85; /* #00999a; */
	text-decoration: none !important;
	font-weight: 600;
}
.site-container p.has-background a {
	color: #63666a;
}
.entry-content ul > li,
.entry-content ol > li {
	font-size: 18px;
}
p.has-background {
	border: 1px solid #f2f2f2;
  -webkit-transition: background-color .5s ease-out;
  -moz-transition: background-color .5s ease-out;
  -o-transition: background-color .5s ease-out;
  transition: background-color .5s ease-out;
}
p.has-background:hover,
p.has-background:focus {
	background-color: #fff !important;
	border: 1px solid #ccc !important;
}
figcaption, .gallery-caption, .wp-caption-text {
	font-size: 18px;
	font-weight: normal;
	margin-top: 0.5em;
	margin-bottom: 1em;
	padding-left: 0;
	padding-right: 0;
	text-align: left;
	font-style: italic;
}
/* END TYPOGRPAHY */



.site-container .wp-block-columns.alignfull {
	padding: 0 40px;
}



@media only screen and (min-width: 960px) {
	.site-inner {
		max-width: 100%;
	}
	.full-width-content .content {
		width: 100%;
	}
	.footer-widgets .wrap {
		max-width: 100%;
	}
}

@media only screen and (max-width: 768px) {
	.home .wp-block-cover {
		min-height: 480px !important;
	}
	
}


.wp-block-cover {
	padding: 5%;
}
.wp-block-cover h1 {
	font-size: 60px;
	line-height: 1 !important;
	margin-bottom: 30px !important;
}
.wp-block-cover p {
	font-size: 30px;
	font-family: "IBM Plex Sans", sans-serif;
	font-weight: 400;
	line-height: 1.5 !important;
	margin-bottom: 0 !important;
}

@media only screen and (max-width: 768px) {
	.wp-block-cover h1 {
		font-size: 30px;
	}
	.wp-block-cover p {
		font-size: 20px;
	}
}


/* ACCORDION  */
.gb-block-accordion .gb-accordion-title {
	color: #466f85;
	font-size: 1.25em;
	font-family: "IBM Plex Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-variation-settings: "wdth" 100;
	line-height: 1;
	margin-bottom: 1em;
}
.gb-block-accordion .gb-accordion-title:focus, .gb-block-accordion .gb-accordion-title:hover {
	outline: none;
}
.gb-block-accordion .gb-accordion-title::marker {
	color: #4e4540; 
}
.gb-block-accordion .gb-accordion-title {
	background-color: #cee9f2;
	cursor: pointer;
	padding: 20px 15px;
	margin-bottom: 0 !important;
}
.gb-block-accordion img {
	border: 1px solid #ccc;
}
@media only screen and (max-width: 1000px) {
	.gb-block-accordion .gb-accordion-title {
		font-size: 1em;
	}
	p {
		font-size: 1em;
	}
	.entry-content ul > li,
	.entry-content ol > li {
		font-size: 1em;
	}
}	

.gb-block-accordion .gb-accordion-text {
	padding: 35px 20px 20px 20px;
}
/* END ACCORDION  */



/* FOOTER */
.footer-widgets {
    border-top: 1px solid #ccc;
}
.footer-widgets p {
	font-size: 1em;
}
.site-footer {
	background-color: #4e4540;
	border: none;
	color: #fff;
	font-family: "IBM Plex Sans", sans-serif;
	font-size: 12px;
}
.site-footer a {
	color: #fff;
}
/* END FOOTER */


/* FORMS */


.site-container .wp-block-button .wp-block-button__link {
	border-radius: 0;
}
.site-container .wp-block-button .wp-block-button__link:focus,
.site-container .wp-block-button .wp-block-button__link:hover,
.site-container .wp-block-button.is-style-outline .wp-block-button__link:focus,
.site-container .wp-block-button.is-style-outline .wp-block-button__link:hover {
	box-shadow: none;
}




.wp-block-buttons {
	margin-bottom: 30px;
}
.site-container .wp-block-button .wp-block-button__link {
	background-color: #4e4540 !important;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .site-container div.wpforms-container-full .wpforms-form input[type="submit"], .site-container div.wpforms-container-full .wpforms-form button[type="submit"], .button {
	background-color: #4e4540; 
	border: 0;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	font-family: "IBM Plex Sans", sans-serif;
	font-size: 16px;
	font-weight: 600;
	padding: 15px 30px;
	text-align: center;
	text-decoration: none;
	white-space: normal;
	width: auto;
	text-transform: uppercase;
	letter-spacing: 2px;
}

button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .site-container div.wpforms-container-full .wpforms-form input[type="submit"]:focus, .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:focus, .button:focus {
	background-color: #b21f31;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .site-container div.wpforms-container-full .wpforms-form input[type="submit"]:hover, .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:hover, .button:hover {
	background-color: #b21f31;
}
/* END FORMS */



/* https://wpsites.net/genesis-tutorials/vertical-align-title-area-menu-on-desktops-mobiles/ */
@media only screen and (min-width: 960px) {

    .title-area { 
        grid-area: logo; 
   /*     justify-self: end;   */
    }
    
    .nav-primary { 
        grid-area: menu; 
    /*  justify-self: start; */
    }

    .site-header .wrap {
        display: grid;
        grid-template-areas:
        'logo menu'; 
        align-items: center; 
			  text-align: right;
    }

    .wp-custom-logo .title-area {
	    padding-bottom: 0;
	    padding-top: 0;
    }
    
}

@media only screen and (max-width: 960px) {
    .menu-toggle {
         margin-top: 15px;
    }

}

@media only screen and (max-width: 480px) {
	.wp-custom-logo .title-area {
		max-width: 250px;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.menu-toggle {
		margin-bottom: 0;
		padding: 13px 0 0;
		margin-top: 0 !important;
	}
}

#trustedsite-tm-image {
	display: none;
}