@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;600;700&display=swap');

@media only screen and (min-width: 1280px) {
    .responsive-max-width,
    .entry-content > .wp-block-button.aligncenter,
    hr.wp-block-separator.is-style-wide,
    .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment),
    .entry-content > *:not(.wp-block-button),
    .entry-content [class*=inner-container] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
    .entry-content .wp-audio-shortcode,
    .post-navigation,
    .pagination {
        max-width: 100% !important;
    }
}

@media only screen and (min-width: 1024px) {
    .responsive-max-width,
    .entry-content > .wp-block-button.aligncenter,
    hr.wp-block-separator.is-style-wide,
    .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment),
    .entry-content > *:not(.wp-block-button),
    .entry-content [class*=inner-container] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
    .entry-content .wp-audio-shortcode,
    .post-navigation,
    .pagination {
        max-width: 100% !important;
    }
}

@media only screen and (min-width: 768px) {
    .responsive-max-width,
    .entry-content > .wp-block-button.aligncenter,
    hr.wp-block-separator.is-style-wide,
    .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment),
    .entry-content > *:not(.wp-block-button),
    .entry-content [class*=inner-container] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
    .entry-content .wp-audio-shortcode,
    .post-navigation,
    .pagination {
        max-width: 100% !important;
    }
}

@media only screen and (min-width: 480px) {
    .responsive-max-width,
    .entry-content > .wp-block-button.aligncenter,
    hr.wp-block-separator.is-style-wide,
    .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment),
    .entry-content > *:not(.wp-block-button),
    .entry-content [class*=inner-container] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
    .entry-content .wp-audio-shortcode,
    .post-navigation,
    .pagination {
        max-width: 100% !important;
    }
}

@media only screen and (max-width: 479px) {
    .responsive-max-width,
    .entry-content > .wp-block-button.aligncenter,
    hr.wp-block-separator.is-style-wide,
    .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment),
    .entry-content > *:not(.wp-block-button),
    .entry-content [class*=inner-container] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
    .entry-content .wp-audio-shortcode,
    .post-navigation,
    .pagination {
        max-width: 100% !important;
    }
}

@media only screen and (min-width: 1280px) {
  .wp-site-blocks, .wp-block {
    max-width: 100% !important; /* Ensure the container takes full width */
    padding-left: 5vw !important;
    padding-right: 5vw !important;
  }
  
  .wp-block-coblocks-feature, 
  .wp-block-coblocks-featured-image, 
  .wp-block-cover, 
  .wp-block-group, 
  .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment), 
  .entry-content > *:not(.wp-block-button) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important; /* Full-width for specific blocks */
  }
}

@media only screen and (min-width: 1024px) {
  .wp-site-blocks, .wp-block {
    max-width: 100% !important; /* Ensure the container takes full width */
    padding-left: 5vw !important;
    padding-right: 5vw !important;
  }
  
  .wp-block-coblocks-feature, 
  .wp-block-coblocks-featured-image, 
  .wp-block-cover, 
  .wp-block-group, 
  .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment), 
  .entry-content > *:not(.wp-block-button) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important; /* Full-width for specific blocks */
  }
}

@media only screen and (min-width: 768px) {
  .wp-site-blocks, .wp-block {
    max-width: 100% !important; /* Ensure the container takes full width */
    padding-left: 5vw !important;
    padding-right: 5vw !important;
  }
  
  .wp-block-coblocks-feature, 
  .wp-block-coblocks-featured-image, 
  .wp-block-cover, 
  .wp-block-group, 
  .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment), 
  .entry-content > *:not(.wp-block-button) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important; /* Full-width for specific blocks */
  }
}

@media only screen and (min-width: 480px) {
  .wp-site-blocks, .wp-block {
    max-width: 100% !important; /* Ensure the container takes full width */
    padding-left: 5vw !important;
    padding-right: 5vw !important;
  }
  
  .wp-block-coblocks-feature, 
  .wp-block-coblocks-featured-image, 
  .wp-block-cover, 
  .wp-block-group, 
  .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment), 
  .entry-content > *:not(.wp-block-button) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important; /* Full-width for specific blocks */
  }
}

@media only screen and (max-width: 479px) {
  .wp-site-blocks, .wp-block {
    max-width: 100% !important; /* Ensure the container takes full width */
    padding-left: 5vw !important;
    padding-right: 5vw !important;
  }
  
  .wp-block-coblocks-feature, 
  .wp-block-coblocks-featured-image, 
  .wp-block-cover, 
  .wp-block-group, 
  .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment), 
  .entry-content > *:not(.wp-block-button) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important; /* Full-width for specific blocks */
  }
}

@media only screen and (min-width: 1280px) {
  .site-footer {
    max-width: 100% !important;
    width: 100% !important;
    padding-top: 0 !important;
  }
}

@media only screen and (min-width: 1024px) {
  .site-footer {
    max-width: 100% !important;
    width: 100% !important;
    padding-top: 0 !important;
  }
}

@media only screen and (min-width: 768px) {
  .site-footer {
    max-width: 100% !important;
    width: 100% !important;
    padding-top: 0 !important;
  }
}

@media only screen and (min-width: 480px) {
  .site-footer {
    max-width: 100% !important;
    width: 100% !important;
    padding-top: 0 !important;
  }
}

@media only screen and (max-width: 479px) {
  .site-footer {
    max-width: 100% !important;
    width: 100% !important;
    padding-top: 0 !important;
  }
}

@media only screen and (min-width: 1280px) {
  .site-footer section:not(#block-14) {
    padding-right: 5vw !important;
    padding-left: 5vw !important;
  }
}

@media only screen and (min-width: 1024px) {
  .site-footer section:not(#block-14) {
    padding-right: 5vw !important;
    padding-left: 5vw !important;
  }
}

@media only screen and (min-width: 768px) {
  .site-footer section:not(#block-14) {
    padding-right: 5vw !important;
    padding-left: 5vw !important;
  }
}

@media only screen and (max-width: 559px) {
#main, footer {
		padding-right: 0!important;
		padding-left: 0!important;
	}
}

@media only screen and (min-width: 480px) {
  .site-footer section:not(#block-14) {
    padding-right: 5vw !important;
    padding-left: 5vw !important;
  }
}

@media only screen and (max-width: 479px) {
  .site-footer section:not(#block-14) {
    padding-right: 5vw !important;
    padding-left: 5vw !important;
  }

}

	
	#masthead {
		max-width:100%!important;
		width:100%!important;
		margin: 0!important;
    position: sticky!important;
    top: 0vh;
    z-index: 1000;
    background: #201c21!important;
    padding: 3vh 5vw!important;
    transition: all 0.3s ease-in-out;
}
	
/* start style mast footer */
@media only screen and (min-width: 782px) and (max-width: 1280px) {
    .site-footer {
        flex-direction: column; /* Stacks columns */
        align-items: center; /* Centers content */
    }
}
	
	#block-9,
	#block-10, 
	#block-11,
	#block-12,
	#block-14 {
		width: 100%!important;
	}
	
	.page .entry-footer {
		display: none!important;
	}
	}
	
	
/* end style mast footer */
	
	/* start style home */
	.entry-content {
		margin-top:0!important;
	}
	
	.site-logo {
		max-width: 450px;
	}
	
	.page #main {
		padding-bottom: 0!important;
	}
	
	/* end style home */
	
	h1, h2, h3, h4, h5, h6 {
  font-family: 'Oswald', sans-serif !important;
}
	
	.entry-title a {
		font-family: 'Oswald', sans-serif !important;
		font-size: 1.5rem!important;
	}
	
	body, ul, li, label, button, a {
		font-family: 'Urbanist', sans-serif!important;
	}
	
	.site-main {
		padding-top:0!important; /*remove top site padding */
	}

/*add teal border to feature tiles*/
.wp-block-coblocks-feature,
.coblocks-feature-12611842546,
.homefeaturetile {
  border: 2px solid #17A498; 
}

:where(.wp-block-columns.has-background).footerlogo {
	padding-right: 5vw!important;
	padding-left: 5vw!important;
}

footer a {
  text-decoration: none!important; /* Removes the underline */
}

 .page .entry-title {
  display: none; /* Hides the title */
}

.featuretiletext a {
	text-decoration: none!important;
}

@media only screen and (max-width: 767px) {
  .wp-block-columns .wp-block-column {
    margin-bottom: 0 !important;
  }
}

 .page .wp-post-image {
    display: none !important;
} /* hide featured images on all pages */

.site-info {
	display: none;
}

.page-id-1528 .wp-block-post-title a:hover {
    color: #000000 !important; /* change post title hover color on blog page */
}

/* start customize style on blog page */
.blog article {
	background: white!important;
	color: black!important;
	padding-right: 8vw!important;
	padding-left: 8vw!important;
	padding-top: 5vh!important;
	margin-bottom: 0!important;
	margin-top: 0!important;
display: flex;
flex-wrap: wrap;
		gap: 20px;
}

.blog article > header {
	width: 100%;
	margin-bottom: 0!important;
}

.blog article > figure,
.blog article > div {
	min-width: 300px;
	margin-top: 0!important;
	margin-bottom: 0!important;
}

.blog article > figure {
	flex: 1;
}

.blog article > div {
	flex: 2;
}

.post-thumbnail a img {
	width: 800px!important;
	max-width: 100%!important;
	max-height: 50vh!important;
	align: left!important;
	display: block!important;
  aspect-ratio: 4 / 2!important;
	object-fit: cover!important;
	object-position: 50%!important; /* Crop excess content */
}

.blog article > footer {
	width: 100%;
	margin-top: 0!important;
}

.blog article.post:last-of-type {
	padding-bottom: 5vh!important;
}

nav.navigation.pagination {
	padding: 5vh 8vw!important;
	background-color: #808080;
	margin-top:0;
}

.post footer a, .post footer .byline svg, .post footer .posted-on svg, .post footer .cat-links svg, .post footer .edit-link svg, .post footer .comments-link {
	color: #17A498!important;
}

body.blog footer.entry-footer {
	padding-left: 0!important;
}

.blog #main {
	padding-bottom: 0!important;
}

/* end customize style on blog page */

a.more-link {
	color: #17a498!important;
	font-weight:bold;
}

body:not(.blog).entry-footer {
	color: #17a498!important; 
	padding-left: 0!important;
}

.wp-block-categories-list.wp-block-categories > a {
	color: white;
}

/* start style for post template */
#jp-relatedposts {
	padding: 3vh 8vw 0vh 8vw!important;
	background-color: #17A498!important;
	color: black!important;
}

#jp-relatedposts a {
	color:black!important;
}

#jp-relatedposts .jp-relatedposts-headline {
		font-size: 0.8695652174rem!important;
}

.post article {
	padding-right: 8vw!important;
	padding-left: 8vw!important;
	margin-bottom: 3vh!important;
}

.post .sd-title {
	font-size: 0.8695652174rem!important;
}

article.post {
	margin-bottom: 0!important;
}

.jp-relatedposts-i2 a {
	color: white!important;
}

body:not(.blog).post footer {
	padding: 3vh 8vw!important;
	background-color: white!important;
	margin:auto!important;
}

body:not(.blog).post footer a, body:not(.blog).post footer .byline svg, body:not(.blog).post footer .posted-on svg, body:not(.blog).post footer .cat-links svg, body:not(.blog).post footer .edit-link svg, body:not(.blog).post footer .comments-link {
	color: black!important;
}

article > div.entry-content {
	margin-bottom: 0!important;
}

nav.post-navigation {
	padding: 3vh 8vw 3vh 8vw!important;
	margin-top: 0!important;
	margin-bottom: 0!important;
	background-color: #17a498!important;
	color: black!important;
}

nav.post-navigation a {
	color: black!important;
}

nav.post-navigation .meta-nav {
	font-family: 'Oswald', sans-serif !important;
	font-weight: bold!important;
}

#comments {
	padding: 5vh 8vw!important;
	margin-top: 0!important; 
}

article.post header h1 {
	background-color: #17a498!important;
	margin-bottom: 0!important;
} */

.entry-title::after {
	margin-bottom: 0!important;
}

body:not(.blog) .blogpostfeatimg {
	max-width: 600px!important;
	width: 100%!important;
}

.post .sharedaddy {
	padding-right: 8vw!important;
	padding-left: 8vw!important;
	padding-top: 3vh!important;
	background-color: #201c21!important;
	color: white!important;
	margin: 0!important;
}

.post .sharedaddy .robots-nocontent {
	margin-bottom: 0!important;
}

.post .wp-block-group {
	margin-bottom: 0!important;
}

body:not(.blog).single-post .entry-footer {
	display:none!important;
}

body:not(.blog).single-post .entry-footer a {
	color: black!important;
}

.single-post .entry-header, .single-post .entry-header h1::after {
	margin-bottom: 0!important;
}

.single-post .entry-content {
	margin-top: 0!important;
}

.wp-block-post-author .avatar {
width: 150px!important;
height: auto;
}

body:not(.blog).single-post .entry-title {
	padding-right: 8vw!important;
	padding-left: 8vw!important;
}
/* end style for post template */

/* start style for short-long form cat pg */
body.archive {
	background-color: white!important;
	color:black!important;
}
	
body.archive .page-title::before, body.archive .page-title::after  {
	height: 0!important;
}

body.archive .page-title {
	background-color:  #17a498!important;
	padding-top: 1vh!important;
	padding-bottom: 1vh!important;
}

body.archive article {
	padding-right: 8vw!important;
	padding-left: 8vw!important;
}

.archive #main {
	padding-bottom: 0!important;
}

.archive nav.pagination {
	margin-top: 8vh!important;
}

body.archive .site-footer {
	background-color: #1C2120!important;
	color:white!important;
}

/*end style for short-long form cat pg */

/* Style the pop-up container */
.jetpack-subscribe-modal__modal-content {
    background-color: #17A498!important; /* Change background */
    border: 0!important; /* Add border */
    border-radius: 0!important;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3)!important; /* Soft shadow */
}

/* Style the email input field */
#subscribe-field-2 {
    border-radius: 0!important;
    border: 1px solid #000!important;
}

/* Style the subscribe button */
button[name="jetpack_subscriptions_widget"] {
    background-color: #000!important; /* Button color */
    color: #fff!important;
    border: 0!important;
    transition: background 0.3s ease-in-out;
}

/* Style the close link */
.jetpack-subscribe-modal__close a {
    color: #000!important;
}

.jetpack-subscribe-modal__close a:hover {
    color: #fff!important;
}

#video, .video-js {
	max-width: 100%!important;
	max-height:100vh!important;
	display:block!important;
	clear: both!important;
}

#0c479dd434dd9571547e9a3afb89139b27add7bc6 {
	max-width: 600px!important;
	width: 100%!important;
	margin: 0 auto; 
  display: block;
}

.hsfc-Step__Content {
	padding: 0!important;
}