@charset "UTF-8";
/*
 Theme Name:   ADGCreative Child
 Theme URI:    https://adgcreative.design/
 Description:  ADGCreative Child Theme
 Tags: accessibility-ready, custom-background, custom-logo, post-formats, theme-options, block-styles, editor-style
 Author:       ADG Creative
 Author URI:   https://adgcreative.design
 Template:     adgcreative
 Version:      1.1.0
 Text Domain: adgcreative-child
 Tested up to: 6.2.2
 Requires PHP: 7.3
 ADGCreative WordPress Theme, (C) 2021 ADGCreative
 ADGCreative Theme is distributed under the terms of the GNU GPL.
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

/*** FONTS ***/
/* @TODO update font url */
@import url('https://fonts.googleapis.com/css2?family=Anuphan:wght@100..700&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Libre+Bodoni:ital,wght@0,400..700;1,400..700&display=swap');
 
/***** Variables *****/
/* @TODO use Get Root Variables
		ADGCreative Theme Options -> Palette 
		ADGCreative Theme Options -> Typography
*/
:root {
	--libre-bodoni:"Libre Bodoni", serif;
    --anuphan:"Anuphan", serif;
	--honolulu-blue:#0067b1;
    --paolo-veronese-green:#01927e;
    --black:#000;
    --white:#fff;
    --roman-silver:#868193;
    --quartz:#4B4657;
    --platinum:#E1DEE8;
    --azureish-white:#d9efec;
}

/*=============================================
	GLOBAL STYLES
==============================================*/
html{
    margin: 0 !important;
}

figure.wp-block-embed{
    width:75%;
    align-self:center;
}
hr.wp-block-separator{
    margin-top: var(--wp--preset--spacing--60) !important;
    margin-bottom: var(--wp--preset--spacing--60) !important;
}
/*==========================
    UAC NAV
===========================*/
.uac-nav ul > li > ul.wp-block-navigation__submenu-container{
    margin-left:-170px;
}
.uac-nav ul > li > ul.wp-block-navigation__submenu-container a .wp-block-navigation-item__label{
    font-size:14px;
}

h1{
   padding-bottom:0 !important;
}

h3 > a {
  font-size:1.23rem
}
h1 strong, h2 strong, h3 strong h4 strong{
    font-weight:inherit !important;
}
#site-header .wp-block-buttons>.wp-block-button {
    white-space: nowrap;
}
.entry-content p,.entry-content ul:not(nav ul){
    margin-block-end:10px !important;
    margin-block-start: 0;
}
nav ul.has-background {
    padding:0 !important;
}

:root :where(.wp-block-separator) {
    margin-top:var(--wp--style--block-gap) !important;
    margin-bottom:var(--wp--style--block-gap) !important;
}
.wp-block-table{
    margin-block-end:20px !important;
}

.wp-block-social-link{
    border-radius:5px !important;
}
.wp-block-social-link-anchor{
    font-size:inherit;
}

/*****
    ACF Form Button
************************/
.acf-button{
    background-color: var(--wp--preset--color--dark-cerulean);
    border-radius: 5px;
    color: var(--wp--preset--color--white);
    font-family: var(--wp--preset--font-family--poppins);
    font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.227), 1rem);
    font-style: normal;
    font-weight: 600;
    padding-top: 0.5em;
    padding-right: 1.4em;
    padding-bottom: 0.5em;
    padding-left: 1.4em;
    border:none;
    cursor:pointer;
}
/*=====================
    TOP
=====================*/
.google-translate-column{
    justify-items: end;
}
.wp-block-search__inside-wrapper{
    position:relative;
    max-width: 250px;
}
.wp-block-search__inside-wrapper::after{
    content:"\f002";
    font: var(--fa-font-solid);
    display:inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    width:24px;
    height:24px;
    position:absolute;
    right:5px;
    top:11px;
}
/*=================================================
	MAIN NAV
==================================================*/
#site-header nav.main-nav ul{
    justify-content: center;
}
#site-header nav.main-nav ul li{
    padding:1% 2%;
}
#site-header nav.main-nav ul li.current-menu-item{
	background:var(--azureish-white);
}
.wp-block-navigation .wp-block-navigation-item__label {
    word-break: keep-all;
}
.wp-block-site-logo img{
  width:270px;
}
/**************************************
    PRIMARY NAV (DEV)
**************************************/


/** Main Nav Submenu **/

@media (min-width:767px){
   
}

/****
    Member Nav
****/
.member-nav{
    gap: 5px;
}  
.member-nav .wp-block-navigation-item{
    background: var(--quartz);
    color: #fff;
    padding: 10px 24px 10px 24px;
    border-radius: .25em;
    min-width: 100%;
}

/*============================================
	MAIN BODY
=============================================*/
/* .wp-block-post-title{
    margin-block-end: 30px;
}
.wp-block-query .wp-block-post-title{
    text-transform: capitalize;
}
.wp-block-post-title{
    color:var(--green-vogue);
}
.wp-block-post-title a{
    line-height: 30px;
} */
.lwa-info{
    display: flex;
    gap: 20px;
}
#somfrp_user_info{
    height: 35px;
    width: 50%;
}

.wp-block-query .wp-block-post-template li.wp-block-post{
    margin-block-start:15px !important;
}
/*=============================================
	FOOTER
==============================================*/
footer .container-footer{
    background-size: 55% !important;
    background-repeat: repeat-y;
}

.footer-contact .wpforms-field-container{
    display:flex;
    gap: 10px;
}
footer .copyright a{
    font-size:.7rem !important;
}
footer{ 
  /* margin-top: -10px; */
}
footer .wp-block-navigation__submenu-container{
 	/* display:none !important;  */
}
.copyright{
  /* position: absolute;
  bottom: 10px;
  right: 10%; */
}

/*=============================================
	MEDIA QUERIES
==============================================*/
/* Change the WordPress default css to a 1023px media query */
@media (min-width: 1023px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
        width: 100%;
        position: relative;
        z-index: auto;
        background-color: inherit;
    }
    /*** CUSTOM ***/
    /* .wp-block-navigation>.wp-block-navigation-item:not(footer .wp-block-navigation>.wp-block-navigation-item) {
      padding-top:.5rem;
      padding-bottom:.5rem;
    } */
    .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container{
      left:0;
      right:auto;
    }
    .wp-block-navigation__submenu-container{
        box-shadow: 4px 4px 8px rgba(51, 51, 51, 0.2);
        background-color:var(--azureish-white) !important;
        border: none;
     }
  
     .wp-block-navigation__submenu-container li{
        background-color:var(--azureish-white) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
     }
     .wp-block-navigation__submenu-container li a{
        color:var(--black) !important;
        font-size: 16px;
     }
     .wp-block-navigation__submenu-container li:hover{
        background:var(--wp--preset--color--azureish-white-soft) !important;
     }
     .wp-block-navigation__submenu-container li:hover a{
        color:var(--paolo-veronese-green) !important;
     }
}
/* Remove the WordPress default for 600px */
@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}
@media (max-width:1400px) {
    .header-links .wp-block-button a{
        min-height: 58px;
        align-content: center;
    }
}
@media (min-width:1023px) and (max-width:1200px){
   
}
@media (max-width:1200px){
    #site-header>.wp-block-columns{
        flex-direction:column;
    }
    #site-header > div.wp-block-columns > div:nth-child(2) > div:nth-child(2),
    #site-header > div.wp-block-columns > div:nth-child(2) > div:nth-child(1),
    #site-header > div.wp-block-columns > div:nth-child(2) > div:nth-child(1) .wp-block-buttons{
        flex-wrap:wrap;
        justify-content: center;
        row-gap:15px;
    }
}
@media (max-width: 1023px) {
    .wp-block-site-logo img{
        width:100%
    }
    #site-header nav{
        position: absolute;
        top: 30px;
        right: 20px;
    }
    .wp-block-search__input{
       max-width:220px;
    }
    main .entry-content.alignfull{
        padding:0 10px;
    }
    .header-search-container{
        justify-items: center;
    }
    footer .wp-block-column.has-azureish-white-background-color{
        padding:30px !important;
    }
    
    /* header .wp-block-navigation.items-justified-right{
      --navigation-layout-justification-setting:flex-start;
      --navigation-layout-justify:flex-start;
    }
    .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{
      color:var(--green-vogue);
    }
   .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
       color: var(--green-vogue);
    }
    .copyright{
        position: relative;
    } */
    
}

@media (max-width: 1024px) {
    
    /*** custom ***/
    .wp-site-blocks {
      margin:0 5px;
    }
    .custom-buttons-column {
      margin:0 10px;
    }
    header .wp-block-site-logo{
        /* margin-left:1.5rem !important; */
        width: 100%!important;
    }
    .custom-logo-column {
      text-align: center;
    }
    header .wp-block-navigation__responsive-container-content{
        max-width:100%;
    }
    header .wp-block-navigation__container.primary-nav{
        margin-left:1.5rem;
    }
    .member-nav .wp-block-navigation__responsive-container-content{
        align-items: start !important;
    }
    .mobile-zero-padding{
        padding-left:0 !important;
        padding-right:0 !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }
    main{
        padding:0 !important;
    }
    .mobile-horizontal-padding,
    main>h1,
    .eo-events-container{
        /* padding:0 15px; */
        padding-left:15px !important;
        padding-right:15px !important;
    }
    body.post-type-archive .wp-block-query ul>li{
        border-bottom: 1px solid #ccc;
    }
    
}

/* =========================================================
   MOBILE HEADER
   - Hide original WP hamburger/nav in top-right (VISUALLY, not display:none)
   ========================================================= */
@media (max-width: 600px){
  .custom-logo-link {
    width:95%;
  }
  /* Hide the REAL WP hamburger button without display:none */
  #site-header nav.primary-nav.wp-block-navigation .wp-block-navigation__responsive-container-open{
    position: absolute !important;
    left: -9999px !important;
  }
  .wp-block-search__input {
    border-left:none;
    border-right:none;
  }
  /* Neutralize any theme absolute positioning that might collide */
  #site-header nav{
    position: static !important;
    top: auto !important;
    right: auto !important;
  }

  /* 2) Make logo area 100% width (and stop header columns from squeezing) */
  #site-header > .wp-block-columns{
    display: flex !important;
    flex-direction: column !important;
  }
  #site-header > .wp-block-columns > .wp-block-column{
    flex-basis: 100% !important;
    width: 100% !important;
  }

  /* specifically ensure the logo block itself can expand */
  #site-header .wp-block-site-logo,
  #site-header .wp-block-site-logo a,
  #site-header .wp-block-site-logo img{
    align-self: center;
  }

  /* 3) Two-row layout inside your buttons column */
  #site-header .custom-header-row{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 10px;
  }

  /* Row 1 buttons always span 100% */
  #site-header .custom-header-row .header-links{
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }
  #site-header .custom-header-row .header-links .wp-block-button{
    width: 100% !important;
    margin: 0 !important;
  }
  #site-header .custom-header-row .header-links .wp-block-button__link{
    width: 100% !important;
    display: flex !important;
    justify-content: center;
    box-sizing: border-box;
    align-items: center;
  }

  .custom-hamburger-placeholder {
    width:10%;
  }

  button.adgc-proxy-hamburger{
      display: flex;
      align-items: center;
      justify-content: center;

      width: 40px;   /* match what you want */
      height: 40px;
      padding: 0;
      line-height: 0;
      border: 0;
      background: transparent;
  }

  /* 4) Make sure your row two stays full width */
  #site-header .custom-header-row-two{
    width: 100% !important;
    margin: 0 !important;
  }

  /* If your buttons column had a 75% basis somewhere, force full width */
  #site-header .custom-buttons-column{
    flex-basis: 100% !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .container-subfooter > .wp-block-columns{
    padding-left:0 !important;
  }
}
/* Mobile homepage image */
@media (max-width: 600px){
  .wp-image-2812 {
    position:unset!important;
  }
  /* Cover blocks often contain an empty <p> that still has margins */
  .wp-block-cover .wp-block-cover__inner-container > p:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .homepage-our-mission {
    padding:10px 20px!important;
  }
  .homepage-our-mission-image-block {
    height: 250px !important;
  }
}