/*
 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 COLOR PALETTE ------------------- */
/* For use in the block editor - colors set up in functions.php */

.has-sd-black-background-color {
    background-color: #000000;
}
 
.has-sd-black-color {
    color: #000000;
}

.has-sd-white-background-color {
    background-color: #000000;
}
 
.has-sd-white-color {
    color: #000000;
}

.has-sd-charcoal-background-color {
    background-color: #333333;
}
 
.has-sd-charcoal-color {
    color: #333333;
}

.has-sd-gray-background-color {
    background-color: #58585a;
}
 
.has-sd-gray-color {
    color: #58585a;
}

.has-sd-light-gray-background-color {
    background-color: #efefef;
}
 
.has-sd-light-gray-color {
    color: #efefef;
}

.has-sd-navy-blue-background-color {
    background-color: #09445f;
}
 
.has-sd-navy-blue-color {
    color: #09445f;
}

.has-sd-bright-blue-background-color {
    background-color: #019ed0;
}
 
.has-sd-bright-blue-color {
    color: #019ed0;
}

.has-sd-medium-blue-background-color {
    background-color: #0888b9;
}
 
.has-sd-medium-blue-color {
    color: #0888b9;
}

.has-sd-baby-blue-background-color {
    background-color: #8ed1fc;
}
 
.has-sd-baby-blue-color {
    color: #8ed1fc;
}

.has-sd-green-background-color {
    background-color: #00b899;
}
 
.has-sd-green-color {
    color: #00b899;
}

.has-sd-light-green-background-color {
    background-color: #7bdcb5;
}
 
.has-sd-light-green-color {
    color: #7bdcb5;
}

.has-sd-yellow-background-color {
    background-color: #fcb900;
}
 
.has-sd-yellow-color {
    color: #fcb900;
}

.has-sd-orange-background-color {
    background-color: #ff6900;
}
 
.has-sd-orange-color {
    color: #ff6900;
}


/* ------------------ Header & Navigation ------------------- */

.main-navigation .main-nav ul ul li a {
	font-size: 17px;
}

/* add padding around mobile navigation header */
.mobile-header-navigation {
	padding: 10px;
}

.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .menu-bar-item > a {
	letter-spacing: -.25px;
}

/* Utility header */

.utility-header .wp-block-columns {
	margin-bottom: 0;
}

.utility-header {
	/*background: linear-gradient(95.25deg,#00b899 -29.38%,#019ed0 101.43%);*/
	background: linear-gradient(95.25deg,#00b197 -29.38%,#1377a7 101.43%);
}

.utility-header .utility-header-link:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* For utility nav links moved into the menu on mobile only 
- will need to change based on width of mobile menu */

.mobile-link { 
	display: none; 
}

@media screen and (max-width: 992px) {
	.mobile-link {
		display: block;
	}

	.mobile-header-navigation .site-logo.mobile-header-logo img { 
		height: 80px;
	}
}

@media screen and (max-width: 992px) {
		.gb-container.utility-header {
		display: none;
	}
}

@media screen and (max-width: 1200px) {
	.main-navigation .main-nav ul li a { 
	padding-left: 20px; 
	padding-right: 20px;
	}
}

.main-navigation .main-nav ul li:last-of-type a {
	padding-right: 0;
}

.header-internal-page h1 {
	color: #fff;
	font-weight: 900;
	margin-bottom: 5px
}

.header-internal-page h2 {
	color: #fff;
	font-weight: 500;
}


/* ------------------------ Footer ------------------------  */

.site-footer ul.wp-block-latest-posts__list {
	margin-left: 0;
}

.site-footer ul.wp-block-latest-posts__list li {
	text-transform: capitalize;
	display: flex;
	flex: 1;
	align-items: center;
}

.site-footer ul.wp-block-latest-posts__list li a {
	font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.4em;
	color: #0888b9;
	color: #7bdcb5;
	font-size: 17px;
}

.site-footer ul.wp-block-latest-posts__list li a:hover {
	color: #00b899;
}


.site-footer .wp-block-latest-posts__featured-image.alignleft {
	margin-left: 0;	
}

.wp-block-columns.footer-hours {
	margin-bottom: 5px;
}

.wp-block-columns.footer-hours p {
	margin-bottom: 0;
}

.site-footer ul.wp-block-latest-posts__list li a,
p.gb-headline-326b0678 a {
	color: #8ad5ec;
}

.site-footer ul.wp-block-latest-posts__list li a:hover,
p.gb-headline-326b0678 a:hover {
	color: rgba(0, 184, 153, 0.9);
}

.site-footer .day { 
	display: inline-block; 
	min-width: 100px; 
}

/* ------------------------ Image styling ------------------------ */

.grey-shadow img {
	box-shadow: 12px 12px 0px #eaeaea;
}

.blue-shadow img {
	box-shadow: 12px 12px 0px rgb(1 158 208 / 48%);
}

.white-shadow img {
	box-shadow: 12px 12px 0px #efefef;
}



/* --------------- HOMEPAGE ------------------ */

@media screen and (max-width: 767px) {
	.homepage-hero-headings > .gb-inside-container {
		padding: 30px !important;
	}
	
	.homepage-hero-headings > .gb-inside-container h1.stylized-heading {
		color: #fff;
		font-size: 30px;
	}
	
	.homepage-hero-headings > .gb-inside-container h2.stylized-subheading {
		color: #fff;
		font-size: 22px;
	}
	
	.homepage-hero-headings > .gb-inside-container h2.stylized-subheading br {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.homepage-hero {
		height: 750px;
	}
	
	.homepage-hero > .gb-inside-container {
		position: absolute !important;
    bottom: 0 !important;
    background: #00000059 !important;
		padding: 0 !important;
	}
	
	.gb-container-f46950a4 {
		margin-top: 0 !important;
	}
}

@media screen and (max-width: 1024px) {
	.home-featured-testimonial,
	.home-featured-testimonial h4,
	.home-featured-testimonial p,
	.home-featured-testimonial .gb-button-wrapper {
		text-align: center !important;
		justify-content: center;
	}
	
	.home-featured-testimonial h4 {
		font-size: 18px !important;
	}
	
	.home-featured-testimonial p {
		font-size: 22px !important;
	}

	.gb-grid-wrapper-888059ab > .gb-grid-column { 
		padding-bottom: 0; 
	}
}


@media screen and (min-width: 759px) and (max-width: 1024px) {
	.steps-graphic div h4, 
	.steps-graphic p {
		text-align: left !important;
	}
	
	.homepage-hero:before {
		background-position: 60% top;
	}
	
	h1.stylized-heading {
		max-width: 700px;
	}
}


/* ------------------ MISC TYPOGRAPHY ---------------- */

.inside-article a:not(.button):hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}


/* Forms */
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
	background: #fff;
	border-color: #b9b9b9;
}

/* ------------------ CUSTOM BUTTONS ---------------- */

.button {
	text-transform: uppercase !important;
	letter-spacing: .05em !important;
	font-size: 16px !important;
	font-weight: 700 !important;
}

.button.outline {
	border: 3px solid orange;
	border-radius: 2px;
}

.button.orange {
	background: #ff6900 !important;
}

.button.orange:hover {
	background: #00b899 !important;	
}

.button.outline.orange {
	color: #ff6900 !important;
	border-color: #ff6900 !important;
	background: transparent !important;
}

.button.outline.orange:hover {
	color: #fff !important;
	background: #00b899 !important;
	border-color: #00b899 !important;
}


/* ---------- FAQ ACCORDION OVERRIDES ---------- */

.wp-block-pb-accordion-item:first-of-type  {
	border: 0;
}

.wp-block-pb-accordion-item  {
	border-top: 1px solid #cacaca;
  padding-top: 18px;
  margin-top: 18px;
	margin-bottom: 0;
}

.wp-block-pb-accordion-item .c-accordion__title {
	padding: 0;
	margin: 0;
}

.wp-block-pb-accordion-item .c-accordion__title:hover {
	color: #019ed0;
}

.wp-block-pb-accordion-item p {
	padding: 20px 0;
}


/* ---------- CUSTOM LIST STYLING ------------- */

ol.numbered-circles {
	list-style: none;
	padding-left: 0;
	margin-left: 20px;
}

ol.numbered-circles li {
  counter-increment: li;
	position: relative;
	padding: 12px 12px 12px 50px;
}

ol.numbered-circles li:before {
	position: absolute;
	top: 12px;
	left: 0;
	text-align: center;
	padding: 0;
  content: counters(li, '.') ' ';
  background: #00b899;
	color: #fff;
	border-radius: 50%;
	width: 35px;
	height: 35px;
  font-weight: bold;
	display: inline-block; 
	line-height: 1.4;
	font-size: 24px;
	vertical-align: middle;
}


/* ------------------- Full-width CTA bar (reusable block) -------------------  */

.wrapper-full-width-cta-bar .has-white-color a {
	color: #fff;
}

.wrapper-full-width-cta-bar .has-white-color a:hover {
	color: #fff;
	text-decoration: underline;
}

.wrapper-full-width-cta-bar .gb-button:hover {
	background: #fff;
	color: #019ed0 !important;
}

@media (max-width: 1023px) {
	.wrapper-full-width-cta-bar p {
		margin: auto;
		text-align: center;
	}
	
	.wrapper-full-width-cta-bar .gb-headline {
		margin: auto;
		text-align: center;
	}
	
	.wrapper-full-width-cta-bar .gb-headline br { 
	display: none; }
	
	.wrapper-full-width-cta-bar .gb-button {
		margin: auto;
		text-align: center;
	}
}




/* -------------------- BLOG & POSTS -------------------- */

.single-post #content {
	max-width: 1300px;
}

.search .entry-title,
.blog .entry-title,
.archive .entry-title {
	font-size: 26px;
	line-height: 1.2 !important;
}

.search .entry-title a,
.blog .entry-title a,
.archive .entry-title a {
	color: #0888b9;
}

.single-post #content {
	margin-bottom: 70px;
	padding-top: 30px;
}

.single-post .hero-image { 
	padding-bottom: 20px; 
}

/* Force blog post images full-width
.single-post .hero-image img { 
	width: 100%; 
} 
*/

.generate-columns-container .page-header, .generate-columns-container .paging-navigation {
	text-align: center;
  border-top: 2px solid #eee;
  padding: 20px;
}

.single .page-hero { 
	padding-left: 20px; 
}

/* Post sidebar widgets */
.single-post .wp-show-posts-image.wpsp-image-left {
	margin-right: .9em;
}

.single-post .wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child) {
	margin-bottom: 1em;
  border-bottom: 1px solid #d3d3d3;
}

@media (max-width: 767px) {
	.single-post .wp-show-posts-image.wpsp-image-left, .wp-show-posts-image.wpsp-image-right {
	  float: left;
	  margin-right: .9em;
	  margin-left: 0;
	}
}

@media (min-width: 768px) and (max-width: 1000px) {
	.single-post .content-area { 
		width: 65%;
	}

	.single-post .widget-area.sidebar { 
		width: 35%;
	}
}

.single-post .widget-area .inside-right-sidebar .widget-cta {
	margin: -30px !important;
	background: linear-gradient(45deg, #04a49b, #1278a6);
	background: linear-gradient(45deg, #04a49b99, #1278a6d9);
	outline: 2px solid #fff;
  outline-offset: -15px;
}

.home .wp-show-posts .wp-show-posts-entry-header {
	margin-bottom: .5em;
}

.home .wp-show-posts .wp-show-posts-entry-title {
	font-size: 1.2em;
}

.blog .site-content,
.archive.category .site-content {
	padding-top: 3em;
}

.blog .blog-header,
.archive.category .blog-header {
	padding: 70px 20px 0;
  max-width: 1300px;
	margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.blog.one-container .site-content,
.archive.category.one-container .site-content {
	padding-top: 1em;
}

.blog .blog-header hr,
.archive.category .blog-header hr {
	background: #00b899;
	height: 2px;
}

.blog .blog-header p.gb-headline,
.archive.category .blog-header p.gb-headline{
	color: #00b899;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  margin-bottom: 5px;
  margin-left: 5px;
  display: flex;
  align-items: center;
}


h1.subtle-heading {
	font-weight: 500;
	font-size: 32px;
	line-height: 1.4em;
	margin-bottom: 30px;
}

.blog .blog-header h1 {
	margin-bottom: 20px;
}