#wpbody-content .notice.notice-error {display: none;}

/* Variables */
    :root {
	

        --font-headings : 'Montserrat';
        --font-base : 'Montserrat';
        /* Font Family */
        --font-primary: var(--font-headings, -apple-system,  Lato, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
        --font-secondary: var(--font-base, -apple-system, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    
    /* Base pixel size for rem calculation */
        --base-pixels: 10px;
    
        /* Margin / Padding */
        --mp-xxl: calc(16 * var(--base-pixels));
        --mp-xl: calc(12 * var(--base-pixels));
        --mp-l: calc( 8 * var(--base-pixels));
        --mp-base: calc(4 * var(--base-pixels));
        --mp-m: calc(3.6 * var(--base-pixels));
        --mp-s: calc(2.4 * var(--base-pixels));
        --mp-xs: calc(1.8 * var(--base-pixels));
        --mp-xxs: calc(1 * var(--base-pixels));
    
        /* Font Weight */
        --weight-thin: 300;
        --weight-normal: 400;
        --weight-bold: 600;
        --weight-black: 900;
    
        /* Line Height */
        --line-height-body: 2;
        --line-height-heading: 1.3;
        --line-height-page-title: 1.1;
        --line-height-paragraph: 2;
        
        /* Colors */
        /* ORIGINAL COLORS */
        /* --clr-transparent-white: rgba(255,255, 255, 0.8);
        --clr-gold: #dcbe87;
        --clr-light-gold: #edcd9a;
        --clr-blue: #6592b3;
        --clr-light-blue: #7aadcc; */

/* HIGHER CONTRAST COLORS */
        --clr-transparent-white: rgba(255,255, 255, 0.9);
        --clr-gold: #edcd9a;
        --clr-light-gold: #f7ec5a;
        --clr-blue: #3A5F73;
        --clr-light-blue: #7aadcc;
    
       /* --clr-transparent-white: rgba(255,255, 255, 0.8);
        --clr-gold: #deb407;
        --clr-light-gold: #edcd9a;
        --clr-blue: #0069aa;
        --clr-light-blue: #7aadcc;	
        --clr-green: #008265;
        --clr-light-green: #5bcfb6;	*/
    
        --clr-primary:   var(--clr-blue) ;
        --clr-primary-lighter: var(--clr-light-blue) ; 
    
        --clr-secondary:  var(--clr-gold);
        --clr-secondary-lighter: var(--clr-light-gold) ;
    
        --clr-tertiary:  var(--clr-green)  ;
        --clr-tertiary-lighter: var(--clr-light-green) ;
    
    
        --clr-black: #000000;
        --clr-black-100: #f7f7f7;
        --clr-black-200: #b3b3b3;
        --clr-black-300: #999999;
        --clr-black-400: #808080;
        --clr-black-500: #666666;;
        --clr-black-600: #4d4d4d;
        --clr-black-700: #333333;
        --clr-black-800: #1a1a1a;
        
        
        --clr-white: #ffffff;
    
        --clr-error: #990000;
        --clr-focus: red; /*#f7ec5a;*/
    
        /* Body text color, site title, footer text color. */
        --content-max-width: 1400px;
        --content-width: 94vw;
    
        /* Transition Speeds */
        --transition-fast: 0.25s;
        --transition-normal: 0.33s;
        --transition-slow: 0.5s;
    
        --btn-outline-width: 2px;
    
        /* Font Size */
        /* --size-h1: 5.6rem;
        --size-h2: 3.8rem;
        --size-h3: 3.0rem;
        --size-h4: 2.6rem;
        --size-h5: 2.2rem;
        --size-h6: 2rem;
    
        --size-body: 1.6rem;
        --size-btn : var(--size-h6); */


        --size-h1: 5.6rem;
        --size-h2: 4.6rem;
        --size-h3: 3.6rem;
        --size-h4: 3.2rem;
        --size-h5: 2.8rem;
        --size-h6: 2.4rem;
    
        --size-body: 1.9rem;
        --size-btn : var(--size-h6);
    
        /* Common Elements */
        --page-title-size: var(--size-h1);
    
        /* Media Query Vars */
        
        --screen-xl: 1280px;
        --screen-lg: 1100px;
        --screen-md: 1024px;
        --screen-sm: 768px;
        --screen-xs: 640px;
    
        
    }
    
    @media screen and (max-width: 1023px){
            /* Font Size */
        :root{
            --size-h1: 5rem;
            --size-h2: 4.4rem;
            --size-h3: 3.2rem;
            --size-h4: 2.4rem;
            --size-h5: 2.0rem;
            --size-h6: 1.8rem;
        }
            
    }
    
    @media screen and (max-width: 767px){
        /* Font Size */
    :root{
        --size-h1: 4.4rem;
        --size-h2: 3.6rem;
        --size-h3: 2.8rem;
        --size-h4: 2.4rem;
        --size-h5: 2.2rem;
        --size-h6: 2.0rem;
    }
        
    }

    @media screen and (max-width: 480px){
        /* Font Size */
    :root{
        --size-h1: 3.6rem;
        --size-h2: 3.2rem;
        --size-h3: 2.8rem;
        --size-h4: 2.4rem;
        --size-h5: 2.2rem;
        --size-h6: 2.0rem;
    }
        
    }


    
    
    @media (prefers-reduced-motion: reduce) {
        *,
        ::before,
        ::after {
          animation-delay: -1ms !important;
          animation-duration: 1ms !important;
          animation-iteration-count: 1 !important;
          background-attachment: initial !important;
          scroll-behavior: auto !important;
          transition-duration: 0s !important;
          transition-delay: 0s !important;
        }
      }
    
    
    
      html :where(.wp-block){
          max-width: none;
      }
    .block-editor-block-list__block{
        min-height: 50px;
        background: #f7f7f7 !important;
    }
    
    
      :root,
      .section-blue{
          /* padding-top: 3rem;
          padding-bottom: 3rem; */
          background:  var(--clr-primary) ;
          /* Text & BG */
          --section-theme-bg :  var(--clr-primary) ;
          --section-theme-title : var(--clr-white);
          --section-theme-text : var(--clr-white) ;
          /* Elements */
          --section-theme-faq : var(--clr-white) ;
          --section-theme-svg-bg : var(--clr-secondary) ;
          --section-theme-svg-icon : var(--clr-white) ;
          --section-theme-svg-rect : var(--clr-white) ;
       
      }
      .section-dark-blue{
        /*padding-top: 3rem;
        padding-bottom: 3rem;*/
          background:  var(--clr-primary) ;
          --section-theme-bg :  var(--clr-primary) ;
          --section-theme-title : var(--clr-white);
          --section-theme-text : var(--clr-white) ;
          --section-theme-faq : var(--clr-white) ;
          --section-theme-svg-bg : var(--clr-secondary) ;
          --section-theme-svg-icon : var(--clr-white) ;
          --section-theme-svg-rect : var(--clr-white) ;
      }
      .section-gold{
        /*padding-top: 3rem;
        padding-bottom: 3rem;*/
          background:  var(--clr-secondary) ;
          --section-theme-bg :  var(--clr-secondary) ;
          --section-theme-title : var(--clr-white);
          --section-theme-text : var(--clr-white) ;
          --section-theme-faq : var(--clr-white) ;
          --section-theme-svg-bg : var(--clr-secondary) ;
          --section-theme-svg-icon : var(--clr-white) ;
          --section-theme-svg-rect : var(--clr-white) ;
    
          --blog-title: var(--clr-white);
          --blog-text:  var(--clr-white);
          --blog-highlight: var(--clr-white);
          --blog-hover: var(--clr-white);
      }
      .section-white{
        /*padding-top: 3rem;
        padding-bottom: 3rem;*/
          background: var(--clr-white);
          --section-theme-bg : var(--clr-white);
          --section-theme-title :  var(--clr-primary) ;
          --section-theme-text : var( --clr-black) ;
          --section-theme-faq : var(--clr-secondary) ;
          --section-theme-svg-bg : var(--clr-secondary) ;
          --section-theme-svg-icon : var(--clr-white) ;
          --section-theme-svg-rect : var(--clr-secondary) ;
    
    
    
        --blog-title: var(--clr-black);
        --blog-text:  var(--clr-black);
        --blog-highlight:  var(--clr-secondary) ;
        --blog-hover:  var(--clr-secondary) ;
    
        
    
    
        
      }
      
      .section-grey {
        /*padding-top: 3rem;
        padding-bottom: 3rem;*/
          background: var(--clr-black-200);
          --section-theme-bg : var(--clr-black-200);
          --section-theme-title :  var(--clr-primary) ;
          --section-theme-text : var( --clr-black) ;
          --section-theme-faq : var(--clr-secondary) ;
          --section-theme-svg-bg : var(--clr-secondary) ;
          --section-theme-svg-icon : var(--clr-white) ;
          --section-theme-svg-rect : var(--clr-secondary) ;
      }
    
    
    
      .block-border-top{
          border-top: 20px solid var(--border-top-color, var(--clr-gold));
      }
      .block-border-bottom{
        border-bottom: 20px solid var(--border-bottom-color, var(--clr-gold));
    }
    
    
    
    
    /*--------------------
        ELEMENTS
    ---------------------*/
    .otgs-development-site-front-end {
        background: #000000 !important;
    }
     html{
        font-size: var(--base-pixels);
        scroll-behavior: smooth; 
     }
    
     .wpml-ls-current-language{
         position: relative;
     }
     .wpml-ls-current-language:before {
        content: "\2192";
        display: inline;
        position: absolute;
        left: 0;
        transform: translate(-150%, -50%);
        top: 50%;
        font-size: 1.2rem;
    }


     body:not(.wp-admin) {
        background-color: var(--clr-white);
        font-family: var(--font-secondary);
        font-size: var(--size-body);
        line-height: var(--line-height-body) !important;
        overflow-x: hidden;
    }
    

    .visually-hidden:not(:focus):not(:active) {
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%);
        height: 1px;
        width: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
      }
      .sr-only {
         position: absolute !important;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        word-break: normal !important;
        overflow: hidden;
        clip: rect(0 0 0 0);
      }

      
    *{
        box-sizing: border-box;
    }
    body:not(.wp-admin) p{
        font-family: var(--font-secondary);
        font-size: var(--size-body);
        line-height: var(--line-height-paragraph);
    }
    body:not(.wp-admin) a{
        text-decoration: none;
        /* transition: color var(--transition-normal); */
        color: currentColor;
    }
    b, strong{
        font-weight: var(--weight-bold);
    }
    main p a:not(.btn) {
         /* border-bottom: 1px solid var(--clr-blue) !important; */
        color: var(--clr-blue) !important;
        font-weight: var(--weight-bold);
    }
    p a:hover,
    p a:focus{
        border-bottom: 1px solid currentColor;
    }
   
  
    a:focus,
    *:focus-visible{
        outline: 5px solid var(--clr-focus) !important;
    }
    
    a.jumplink{
        position: relative;
        top: -10rem;
    }

    a.non-underlined{
        text-decoration: none;
    }
    .skip-to-main{
        display: block;
        text-align: center;
        background: var(--clr-blue);
        padding: 0.5rem 2rem;
    }
    .skip-to-main a{
       
        color: var(--clr-white) !important;
        font-size: 1rem;
        padding: 0.5rem 2rem;
    }
  
    /*ul, li{	margin: 0;	padding: 0;}
    li{ list-style:  none;}
    */
    
    
    body:not(.wp-admin) blockquote{
        /* margin-left: 0;
        margin-right: 0; */
        font-size: var(--size-h5);
        font-style: italic;
        line-height: 1.5;
    }
    body:not(.wp-admin) cite  {
        margin-left: 0;
        font-size:  var(--size-h5);
        font-style: italic;
    }
    .svg-separator{
        line-height: 0;
    }
    
    
    h1, .h1{ font-size: var(--size-h1); line-height: var(--line-height-heading); font-weight: var(--weight-thin);}
    h2, .h2{ font-size: var(--size-h2); line-height: var(--line-height-heading); font-weight: var(--weight-thin);}
    h3, .h3{ font-size: var(--size-h3); line-height: var(--line-height-heading); font-weight: var(--weight-thin);}
    h4, .h4{ font-size: var(--size-h4); line-height: var(--line-height-heading); font-weight: var(--weight-thin);}
    h5, .h5{ font-size: var(--size-h5); line-height: var(--line-height-heading); font-weight: var(--weight-thin);}
    h6, .h6{ font-size: var(--size-h6); line-height: var(--line-height-heading); font-weight: var(--weight-thin);}
    
    
    h1, .h1{
        text-transform: uppercase;
        font-weight: var(--weight-black);
        margin: 0;
    }
    h3, .h3{
        text-transform: uppercase;
        font-weight: var(--weight-black);
        margin: 0;
    }
    h4, .h4{
        text-transform: uppercase;
        font-weight: var(--weight-black);
        margin: 0;
    }
    h5, .h5{
        text-transform: uppercase;
        font-weight: var(--weight-thin);
        letter-spacing: 1px;
        margin: 0;
    }
    
    .sub-heading{
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: var(--weight-thin);
    }
    .section-color-title{
        color: var(--section-theme-title);
    }
    .section-color-text{
        color: var(--section-theme-text);
    }
    
    
    
    main > section:first-of-type{
        transform : translateY(0vh)
    }
    
    
    /*--------------------
        buttons
    ---------------------*/
    
    .btn,
    .gform_button{
        border: none;
        text-align: center ;
        text-transform: uppercase ;
        text-decoration: none ;
        padding:  1rem 1.5rem ;
        font-family: var(--font-primary) ;
        font-weight: var(--weight-bold) ;
        font-size: var(--size-btn) ;
        text-transform: uppercase ;
        transition: background var(--transition-normal) ;
        display: inline-block ;
        line-height: 1 ;
        border-radius: 1rem ;
    }
    
    .btn.btn-rounded,
    .img-rounded{
        border-radius: 1rem;
    }
    
    .btn.btn-fat{
        padding: var(--size-body);
    }
    .btn.btn-wide{
        padding-left: 8rem;
        padding-right: 8rem;
    }
    
    
    
    .btn.btn-outline-white{
        border: var(--btn-outline-width) solid var(--clr-white)
    }
    .btn.btn-outline-gold{
        border: var(--btn-outline-width) solid  var(--clr-secondary) 
    }
    .btn.btn-outline-blue{
        border: var(--btn-outline-width) solid  var(--clr-primary) 
    }
    .btn.btn-outline-black{
        border: var(--btn-outline-width) solid var( --clr-black)
    }
    
    
    .btn.btn-fill-white{
        background: var(--clr-white);
    }
    .btn.btn-fill-gold{
        background:  var(--clr-secondary) ;
    }
    .btn.btn-fill-blue{
        background:  var(--clr-primary) ;
    }
    .btn.btn-fill-black{
        background: var( --clr-black);
    }
    .btn.btn-fill-transparent{
        background: transparent;
    }
    
    .btn.btn-text-white{
        color: var(--clr-white);
    }
    .btn.btn-text-gold{
        color:  var(--clr-secondary) ;
    }
    .btn.btn-text-blue{
        color:  var(--clr-primary) ;
    }
    .btn.btn-text-black{
        color: var( --clr-black);
    }
    
    
    .btn.btn-hover-fill-white:hover,
    .btn.btn-hover-fill-white:focus{
        background: var(--clr-white);
    }
    
    .btn.btn-hover-fill-gold:hover,
    .btn.btn-hover-fill-gold:focus{
        background:  var(--clr-secondary) ;
    }
    .btn.btn-hover-fill-blue:hover,
    .btn.btn-hover-fill-blue:focus{
        background:  var(--clr-primary) ;
    }
    .btn.btn-hover-fill-black:hover,
    .btn.btn-hover-fill-black:focus{
        background: var( --clr-black);
    }
    
    
    .btn.btn-hover-text-white:hover,
    .btn.btn-hover-text-white:focus{
        color: var(--clr-white);
    }
    .btn.btn-hover-text-gold:hover,
    .btn.btn-hover-text-gold:focus{
        color:  var(--clr-secondary) ;
    }
    .btn.btn-hover-text-blue:hover,
    .btn.btn-hover-text-blue:focus{
        color:  var(--clr-primary) ;
    }
    .btn.btn-hover-text-black:hover,
    .btn.btn-hover-text-black:focus{
        color: var( --clr-black);
    }


    
    
    
    
    
    .btn.btn-white{
        background: var(--clr-white);
        border: var(--btn-outline-width) solid var(--clr-black);
        color: var(--clr-black);	
    }
    .btn.btn-white:hover{
        background: var(--clr-black);
        border: var(--btn-outline-width) solid var(--clr-white);
        color: var(--clr-white);
    }
    
    
    .btn.btn-black{
        background: var(--clr-black);
        border: var(--btn-outline-width) solid var(--clr-white);
        color: var(--clr-white);
    }
    .btn.btn-black:hover{
        background: var(--clr-white);
        color: var(--clr-black);
    }
    
    
    
    
    
    
    
    .btn.btn-blue{
        color: var(--clr-white);
        border: var(--btn-outline-width) solid var(--clr-white);
        background:  var(--clr-primary) ;
     }
     .btn.btn-blue:hover{
       background: var(--clr-light-blue);
    }
    
    .btn.btn-gold{
        color: var(--clr-black);
        border: var(--btn-outline-width) solid var(--clr-white);
        background:  var(--clr-secondary) ;
    
     }
     .btn.btn-gold:hover{
       background:  var(--clr-secondary) ;
    }
    
    .social-icons{
        margin: 0;
        padding: 0;
        display: flex;
    }
    .social-icons li{
        list-style: none;
    }
    
    a.social-icon {
        background:  var(--clr-secondary) ;
        color: var(--clr-grey-mid);
        margin: 0 10px 0 0;
        width: 1rem;
        height: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2rem;
        text-decoration: none;
        font-size: 2rem;
        transition: all var(--transition-fast);
    }
    
    a.social-icon:hover{
        border-radius: 50%;
    }
    
    
    
    
    
    /*---------------- 
    Margin & Padding Clearing 
    ----------------*/
    
    .no-v-margin {
        margin-top: 0;
        margin-bottom: 0;
    }
    
    .no-margin-all {
        margin: 0;
    }
    
    .no-v-padding {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .no-v-height {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    
    .no-pad-all {
        padding: 0;
    }
    
    .no-line-height {
        line-height: 1.1;
    }
    
    .mt-none {
        margin-top: 0;
    }
    
    .mt-xxl {
        margin-top: var(--mp-xxl) !important;
    }
    
    .mt-xl {
        margin-top: var(--mp-xl);
    }
    
    .mt-l {
        margin-top: var(--mp-l);
    }
    
    .mt-base {
        margin-top: var(--mp-base);
    }
    
    .mt-m {
        margin-top: var(--mp-base);
    }
    
    .mt-s {
        margin-top: var(--mp-s);
    }
    
    .mt-xs {
        margin-top: var(--mp-xs);
    }
    
    .mt-xxs {
        margin-top: var(--mp-xxs);
    }
    
    .mb-none {
        margin-bottom: 0;
    }
    
    .mb-xxl {
        margin-bottom: var(--mp-xxl);
    }
    
    .mb-xl {
        margin-bottom: var(--mp-xl);
    }
    
    .mb-l {
        margin-bottom: var(--mp-l);
    }
    
    .mb-base {
        margin-bottom: var(--mp-base);
    }
    
    .mb-m {
        margin-bottom: var(--mp-base);
    }
    
    .mb-s {
        margin-bottom: var(--mp-s);
    }
    
    .mb-xs {
        margin-bottom: var(--mp-xs);
    }
    
    .mb-xxs {
        margin-bottom: var(--mp-xxs);
    }
    
    .ma-none {
        margin: 0;
    }
    
    .ma-xxl {
        margin: var(--mp-xxl);
    }
    
    .ma-xl {
        margin: var(--mp-xl);
    }
    
    .ma-l {
        margin: var(--mp-l);
    }
    
    .ma-base {
        margin: var(--mp-base);
    }
    
    .ma-m {
        margin: var(--mp-base);
    }
    
    .ma-s {
        margin: var(--mp-s);
    }
    
    .ma-xs {
        margin: var(--mp-xs);
    }
    
    .ma-xxs {
        margin-top: var(--mp-xxs);
    }
    
    .pt-none {
        padding-top: 0;
    }
    
    .pt-xxl {
        padding-top: var(--mp-xxl);
    }
    
    .pt-xl {
        padding-top: var(--mp-xl);
    }
    
    .pt-l {
        padding-top: var(--mp-l);
    }
    
    .pt-base {
        padding-top: var(--mp-base);
    }
    
    .pt-m {
        padding-top: var(--mp-base);
    }
    
    .pt-s {
        padding-top: var(--mp-s);
    }
    
    .pt-xs {
        padding-top: var(--mp-xs);
    }
    
    .pt-xxs {
        padding-top: var(--mp-xxs);
    }
    
    .pb-none {
        padding-bottom: 0 !important;
    }
    
    .pb-xxl {
        padding-bottom: var(--mp-xxl);
    }
    
    .pb-xl {
        padding-bottom: var(--mp-xl);
    }
    
    .pb-l {
        padding-bottom: var(--mp-l);
    }
    
    .pb-base {
        padding-bottom: var(--mp-base);
    }
    
    .pb-m {
        padding-bottom: var(--mp-base);
    }
    
    .pb-s {
        padding-bottom: var(--mp-s);
    }
    
    .pb-xs {
        padding-bottom: var(--mp-xs);
    }
    
    .pb-xxs {
        padding-bottom: var(--mp-xxs);
    }
    
    .pa-none {
        padding: 0;
    }
    
    .pa-xxl {
        padding: var(--mp-xxl);
    }
    
    .pa-xl {
        padding: var(--mp-xl);
    }
    
    .pa-l {
        padding: var(--mp-l);
    }
    
    .pa-base {
        padding: var(--mp-base);
    }
    
    .pa-m {
        padding: var(--mp-base);
    }
    
    .pa-s {
        padding: var(--mp-s);
    }
    
    .pa-xs {
        padding: var(--mp-xs);
    }
    
    .pa-xxs {
        padding: var(--mp-xxs);
    }
    .margin-center{
        margin-left: auto;
        margin-right: auto;;
    }
    @media screen and (min-width: 768px){
        .max-width-50{
            max-width: 50% !important;
        }
        .max-width-60{
            max-width: 60% !important;
        }
        .max-width-70{
            max-width: 70% !important;
        }
        .max-width-75{
            max-width: 75% !important;
        }
        .max-width-80{
            max-width: 80% !important;
        }
        .max-width-90{
            max-width: 90% !important;
        }
    }
    .max-width-none{
        max-width: none;
    }
    .hidden {
        display: none;
    }
    
    img {
        max-width: 100%;
        height: auto;
    }
    .text-left{
        text-align: left;
    }
    .text-center{
        text-align: center;
    }
    .text-right{
        text-align: right;
    }
    
    .weight-thin{
        font-weight: var(--weight-thin);
    }
    
    .weight-normal{
        font-weight: var(--weight-normal);
    }
    .weight-bold{
        font-weight: var(--weight-bold);
    }
    .weight-black{
        font-weight: var(--weight-black);
    }
    
    
    
    
    
    
    .text-gold{
        color:  var(--clr-secondary) 
    }
    
    .text-blue{
        color:  var(--clr-primary) 
    }
    .text-white{
        color: var(--clr-white);
    }
    
    
    .grayscale{
        filter: grayscale(1);
    }
    /*--------------------
        COMMON ELEMENTS
    ---------------------*/
    .bottom-lined:after {
        content: '';
        width: 25%;
        height: 2px;
        background:  var(--clr-primary) ;
        display: block;
        margin: 2rem auto 0;
    }
    /*--------------------
        CONTAINERS
    ---------------------*/
    
    .container{
        width: var(--content-width);
        max-width: var(--content-max-width);
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
        position: relative;
    }
    
    .container-full{
        width: 100%;
        max-width: 100%;
    }
      
    .container-narrow{
        width: 80vw;
        max-width: 960px;
        margin-inline: auto; 
      }
    @media screen and (max-width: 768px){
        .container{
            padding-left: 1rem;
            padding-right: 1rem;
        }
    
    }
    
    /*------------
    HEADER 
    ---------------*/
    .site-header{
        position:relative; 
        z-index: 1000;
        background:  var(--clr-primary) ;
    }
    .site-header a:hover{
        border-bottom: 1px solid currentColor;
    }
    .wpml-header-switcher{
        align-self: flex-end;
        flex: 1;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
    }
    .wpml-header-switcher .wpml-ls-legacy-list-horizontal{
        padding: 0 0 0 0;
        margin: 0 0 ;
    }
    
    .wpml-header-switcher .wpml-ls-legacy-list-horizontal a{
        
        padding: 0px 10px 0;
    
    
    }
    
    
    #home-logo{
        order: 2;
        flex: 1;
    }
    #home-logo img{
        min-width: 180px;
        max-width: 230px;
        width: 20vw;
        margin-bottom: 2rem;
        
        
    }
    @media screen and (max-width: 768px){
        #home-logo img{
            width: 80vw;
        }
        
    }
    /*-- HEADER BAR --*/
    .header-bar{
        background:  var(--clr-primary) ;
    }
    
    .header-bar .container{
        display: flex;	
        align-items: flex-end;
        justify-content: flex-end;
    }
    
    
    #menu-header-bar {
        display: block;
        margin: 0;
        flex-wrap: wrap;
        padding: 0px;
    }
    #menu-header-bar li{
        list-style: none;
        padding:0;
        margin-bottom: 15px;
        flex: 1;
    }
    
    
    #menu-header-bar li a{
        padding: 1.6rem 3.8rem;
        display: block;
        font-size: var(--size-body);
        line-height: 1.2;
        text-decoration: none;
        transition: all var(--transition-fast);
        text-align: center;
        min-width: 200px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /* #menu-header-bar li a:hover{}
    
    #menu-header-bar li.menu-icon a{
        padding: 0 10px;
        min-width: 40px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 1px;
        flex: 1 1 50%;
        
    
        
    }
    #menu-header-bar li.menu-icon a:hover{
        background:   var(--clr-primary) ;
    
    }
    
    .menu-item-donate{
        background:   var(--clr-primary) ;
        margin-left: 10px;
    }
    .menu-email-icon{
        display: none;
    } */
    
    /* .sticky {position: fixed; top: 0; width: 100%;}
	.sticky + main {padding-top: 60px;}

@media screen and (max-width: 768px){
	.sticky {position: relative;}	
} */

#sentinel {
    height: 1px;
    background: var(--clr-blue);
  }
    
.sticky{
position: fixed;
top: 1px;
z-index: 10000;
box-shadow: #999 0px 0px 10px;
width: 100%;
}

    .payment-button a,
    .estate-button a {
        background: var(--bg-color, --clr-gold); 
        color: var(--text-color,--clr-white) !important; 
        border: 1px solid var(--border-color, transparent);
         border-radius: 10px;
         text-transform: uppercase; 
         -webkit-transition: all 0.25s;
          transition: all 0.25s;
          flex: 1 1 50%;
          min-width: 300px;;
          display: inline-block;
    }
    .payment-button a:hover,
    .estate-button a:hover {
        background: var(--hover-bg-color, --clr-light-gold); 
        color: var(--text-hover-color, --clr-blue) !important; 
         border-radius: 10px; 
    
    }
    .payment-button a{
        --bg-color:  var(--clr-secondary) ;
        --text-color: var(--clr-black);
        --hover-bg-color: var(--clr-light-blue);
        --text-hover-color: var(--clr-black);
        --border-color: transparent;
    }
    
    .estate-button a{
        --bg-color:  var(--clr-primary) ;
        --text-color: var(--clr-white);
        --hover-bg-color:  var(--clr-light-blue) ;
        --text-hover-color: var(--clr-black);
        --border-color:var(--clr-white);
    }
    
    #menu-header-bar{
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        align-items: stretch;
    }
    .site-header__buttons{
        order: 3;
    }
    
    .site-header__content{
        display: flex;
        flex-direction: column;
        align-items: center;
        background:  var(--clr-primary) ;
        padding: 3rem;
        color: var(--clr-white);
    }
    
    .site-header__right{
    
    
    }
    
    
    .site-header__right {
        order: 1;
        display: flex; 
        flex-wrap: wrap; 
        justify-content: flex-start;
        width: 100%;
        align-items: flex-start;
        gap: 2rem
        
    }
    
    .site-header__contact-info a {
        text-decoration: none;
    }
    @media screen and (max-width: 640px){
        .site-header__contact-info {
            margin: 0; 
            padding: 0;
            display: none;
        }
        .site-header__right{
            text-align: center;
        }
        .wpml-header-switcher{
            justify-content: center;
        }
    
    }
    
    
    
    @media screen and (min-width: 1100px){
        .site-header__content{
            flex-direction:  row;
            align-items: center;
            justify-content: flex-end;
            position: relative;
            z-index: 1000;
            background:  var(--clr-primary) ;
            padding: 3rem 0;
            color: var(--clr-white);
            gap: 2rem;
        }
        .site-header__right{
            
            order: 2;
            min-width: 200px;
            display: block;
            flex-direction: column;
            justify-content: flex-end;
            gap: 50px;
            flex: 0 0 20%;
            width: auto;
        
        }
        #menu-header-bar{
            display: block;
            flex-direction: column;
        }
        .wpml-header-switcher{
            display: block;
            margin-top: 10px;
        }
        .wpml-ls-legacy-list-horizontal>ul {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        
        }
        .wpml-header-switcher .wpml-ls-legacy-list-horizontal a{
            padding: 5px 10px 5px 0;
        }
    }
    
    
    /*
    .submit-button a {
        color: var(--clr-white); 
        border-radius: 10px; border: var(--clr-white) solid 1px; 
        text-transform: uppercase; -webkit-transition: all 0.25s;
         transition: all 0.25s;
         flex: 1 1 50%;
         display: inline-block;
        }
    .submit-button a:hover {
        background:  var(--clr-secondary) ; 
        color: var(--clr-white);
        border-radius: 10px;
        -webkit-transition: all 0.25s; 
        transition: all 0.25s;
    }*/
    /*
    @media screen and (max-width: 768px){
        .button-menu {
            align-items: center; 
            
            display: block;
        }
        .menu-email-full{
            display: none;
        }
        .menu-email-icon{
            display: block;
        }
        .menu-item-donate{
            margin: 0;
    
            flex-basis: 40%;
            order: -1;
        }
        ul#menu-header-bar li.menu-icon{
            flex-basis: 15%;
    
        }
        
        .header-bar .container{
            width: 100%;
            max-width: none;
            display: block;
            padding: 0;
        }
        ul#menu-header-bar li{
            width: 100%;
            text-align: center;
        }
        
        ul#menu-header-bar li a{
            padding-left: 1rem;
            padding-right: 1rem;
        }
    }
    
    */
    /*-- BUTTON MENU --*/
    
    /* 
    .button .main-nav.member-nav-mobile{
        display: none;
    } */
    
    
    
    /*-- MAIN MENU --*/





.site-header-menu.toggled-on {
  display: block;
}

.site-header-menu.toggled-on {
  margin-top: 10px;
}


.main-navigation ul .sub-menu.toggled-on {
  display: block;
}

button.dropdown-toggle,
button.menu-button {
  display: inline;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  content: "";
}

button.dropdown-toggle {
  position: absolute;
  right: 10px;
  margin-left: 10px;
  padding: 2px;
}

.dropdown-toggle:after,
.dropdown-toggle.toggled-on:after {
  font-size: 1.6rem;
}

/* Plus symbol to expand sub-menu on mobile */
.dropdown-toggle:after {
  content: "\002B";
}

/* Minus symbol to collapse sub-menu on mobile */
.dropdown-toggle.toggled-on:after {
  content: "\2212";
}

/* 'Hamburger' or bars to expand menu on mobile*/
.menu-button:before {
  content: "\2261";
}

/* Times (x) to collapse menu on mobile*/
.menu-button.toggled-on:before {
  content: "\2573";
  font-size: 70%;
}

.dropdown-toggle:after,
.dropdown-toggle.toggled-on:after,
.menu-button:before,
.menu-button.toggled-on:before {
  font-weight: bold;
}



/* Desktop media query */
@media only screen and (min-width: 768px) {
  .sub-menu .dropdown-toggle {
    position: absolute;
    right: 10px;
    top: 4px;
  }

  /* Arrow down */
  .main-menu ul .dropdown-toggle:after {
    content: "\2193";
  }

  /* Arrow right */
  .main-menu ul ul .dropdown-toggle:after {
    content: "\2192";
  }

  /* Arrow up */
  .main-menu ul .dropdown-toggle.toggled-on:after {
    content: "\2191";
  }

  /* Arrow left */
  .main-menu ul ul .dropdown-toggle.toggled-on:after {
    content: "\2190";
  }

  .main-menu ul .dropdown-toggle:after,
  .main-menu ul ul .dropdown-toggle:after,
  .main-menu ul .dropdown-toggle.toggled-on:after,
  .main-menu ul ul .dropdown-toggle.toggled-on:after {
    font-weight: bold;
  }

  button.dropdown-toggle {
    position: inherit;
    right: auto;
  }

}





    .menu-bar {background: var(--clr-white); border-top: 20px var(--clr-secondary) solid;}
  
  
    .main-menu{
        --menu-background: var(--clr-white);
        --menu-hover-background:  var(--clr-primary) ;
        --menu-color: var(--clr-black);
        --menu-hover-color: var(--clr-white);
        /**/
        --submenu-background:  var(--clr-primary) ;
        --submenu-hover-background:  var(--clr-secondary) ;
        --submenu-color: var(--clr-white);
        --submenu-hover-color: var(--clr-black);
        /**/
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-evenly;
        position: relative;
        z-index: 1000;
    
    }
    .main-menu .main-nav.member-nav-mobile{
        display: none;
    }
    .main-menu  a{
        text-decoration: none;
        color: var(--menu-color);
        text-transform: uppercase;
        font-family: var(--font-secondary);
        font-size: 2rem; 
        padding: 1rem 10px;
        display: block;	
        line-height: 1.3;
    }
    
    .main-menu .btn.btn-gold a,
    .main-menu .btn.btn-gold a:hover{
        color: var(--clr-hover-color)
        
    }
    .main-menu ul{
        margin: 0;
        padding:0;
    }
    .main-menu li{
        list-style: none;
    }
    .main-menu ul.main-nav{
        display: flex;
        margin: 0;
        align-items: center;
    }
    
    .main-menu .main-nav > li{
        display: flex;
       
        position: relative;
        padding: 1rem 3rem;
    }
    
    
    .main-menu .main-nav >  li:hover,
    .main-menu .main-nav >  li:focus
    .main-menu .main-nav >  li:hover .dropdown-toggle{
        background: var(--menu-hover-background);
        color: var(--menu-hover-color);
    }
    .main-menu .main-nav > li:hover a,
    .main-menu .main-nav > li:focus a{
        color: var(--clr-hover-color);
        border-bottom: none;
    }
    
    .main-menu li > ul{
        /* opacity: 0;
        max-height: 0;
        overflow: hidden; */
        transition: opacity var(--transition-fast) linear,   max-height var(--transition-fast) linear;
        display: none;
    }
    
    .main-nav > li > ul.sub-menu{
        top: 100%;
        position: absolute;
        background: var(--submenu-background);
        right: 0;
        min-width: calc(100% + 5rem);
        width: max-content;
        max-width: 40rem;
        box-shadow: 0 0 5px rgb(0 0 0 / 50%);
        /* border-radius:  0 0 20px 20px; */
        display: none;
    
    
    }
    .main-menu li > ul.sub-menu a{
        color: var(--submenu-color);
        transition: background var(--transition-fast);
        padding: 1rem 2rem;
        text-transform: none;
        font-size: 1.8rem;
        
    }
    .main-menu ul.sub-menu ul.sub-menu{
        background:  var(--clr-secondary) ;
    }
    
    
    .main-nav  ul.sub-menu a:hover,
    .main-nav  ul.sub-menu a:focus{
        background: var(--submenu-hover-color);
        
        
    }
    .main-menu li.menu-item-has-children:hover > ul,
    .main-menu li.menu-item-has-children > ul.toggled-on{
        display: block;
        opacity: 1;
        max-height: 160rem;
        
    }
    .main-menu li.member-login{
        background:  var(--clr-secondary) ;
        color: var(--clr-white);
        margin-left: 10px;
        border-radius: 60px;
        padding: 0 20px;
    }
    .main-menu li.member-login a{
       color: var(--clr-white);
    }
    
    
    #nav-toggle,
    #nav-toggle~label {
        display: none;
    }
    
    
    
    @media screen and (min-width: 1100px) and (max-width: 1200px){
        .main-menu  a{
            font-size: 1.7rem; 
            padding: 1rem 1rem;
    
        }
        .main-menu .main-nav> li{
            padding: 0 1rem;
        }
    }
    @media screen and (min-width: 960px) and (max-width: 1100px){
        #home-logo,
        .main-menu nav{
        text-align: center;
    
        }
        .main-menu li:first-of-type ul.sub-menu{
            left: 0;
            right: auto;
        }
        .main-menu ul.main-nav{
            margin-top: 1rem;
            justify-content: space-evenly;
        }
        .main-menu{
            justify-content: center;
        }
    }
    @media screen and (max-width: 959px){
    
        #nav-toggle {
            display: block;
            position: absolute;
            left: -9999px;
            
        }
        #nav-toggle ~ nav{
            max-height: 0;
            overflow: hidden;
            -webkit-transition: -webkit-transform 0.5s, max-height 0.5s  linear;
            transition: -webkit-transform 0.5s,  max-height 0.5s  linear;
            transition: transform 0.5s,  -webkit-transform 0.5s,  max-height 0.5s linear;
        }
        #nav-toggle ~ nav  > ul{
            display: block;
            background:  var(--clr-primary) ;
    
        }
        
        #nav-toggle:checked ~ nav  {
            max-height: 1000px; 
        }
        #nav-toggle~label {
            --toggle-color:  var(--clr-primary) ;
            position: relative;
            background: var(--clr-green);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            text-transform: uppercase;
            padding: 10px;
            font-size: 2.5rem;
            color: var(--toggle-color);
        }
        #nav-toggle~label span,
        #nav-toggle~label span:before,
        #nav-toggle~label span:after {
            cursor: pointer;
            border-radius: 0px;
            height: 4px;
            width: 30px;
            background: var(--toggle-color);
            position: relative;
            display: block;
            content: "";
            -webkit-transition: all 0.25s;
            transition: all 0.25s;
            left: 16px;
        }
        #nav-toggle~label span:before {
            top: -7px;
            left: 0px;
        }
        #nav-toggle~label span:after {
            top: 3px;
            left: 0px;
        }
        #nav-toggle:checked~.top-nav {
            max-height: 100vh;
        }
        #nav-toggle:checked~label span {
            background: rgba(255, 255, 255, 0);
        }
        #nav-toggle:checked~label span:before {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 0;
        }
        #nav-toggle:checked~label span:after {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: -4px;
        }
        #nav-toggle:checked~.blocker {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
        .main-menu {
            overflow: hidden;
            width: 100%;
            padding: 0;
            z-index: 100;
            position: relative;
            justify-content: space-evenly;
        }
        .main-menu nav{
            
            background: var(--clr-grey-mid);
        }
        #home-logo,
        .main-menu > label{
            margin: 1rem 20px;
            padding: 1rem 0;
        }
        .container .main-menu{
            padding-left: 0;
            padding-right: 0;
        }
        .main-menu .main-nav.member-nav-mobile{
            display: block;
        }
        .main-menu .main-nav.member-nav-mobile > li{
            justify-content: center;
        }
        .main-menu ul.sub-menu{
            top: 0;
        }
        .main-menu .main-nav> li{
            display: block;
            margin: 0;
            padding: 0;
        }
        .main-menu li.menu-item-has-children:before{
            content: '';
            display: block;
            height: 100%;
            width: 50px;
        
            position: absolute;
            top:0; 
            right: 0;
            bottom: 0;
        }
        .main-menu li.menu-item-has-children:after{
            content: '';
            display: block;
            width: 1rem;
            height: 1rem;
            border: 1px solid var(--clr-white);
            border-left: none;
            border-bottom: none;
            position: absolute;
            top:3rem;
            right: 20px;
            transform: translateY(-50%) rotate(135deg)
        }
        .main-menu li.member-login{
            border-radius: 0;
        }
    
    
        .main-menu nav{
            width: 100%;
        }
    
    
    
        .main-menu a{
            display: inline-block;
        }
        .main-menu li{
            margin: 0;
            padding: 0;
            /* font-size: 2rem; */
            text-align: center;
            box-shadow: 0 0 2px rgba(255,255,255,0.25) inset;
            max-width: 100vw;
        }
        
        .main-menu .btn.btn-rounded{
            border-radius: 0;
        }
    
        .main-menu li a{
            color: var(--clr-white);
            font-size: 2rem;
            padding: 1.5rem;
            display: block;
        }
        .main-menu li.menu-item-has-children:hover > ul,
        .main-menu li.menu-item-has-children:focus > ul{
            max-height: 100vh;
        }
        .main-nav > li > ul.sub-menu{
            position: relative !important;
            top: 0;
            background:  var(--clr-primary) ;
            padding-top: 0;
            
            max-width: none;
        
            box-shadow: 0 0 10px rgba(0,0,0,0.75) inset;
        }
    
    }
    
    
    /*------------
    FOOTER 
    ---------------*/
    .site-footer{
        --footer-background:  var(--clr-primary) ;
        background: var(--footer-background);
        color: var(--clr-white);
        padding: 7rem 0 3rem;
        border-top: 1.5rem solid  var(--clr-secondary) ;
    }
    
    .site-footer address{
        font-size: var(--size-body);
        font-style: normal;
    }
    .site-footer a{
        color:  var(--clr-secondary) ;
        text-decoration: none;
        border-bottom: none;
    
    }
    .site-footer a:hover{
        border-bottom: 1px solid currentColor;
    }
    .site-footer .url-tel,
    .site-footer .url-mailto{
        color: var(--clr-white);
        
    }
    .site-footer .url-tel:hover,
    .site-footer .url-mailto:hover{
        color:  var(--clr-secondary) ;
    }
    .site-footer .widget-title,
    .site-footer h3{
        font-size: var(--size-p);
        font-weight: var(--weight-bold);
        text-transform: capitalize ;
    
    }
    .site-footer .footer-column-2 {
        min-width: min-content;
    }
    
    .site-footer .footer-column-3 .widget_nav_menu li,
    .site-footer .footer-column-4 .widget_nav_menu li{
            text-align: center;
        }
    
    
    /* .site-footer h2{
        color: var(--clr-white);
        font-weight: var(--weight-bold);
        font-size: 2rem;
        text-transform: uppercase;
    } */
    .site-footer a.social-icon{
        color: var(--clr-white);
    }
    
    .site-footer .social-media{
        display: flex;
        align-items: center;
        margin: 3rem 0;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    
    .site-footer .menu{
        list-style:  none;
        padding: 0;
    }
    
    .site-footer .menu li{
        list-style: none;
        font-size: var(--size-body);
        padding: 0.5rem 0;
        text-align: left;
    }
    
    .site-footer .menu li a{
        color: var(--clr-white);
    }
    .site-footer .menu li a:hover{
        color:  var(--clr-secondary) ;
    }
    #footer-logo{
        max-width: 300px;
    }
    
    
    #footer-legal-menu {
        border-top: 1px solid var(--clr-white);
        margin: 5rem 0 0 0;
        padding: 3rem 0;
        
    }
    #footer-legal-menu .menu{
        display: flex;
        justify-content: center;
        flex-direction: column;
    
    }
    #footer-legal-menu .menu li{
        font-size: 1.5rem;
        text-align: center;
        padding: 0rem 3rem;
        margin-bottom: 1rem;
      border: none;
    }
    
    
    @media screen and (min-width: 800px){
        .site-footer .footer-widgets{
            /* display: grid;
            grid-template-columns: 150px 2fr 2fr 2fr;
            */
            display: flex;
    
            gap: 5rem; 
        }
    
        .footer-widgets .footer-column-1{
            min-width: 180px;
        }
        .footer-widgets .footer-column-2,
        .footer-widgets .footer-column-3,
        .footer-widgets .footer-column-4{
            min-width: 25%;
        }
    
        #footer-legal-menu  .menu {
            flex-direction: row;
        
        }
    
        #footer-legal-menu .menu li{
        
            border-right: 1px solid var(--clr-white);
          
        }
        #footer-legal-menu .menu li:last-of-type{
            border: none;
        }
        
        .site-footer .footer-column-3 .widget_nav_menu li,
        .site-footer .footer-column-4 .widget_nav_menu li{
            text-align: unset;
        }
        
        /* */
    
    }
    
    
    
    @media screen and (min-width: 768px) and (max-width: 1200px){
        .site-footer .footer-widgets {
            font-size: 2rem;
            display: flex;
            flex-wrap: wrap;
            gap: 5rem;
            /* display: grid;
            grid-template-columns: 1fr 1fr; */
        }
        .site-footer .widget-title{
            font-size: 2rem;
        }
        #footer-logo{
            max-width: 250px;
        }
        .site-footer .footer-column-1 p{
            display:  flex;
            align-items: center;
            justify-content: center;
        }
        .site-footer .footer-column-1{
    
            flex: 1 1 200px;
            order: 4;
        }
        .site-footer .footer-column-2{
            flex: 5 1 auto;
            order: 3;
            
    
        }
        .site-footer .footer-column-3,
        .site-footer .footer-column-4{
            
            flex: 1 1 40%;
            text-align: center;
            padding: 2rem;
            border: 1px solid var(--clr-light-blue);
        }
        
        .site-footer .footer-column-3{
        order: 1;
        }
        .site-footer .footer-column-4{
            order: 2;
            
        }
    
        
    
        
    
    
    
        .footer-right p{
            max-width: 60rem;
        }
    
        #menu-footer-menu{
            display: flex;
        }
        #menu-footer-menu li a{
            padding: 10px;
        }
        #menu-footer-menu li{
            border-right: 2px solid var(--clr-white);
    
            
        } 
    
    }
    @media screen and (max-width: 768px){
        .footer-column{
            width: 100%;
            text-align: center;
            margin: 2rem 0;
        }
        .footer-column .social-icons{
            justify-content: center;
        }
    
        .site-footer .footer-column-3 ,
        .site-footer .footer-column-4{
            border-top: 1px solid var(--clr-light-blue);
            padding-top: 2rem;
            margin-top: 2rem;
        }
    
    
    }
    @media screen and (max-width: 1100px){
        /* .footer-column{
            text-align: center;
            margin: 2rem 0;
        } */
        .footer-column .social-icons{
            justify-content: center;
        }
        .footer-right p{
            max-width: 60vw;
            margin: 0 auto;
        }
        
    }
    
    
    
    
    
    .aspect-image {
        width: 100%;
        background-size: cover;
        background-position: center;
        padding-top: calc(100% * (9/16));
    }
    
    
    .aspect-image.1x1{
        aspect-ratio: 1/1;
        padding-top: calc(100% *(1/1));
    }
    .aspect-image.16x9{
        aspect-ratio: 16/9;
        padding-top: calc(100% *(9/16));
    }
    
    .aspect-image.4x3{
        aspect-ratio: 4/3;
        padding-top: calc(100% *(3/4));
    }
    
    
    /*---------------- 
    Home page  - move to home.css 
    ----------------*/
    
    
    .circle-row{
        display: grid;
        background:var(--clr-black-200);
        padding: 100px 0;
        margin: 0 auto;
        
     
    }
    .columns-2{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .columns-3{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .columns-4{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
    
    @media screen and (max-width: 1024px){
        .columns-4{
            grid-template-columns: repeat(2, 1fr);
        }
        .columns-3{
            gap: 5%;
        }
        .home-cta-text h1{
            font-size: 4rem;
        }
        .circle-row{
            gap: 2rem;
        }
    }
    
    @media screen and (max-width: 640px){
        .columns-2,
        .columns-3,
        .columns-4{
            display: block;
            
        }
    }
    
    /*
    
    @media screen and (max-width: 1199px){
        .circle-row .columns-4{
            grid-template-columns: repeat(2, 1fr);
            gap: 3rem;
        }
    }
    
    
    /* .hover-circle {
        position: relative;
        width: 100%;
      }
      .hover-circle .inner {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: #ccc;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: clamp(2rem, 2.8vw, 3.3rem);
        font-weight: 900;
        text-align: center;
        border-radius: 50%;
        overflow: visible;
        text-transform: uppercase;
        padding: 20%;
      }
      .hover-circle:before {
        content: '';
        display: block;
        padding-top: 100%;
        width: 100%;
      } #/
    
      
      .photo-circle{
         border-radius: 50%;
        overflow: hidden;
        display: inline-block;
      }
    
      .photo-circle .grayscale{
          filter: grayscale(1);
          transition: filter var(--transition-normal);
      }
      .photo-circle .grayscale:hover{
          filter: grayscale(0)
      }
      .photo-circle,
      .icon-circle,
      .icon-full  {
        position: relative;
        width: 100%;
      }
      .photo-circle .inner{
          background-size: contain;
      }
      .icon-full .inner{
        display: flex;
        overflow: hidden;
        align-items: center;
        justify-content: center;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    
    
      }
      .icon-circle .inner {
        display: flex;
        overflow: hidden;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        background-color: var(--section-theme-svg-bg);
        background-size: 60%;
        background-position: center;
        background-repeat: no-repeat;
      }
     
      .photo-circle .inner:before,
      .icon-circle .inner:before, 
      .icon-full .inner:before{
        content: '';
        display: block;
        padding-top: 100%;
        width: 100%;
    
        
      }
      .icon-circle h3{
          font-size: 3rem;
          text-align: center;
          line-height: 1.1;
          color:  var(--clr-primary) ;
          padding: 0 12.5%;
      }
    
    
    
      .box h3{
          font-size: 4rem;
          margin: 0;
          text-transform: uppercase;
          font-weight: var(--weight-black);
          text-align: center;
      }
      .box h5{
        font-size: 2.4rem;
        margin: 0;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 0.3rem;
        font-weight: var(--weight-normal);
      }
      .line-separator{
          width: 50vw;
          max-width: 300px;
          height: 3px;
          background: var(--clr-white);
          display: block;
          margin: 4rem auto;
      }
      .line-separator-white{
          background: var(--clr-white);
      }
    
      .box{
        text-align: center;
      }
      .box p{
          width: 80vw;
          max-width: 960px;
          font-size: var(--size-body);
          line-height: var(--line-height-paragraph);
    
          margin: 0 auto;
      }
      .box h3{
        font-size: 4rem;
        margin: 0;
        text-transform: uppercase;
        font-weight: var(--weight-black);
        text-align: center;
    }
    .box h5{
      font-size: 2.4rem;
      margin: 0;
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 0.3rem;
      font-weight: var(--weight-normal);
    }
    
    
      
    #home-cta{
        padding-bottom: 5rem;
        background: linear-gradient(95deg,  var(--clr-primary)  50%,  transparent 65%), url('https://www.americanpolocrosse.org/wp-content/uploads/2019/08/World-Cup-2019-Shannon-Gilson-Robby.jpg');
    }
    #home-cta p{
        color: var(--clr-white);
        max-width: 50%;
    }
    #home-cta .home-cta-text {
    
    }
    
    @media screen and (max-width:768px){
    
        #home-cta{
            padding-bottom: 10rem;
        }
    
    }
    @media screen and (min-width:1024px){
        .home-cta-text h1{
        
            max-width: 40vw;
    
        }
        
    }
    
    
    */
    .section-separator{
        border: clamp(50px, 9rem, 180px) solid transparent;
        border-left: 50vw solid transparent;
        border-right: 50vw solid transparent;
        position: relative;
        margin: 0;
        padding: 0;
      
    }
    .section-separator__down{
        border-bottom-width: 0;
    }
    .section-separator__up{
        border-top-width: 0;
    }
    .section-separator__shift-up{
        margin: -10rem 0 0 0;
    }
    @media screen and (max-width: 768px){
        .section-separator{
            border-top-width: 4rem;
            border-bottom-width: 4rem;
        }
        .section-separator__shift-up{
            margin: -4rem 0 0 0;
        }
    
    }
    
    
    section#numbers  {
        padding-bottom: 10rem;
    }
    section#numbers  .container-full{
        background:   var(--clr-secondary) ;
        color: var(--clr-white);
        padding: 15rem 0 18rem;
    }
    section#numbers .container{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        
    }
    
    .counters-wrapper{
        display: flex;
        justify-content: center;
        /* align-items: center; */
        flex-wrap: wrap;
        
    }
    
    
    .single-counter{
        flex-grow: 1;
        min-width: min-content;
        max-width: 20vw;
        padding: 0 3rem;
        text-align: center;
    }
    .single-counter sup{
        font-size: 1.4rem;
        line-height: 1;
        display: block;
        margin-top: 10px;
    }
    .single-counter .h1{
         font-size: 7rem;
         line-height: 1;
         font-weight: var(--weight-black);
    }
    .single-counter h6{
        font-weight: var(--weight-normal);
        margin: 0;
        padding:0;
        font-size: 3rem;
    }
    section#numbers img{
        margin-top: -15rem;
        max-width: 1100px;
        width: 80vw;
    }
    @media screen and (max-width: 768px) {
    
        .single-counter{
            max-width: none;
            margin-bottom: 5rem;
            text-align: center;
        }
    
    }
    
    
    
    /*---------------------------------
    **
    **  Testimonials Block
    **
    **-------------------------------*/
    .testimonials{
        --size-h4: 2rem;
        --size-h5: 1.5rem;
    }
    
    .testimonials-container {
        margin-inline: auto;
        width: 90vw;
        max-width: 1200px;
        border-radius: 5rem;
        padding: 3rem 5%;
        box-shadow: 0 0px 1rem var(--clr-black-500);
		background: var(--clr-white);
    }
    
    .testimonials-container {
        text-align: center;
    }
    
    .testimonial-slide{
        margin: 0 auto;
        text-align: center;
        /* max-width: 90%; */
        width: 100%;
    }
    .testimonial-slide img{
        margin: 0 auto;
    }
    .testimonial-slider  .slick-list{
        max-width: 1100px;
        padding: 0 !important;
    
    }
    
    .testimonials-container .testimonial-slider{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .testimonials .testimonial-slide{
        color: var(--section-theme-text);
        min-height: 350px;
    }
    .testimonial-slide blockquote{
            margin: 0;
            padding: 2rem;
            margin-block: unset;
            margin-inline: unset;
    }
    .testimonials .testimonial-slide cite:empty{
        display: none;
    }
    .testimonial-slider svg{
        width: 36px;
        height: 66px;
        stroke: var( --clr-black);
        transition: all 0.5s;
    }
    .testimonial-slider .slick-arrow:hover svg{
        stroke:  var(--clr-primary) ;
        stroke-width: 3;
    }
    
    
    #testimonials .slick-buttons {
        margin-top: 2rem;
    }
    
    .testimonials-container .slick-prev-arrow,
    .testimonials-container .slick-next-arrow {
        background: var(--clr-white);
        border: none;
        color: var(--clr-primary);
        text-align: center;
        width: 4rem;
        height: 4rem;
    }
    
    .testimonials-container .slick-buttons svg {
        width: 4rem;
        height: 4rem;
    }
    
    .testimonials-container .slick-buttons svg * {
        stroke: var(--clr-primary);
    
    }
    
    .testimonials-container .slick-buttons button:hover svg *,
    .testimonials-container .slick-buttons button:focus svg * {
        stroke: var(--clr-black);
    
    }
    
    .testimonials-container  .slick-prev-arrow:hover,
    .testimonials-container  .slick-next-arrow:hover {
        background: var(--clr-secondary);
        border: none;
        color: var(--clr-black);
        font-size: 4rem;
    }
    
    
    
    .slick-arrow{
        cursor: pointer;
    }
    @media screen and (min-width: 1024px){
        .testimonials{
            --size-h4: inherit;
            --size-h5: inherit;
        }
        .testimonial-slide{
            display: flex;
            align-items: center;
            gap: 5rem;
            margin: 0 auto;
            text-align: left;
        
        }
    }
    
    
    
    
    
    
    /*-------------- BLOG ---------------------*/
    
    
    
    
    
    .post-item-grid{
        padding: 6rem 0 12rem;
    }
    .post-item-grid__title{
        color: var(--blog-highlight);
       margin: 0;
       padding: 3rem 0 6rem;
    }
    .post-item-grid__title span{
       display: inline-block;
    }
    .post-item-grid__title .bottom-lined:after{
        background: var(--blog-highlight);
        width: 60%;
        min-width: 200px;
        
    }
    .post-item-grid .container{	
       gap: clamp(30px, 5vw, 100px);
    }
    
    a.read-more{
       color: var(--blog-highlight);
       font-weight: var(--weight-bold);
       text-decoration: none;
    }
    a.read-more:hover{
        color: var(--blog-hover);
    }
    a.read-more svg{
       margin-left: 5px;
       fill: var(--blog-highlight);
    }
    
    .post-meta span{
       padding: 0 10px;
       color: var(--blog-text);
       border-left: 1px solid #000;
       border-left-color: var(--blog-text);
    
    }
    .post-meta span:first-of-type{
      border: none;  
      padding-left: 0;
    }
    .post-meta span:last-of-type{
       padding-right: 0;
     }
    
    
    .single-post-item__content .post-meta{
       padding: 1.5rem 0;
       display: block;
    
    }
    
    .single-post-item__title{
       font-size: 2.6rem;
       line-height: 1.1;
       margin: 0 0 3rem;
       text-transform: initial;
       font-weight: var(--weight-bold);
    }
    .single-post-item__title a{
       color: var(--blog-title);
       text-decoration: none;
    }
    .single-post-item__title a:hover{
        color: var(--blog-hover);
    }
    .single-post-item__excerpt{
        color: var(--blog-text);
       font-size: var(--size-body);
       font-family: var(--font-secondary);
       line-height: var(--line-height-body);
       
       
    }
    .single-post-item a{
       color:var(--blog-highlight);
       font-weight: var(--weight-bold);
    }
    
    
    
    
     /* -- SINGLE POSTS -- */
    
    
     
      .section__related-posts .single-post-meta {
        margin: 5rem 0;
        
      }
    
       /* -- SINGLE POSTS -- */
      
       .single-post-meta:after{
        content: '';
        display: block;
        width: 50%;
        margin: 0 auto;
        min-width: 200px;
        height: 1px;
        background: var(--clr-white);
      }
      .single-post-meta > div {
        display: flex;
        justify-content: center;
        margin: 1rem 0 3rem;
      }
      
      .single-post-meta__category{
        font-size: 2.6rem;
        font-weight: var(--weight-black);
      }
      .single-post-meta__category span{
        border-width: 2px;
      }
    
     .single-post__featured-img{
       padding-top: 20%;
       min-height: 200px;
       max-height: 450px;
       margin-top: -4rem;
     }
     
    
      
    @media screen and  (max-width: 1024px){
       .single-post-item{
           margin-bottom: 5rem;
         }
    }
    @media screen and (min-width: 640px) and (max-width: 1024px){
       .post-item-grid .columns-3{
           display: block;
       
       }
       .post-item-grid .single-post-item{
           display: grid;
           grid-template-columns: 40% 1fr;
           gap: 3rem;
           margin-bottom: 5rem;
           
       }
       
    }
    
    #blog-section{
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    #blog-section .container{
        display: flex;
    
        gap: 5rem;
    }
    .blog-section__posts,
    .blog-posts{
        flex: 0 1 70%;
    }
    #blog-filters{
        flex: 1 0 clamp(250px, 30%, 350px);
    }
    .blog-section__posts .single-post-item{
        display: flex;
        width: 100%;
        padding: 5rem 3rem;
        gap: 60px;
      }
      .blog-section__posts a.single-post-item__image {
            flex-basis: 45%;
            max-width: 500px;
            
    }
    .blog-section__posts .single-post-item__content{
        flex-basis: 60%;
        margin-top: 1rem;
    }
    .blog-section__posts .single-post-item__content .post-meta{
       padding-top: 0;
    }
    
    .blog-section__posts > .embed-youtube {
        display: none !important;
        
    }
    
    
    .blog-filters__section{
        margin-bottom: 4rem;
    }
    .blog-filters__section h5 {
        font-size: 1.6rem;
        background:  var(--clr-primary) ;
        color: #fff;
        padding: 10px;
        margin-bottom: 2rem;
    }
    
    .blog-filters__section ul{
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .blog-filters__section ul li{
        border-bottom: 1px dotted #333;
        margin: 5px 0;
    }
    
    .blog-filters__section ul li a{
        text-decoration: none;
        padding: 5px;
        display: block;
        transition: color var(--transition-slow);
    }
    .blog-filters__section ul li a:hover{
        color:  var(--clr-secondary) ;
    }
    #blog-filters select{
        width: 100%;
        padding: 10px;
    }
    
    #blog-filters  #category-select{
        display: none;
    }
    form#blog-search-form input{
        width: 100%;
        padding: 10px;
    }
    form#blog-search-form input[type="submit"]{
        display: none !important
    }
    #toggle-filters,
    #toggle-filters ~ label{
        display: none;
    }
    
    @media screen and (max-width: 1024px){
        #blog-section .container{
            flex-wrap: wrap;
        }
    
        #toggle-filters,
    #toggle-filters ~ label{
        display: block
    }
    #toggle-filters{
        position: absolute;
        left: -99999px;
    }
    #toggle-filters ~ label {
        width: 100%;
        padding: 10px;
        background: var(--clr-black-400);
        color: #ffffff;
    
        text-align: left;
       
        position: relative;
       
    }
    #toggle-filters ~ label:after{
        
        content: '[show filters]';
         padding: 10px;
        display: block;
     width: 100px;
        text-align: center;
        font-size: 1.6rem;
         position: absolute;
        top: 0%;
        bottom:0;
        right: 0; */
           transform:  translateY(-50%);
    }
    #toggle-filters:checked ~ label:after{
       content: '[hide filters]';
    }
    #toggle-filters:checked ~ label{
        border-bottom: 1px solid var(--clr-black-700);
    margin-bottom: 20px;
    }
    #toggle-filters:checked ~ div{
        display: block!important;
    }
    #toggle-filters ~ div{
        display: none !important;
    }
    
    
        #blog-filters{
            order: 0;
            flex: 1 1 100%;
            position: sticky;
            top: 0;
            /* position: fixed; */
            top: 0;
            left: 0;
            right: 0;
            background: var(--clr-black-400);
            
            gap: 5px;
        }
        #blog-filters > div h5{
            margin-bottom: 5px;
        }
        #blog-filters > div{
            
            padding: 0 20px 20px 20px;
            
            margin: 0;
        }
        #blog-filters  #category-select{
            display: block;
        }
        #blog-filters ul.category-list{
            display: none;
        }
        .blog-section__posts{
            order: 1;
            flex: 1 1 100%;
        }
    
    }
    
    
    @media screen and (max-width: 1280px){
        .blog-section__posts .single-post-item{
            display: block;
            padding: 3rem 1rem;
            
          }
    }
    
    
    
    
    /*
    #blog-section .container{
    
        padding: 9rem 0 10rem 0;
        display: grid;
            grid-template-columns: 1fr;
    }
    
    
    #blog-filters > div{
        background: var(--clr-black-200);
        padding: 0.5rem 3rem;
        margin-bottom: 0;
        transition: all var(--transition-fast);
    }
    #blog-filters > div label{
        text-transform: uppercase;
        font-weight: var(--weight-black);
        margin: 1rem 0;
        display: block;
    }
    .blog-post{
        margin-bottom: 10rem;
    }
    .blog-post .blog-image {
        width: 100%;
        background-size: cover;
        background-position: center;
        margin: 3rem 0 1.5rem;
        background-repeat: no-repeat;
      
    
    }
    .blog-post .blog-image:after {
          content: '';
          display: block;
          padding-top: 46%;
          width: 100%; 
        }
        .blog-post.blog-details .btn{
        padding-left: 5rem;
        padding-right: 5rem;
    
    }
    .blog-post .blog-details time{
        font-size: var(--size-h6);
        margin-bottom: 4rem;
        display: block;
    }
    .blog-post  .blog-details p{
        line-height: var(--line-height-paragraph);
    }
    #blog-filters select,
    #blog-filters input.search-box{
        display: block;
        width: 100%;
        padding: 1rem;
        border:none;
        border-radius: 0;
        box-shadow: 0 0 7px rgba(0,0,0,0.25);
    }
    #blog-filters input.search-box{
        margin-bottom: 1rem;
    }
    #blog-search-form{
        text-align: right;
    }
    .blog-post-categories{
        margin-top: 3rem;
    
    }
    .blog-post-categories a{
        color:  var(--clr-secondary) ;
        text-decoration: underline;
    }
    .mobile-toggle{
        position: absolute;
        left: -9999px;
    }
    
    
    @media screen and (min-width: 1024px){
        #blog-section .container{
            display: grid;
            grid-template-columns: 1fr 400px;
            gap: 5rem;
            padding: 9rem 0 10rem 0;
        }
        #blog-filters > div{
            background: var(--clr-black-200);
            padding: 5rem;
            margin-bottom: 2rem;
            transition: all var(--transition-fast);
        }
    
    }
    @media screen and (max-width: 1023px){
        #blog-filters{
            grid-row: 1;
            margin-bottom: 5rem;
        }
        
        .mobile-toggle~.mobile-wrap{
            /*display: none;#/
            display: block;
            padding: 0 2px;
            overflow: hidden;
            max-height: 0;
            transition: max-height var(--transition-fast);
        }
        .mobile-toggle:checked~.mobile-wrap{
            display: block;
            max-height: 1000px;
            padding: 20px 5px;
            
        }
        .mobile-toggle~label:after{
            content: '';
            border: 7px solid transparent;
            border-top-color:  var(--clr-secondary) ;
            border-bottom: none;
            transform: translateY(-50%);
            display: inline-block;
            margin-left: 2rem;
            transition: transform var(--transition-fast);
        }
        .mobile-toggle:checked ~ label:after{
            transform: translateY(-50%) rotate(180deg);
        }
    }
    */
    
    
    .pagination .page-numbers {
        line-height: 25px;
    
        padding: 7px;
        margin: 3px;
        width: 39px;
        text-align: center;
        display: inline-block;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    text-decoration: none;
        background: var(--clr-secondary)  !important;
        border-color: var(--clr-secondary) !important;
        color: var(--clr-white) !important;
    }
    
    .pagination a.page-numbers:hover {
        background:  var(--clr-primary)  !important;
        border-color:  var(--clr-primary)  !important;
    }
    
    .pagination .page-numbers.current {
        background:  var(--clr-primary)  !important;
        border-color:  var(--clr-primary)  !important;
    }
    
    /*------------- SOLUTIONS ---------------*/
    
    
    /* ------------- TABLE  ---------------*/
    .table-alt-rows th{
        text-align:left;
            padding: 5px;
        font-size: var(--size-h6);
        font-weight: var(--weight-bold);
        
    }
    .table-alt-rows tr:nth-of-type(odd){
      background: var(--clr-black-200);
    }
    .table-alt-rows{
      border: 1px solid var( --clr-black);
    }
    .table-alt-rows td,
    .table-alt-rows th{
      padding: 10px 0;
      text-align:center;
    }
    .table-alt-rows td:first-of-type,
    .table-alt-rows th:first-of-type{
        text-align: left;
        width: 60%;
    }
    
    
    
    
    
    /*---------------------------------
    **
    **  FAQ Block
    **
    **-------------------------------*/
    
    
    dl.faq-list{
        max-width: 100ch;
        margin-inline: auto;
    }
    dl.faq-list button {
        margin: 0;
        margin-bottom: 3rem;
        padding: 2rem 4rem;
       
        border: none;
        font-size: 2rem;
        line-height: 1.5;
        border-radius: 1rem;
        width: 100%;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-shadow: 0 0px 3px var(--clr-black-500);
    }
    dl.faq-list a.glossary-only-link{
       border: none !important;
       font-style: normal !important;
       pointer-events: none;
    }
    dl.faq-list dd {
    
        padding: 0;
        font-size: 1.5rem;
        margin: 0 0 1rem;
    
    }
    
    dl.faq-list .faq-list__content {
        padding: 2rem 3rem;
    
        font-size: 2rem;
    }
    
  
    
    dl.faq-list button[aria-expanded="false"] {
        background-color: var(--clr-white);
        color: var(--clr-primary);
    }
    
   
    dl.faq-list button[aria-expanded="true"] {
        background-color: var(--clr-primary);
        color: var(--clr-white);
    }
    
    dl.faq-list button .icon-open,
dl.faq-list button .icon-close{
    position: relative;
    font-size: 5rem;
    line-height: 0;
    margin-left: 5rem;
}
dl.faq-list button[aria-expanded="true"] .icon-open {
    display: none;
}

dl.faq-list button[aria-expanded="true"] .icon-close {
    display: block;
}




dl.faq-list button[aria-expanded="false"] .icon-open {
    display: block;
}

dl.faq-list button[aria-expanded="false"] .icon-close {
    display: none;
}


    dl.faq-list button:hover{
        background: var(--clr-blue);
        color: var(--clr-white);
        cursor: pointer;
    }
    dl.faq-list button:focus {
        background: var(--clr-gold);
        color: var(--clr-black);
        cursor: pointer;
    }
    
    @media screen and (max-width: 640px){
        dl.faq-list button {
            padding: 2rem;
        }
        dl.faq-list button .icon-open,
        dl.faq-list button .icon-close{
            margin-left: 2rem;
        }
    }
    
    /*---------------------------------
    **
    **  Affiliations Block
    **
    **-------------------------------*/
    
    
    .affiliations-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 3rem;
    }
    
    .affiliations-section header {
        margin: 2rem 0;
    }
    
    .affiliations-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .affiliations-list > a,
    .affiliations-list > img {
        display: block;
        margin: 1rem 3rem
    }
    
    .affiliations-list>* {
        margin: 1rem;
    }
    
    
    
    /*---------------------------------
    **
    **  Image Text Grid Block
    **
    **-------------------------------*/
    
   /* .image-text-grid {
        display: grid;
        grid-auto-flow: dense; /* <-- required for alternating layout --#/
        flex-wrap: wrap;
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: 1fr
    }*/

     .image-text-grid.one-third{
        --img-col-width: 67%;
        --text-col-width: 33%;
    }
    .image-text-grid.one-half{
        --img-col-width: 50%;
        --text-col-width: 50%;
    }
    .image-text-grid.two-third{
        --img-col-width: 33%;
        --text-col-width: 67%
    }
    .image-text-grid.three-fifth{
        --img-col-width: 40%;
        --text-col-width: 60%;
    }
    .image-text-grid.three-fourth{
     
        --img-col-width: 25%;
        --text-col-width: 75%;

    } 


    .image-text-grid .row_even,
    .image-text-grid .row_odd{
        display: flex;
        flex-wrap: wrap;
    }

    .image-text-grid .image-text-grid_image{
        flex: 0 0 var(--img-col-width)
    }

    .image-text-grid .image-text-grid_text{
        flex: 0 0 var(--text-col-width)
    }

    .image-text-grid.image-first .row_odd{
        flex-direction: row-reverse;
    }


  



    
    .image-text-grid .image-text-grid_cell {
        display: flex;
        /* flex: 1 1 50%; */
        flex-direction: column;
       justify-content: center;
        padding: clamp(5rem, 15%, 10rem) clamp(3rem, 7.5%, 8rem);
       
    }
    
    /*-- Alternating Image L/R ----*/

     /* .image-text-grid div:nth-child(4n + 2) {
         grid-column: 2; 
    } */
    
    .image-text-grid .image-text-grid_image {
        padding: 0;
        background-image: var(--background-image);
        background-size: cover;
        min-height: 50rem;
    }
    
    @media screen and (max-width: 960px) {
        .image-text-grid,
        .image-text-grid .row_even,
        .image-text-grid .row_odd {
            display: block;
          
        }
     
        .image-text-grid div:nth-child(4n + 3){
            grid-column: unset;
        }
    
        .image-text-grid_image {
            max-height: 30vh;
        }
    
    }
    
    
    
    
    /*---------------------------------
    **
    **  Image Text Grid Block
    **
    **-------------------------------*/
    
    
    
    .header-slides {
        position: relative;
    }
    .header-slides .slick-dotted.slick-slider{
    
        margin-bottom: 0;
    }
    .header-slides .slick-prev-button {}
    
    .header-slides .slick-next-button {}
    
    .header-slides .slick-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 8rem;
        height: 8rem;
        background: none;
        border: none;
        z-index: 1000;
    
    }
    
    .header-slides .slick-dots li button:before {
        color: var(--clr-white);
        font-size: 1rem;
    
    }
    
    .header-slides .slick-prev-arrow {
    
        left: 1rem;
    
    }
    
    .header-slides .slick-next-arrow {
    
        right: 1rem;
    
    
    }
    
    
    .header-slides .slick-dots {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        list-style: none;
        justify-content: center;
        margin: 2rem 0;
    }

    @media screen and (max-width: 768px){
        .header-slides .slick-arrow {
            
            bottom: 0;
            top: unset;
            transform: unset;
            
        }
    }
    
    
    .header-slides .slick-dots button {}
    
    
    .slick-arrow svg {}
    
    .slick-arrow svg * {
        stroke: var(--slick-button-color, --clr-white);
    }
    
    .slick-arrow :hover svg *,
    .slick-arrow :focus svg * {
        stroke: var(--slick-button-hover-color, --clr-black);
    
    }
    
    
    .page-header-item {
        background-image: var(--img-url);
        min-height: 30vw;
        background-position: center;
        background-size: cover;
    }
    
    .page-header-item>.container {
        padding: 10rem 0 10rem;
    }
    
    .page-header-item__inner {
        background: var(--clr-transparent-white);
        border-radius: 5rem;
        padding: 5rem;
        margin-inline: 5rem;
        max-width: max(60%, 800px);
    }
    
    .page-header-item__inner .page-header-item__title {
        line-height: 1;
        font-weight: var(--weight-normal);
        font-size: var(--size-h1);
    }
    
    .page-header-item__inner .page-header-item__title b,
    .page-header-item__inner .page-header-item__title em {
        color: var(--clr-blue);
        font-weight: var(--weight-bold);
		font-style: normal;
        display: inline-block;
    
    }
    
    @media screen and (max-width: 960px){
        .page-header-item__inner {
            border-radius: 2rem;
            padding: 4rem;
            margin-inline: 3rem;
        }
        
        .page-header-item__inner h1 {
                   font-size: var(--size-h2);
        }
    }   
    
    @media screen and (max-width: 640px){
        .page-header-item__inner {
            border-radius: 2rem;
            padding: clamp( 2rem , 3vw, 4rem);
            margin-inline: 1rem;
        }
        
        .page-header-item__inner h1 {
                  font-size: clamp(var(--size-h3), 10vw, var(--size-h1));
        }
    }    
    
    /*---------------------------------
    **
    **  Info Boxes Block
    **
    **-------------------------------*/
    
    
    .info-boxes__container {
        display: grid;
        gap: 2rem;
        grid-template-columns: repeat(2, 1fr);
    
    }
    .info-boxes__container[data-boxes="2"]{
        grid-template-columns: repeat(2, 1fr);
    }
    .info-boxes__container[data-boxes="3"]{
        grid-template-columns: repeat(3, 1fr);
    }
    .info-boxes__container[data-boxes="4"]{
        grid-template-columns: repeat(4, 1fr);
    }
    
    
    .info-box__title{
        color: var(--clr-blue);
        font-weight: var(--weight-bold);
        font-size: var(--size-h4);
        letter-spacing: -1px;
    }
    .info-boxes-box {
    
        padding-top: 40rem;
        background-image: var(--background-image);
        background-position: center;
        background-size: cover;
        border-radius: 0 0 2rem 2rem;
        display: flex;
    }
    
    .info-boxes-box>div {
        background: var(--clr-transparent-white);
        text-align: center;
        padding: 3rem;
        width: 100%;
        
    
    }
    
    @media screen and (max-width: 1100px) {
        .info-boxes__container[data-boxes="2"],
        .info-boxes__container[data-boxes="3"],
        .info-boxes__container[data-boxes="4"] {
            grid-template-columns: 1fr;
        }
    
    }
    
    @media screen and (min-width: 640px) and (max-width: 1100px) {
        .info-boxes-box {
            padding-left: 40%;
            padding-top: 0;
            border-radius: 0 2rem 2rem 0rem;
        }
        
    }

	/*---------------------------------
    **
    **  Info Boxes Block
    **
    **-------------------------------*/
    
    
    .text_cell__container {
        display: grid;
        gap: calc( var(--gap, 2) * 1rem);
        grid-template-columns: repeat( var(--columns, 2), 1fr);
    
    }
  
    
    
    /* .text-cell {
    
        padding-top: 40rem;
      
        border-radius: 0 0 2rem 2rem;
        display: flex;
    } */
    
    .text-cell {
		border-radius: 2rem 2rem;
        display: flex;
		justify-content: center;
        background: var(--clr-white);
        text-align: center;
     
        width: 100%;
		box-shadow: 5px 5px 10px rgb(0 0 0 / 50%);
        overflow: hidden;    
    
    }
    .text-cell > a,
    .text-cell > div{
        padding: 3rem;
        display: block;
        width: 100%;
        
        
    }
    .text-cell div[data-url]{
        cursor: pointer;
    }
    .text-cell:hover,
    .text-cell:focus{
        background: var(--clr-blue);
        color: var(--clr-white);
    }
    .text-cell:hover h5,
	.text-cell:hover .text-cell_title,
	.text-cell:hover strong,
    .text-cell:focus h5,
	.text-cell:focus .text-cell_title,
	.text-cell:focus strong
    {
     
        color: var(--clr-white);
    }
	.text-cell .text-cell_title{
		color: var(--clr-primary);
		font-weight: var(--weight-bold);
	}
	.text-cell p{
		line-height: var(--line-height-body);
	}
    
    @media screen and (max-width: 1100px) {
        .text_cell__container {
            --columns: 1;
        }
    
    }
    
    @media screen and (min-width: 640px) and (max-width: 1100px) {
        
        
    }

   /*---------------------------------
    **
    **  Text Block
    **
    **-------------------------------*/

    .text-block > .container{
        max-width: 120ch;
    }

    /*---------------------------------
    **
    **  Grid Block
    **
    **-------------------------------*/
    .grid-section__container{
        display: grid;
        grid-template-columns: repeat(var(--grid-desktop, 1), 1fr);
     
    }

    .grid-section__cell{

        background: var(--cell-background);
        padding-top: var(--cell-pad-to);
        padding-left: var(--cell-pad-left);
        padding-bottom: var(--cell-pad-bottom);
        padding-right: var(--cell-pad-right);
    }

    @media screen and (max-width: 1024px){
        .grid-section__container{
                    grid-template-columns: repeat(var(--grid-columns-tablet, 1), 1fr);
         
        }
    }
    @media screen and (max-width: 640px){
        .grid-section__container{
              display: block;
         
        }
    }

       /*---------------------------------
    **
    **  FORM
    **
    **-------------------------------*/


    .contact-form .gform_wrapper{
        max-width:80ch;
        margin-inline: auto;
    }
    
    .gfield_input:not(:focus):not(:active) ~ label{
            clip: rect(1px, 1px, 1px, 1px);
            clip-path: inset(50%);
            height: 1px;
            width: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
          }

          .gform_wrapper.gravity-theme input[type=color],
          .gform_wrapper.gravity-theme input[type=date],
          .gform_wrapper.gravity-theme input[type=datetime-local],
          .gform_wrapper.gravity-theme input[type=datetime],
          .gform_wrapper.gravity-theme input[type=email],
          .gform_wrapper.gravity-theme input[type=month],
          .gform_wrapper.gravity-theme input[type=number],
          .gform_wrapper.gravity-theme input[type=password],
          .gform_wrapper.gravity-theme input[type=search],
          .gform_wrapper.gravity-theme input[type=tel],
          .gform_wrapper.gravity-theme input[type=text],
          .gform_wrapper.gravity-theme input[type=time],
          .gform_wrapper.gravity-theme input[type=url],
          .gform_wrapper.gravity-theme input[type=week],
          .gform_wrapper.gravity-theme select,
          .gform_wrapper.gravity-theme textarea{
              padding: 1.2rem !important
          }
          .contact-form .gform_button{
            background: var(--clr-black);
            border: var(--btn-outline-width) solid var(--clr-white);
            color: var(--clr-white);
            cursor: pointer;
        }
        .contact-form .gform_button:hover,
        .contact-form .gform_button:focus{
            background: var(--clr-white);
            color: var(--clr-black);
        }
.searchsubmit{ 
    background: var(--clr-gold);
    padding: 1rem 1rem;
}
#search-form-1{
    padding: 1rem 0.5rem;
}

/* GLossary ================== */

body .glossary-tooltip a,
main p a.glossary-only-link,
a.glossary-only-link {
    background: none;
    padding: 2px;
    display: inline;
    font-style: italic !important;
    font-weight: inherit !important;
    border-bottom: 2px dotted currentColor !important;
    cursor: help;
    color: inherit !important;
}

#glossary-list{
    
}

#glossary-list dt, 
#glossary-list dd {
    padding: 1rem;
   
}
#glossary-list dd{
    margin: 0;
    padding: 0 5rem 3rem 5rem
}
#glossary-list dd p{
    margin: 0rem;
}
#glossary-list .active-term, 
#glossary-list .active-term + dd{
background: var(--clr-gold);
}
#glossary-list .active-term + dd{

}