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

/* GP Responsive -*/
@media (max-width: 768px){/*MOBILE*/
.hide-on-all {display: none;}

}@media (min-width: 769px) and (max-width: 1024px) { /*TABLET*/
.hide-on-all {display: none;}

}@media (min-width: 1025px) {/*DESKTOP */
.hide-on-all {display: none;}

}/* End GP Responsive -*/

/*** 0. TESTING ***/
/* Mobile Action Block ***/
.mobile-action-block {position: fixed !important; width: 100%; bottom: 0;}
.mobile-action-block > *:not(:last-child){border-right: 1px solid lightgray;}

/*** 1. THEME TWEAKS ***/
/* Body background color (outside wrapper) */
body{background-color:var(--surface-0);}

/* Remove bottom margin on last paragraph KVD */
.gb-container p:last-child:last-of-type {margin-bottom: 0px;}
.block-editor-block-list__layout .gb-container p:nth-last-child(2) {margin-bottom: 0px;}

/* ---  Site Wrapper Note: this conflicts with Mega Menu
/* Site Wrapper */
.site-wrapper {width: 100%; max-width: 1920px; margin-inline: auto;}

/* Set the main content area height */
#main {min-height: 65vh;}

/*** NAVIGATION & HEADER ***/
/* Secondary Nav Hambuger off */
.secondary-navigation .menu-toggle {
      display: none;
}

@media(max-width: 768px) {
.secondary-navigation {text-align: right !important;}
.secondary-navigation ul {display: block;}
.secondary-navigation .sf-menu>li {float: none; display: inline-block !important;}
}

/* Mobile Menu Slide out */
#generate-slideout-menu:before {
position: absolute; width: 100%; height: 100%; content:''; background-image: url('https://gpbase1.citrada.dev/wp-content/uploads/2023/09/beautiful-meadow-grassland-landscape-photography.webp'); background-position: center center; background-size: cover; opacity: .15;}

/* Mega Menu Taylor Drason Element  */
@media (min-width: 768px) {
.inside-navigation { position: unset;} 
.inside-navigation .mega-menu { position: unset;}
.inside-navigation .mega-menu .sub-menu { width: 100%; left: 0 !important; background: transparent; box-shadow: none;}
.inside-navigation .mega-menu .sub-menu > ul { left: 0px !important; opacity: 1;}
}

.inside-navigation .mega-menu .sub-menu a { display: inline-flex; font-weight: unset; line-height: unset; color: unset;}
.inside-navigation .mega-menu .sub-menu a:not(.gb-button) {font-size: unset; padding: 0;}
.inside-navigation .mega-menu .sub-menu ul { overflow: visible; opacity: 1; left: 0;position: relative;}

/*** TYPOGRAPHY ***/
.underline mark {box-shadow: inset 0 -1.5em 0 0 rgba(113,235,235,1);padding: 1px;}

.devnote {color:red; font-size: .9rem; padding: 10px 0px;}
.devnote::before {content: "Dev Note: ";}

/* Underline links */
.entry-content a:not(.gp-button a):not(.gb-button-wrapper a):not(.gb-container a):not(.wpls-fix-box a) {
box-shadow: inset 0 -0.1em #fc9f9f; transition: box-shadow 0.2s ease-in;}
.entry-content a:not(.gp-button a):not(.gb-button-wrapper):not(.gb-container a):not(.wpls-fix-box a):not(.wpls-logo-img a):hover {
box-shadow: inset 0 -1.2em #f9e9b8;}

/* Accordian Toggle FAQ -*/
/*- controls double icon display for toggle -*/
.cu-accordion.gb-accordion .gb-accordion__item .gb-accordion__toggle span.gb-icon > svg:nth-of-type(2), .cu-accordion.gb-accordion .gb-accordion__item.gb-accordion__item-open .gb-accordion__toggle span.gb-icon > svg:nth-of-type(1){display: none;}
.cu-accordion.gb-accordion .gb-accordion__item.gb-accordion__item-open .gb-accordion__toggle span.gb-icon > svg:nth-of-type(2){display: block;}

/*- change color of selected Heading maintaining global heading color -*/
.gb-container.gb-accordion__toggle.cu-accordion-color[aria-expanded="true"] h2 {color: var(--global-color-9);}> svg:nth-of-type(2){display: block;}

/*** IMAGES ***/
@media (max-width: 600px) {
figure.alignleft, img.alignleft, figure.alignright, img.alignright figure.alignleft.is-resized, figure.alignright.is-resized {
float:none!important;
margin-left:auto!important;
margin-right:auto!important;
padding:12px;}
}
/* Ken Burns  animation. Add "kb-single" or "kb-infinite" class to Page header container from Web BC */
.kb-single:before { animation: move 40s ease; animation-fill-mode: forwards; transform-origin: bottom left;} @-webkit-keyframes move {0% {transform: scale(1);}100% {transform: scale(1.1);}}
/* infinite animation */
.kb-infinite:before {animation: move 40s infinite ease; transform-origin: bottom left;} @-webkit-keyframes move {0% {transform: scale(1);} 100% {transform: scale(1.1);}}

/*** 4. UTILITIES ***/
  
/* Visually Hidden use in place of display none for accessibility so that they still show up in the DOM for screen readers */
.visually-hidden:not(:focus):not(:active) {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}


/* Tool Tip */
.tooltip{
	position: relative;
}

.tooltip:before,
.tooltip:after{
	--scale: 0;	
	--arrow-size: 8px;
	--tooltip-color: hsla(191, 0%, 95%, 0.9);
        --tooltip-text-color: #222222;
	position: absolute;
	top: -.25rem;
	left: 50%;
	transform: translateX(-50%)  translateY(var(--translate-y, 0)) scale(var(--scale));
	transition: 150ms transform;
	transform-origin: bottom center;
}

.tooltip:before{
	--translate-y: calc(-100% - var(--arrow-size));
	content: attr(data-tooltip);
        color: var(--tooltip-text-color);
	font-size: .8rem; 
	line-height: 1;
	padding: .4rem .6rem;
	width: max-content;
	background: var(--tooltip-color);	
	border-radius: .3rem;
	text-align: center;
}

.tooltip:hover:before,
.tooltip:hover:after{
	--scale: 1;
}

.tooltip:after{
	--translate-y: calc(-1 * var(--arrow-size));
	content:'';
	border: var(--arrow-size) solid transparent;
	border-top-color: var(--tooltip-color);
	transform-origin: top center;
}

/* Line Limits */
.line-limit-3, .line-limit-2 {
display:-webkit-—box;
-webkit-box-orient:vertical;
overflow:hidden;
.line-limit-3 {
-webkit-line-clamp: 3;}
.line-limit-2 {
-webkit-line-clamp: 2;}

/* Aspect Ratios */
.ar169, .ar916, .ar43 {object-fit:cover;}
.ar169 {aspect-ratio: 16/9;}
.ar916 {aspect-ratio: 9/16;}
.ar43 {aspect-ratio: 4/3;}
.ar11 {aspect-ratio: 1/1;}
	
/* No Underline */
.no-ul, .no-ul a {text-decoration: none;}

/* Border Radius */
:root{
--radius-xs:.125rem;
--radius-s:.25rem;
--radius-m:.5rem;
--radius-l:1rem;
--radius-xl:1.5rem;
--radius-xxl:2rem;
--radius-50:50%;
--radius-circle:50%;
}
	
	
/* --- To File Clean up --- */

/* Gravity Forms -*/
#gform_confirmation_message_1 {
color: red; font-size: 1.1rem;}

/*-- Accordian Toggle --*/
/*- controls double icon display for toggle -*/
.cu-accordion.gb-accordion .gb-accordion__item .gb-accordion__toggle span.gb-icon > svg:nth-of-type(2), .cu-accordion.gb-accordion .gb-accordion__item.gb-accordion__item-open .gb-accordion__toggle span.gb-icon > svg:nth-of-type(1){display: none;}
.cu-accordion.gb-accordion .gb-accordion__item.gb-accordion__item-open .gb-accordion__toggle span.gb-icon > svg:nth-of-type(2){display: block;}

/*- change color of selected Heading maintaining global heading color -*/
.gb-container.gb-accordion__toggle.cu-accordion-color[aria-expanded="true"] h2 {color: var(--myco-green-1);}> svg:nth-of-type(2){display: block;}