/*
 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
*/


/* MEDIA QUERIES */

@media (max-width: 768px) {
    /* CSS in here for mobile only */
}
@media (min-width: 769px) and (max-width: 1024px) {
    /* CSS in here for tablet only */
}
@media (min-width: 1025px) {
    /* CSS in here for desktop only */
}


/*=====================================================================
GENERAL
======================================================================*/

.bg-blended{
	background-blend-mode: multiply;
}

.no-underline, .no-underline a{
	text-decoration:none;
}

a.no-border,
.no-border a{
	border:0!important;
}

#main a:not(.gb-button){
	font-weight:700;
	border-bottom:1px dashed #ccc;
}

.reviewed-by a{
	border-bottom:0!important;
}


/*=====================================================================
HEADER / NAV STYLES / NAVIGATION
======================================================================*/

/* STICKY NAV */
/*.sticky-enabled .main-navigation.is_stuck .inside-navigation {
    padding: 5px 40px;
}

.sticky-enabled .main-navigation.is_stuck .inside-navigation .navigation-branding img {
    height: auto;
    max-height: 80px;
}

.main-navigation.is_stuck,
.main-navigation.is_stuck ul ul {
    background-color: var(--brand-blue-dark);
}

.main-navigation.navigation-stick .main-nav ul li a,
.main-navigation.navigation-stick a:not([aria-label*='Close']) {
    color: #fff !important;
}*/

/*===================
GP MEGA MENU
===================*/

@media (min-width: 768px){
    nav .main-nav .mega-menu {
        position: static;
    }

    nav .main-nav .mega-menu > ul {
        position: absolute;
        width: 100%;
        left: 0 !important;
        display: flex;
        flex-wrap: wrap;
    }

    /*nav .main-nav .mega-menu > ul > li > a {
        font-weight: 600;
    }*/

    nav .main-nav .mega-menu>ul>li {
        display: inline-block;
        width: 25%;
        vertical-align: top;
    }

    nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
        width: 50%;
    }

    nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
        width: 33.3333%;
    }

    nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
        width: 20%;
    }

    /*nav .main-nav .mega-menu > ul > li:hover > a,
    nav .main-nav .mega-menu > ul > li:focus > a,
    nav .main-nav .mega-menu > ul > li[class*="current-"] > a,
    nav .main-nav .mega-menu ul ul {
        background-color: transparent !important;
        color: inherit;
    }*/

    nav .main-nav .mega-menu ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        box-shadow: 0 0 0;
        left: 0;
        height: auto;
        pointer-events: auto;
        transform: scale(1);
    }

    nav .main-nav .mega-menu ul.toggled-on .sub-menu {
        pointer-events: auto;
    }

    nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
	
	nav .main-nav .mega-menu > .sub-menu{
		padding:20px;
		max-width:800px;
	}
	
	nav .main-nav .mega-menu > .sub-menu > li{
		border:0;
	}
	
	/*nav .main-nav .mega-menu > .sub-menu > li:hover > a,
	nav .main-nav .mega-menu > ul > li[class*="current-"]{
		color:#fff!important;
	}*/
	
	nav .main-nav .mega-menu .sub-menu .sub-menu{
		border:0;
		box-shadow:none!important;
	}
	
	nav .main-nav .mega-menu .sub-menu .sub-menu li{
		border:0;
	}
	
	nav .main-nav .mega-menu .sub-menu li a{
		display:flex;
	}
	
	nav .main-nav .mega-menu .sub-menu li a:before{
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 320 512'%3E%3Cpath fill='%23447ec0' d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E");
		display: block;
		transform: scale(0.6);
		margin:2px 15px 0 0;
	}
	
	nav .main-nav .mega-menu ul li a{
		padding:10px 20px;
	}
}


/*=====================================================================
BUTTONS
======================================================================*/


/*=====================================================================
PAGE CONTENT STYLING
======================================================================*/
.entry-content ul,
.entry-content ol {
    padding: 30px 30px 30px 30px;
    background: var(--grey-blue-light);
    margin-left: 0;
    border-radius: 10px;
}

.entry-content ul li,
.entry-content ol li {
    margin-bottom: 15px;
    font-weight: 500;
}

.entry-content ul li:last-child,
.entry-content ol li:last-child {
    margin-bottom: 0;
}

.entry-content ul li {
    background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%239da4a6' d='M9.707 13.707l5-5c0.391-0.39 0.391-1.024 0-1.414l-5-5c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414l3.293 3.293h-9.586c-0.552 0-1 0.448-1 1s0.448 1 1 1h9.586l-3.293 3.293c-0.195 0.195-0.293 0.451-0.293 0.707s0.098 0.512 0.293 0.707c0.391 0.391 1.024 0.391 1.414 0z'%3E%3C/path%3E%3C/svg%3E%0A") no-repeat left 6px;
    list-style-type: none;
    padding-left: 40px;
    background-size: 16px auto;
}

.entry-content ul li ul {
    padding: 15px 0 0 0;
}

.entry-content ul li ul li {
    /*background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%239da4a6' d='M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'/%3E%3C/svg%3E") no-repeat left 6px;*/
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%239da4a6' viewBox='0 0 448 512'%3E%3Cpath d='M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'/%3E%3C/svg%3E") no-repeat left 6px;
    background-size: 12px auto;
    padding-left: 35px;
}

/*=====================================================================
BLOG STYLING & BLOG CONTENT STYLING
======================================================================*/

/* blog category list styling */
.cat-list{
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	gap:0.5rem;
}

.cat-list .cat-item a{
	border:1px solid #ccc!important;;
	font-size:0.85rem;
	padding:0.5rem 1rem;
	display:inline-block;
	border-radius:500px;
	transition:0.3s ease;
	background-color:#fff;
}

.cat-list .cat-item a:hover,
.cat-list .cat-item a:focus,
.cat-list .current-cat a{
	background-color:#d4fde3;
	border-color:#00762e!important;;
}

/* blog styling */

.single-post .mim-single-post h2,
.single-post .mim-single-post h3, 
.single-post .mim-single-post h4,
.single-post .mim-single-post h5 {
	margin: 40px 0 24px 0 !important;
}

.single-post .mim-single-post h2,
.single-post .mim-single-post h3, 
.single-post .mim-single-post h4,
.single-post .mim-single-post h5 {
	padding-bottom: 0 !important;
}

.single-post article h2:after {
	display: none !important;
}

.mim-absolute-right-image {
	position: absolute;
	right: 0;
	bottom: 0;
}

.single-post .rank-math-breadcrumb {
	position: relative;
	padding-left: 30px;
}

.single-post .rank-math-breadcrumb > p > a::before {
	content: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.75 11L4.58333 9.16667M4.58333 9.16667L11 2.75L17.4167 9.16667M4.58333 9.16667V18.3333C4.58333 18.8396 4.99374 19.25 5.5 19.25H8.25M17.4167 9.16667L19.25 11M17.4167 9.16667V18.3333C17.4167 18.8396 17.0063 19.25 16.5 19.25H13.75M8.25 19.25C8.75626 19.25 9.16667 18.8396 9.16667 18.3333V14.6667C9.16667 14.1604 9.57707 13.75 10.0833 13.75H11.9167C12.4229 13.75 12.8333 14.1604 12.8333 14.6667V18.3333C12.8333 18.8396 13.2437 19.25 13.75 19.25M8.25 19.25H13.75' stroke='%23404040' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	position: absolute;
	top: 3px;
	left: 0;
}

.single-post article ul, 
.single-post article ol{
	margin-left:0;
}

.single-post article ol{
	padding:0;
	list-style: none;
}

.single-post article ol li::marker {
	color: #007630;
	font-weight: 600;
}

.single-post article ol li{
	margin-bottom:24px;
	counter-increment: inst;
	display: flex;
	gap: 16px;
}

.single-post article ol li::before {
	content: counter(inst);
	background: #007630;
	color: #fff;
	border-radius: 24px;
	font-size: 14px;
	line-height: 1em;
	width: 24px;
	height: 24px;
	display: block;
	padding: 5px;
    text-align: center;
	margin-top: 2px;
}

.mim-single-post blockquote {
	border-left: 0;
	padding: 0 155px 50px 155px;
	border: solid 1px #B9F2D0;
	background-color: #EEFFF5;
	border-radius: 12px;
}

.mim-single-post blockquote cite {
	font-style: normal;
	font-size: 18px;
	line-height: 1.5em;
	color: #404040;
}

.mim-single-post h3 {
	font-style: normal;
	font-size: 1.75rem;
	line-height: 1.2em;
	color: #404040;
}

.mim-single-post ul li,
.single-post article ol li {
	border: solid 1px #dedede;
	border-radius: 12px;
	padding: 1.875rem;
}

.mim-list-content {
	width: 100%;
}

/* Social Share */
.heateor_sss_sharing_ul {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding-top: 1.625rem;
}

.heateor_sss_sharing_ul a:hover .heateor_sss_svg {
	background-color: rgba(10, 10, 10, 0.8) !important;
	transition-duration: 0.3s;
}

.heateor_sss_svg {
	display: flex !important;
    width: 50px !important;
    height: 50px !important;
    line-height: unset !important;
    text-align: center;
    justify-content: center;
    align-items: center;
	transition-duration: 0.3s;
}

.heateor_sss_svg svg {
	width: 30px !important;
	height: 30px !important;
}

@media (max-width: 1240px) {
	.mim-social-share__container {
		flex-direction: column;
		margin-left: 0 !important;
	}
	.mim-social-share {
		order: 1;
		width: 100% !important;
	}
	.heateor_sss_sharing_ul {
		flex-direction: row;
	}
}

@media (max-width: 1024px) {
	.mim-single-post blockquote {
		padding: 0 50px 50px;
	}
}

@media (max-width: 767px) {
	.single-post .rank-math-breadcrumb > p > a::before {
		top: 0;
	}
}

/* RANK MATH BREADCRUMBS */

.single-post article .rank-math-breadcrumb a{
	font-weight:bold;
	color:var(--primary);
}
.single-post article .rank-math-breadcrumb .last{
	color: var(--paragraph);
}

/* RANK MATH TOC */

.single-post article #rank-math-toc nav {
	border: solid 1px #B9F2D0;
	border-radius: 12px;
	background-color: #EEFFF5;
	padding: 1.875rem;
}

.single-post article #rank-math-toc ul ul {
	padding-top:1.25rem;
	padding-bottom:0;
	padding-left:0;
}

.single-post article #rank-math-toc ul li,
.single-post article ul li {
	background: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.379028' width='24' height='24' rx='12' fill='%23007630'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.96967 15.9094C9.67678 15.6165 9.67678 15.1416 9.96967 14.8487L12.4393 12.379L9.96967 9.90936C9.67678 9.61647 9.67678 9.14159 9.96967 8.8487C10.2626 8.5558 10.7374 8.5558 11.0303 8.8487L14.0303 11.8487C14.3232 12.1416 14.3232 12.6165 14.0303 12.9094L11.0303 15.9094C10.7374 16.2023 10.2626 16.2023 9.96967 15.9094Z' fill='white'/%3E%3C/svg%3E%0A");
	list-style-type: none;
}

.single-post article #rank-math-toc ul li {
    padding: 0 0 0 40px !important;
    background-size: 24px auto;
	background-repeat: no-repeat;
	background-position: left 3px;
	border: none !important;
	border-radius: 0 !important;
}

.single-post article ul li{
    padding: 30px 30px 30px 70px !important;
    background-size: 24px auto;
	background-position: 30px 33px;
	background-repeat: no-repeat;
	margin-bottom: 1.5rem !important;
}
	
.single-post article #rank-math-toc ul ul li{
	background: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.379028' width='24' height='24' rx='12' fill='%23007630'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 8.62903C12.4142 8.62903 12.75 8.96481 12.75 9.37903V11.629L15 11.629C15.4142 11.629 15.75 11.9648 15.75 12.379C15.75 12.7932 15.4142 13.129 15 13.129H12.75V15.379C12.75 15.7932 12.4142 16.129 12 16.129C11.5858 16.129 11.25 15.7932 11.25 15.379V13.129H9C8.58579 13.129 8.25 12.7932 8.25 12.379C8.25 11.9648 8.58579 11.629 9 11.629L11.25 11.629V9.37903C11.25 8.96481 11.5858 8.62903 12 8.62903Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat left 3px;
	background-size: 24px auto;
}

.wp-block-rank-math-toc-block a {
	line-height:1.5em;
}

/* RANK MATH FAQ BLOG */

.single-post article #rank-math-faq .rank-math-list-item{
	padding:2.5rem;
	border:1px solid #dedede;
	margin-bottom:1.875rem;
	border-radius:12px;
}

.single-post article .rank-math-list-item h3{
	margin-top:0;
	padding-top:0;
}

.single-post article .rank-math-list-item:last-child{
	margin-bottom:0;
}

@media (max-width: 767px) {
	.single-post article #rank-math-faq .rank-math-list-item {
		padding: 1.875rem;
	}
}

/*=====================================================================
FOOTER
======================================================================*/

/* FIXED CTA ON MOBILE */
.footer-cta {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9;
}

/*=====================================================================
PLUGINS
======================================================================*/

/*===================
GRAVITY FORMS
===================*/


/*===================
YOAST SEO
===================*/

.yoast-breadcrumbs {
    color: #000;
}

.yoast-breadcrumbs a {
    opacity: 0.5;
}

.yoast-breadcrumbs a:hover,
.yoast-breadcrumbs a:focus {
    color: #000;
    opacity: 0.8;
}

.schema-faq-section {
    border: 1px solid #ccc;
    padding: 30px;
    background: rgba(240, 242, 249, 0.4);
    margin-bottom: 1.4em;
    border-radius: 10px;
}

.schema-faq-section .schema-faq-question {
    font-size: 1.2em;
    margin-bottom: 1em;
    display: block;
    font-weight: 600;
}

.schema-faq-section p.schema-faq-answer:last-child {
    margin-bottom: 0;
}

/*===================
RANK MATH FAQ
===================*/

.rank-math-list .rank-math-list-item h3.rank-math-question{
	margin-top:0!important;
	padding-top:0!important;
	position:relative;
	font-size:1.5rem;
	line-height:1.2em;
	color:#0a0a0a;
	position:relative;
	display:flex;
	flex-direction:column;
	gap:1.875rem;
}

.rank-math-list .rank-math-list-item h3.rank-math-question::before{
	content: url("data:image/svg+xml,%3Csvg width='60' height='61' viewBox='0 0 60 61' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.878906' width='60' height='60' rx='6.92308' fill='%23D7FFE6'/%3E%3Cpath d='M18.9229 23.9558C18.9229 22.4264 20.1627 21.1865 21.6921 21.1865H31.3844C32.9138 21.1865 34.1536 22.4264 34.1536 23.9558V29.4942C34.1536 31.0236 32.9138 32.2634 31.3844 32.2634H28.6152L24.4613 36.4173V32.2634H21.6921C20.1627 32.2634 18.9229 31.0236 18.9229 29.4942V23.9558Z' fill='%23007630'/%3E%3Cpath d='M36.9229 26.725V30.4173C36.9229 32.9663 34.8565 35.0327 32.3075 35.0327H29.7622L27.316 37.4789C27.7034 37.6851 28.1457 37.8019 28.6152 37.8019H31.3844L35.5382 41.9558V37.8019H38.3075C39.8369 37.8019 41.0767 36.5621 41.0767 35.0327V29.4942C41.0767 27.9648 39.8369 26.725 38.3075 26.725H36.9229Z' fill='%23007630'/%3E%3C/svg%3E%0A");
	width: 60px;
	height: 60px;
}

.rank-math-answer p:last-child {
	margin-bottom: 0 !important;
}

/*===================
RANK MATH BREADCRUMBS
===================*/

.rank-math-breadcrumb{
	font-size:0.85rem;
}

.rank-math-breadcrumb .last{
	color:rgba(255,255,255,0.7);
}

/*===================
INFINITE SCROLL
===================*/

/* DISPLAYS MESSAGE WHEN ALL POSTS HAVE BEEN LOADED */
.page-load-status {
  opacity: 0; /* hidden by default */
  padding-top: 20px;
  border-top: 1px solid #DDD;
  text-align: center;
  color: #777;
}

/* LOADING ANIMATION 1 */
.loader-ellips {
  font-size: 20px; /* change size here */
  position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto;
}

.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #555; /* change color here */
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}

@keyframes slide {
  to { transform: translateX(1.5em) }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}

/* LOADING ANIMATION 2 */
/* HTML: <div class="loader"></div> */

.loader{
	margin:20px auto 0 auto;
}

.loader {
  width: 45px;
  aspect-ratio: .75;
  --c: no-repeat linear-gradient(var(--green-800) 0 0);
  background: 
    var(--c) 0%   50%,
    var(--c) 50%  50%,
    var(--c) 100% 50%;
  animation: l7 1s infinite linear alternate;
}

@keyframes l7 {
  0%  {background-size: 20% 50% ,20% 50% ,20% 50% }
  20% {background-size: 20% 20% ,20% 50% ,20% 50% }
  40% {background-size: 20% 100%,20% 20% ,20% 50% }
  60% {background-size: 20% 50% ,20% 100%,20% 20% }
  80% {background-size: 20% 50% ,20% 50% ,20% 100%}
  100%{background-size: 20% 50% ,20% 50% ,20% 50% }
}

/*===================
BLOG
===================*/
.search-box {
	display: flex;
    width: 30%;
}

.search-box input {
	border: none;
}

.search-box .wp-block-search__inside-wrapper,
.search-box .wp-block-search__button.has-icon {
	border-radius: 8px;
}

.modified-date svg {
	transform: scale(1.30);
}

@media (max-width: 1024px) {
	.search-box .wp-block-search__inside-wrapper,
	.search-box {
		width: 100% !important;
	}
}

/* HIDE MODIFIED DATE CONTAINER IF EMPTY */

.blog-modified-date:not(:has(.update-date)) {
    display: none;
}