/* 
Theme Name: Oechsli Child Theme
Theme URI: https://oechsli.com
Description: Oechsli is a hybrid theme with block and elementor support 
Author: Oechsli
Author URI: https://oechsli.com/
Template: oechsli
Version: 2023.12.03
Text Domain: oechsli
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* * * * ALL SITE * * * */
.mobile-icon { display:none;  }

.site-logo img {     transition: all .3s;  }
body.scrolling .site-logo img {     width:200px !important;transition: all .3s;  }




/* * * * HEADER * * * */

body.scrolling.header-transparent-sticky-home .site-header { background-color:var(--wp--preset--color--palette-8) !important; }


/* * * * FOOTER * * * */
/* footer newsletter form */
#footerCol4 div#gform_fields_2 {
    row-gap: 15px;
}
#footerCol4 span.gform-grid-col {
    min-width: 100%;
}
#footerCol4 input[type="text"],
#footerCol4 input[type="email"]
{
    max-height: 35px;
}
#footerCol4 label.gform-field-label.gform-field-label--type-sub {
    display: none;
}

/* * * * PAGES * * * */



/* Base: 3 borders using CSS vars */
.radial-button .wp-element-button {
    --inner: #11111100;
    --middle: #b5b4b4;
    --outer: #bfbdbb;
  --gap: 4px;         /* spacing between borders */
  --w: 1px;           /* line thickness */
  --radius: 9999px;

  position: relative;
  z-index: 0;
  border: var(--w) solid var(--inner);
  border-radius: var(--radius);
}

.radial-button .wp-element-button::before,
.radial-button .wp-element-button::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.radial-button .wp-element-button::before {
  inset: calc(-1 * (var(--gap) + var(--w)));
  border: var(--w) solid var(--middle);
  border-radius: calc(var(--radius) + var(--gap) + var(--w));
  z-index: -1;
}

.radial-button .wp-element-button::after {
  inset: calc(-1 * (2 * (var(--gap) + var(--w))));
  border: var(--w) solid var(--outer);
  border-radius: calc(var(--radius) + 2 * (var(--gap) + var(--w)));
  z-index: -2;
}

/* Modifier: override the variables (place AFTER the base rule) */
.radial-button.on-dark-blue .wp-element-button {
    --inner: #11111100 !important;
    --middle: #60687575  !important;
    --outer: #3e464b9c  !important;
}


.modal-content  .wp-block-embed { overflow:hidden; border-radius:20px; }


/* Hawk silhouette via CSS mask */
.hawk-mask {
  display: inline-block;

  /* the color you set here becomes the hawk's fill */
  background-color: currentColor; /* use the element's text color */
  color: #0f2a6b;                 /* change this to recolor the hawk */

  /* the mask */
  -webkit-mask-image: url("/wp-content/themes/oechsli-child/images/mask-view.svg");
  mask-image: url("/wp-content/themes/oechsli-child/images/mask-view.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;     /* or 'cover' if you want full bleed */
  mask-size: contain;
  mask-mode: alpha;               /* use transparency from the image */
}


.page-services .hawk-mask { 

  -webkit-mask-image: url("/wp-content/themes/oechsli-child/images/mask-view-2.svg");
  mask-image: url("/wp-content/themes/oechsli-child/images/mask-view-2.svg");
}
/* disclosure Page */

div.disclosure-docs .wp-block-file {
    gap: 1vw;
    display: flex;
}
div.disclosure-docs a.wp-block-file__button.wp-element-button {
    min-width: max-content;
    max-height: min-content;
}
div.disclosure-docs a:not(.wp-element-button) {
    /* color: black; */
    font-size: 20px;
    font-weight: 400;
    font-family: var(--wp--preset--font-family--heading);
}
@media screen and (max-width: 768px) {
	#disclosureGroup .col-right {
		border-left: none !important;
	}
	div#wmDocs {
		padding-right: 20px !important;
	}
	div.disclosure-docs .wp-block-file {
		flex-direction: column;
        row-gap: 20px;
	}
	div.disclosure-docs a.wp-block-file__button.wp-element-button {
		margin-left: auto;
	}
	div.disclosure-docs a:not(.wp-element-button) {
		font-size: 18px;
	}



    .center-items .footer-logo { justify-content:center; }
    footer .center-items { text-align:center; }
    footer .center-items .brokercheck-img { text-align:center;justify-content:center; }
    footer .center-items .wp-block-social-links, footer .center-items .wp-block-buttons { justify-content:center; }
    .center-items { align-items:center;justify-content:center;text-align:center; }
}