/*!
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.12
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
-------------------------------------------------------------- */

:root {
  --global-xs-spacing: 1em;
  --global-sm-spacing: 1.5rem;
  --global-md-spacing: 2rem;
  --global-lg-spacing: 2.5em;
  --global-xl-spacing: 3.5em;
  --global-xxl-spacing: 88px;
  
  --global-kb-spacing-xs:12px;
  --global-kb-spacing-sm:24px;
  --global-kb-spacing-md:32px;
  --global-kb-spacing-lg:48px;
  --global-kb-spacing-xl:60px;
  --global-kb-spacing-xxl:88px;
  --global-kb-spacing-3xl:104px;
  --global-kb-spacing-4xl:140px;

  --global-row-gutter-md:48px;
}


/* Text styling
------------------------------------------------------------------------------------------------ */

/* text modifications */
h1, .single-content h1, 
h2, .single-content h2,
h3, .single-content h3, 
h4, .single-content h4, 
h5, .single-content h5,
h6, .single-content h6 {padding:0; margin:1.5em 0 0.6em; color:#000; letter-spacing:-0.5px;}
p, .single-content p {margin:0 0 1.3em;}

/* H3 like style - class: subheading */
p.subheading {font-style:normal; font-weight:600; font-size:21px; line-height:1.2; padding:0; margin:1.5em 0 0.5em;}

@media (min-width: 767px) {
    h2, .single-content h2 {font-size:32px;}
}
@media (min-width: 1024px) {
    h2, .single-content h2 {font-size:33px;}
}

a {text-decoration:none;}

ul.wp-block-list {margin:0 0 1.4em; padding:0; list-style:none;}
ul.wp-block-list li {
    padding-left:1em;
    margin-bottom:0.5em;
    background-image: url("https://kristushealing.dk/wp-content/themes/kadence-child/svg/circle.svg");
    background-repeat:no-repeat;
    background-color:inherit;
    background-size:4px 4px;
    background-position:0 calc(0.5em + 4px);
}
ul.wp-block-list li > ul {margin-top:0.8em;}

/* Blog archive */
a.post-more-link {
	font-weight: bold;
	letter-spacing:0.5px;
	text-transform: none;
	text-decoration: none;
	color: inherit;
	font-size:inherit;
}
.post-more-link .kadence-svg-iconset {display:none;}

/* Infobox */
.infobox {}


/* BLOG
------------------------------------------------------------------------------------------------ */
.sidebar-inner-wrap {padding-top:50px;}
.primary-sidebar .widget_media_image {max-width:140px;}

.blog #primary .site-container {padding-top:50px; padding-bottom:100px;}
.blog .loop-entry .entry-header .entry-title {font-size:24px; margin:0 0 0.5em;}
.blog .loop-entry .entry-content-wrap {padding:40px 30px;}
.blog .entry-header {margin: 0 0 0;}
.blog .entry-summary {margin: 0 0 0;}
.blog .loop-entry .entry-summary p {margin: 0 0 0.3em;}

.single-post .single-content {margin:0 0 0;}
.single-post #primary .site-container {padding-top:50px; padding-bottom:100px;}
.single-post h1 {font-size:34px;}

/* FORM
------------------------------------------------------------------------------------------------ */
div.contactform .wpforms-field-label, 
.wp-core-ui div.contactform .wpforms-field-label {
	margin: 0 0 6px 0;
	padding: 0;
	font-size: var(--wpforms-label-size-font-size);
	line-height: var(--wpforms-label-size-line-height);
	color: var(--wpforms-label-color);
}
.contactform .wpforms-field, .wp-core-ui div.contactform .wpforms-field {padding:0 0 20px;}
.wpforms-container input.wpforms-field-medium, 
.wpforms-container select.wpforms-field-medium, 
.wpforms-container .wpforms-field-row.wpforms-field-medium, 
.wp-core-ui div.wpforms-container input.wpforms-field-medium, 
.wp-core-ui div.wpforms-container select.wpforms-field-medium, 
.wp-core-ui div.wpforms-container 
.wpforms-field-row.wpforms-field-medium {
	max-width: 100%;
}
div.contactform .wpforms-form label.wpforms-error, 
div.contactform .wpforms-form em.wpforms-error {
	font-weight: 400;
	font-size: var(--wpforms-label-size-sublabel-font-size);
	line-height: var(--wpforms-label-size-sublabel-line-height);
	margin-top: 6px;
	color: #990000;
	padding: 0 0 0 0;
}
div.contactform .wpforms-form label.wpforms-error::before, 
div.contactform .wpforms-form em.wpforms-error::before {
	display: none;
}
div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error:focus, 
div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid:focus, 
div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error:focus, 
div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid:focus, 
div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error:focus, 
div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid:focus {
	border-width: var(--wpforms-field-border-size);
	border-style: solid;
	border-color: #990000;
	box-shadow: 0 0 0 1px #990000;
}
div.contactform .wpforms-confirmation-container-full, 
div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
	background: #96babc;
	border: 1px solid #96babc;
	background: #ae98d45c;
	border: 1px solid #ae98d45c;
	box-sizing: border-box;
	letter-spacing:1px; 
}
div.contactform .wpforms-form .wpforms-submit-container {
	text-align: right;
}
div.wpforms-container-full input[type="submit"]:focus::after, 
div.wpforms-container-full button[type="submit"]:focus::after, 
div.wpforms-container-full .wpforms-page-button:focus::after, 
.wp-core-ui div.wpforms-container-full input[type="submit"]:focus::after, 
.wp-core-ui div.wpforms-container-full button[type="submit"]:focus::after, 
.wp-core-ui div.wpforms-container-full .wpforms-page-button:focus::after {
	content: "";
	position: absolute;
	border: 1px solid var(--wpforms-button-background-color);
	border-radius: calc( var( --wpforms-button-border-radius ) + 2px);
	top: calc( -3px - var(--wpforms-button-border-size, 1px ));
	right: calc( -3px - var(--wpforms-button-border-size, 1px ));
	bottom: calc( -3px - var(--wpforms-button-border-size, 1px ));
	left: calc( -3px - var(--wpforms-button-border-size, 1px ));
}

/* Borders 
------------------------------------------------------------------------------------------------ */
body {border-left:0px solid green;}
@media (min-width:768px) {body {border-color:red;}} /* kadence default break */
@media (min-width:1024px) {body {border-color:blue;}} /* kadence mobile header */
@media (min-width:1024px) {body {border-color:blue;}} /* kadence default */
@media (min-width:1200px) {body {border-color:orange;}} /* kadence default break */

body {overflow-wrap:break-word; word-break:normal; hyphens:none;}

/* Header 
-------------------------------------------------------------- */
#masthead, #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.site-main-header-wrap), 
#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner {background: #e9f1f6;}
.site-branding .site-title {top:6px; position:relative; left:-8px;}

/* Menu desktop 
------------------------------------- */
@media (min-width:1100px) {
.site-branding {margin:0 0 0 -26px;} 
.main-navigation .primary-menu-container > ul li.menu-item > a {letter-spacing: 1px;}
.main-navigation .primary-menu-container > ul > li:last-child {margin-right:-20px;}
.main-navigation .primary-menu-container > ul > li:last-child > a {padding-right:0;}
}

/* Menu mobile 
------------------------------------- */
/* Header layout */
.site-header-row {grid-template-columns:none;}
.site-header-section-left {justify-content:center; margin-top:16px; margin-bottom:16px;}
.site-header-section-right {justify-content:center; margin-bottom:16px;}
.site-branding.branding-mobile-layout-standard:not(.site-brand-logo-only) a.brand {flex-direction:column;}

/* toggle icons */
.site-header-row .mobile-toggle-open-container .menu-toggle-open .menu-toggle-icon {font-size:32px;}
#mobile-drawer .drawer-header .menu-toggle-close {font-size:36px;}

/* Drawer */
#mobile-drawer.popup-drawer .drawer-inner {max-width:450px;}
#mobile-drawer.popup-drawer .drawer-header {min-height:auto; height:80px; padding-top:20px;}
.mobile-navigation ul ul {padding-left:32px;}

/* Drawer submenu */
#mobile-site-navigation.mobile-navigation ul ul {padding-left: 3em;}
#mobile-site-navigation .drawer-sub-toggle .kadence-svg-iconset svg {height:30px; width:30px; border:0px solid red;}
#mobile-site-navigation .drawer-nav-drop-wrap .drawer-sub-toggle[aria-expanded="false"] svg {-webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
#mobile-site-navigation .drawer-nav-drop-wrap .drawer-sub-toggle[aria-expanded="true"] svg {-webkit-transform:rotate(0deg); transform:rotate(0deg);}

@media (min-width:450px) {
/* Header layout */
.site-header-row {grid-template-columns: auto auto;}
.site-header-section-left {justify-content:flex-start; margin-top:0; margin-bottom:0;}
.site-header-section-right {justify-content:flex-end; margin-bottom:0;}
.site-branding.branding-mobile-layout-standard:not(.site-brand-logo-only) a.brand {flex-direction:row;}

/* toggle icons */
.site-header-row .mobile-toggle-open-container .menu-toggle-open .menu-toggle-icon {font-size:36px;}
#mobile-drawer .drawer-header .menu-toggle-close {font-size:38px;}
}

/* FOOTER 
-------------------------------------------------------------- */
.site-footer-wrap {
    min-height:416px;
	background-image: url('https://kristushealing.dk/wp-content/uploads/lavender-extended.webp');
	background-size: auto;
	background-position: 50% 50%;
	background-attachment: scroll;
	background-repeat: repeat-x;
}
/* 404
-------------------------------------------------------------- */
.error404 .page-content {margin-bottom:100px;} 
.error404 #inner-wrap {background:#fff;} 
.error404 .entry {box-shadow:0px 0px 0px 0px;} 
.error404 h1 {margin:1em 0 0;}
