/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.2
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */



/* **************************************************
 * Basic utility classes that can be used anywhere needed
 * wyk@katog.org
 * Oct 2022
 * **************************************************/

.hover-1 a:hover, .hover-1 mark:hover {
	color: var(--global-palette2, #2B6CB0);
}

.hide-me-please {
	display: none;
}
.hide-me-please-important {
	display: none !important;
}
.no-height-please {
	height: 0px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.extra-list-spacing li + li {
  margin-top: 1rem;	
}

.clearfix::after {
	content: "";
	clear: both;
	display: table;
  }


  
  /*

  .tippy-box[data-theme~='tomato'] {
	--tippy-background-color: rgb(250, 240, 232);
	background-color: var(--tippy-background-color);
	color: black;
	border: 1px solid black;
  }
  .tippy-box>.tippy-arrow::before {
	border: 1px solid black;
  }
  .tippy-box[data-theme~='tomato'][data-placement^='top'] > .tippy-arrow::before {
	border-top-color: var(--tippy-background-color);
  }
  .tippy-box[data-theme~='tomato'][data-placement^='bottom'] > .tippy-arrow::before {
	border-bottom-color: var(--tippy-background-color);
  }
  .tippy-box[data-theme~='tomato'][data-placement^='left'] > .tippy-arrow::before {
	border-left-color: var(--tippy-background-color);
  }
  .tippy-box[data-theme~='tomato'][data-placement^='right'] > .tippy-arrow::before {
	border-right-color: var(--tippy-background-color);
  }

  .tippy-box[data-theme~='tomato'] > .tippy-svg-arrow > svg:first-child {
	fill: black;
  }
  
  .tippy-box[data-theme~='tomato'] > .tippy-svg-arrow > svg:last-child {
	fill: var(--tippy-background-color);
  }
*/

/*-------------------------------------------------
Developer: Wyk Parish 
Purpose: Easy attractive simple tooltip that displays below the object
         Just add "data-tooltip='Tooltip text" attribute to the objects html tag.
		 Don't use - serious memory leak that causes webkit based mobile browsers to constantly refresh the page starting in ios v18.5!!!
Added: Feb 01 2025
Modified: 
-------------------------------------------------*/
[data-tooltip]::after{
	display: block;
    position: absolute;
    left: 1em;
	top: 110%;
	font-size: small;
	/*font-family: 'Courier New', Courier, monospace;*/
    content: attr(data-tooltip);
    border: 1px solid black;
    color: white;
    border-radius: 0.8em;
    background: black;
    padding: .25em 0.75em;
    opacity: 0.8; 
	visibility: hidden;
	opacity: 0;
	transition: all 0.6s ease-out;

	max-width: 28ch;
	text-align: center;
	/* triangle dimension */
	--b: 2em; /* base */
	--h: 1em; /* height */
  
	--p: 23%; /* triangle position (0%:left 100%:right) */
	--r: 1.2em; /* the radius */
	--c: black;
  
	padding: 1em;
	border-radius: min(var(--r),var(--p) - var(--b)/2) min(var(--r),100% - var(--p) - var(--b)/2) var(--r) var(--r)/var(--r);
	clip-path: polygon(0 0,0 100%,100% 100%,100% 0,
	  min(100%,var(--p) + var(--b)/2) 0,
	  var(--p) calc(-1*var(--h)),
	  max(0%  ,var(--p) - var(--b)/2) 0);
	background: var(--c);
	border-image: conic-gradient(var(--c) 0 0) fill 0/
	  0 calc(100% - var(--p) - var(--b)/2) var(--r) calc(var(--p) - var(--b)/2)/
	  var(--h) 0 0 0;
  }


[data-tooltip]:hover::after {
	visibility: visible;
	opacity: 1;
	transition: all 0.1s ease-in;
}

/* ************************
*
*
*        Miscellaneous
* 
* 
* *************************/


/* **************************************************
 * Fix Photonic css overriding Kadence "Related Posts" Visibility
 * on some posts
 * wyk@katog.org
 * July 24 2023
 * **************************************************/
.entry-related .entry-related-carousel.kadence-slide-init.splide{
	visibility: visible;
}


/* [Full Width] Content Type Margins & Padding */
.content-width-fullwidth .content-area {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}
.content-width-fullwidth .content-container.site-container {
    padding: 0 var(--global-content-edge-padding);
}


/* Home Page - Content Background */
body.home>.site {
	background: white !important;
}

/* **************************************************
 * Login Modal Dialog
 * wyk@katog.org
 * Mar 27 2024
 * **************************************************/
 .popup-drawer-layout-fullwidth .drawer-inner {
    background: rgb(110 181 221 / 90%)
}


/* ************************
*
*
*     Archive Post Type
* 
* 
* *************************/


/* **************************************************
 * Search & Archive Loop Background
 * wyk@katog.org
 * Feb 2024
 * **************************************************/
 .post-type-archive main,
 .search.search-results main {
    box-shadow: 0 0 11px 2px rgb(0 0 0 / 14%); 
    background-color: rgb(255 255 255 / 80%);
    border-radius: 1rem;
}

/* **************************************************
 * Archive "Read More" button styling
 * wyk@katog.org
 * Jan 2024
 * **************************************************/

 .more-link-wrap {
	display: flex;
    justify-content: center;
    margin: 0.5rem 0 0;
}

 a.post-more-link {
	display: block;
	padding: 0.2rem 1rem 0.1rem;
	border-radius: 0.7rem;
	color: var(--global-palette9);
	background-color: var(--global-palette1);
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
	cursor: pointer;
	transition: all 0.2s;
 }
 a.post-more-link:hover {
	color: var(--global-palette9);
	background-color: var(--global-palette2);
 }

a.post-more-link span.kadence-svg-iconset{
	display: none;
}




/* ******************
*
*
*     Ivory Search
* 
* 
* *******************/

/*******************************
/* Search Results Archive page 
/*******************************/

body.search.search-results main>header.search-archive-title {
	background: var(--fc-page-bg-color);
    background: linear-gradient(90deg, rgb(230 229 236) 0%, rgba(255,255,255,1) 48%, rgb(230 229 236) 100%);
    border-radius: 0.7rem 0.7rem 0 0;
    padding: 1rem;
}
body.search.search-results main h1.page-title.search-title span{
    color: var(--global-palette4);
}
body.search.search-results #archive-container {
    padding: 1rem 1.5rem;
}
body.search.search-results #archive-container article{
    border: 3px solid #ffe4c7;
}
body.search.search-results #archive-container article a.post-thumbnail{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 1rem 2rem 2rem;
	height: auto;
}
body.search.search-results #archive-container article a.post-thumbnail>.post-thumbnail-inner{
	margin: 0;
    position: static;
}
body.search.search-results #archive-container article a.post-thumbnail>.post-thumbnail-inner>img{
	filter: drop-shadow(0 0 0.3rem rgba(0,0,0,0.2));
    border-radius: 0.2em;
    max-height: 12rem;
    object-fit: scale-down;
}


/*******************************
/*    Search Popup 
/*******************************/

#is-popup-wrapper {

	--ivory-search-size: 40px;

    background: rgb(110 181 221 / 90%);
}
#is-popup-wrapper .is-popup-search-form form.is-form-id-3557 {
    max-width: 800px;
}
#is-popup-wrapper .is-popup-search-form form.is-form-id-3557 label {
    width: calc(98% - var(--ivory-search-size))!important;
}
#is-popup-wrapper .is-popup-search-form form.is-form-id-3557 input.is-search-input {
    font-size: x-large!important;
	height: var(--ivory-search-size);
}
#is-popup-wrapper .is-popup-search-form form.is-form-id-3557 button.is-search-submit {
    width: var(--ivory-search-size);
    height: var(--ivory-search-size);
}
#is-popup-wrapper .is-popup-search-form form.is-form-id-3557 button.is-search-submit .is-search-icon {
	font-size: 24px!important;
	height: var(--ivory-search-size);
	width: var(--ivory-search-size);
}
#is-popup-wrapper .is-popup-search-form form.is-form-id-3557 button.is-search-submit .is-search-icon svg{
	width: 26px;
}

/*******************************
/* Search Ajax-results Dropdown 
/*******************************/

#is-ajax-search-result-3557.is-ajax-search-result * {
    font-size: 16px;
}
#is-ajax-search-result-3557.is-ajax-search-result .is-ajax-search-post .is-title a,
#is-ajax-search-result-3557.is-ajax-search-result .is-ajax-search-post .is-title a span.is-highlight {
    font-size: 16px;
}
#is-ajax-search-result-3557.is-ajax-search-result .is-ajax-result-description, 
#is-ajax-search-result-3557.is-ajax-search-result .is-ajax-result-description span.is-highlight{
    font-size: 14px;
}



/* **************************************************
* Search Archive uses wrong archive template (Kadence bug?)
* it uses the In The News archive template  instead of the general posts archive
* or a specific search template
* wyk@katog.org
* Jan 2024
* **************************************************/
body.search-results div.main-email-contact {
	display: none;
}

/* **************************************************
* Kadence Search Text Box Background Color 
* wyk@katog.org
* September 09 2022
* **************************************************/
#search-drawer .drawer-inner input.search-field {
	background-color: var(--global-palette9) !important;
}
#search-drawer .drawer-inner input.search-field:focus {
	box-shadow: 0em 0px 1em 0.2em rgba(0,0,0,0.4) !important;
}



/* ******************
*
*
*        Header / Menu
* 
* 
* *******************/

/* increase default first-level menu width to better support icons */
.header-navigation .header-menu-container ul ul li.menu-item > a {
    display: flex;
    align-items: center;
    width: 240px; 
}

/* increase default menu-icon-left default margin */
.kadence-menu-icon-side-left .menu-label-icon-wrap {
    margin-right: 0.5em;
}

/*-------------------------------------------------
Developer: Wyk Parish 
Purpose: Fix strange mobile line height default (0.51) introduced on January 31, 2025
         Curiously, the menu icon was turned off in the Cutomizer to?
		 Maybe a bad theme or plugin update from Kadence?
Added: Jan 31 2025
Modified: 
-------------------------------------------------*/
.mobile-navigation ul li {
    line-height: 1.5;
}

/*-------------------------------------------------
Developer: Wyk Parish 
Purpose: Order Regional Groups menu into two columns
Added: Aug 19 2024
Modified: 
-------------------------------------------------*/
.header-navigation ul .regional-groups-menu>ul.sub-menu{
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: dense;
}
.header-navigation ul .regional-groups-menu>ul.sub-menu>li:nth-child(-n+11) {
    grid-column: 1;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.header-navigation ul .regional-groups-menu>ul.sub-menu>li:nth-child(n+12) {
    grid-column: 2; 
}

/* Student Portal Highlighting */
#menu-item-18541, .menu-item-18541 {
    border-top: 2px solid var(--global-palette9);
    border-bottom: 0px solid var(--global-palette9);
    background: #358cbc;
    box-shadow: 0 0 1px 0 var(--global-palette9), inset 0 0 2px 0 var(--global-palette9);
    /* text-shadow: 0 0 2px black; */
    height: 5rem;
    display: flex;
}

/* **************************************************
 * Hide kadence Search Icon - not used
 * wyk@katog.org
 * Feb 12 2024
 * **************************************************/
.site-header-item:has(.search-toggle-open-container){
	display: none;
}


/* **************************************************
 * Ivory Search Menu Icons
 * wyk@katog.org
 * Feb 12 2024
 * **************************************************/
li.astm-search-menu{
	height: 100%;
}
li.astm-search-menu>a{
	height: 100%;
    text-align: center;
}
li.astm-search-menu>a:hover{
	color: var(--global-palette-highlight);
  	background: #fbd7b5 !important;
}
li.astm-search-menu>a>svg{
	margin-top: 3px;
}
li.astm-search-menu>a:hover>svg>path{
	fill:var(--global-palette-highlight);
}

/* **************************************************
 * Style the account menu button and manually generated account menu's "Account User Name"
 * that displays for logged-in users in non-mobile view
 * (see "display_user_in_top_menu" function in functions.php)
 * wyk@katog.org
 * Dec 10 2024
 * **************************************************/
.header-account-style-icon {
	align-content: center;
	height: 100%;
	margin: 0;
}
 .header-account-style-icon .header-account-button {
	height: 100%;
    border-radius: 0;	
}

/* Account User Name display for logged-in users */

.header-account-style-icon .header-account-username {
    padding-left: 0.35em;
	line-height: 1;
}
.header-account-style-icon>#account-navigation,
.header-account-style-icon>#account-navigation>.account-menu-container {
    height: 100%;
}
.header-account-style-icon>#account-navigation .menu-account-item {
	display: flex;
    height: 100%;
}
.header-account-style-icon>#account-navigation .header-account-button {
	display: flex;
}

/* **************************************************
 * Adjust mobile menu icon
 * wyk@katog.org
 * Mar 27 2024
 * **************************************************/
#mobile-toggle {
	border-radius: 0;
	margin-right: 0.4rem;
}

/* **************************************************
 * Adjust Social Icons header positioning
 * for larger screens
 * wyk@katog.org
 * July 19 2022
 * **************************************************/
@media screen and (min-width: 1000px) {
	#main-header .site-header-top-section-right.site-header-section.site-header-section-right .header-social-wrap
	{
        margin-right: calc(0px + 18vw); 
    }
}
@media screen and (min-width: 386px) { 
	#mobile-header .site-header-top-section-right.site-header-section.site-header-section-right .header-mobile-social-wrap
	{
        margin-right: calc(0px + 18vw); 
    }
}
@media screen and (max-width: 386px) {
	#mobile-header .site-header-top-section-right.site-header-section.site-header-section-right .header-mobile-social-wrap
	{
        display: none;
    }
}

/* **************************************************
*
*
*        Footer
* 
* 
* **************************************************/

/*-------------------------------------------------
Developer: Wyk Parish 
Purpose: Darken Footer Background so text is easier to read
Added: Dec 09 2024
Modified: 
-------------------------------------------------*/
.site-middle-footer-wrap .site-footer-row-container-inner {
    background-image: linear-gradient(to bottom, rgba(18,42, 66, .15), rgba(18,42, 66, 0.25)),url('https://katog.org/wp-content/uploads/2022/03/Blue_Block_M.png');
}

/* **************************************************
*
*
*        AudioIgniter Player
* 
* 
* **************************************************/


.ai-wrap {
	color: #fff;
    background-color: #7c8490;
    border-radius: 0.7rem;
    box-shadow: 0 0 11px 0 rgba(0,0,0,0.3);
}
  
.ai-wrap .ai-track.ai-track-active, .ai-wrap .ai-track:hover {
	background-color: #d02128; /*var(--wp--preset--color--luminous-vivid-orange);*/
}
		
.ai-wrap .ai-volume-bar.ai-volume-bar-active:before {
	background-color: #d02128;
}
.ai-wrap .ai-audio-control {
	background-color: #d02128;
}				
.ai-wrap .ai-audio-control:hover {
	background-color: #d02128;
}
.ai-wrap .ai-audio-control:focus {
	background-color: #d02128;
}
.ai-wrap .ai-track-progress {

	background-color: #d02128;
}



/* **********************
*
*      Gravity Forms
*
*************************/



/* **************************************************
 * Improve field spacing on Gravity Forms fields
 * wyk@katog.org
 * Feb 28 2025
 * **************************************************/
 .gform_wrapper.gravity-theme .gform_fields {
     grid-row-gap: 0px;
 }
.gform_wrapper.gravity-theme .gfield {
    margin-bottom: 2em;
}
.gform_wrapper.gravity-theme .gfield.gf_next_field_close {
	margin-bottom: 0;
}


/* **********************
*
*      LifterLMS
*
*************************/



/* **************************************************
 * LifterLMS My Courses Woocommerce Dashboard
 * Restrict to two columns
 * wyk@katog.org
 * Spet 08 2022
 * **************************************************/
 @media screen and (min-width: 1025px) {
	.woocommerce .llms-course-list.grid-lg-col-3 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* **************************************************
 * LifterLMS My Courses Woocommerce Dashboard
 * Hide Author, Lessons, and Status
 * wyk@katog.org
 * Sept 08 2022
 * **************************************************/
.woocommerce .llms-course-list .llms-author,
.woocommerce .llms-course-list .llms-lessons-count,
.woocommerce .llms-course-list .llms-enroll-status {
	display: none;
}

/* **************************************************
 * Lifter LMS Course 
 * Fix Content Spacing and prettify
 * wyk@katog.org
 * September 08 2022 
 * Last Modified Dec 22 2023
 * **************************************************/
body.course-template-default article.course.type-course .llms-syllabus-wrapper .llms-section-title {
    border-bottom: 3px solid var(--global-palette3, #1A202C);
	background: none;
}
.llms-progress .llms-progress-bar {
    background: var(--global-palette8);
}
.llms-my-courses ul > li.llms-loop-item.course.hentry {
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
}
body.course-template-default article.course.type-course .wp-block-file {
    font-size: 1rem;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

body.course-template-default article.course.type-course .wp-block-file>a:not(.wp-block-file__button) {
    flex: 1;
}

div.wp-block-kadence-column.kadence-column16103_f38347-7e.kb-section-dir-horizontal.lesson_header_nav > div > div > nav > div > ul > li > div{
	--kb-nav-link-color: var(--global-palette-highlight) !important;
}


#wpd-bubble-wrapper {
    opacity: 0.5;
}

/* **********************
*
*      WooCommerce
*
*************************/

/*-------------------------------------------------
Developer: Wyk Parish 
Purpose: Show Line Breaks in WooCommerce Account Page from PO translation Files
Added: Mar 29 2025
Modified: 
-------------------------------------------------*/
.woocommerce-account .woocommerce .woocommerce-message{
	white-space: pre-line;
}

/*-------------------------------------------------
Developer: Wyk Parish 
Purpose: My Account templates
Added: Jul 24 2024
Modified: 
-------------------------------------------------*/
.woocommerce form .form-row .woocommerce-Text.woocommerce-Text--text {
	display: block;
    color: var(--global-palette5);
    background: var(--global-palette8);
    border-radius: 3px;
    padding: 0.3rem 0.5rem;
    box-shadow: inset 0 0 2px 2px var(--global-palette8);
}


/* **************************************************
 * Remove description tab decoration (but not description) in single product page
 * Wyk@katog.org
 * Sept 08 2022
 * **************************************************/
.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description>h2{
    display: none !important;
} 

/* **************************************************
 * Woocommerce Text Product Archive 
 * Fix Content Spacing and prettify
 * wyk@katog.org
 * September 08 2022 
 * Last Modified De  22 2023
 * **************************************************/

 .post-type-archive-product main {
	box-shadow: 0 0 11px 2px rgb(0 0 0 / 14%);
    background-color: rgb(255 255 255 / 80%);
    border-radius: 1rem;
    padding: 2rem;
}

body.single.single-product.woocommerce .product_cat-texts .woocommerce-product-gallery__wrapper img{
	box-shadow: 0 0 20px 7px #f3f3f3;
}


/* **************************************************
 * Woocommerce Single Product Page 
 * Content prettify
 * wyk@katog.org
 * September 08 2022 
 * Last Modified De  22 2023
 * **************************************************/
.woocommerce.product-template-default.single-product div.product.entry-content-wrap {
	box-shadow: 0 0 11px 2px rgb(0 0 0 / 14%);
}

/* **************************************************
 * Woocommerce Single Product Page Error Notificaton
 * Format Messages
 * wyk@katog.org
 * September 10 2022
 * Last Modified Apr 10 2023
 * **************************************************/
.woocommerce .woocommerce-message, .woocommerce .woocommerce-info {
	border: 1px solid var(--global-palette-highlight);
    border-left: 5px solid var(--global-palette-highlight);
	border-radius: 0.5em;
}
.woocommerce .woocommerce-error {
	border: 1px solid #b81c23;
    border-left: 5px solid #b81c23;
	border-radius: 0.5em;
}

/* **************************************************
 * Woocommerce Notifications 
 * Fix Notification Button Wrap 
 * wyk@katog.org
 * Apr 10 2023
 * **************************************************/
.woocommerce .woocommerce-message .button, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button {
    margin-left: 0.6em;
    margin-bottom: 0.8em !important;
}

/* **************************************************
 * Woocommerce Atisha Course Product
 * Box the first paragraph
 * wyk@katog.org
 * September 08 2022
 * **************************************************/
 #product-2630 #tab-description>:nth-child(2){
	border: 1px solid #aaa;
	margin-left: 0;
	padding: 0.7rem 2rem;
	border-radius: 5px;
	color: #555;
	font-size: 87%;
	background:#fedec2;
}

/* **************************************************
 * Clean up the Mind Training course product page
 * mstallings@mac.com
 * Mar 1, 2023
 * * **************************************************/
/* Hide the description tab */
.woocommerce #product-2630 > div.woocommerce-tabs.wc-tabs-wrapper > ul {visibility: hidden;}	
/* position the label */
.woocommerce #product-2630 > div.summary.entry-summary > form > label {display:block; text-align: left;}
/* position the button */
.woocommerce #product-2630 > div.summary.entry-summary > form > button {display: block; text-align: center; }
/* position the input box */
.woocommerce #wcj_open_price { display: block; text-align: center; margin-top: 15px; margin-bottom: 15px }
/* close the gap with the description block */
.woocommerce #product-2630 > div.summary.entry-summary { margin-bottom: 0px; }
.woocommerce #product-2630 > div.summary.entry-summary > form {	margin-bottom: 0px; }
.woocommerce #product-2630 > div.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images { 	padding-bottom: 0px; margin-bottom: 0px; }


/* **************************************************
 * Improve formatting on variation products (we have no variation products - disabling for now)
 * wyk@katog.org
 * July 5 2022
 * **************************************************/

/*
.woocommerce div.product form.cart .variations {
    table-layout: fixed;
}
.woocommerce div.product form.cart .variations .label {
    width: 25%;
}

*/



/* **************************************************
 * Hide unwanted WooCommerce Donation Product elements 
 * PRODUCT ID SPECIFIC
 * (not in use at the moment)
 * wyk@katog.org
 * July 5 2022
 * **************************************************/

/* Title */
/* #product-2417 > div.summary.entry-summary > h1, */

/* Clear button */
/* #product-2417 > div.summary.entry-summary > form > table > tbody > tr > td > a, */

/* Bottom Tabs */
/* #product-2417 > div.woocommerce-tabs.wc-tabs-wrapper, */

/* Cart Quantity */
/*
#product-2417 > div.summary.entry-summary > form > div > div.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled,
#product-2417 > div.summary.entry-summary > form > div > div.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled > div
{
	display: none !important;
}
*/