/*
Theme Name: SageMG Kadence Child
Theme URI: https://sagemg.com.au
Template: kadence
Author: Kadence WP
Author URI: https://sagemg.com.au
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.1639961967
Updated: 2021-12-20 11:59:27

*/

/* ****** GLOBALS *********************************************************** */

/* ****** ADDITIONAL PALETTE ENTRIES */
/* the color also needs to be defined in functions.php */

/*
:root {
  --global-palette10: #fffff;
}
:root .has-theme-palette-10-background-color, :root .has-theme-palette10-background-color {
  background-color: var(--global-palette10);
}
:root .has-theme-palette-10-color, :root .has-theme-palette10-color  {
  color: var(--global-palette10);
}*/

.has-theme-palette5-link-color a:not(:hover), 
a.has-theme-palette5-link-color:not(:hover) {
  color: var(--global-palette5);
}

/**** ****/

:root {	
  --global-row-gutter-xs: 0.5rem;	
  --global-row-gutter-sm: 1rem;
  --global-row-gutter-md: 40px;
  --global-row-gutter-lg: 80px;	

  --global-kb-font-size-sm: clamp(0.8rem, 0.73rem + 0.217vw, 0.9rem);
  --global-kb-font-size-md: clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem);
  --global-kb-font-size-lg: clamp(1.75rem, 1.576rem + 0.543vw, 2rem);
  --global-kb-font-size-xl: clamp(2.25rem, 1.728rem + 1.63vw, 2.5rem) !important;
  --global-kb-font-size-xxl: clamp(2.5rem, 1.456rem + 3.26vw, 3.75rem) !important;
  --global-kb-font-size-xxxl: clamp(2.75rem, 0.489rem + 7.065vw, 5.625rem) !important;
}

* {
  box-sizing: border-box;
}

/************************* Dev ********************************/
html:where(.devmode) body, html:where(.devmode) div:where(:not(#wpadminbar):not(#wpadminbar *)) {
  outline: blue dashed thin;
}

html:where(.devmode) div:where(:not(#wpadminbar):not(#wpadminbar *)) {
  position: relative;
}
html:where(.devmode) div:where(:not(#wpadminbar):not(#wpadminbar *)):before {
  content: attr(class);
  position: absolute;
  top: -1.5em;   
  font-size: 10px;
}

/* dev: label images that came from the template - doesn't do anything for background images */
*:has(> img[src*="/2020"]):after {
    content: 'Template';
    display: block;
    background: yellow;
    /* position: absolute; */
    height: 20px;
    /* z-index: 50; */
    position: relative;
}
/*END:************************ Dev ********************************/

body {
  overflow-x: hidden;
}

:root {
  --border-radius-1: 10px;
  --border-radius-2: 50px;
  --border-radius-3: 200px;	
  --box-shadow-1: 0px 0px 14px 0px rgba(0, 0, 0, 0.2);

}

/*.wp-block-kadence-infobox .kt-blocks-info-box-link-wrap {
  border-radius: var(--border-radius-1);
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  margin-top: 20px;
  margin-bottom: 20px;	
}*/

.has-border-radius-1, .has-border-radius-1-child > *, .has-border-radius-1-gal .kb-gal-image-radius, .has-border-radius-1-img img {
  border-radius: var(--border-radius-1);
}
.has-border-radius-2, .has-border-radius-2-child > *, .has-border-radius-2-gal .kb-gal-image-radius, .has-border-radius-2-img img {
  border-radius: var(--border-radius-2);
}
.has-border-radius-3, .has-border-radius-3-child > *, .has-border-radius-3-gal .kb-gal-image-radius, .has-border-radius-3-img img {
  border-radius: var(--border-radius-3);
}

/* soap shop */
.entry {
  border-radius: var(--border-radius-1);
}
#wrapper .wc-block-grid ul.wc-block-grid__products .product-loop-boxed .entry-content-wrap, #wrapper .wc-block-grid .wc-block-grid__products .woo-archive-action-on-hover .entry-content-wrap {
  border-radius: var(--border-radius-1);	
}
/* get rid of weird odd-right, even-left padding */
.wc-block-grid.has-4-columns ul.wc-block-grid__products .wc-block-grid__product {
  padding-left: 0;
  padding-right: 0;
}
.wc-block-grid ul.wc-block-grid__products {
  column-gap: var(--global-row-gutter-md);
  row-gap: var(--global-row-gutter-md);
}


/* end: soap shop */

.has-box-shadow-1-child > * {
  box-shadow: var(--box-shadow-1);	
}

button, .button, .wp-block-button__link, input[type="button"], input[type="reset"], input[type="submit"], .fl-button, .elementor-button-wrapper .elementor-button {
/*  font-weight: 600;*/
}

/*** section padding ***/

:root {
  --default-section-top: 80px;
  --default-section-bottom: 80px;
}	

html :where(.entry-content > .kb-row-layout-wrap > .kt-row-column-wrap) {
  padding-top: var(--default-section-top);
  padding-bottom: var(--default-section-bottom);
}
html :where(.editor-styles-wrapper > .is-root-container > .kt-row-column-wrap > :is(.kt-top-padding-resize[style*=" height: 0px"],.kt-top-padding-resize:not([style*=" height"]))) {
	height: var(--default-section-top) !important;
}
html :where(.editor-styles-wrapper > .is-root-container > .kt-row-column-wrap > :is(.kt-bottom-padding-resize[style*=" height: 0px"],.kt-bottom-padding-resize:not([style*=" height"]))) {
	height: var(--default-section-bottom) !important;
}

html :where(.entry-content > .kb-row-layout-wrap > .kt-row-layout-top-sep ~ .kt-row-column-wrap) {
  padding-top: 155px;
}

html :where(.editor-styles-wrapper > .is-root-container > .kt-row-column-wrap:has(.kt-row-layout-top-sep) > :is(.kt-top-padding-resize[style*=" height: 0px"],.kt-top-padding-resize:not([style*=" height"]))) {
  height: 155px !important;
}

html :where(.entry-content > .kb-row-layout-wrap > .kt-row-layout-bottom-sep ~ .kt-row-column-wrap){
  padding-bottom: 175px;
}

html :where(.editor-styles-wrapper > .is-root-container > .kt-row-column-wrap:has(.kt-row-layout-bottom-sep) > :is(.kt-bottom-padding-resize[style*=" height: 0px"],.kt-bottom-padding-resize:not([style*=" height"]))) {
  height: 175px !important;
}

/* default hero height for archive pages, 'cause they don't use padding */
.entry-hero.page-hero-section .entry-header {
 /*50px should match H1 height. */
 /*min-height: calc(var(--default-section-top) + 50px + var(--default-section-bottom));*/
}

/* add a bit of space below archive feed, as it's not present as on option unlike other layouts */
#archive-container {
  padding-bottom: 3rem;
}

/* ****** HEADER *********************************************************** */

#main-header .header-button, 
#main-header .header-button2,
#mobile-drawer .mobile-header-button,
#mobile-drawer .mobile-header-button2 {
  padding: 8px 20px;
}

/* put buttons on same "row" */
.site-header-item[data-section=kadence_customizer_mobile_button],
.site-header-item[data-section=kadence_customizer_mobile_button2] {
  display: inline-flex;
}

/*remove bottom margin so two menus flow together */
.site-header-item[data-section=kadence_customizer_mobile_navigation] {
  margin-bottom: 0;
}

/* make nav line up with buttons */
.site-header-main-section-right > .site-header-item {
  margin-right: 0;
}
#primary-menu > li:last-child > a {
  padding-right: 0;
}

/* give slightly different color to top nav links when Transparent Header - can't set Transparent color separately via Customizer*/
/*.transparent-header .header-navigation .header-menu-container >*/ #tertiary-menu > li.menu-item > a {
  /*color: #d5d5d5;*/ /* TODO: global palette? */
  opacity: 0.75;
}

.header-navigation .menu {
  justify-content: flex-end;	
  column-gap: 1.4em;
}

/* bring the logo up a bit to align over multi-row header */
.site-branding:not(.mobile-site-branding) > a {
  margin-top: -3.5rem;	
}

/* for dynamic menus for Menus, Cooking Classes, Tours to make them style the same as regular menus */
#mobile-drawer .dynamic-menu-loop p {
  padding:0;
  text-transform: none;
  border-bottom: 0;
  line-height: 1.7;
  letter-spacing: 0em;
}
.dynamic-menu-loop .kb-query-item:last-child .wp-block-kadence-advancedheading {
  border-bottom: 0;
}
/* and make the structure visible in the editor */
.editor-styles-wrapper .kb-advanced-heading-link p {
  background:black;
}


/* ****** FOOTER *********************************************************** */

/* give the first column a little bit more space */
.site-footer-row.site-footer-row-columns-4 {
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
/* and allow the list items to wrap */
footer .wp-block-kadence-iconlist ul.kt-svg-icon-list li.kt-svg-icon-list-item-wrap {
  line-break: anywhere;
}

/* ****** TYPOGRAPHY *********************************************************** */

/* Menus */
article.type-on-the-menu > .entry-content-wrap, .menu-format {
  /*
  font-family: var(--global-heading-font-family);
  font-size: 18px;
  font-weight: 500;
  */
  /*font-family: Georgia, serif;*/
}


/* ****** HOME *********************************************************** */

.grw-reviews {
  justify-content: center;
}

.grw-reviews > *:nth-child(9n + 1) {
  display: none !important;
}

/* ****** {page} *********************************************************** */

/* ****** THEME OVERRIDES *********************************************************** */

a.social-button[href=""] {
	display: none;
}

/* ****** UTILITIES *********************************************************** */

.no-gap {
  column-gap: 0 !important;
  row-gap: 0 !important;
}

.bg-trans {
  background-color: transparent !important;
}

.nowrap {
  white-space: nowrap !important;
}
.text-small {
  font-size: 0.85em;
}
.text-left {
  text-align: left !important;
}
.fw-500, .strong {
  font-weight: 500 !important;
}
.fw-700 {
  font-weight: 700 !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.ma-0, .ma-0-child > * {
  margin: 0 !important;
}
.pa-0-child > * {
  padding: 0 !important;
}

.mt--2r {
  margin-top: -2rem !important;
}
.mt-1r {
  margin-top: 1rem !important;
}
.mt-2r {
  margin-top: 2rem !important;
}
.mt-3r {
  margin-top: 3rem !important;
}
.mb-1r {
  margin-bottom: 1rem !important;
}
.mb-2r {
  margin-bottom: 2rem !important;
}
.mb-3r {
  margin-bottom: 3rem !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mb-0, .mb-0-child > * {
  margin-bottom: 0 !important;
}
.my-3r {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.w-auto {
  width: auto !important;
}
.mw-200px {
  min-width: 200px !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}
.fb-auto {
  flex-basis: auto !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-right-child > * {
  justify-content: right !important;
}
.justify-end {
  justify-content: flex-end !important;
}
.justify-space-between {
  justify-content: space-between !important;
}
.justify-space-around {
  justify-content: space-around !important;
}
.child-flex > *, .d-flex {
  display: flex;
}
.child-items-justified-center > * {
  justify-content: center;
}
.inline-flex {
  display: inline-flex;
}

.transform-none {
  transform: none !important;
}

@media all and (max-width: 1024px) {
  .center-sm-and-down {
    display: inline-block;
    margin: 0 auto;
  }
}