/*
Theme Name: St Germain Wealth Management Group
Theme URI: http://xxx.com/
Template: builder
Version: 3.4
Updated: 10/10/2024
Author: Thomas Digital
Author URI: https://www.thomasdigital.com
Description: Builder with drag and drop elements using wireframe kit design.
Tags: wordpress, bootstrap, wireframe, acf
*/

/*------------------------------------------
    #MARK: REMOVE
------------------------------------------*/
/* #region */

/* .mh { 
    min-height: 2000px; 
} */

/* body:not(.wp-admin) {
    background: url(upload/Home6.png) top center no-repeat;
} */

body:not(.wp-admin) main,
body:not(.wp-admin) .footer-0 {overflow: hidden;}

/* #endregion */

/*------------------------------------------
    #MARK: ROOT
------------------------------------------*/
/* #region */

:root {

    --font-size: 18px;
    --font-1: 'Poppins';
    --font-2: 'Inter';

    
    /* --primary-color1: #008535; */
    --primary-color1: #006857;
    --primary-color2: #0F2642;
    --primary-color3: #FFFFFF;
    --secondary-color1: #5EB3C2;
    --secondary-color2: #BC9258;
    --secondary-color3: #73757C;

    --h1: 60px;
    --h2: 48px;
    --h3: 24px;
    --h4: 32px;
    --h5: 24px;
    --p22: 22px;
    --h6: 18px;
    --menu-link: 15px;
    --footer: 14px;
    --btn: 13px;
   

    --color10: black;
    --color11: white;

    --a: #73757C;
    --hover: #73757C;       

    --darktitle:white;
    --darktext:white;
}

/* #endregion */

/*------------------------------------------
    #MARK: GENERAL
------------------------------------------*/
/* #region */
.element .dinfo, .element .dtext {line-height: 1;}

.element h1 {
    color: var(--primary-color3);
    font-family: var(--font-1);
    font-size: var(--h1);
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 66px */
}

.element h2 {
    color: var(--primary-color1);
    font-family: var(--font-1);
    font-size: var(--h2);
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 52.8px */
}

.element h3 {
    color: #050E27;
    font-family: var(--font-1);
    font-size: var(--h3);
    font-style: normal;
    font-weight: 600;
    line-height: 110%; /* 26.4px */
}

.element .dtext p, .element .ptext {
    color: var(--secondary-color3);
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
}

.element .dtext p strong {font-weight: 700;}
/* #endregion */

/*------------------------------------------
    #MARK: BUTTONS
------------------------------------------*/
/* #region */
.element .btn.w-icon .a-span {
    color: #006857;
    font-family: var(--font-2);
    font-size: var(--btn) ;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 13px */
    text-transform: uppercase;
}

.element .btn.w-icon .a-span::before {display: none;}

.element .btn.w-icon img.d-icon{max-width: 20px; height: 12px;}
/* #endregion */

/*------------------------------------------
    #MARK: HEADER
------------------------------------------*/
/* #region */
header.menu-overlay {transition: all 0.3s;}

.navbar-brand {
    width: 100%;
    max-width: 580px;
}

header .menu_wrap {
    padding: 23px 0 22px;
    background-color: var(--primary-color3);
    transition: all 0.3s;
}

header .menu_wrap {padding: 20px 0;}

/* #endregion */

/*------------------------------------------
    #MARK: MENUS
------------------------------------------*/
/* #region */
header .navbar-collapse {justify-content: flex-end;}
.main-menu .navbar-nav, #navbar-home .navbar-nav {
    gap: 40px;
}

.main-menu .navbar-nav  .nav-link {
    padding: 0;
}

.main-menu .nav-link span {
    font-family: var(--font-2);
    font-size: var(--menu-link);
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 15px */
    text-transform: uppercase;
}

.main-menu .menu-item {
    /* padding */
}

.main-menu .menu-item.active .nav-link span,
.main-menu .menu-item .nav-link:hover span {
    /* color */
}

/* #endregion */

/*------------------------------------------
    #MARK: FOOTER
------------------------------------------*/
/* #region */


.footer-0 .wrap {padding-top: 60px;padding-bottom: 45px; background-color: var(--primary-color2);}
.footer-0 .dtop {margin-bottom: 46px;}

.footer-0 .navbar-brand {max-width: 459px;}

.footer-0 .dmid .flexic {flex-wrap: nowrap; border-top: 1px solid rgba(217, 217, 217, 0.2); border-bottom: 1px solid rgba(217, 217, 217, 0.2);}

.footer-0 .dmid .flexic .flex-item {padding: 50px 0;}
.footer-0 .dmid .flexic .flex-item:not(:last-child) {border-right: 1px solid rgba(217, 217, 217, 0.2); ;}

.footer-0 .dmid .flexic .location-1 {max-width: 42.64957264957265%;flex: 0 0 42.64957264957265%; padding-right: 24px;}
.footer-0 .dmid .flexic .location-2 {max-width: 35.12820512820513%; flex: 0 0 35.12820512820513%; padding-right: 24px; padding-left: 24px;}
.footer-0 .dmid .flexic .location-3 {max-width: 22.30769230769231%; flex: 0 0 22.30769230769231%; padding-left: 24px;}

.footer-0 .dmid h3 {
color: var(--primary-color3);
font-family: var(--font-1);
font-size: var(--h3);
font-style: normal;
font-weight: 700;
line-height: 120%; /* 28.8px */
min-height: 58px;
margin-bottom: 32px;
}

.footer-0 .dmid .loc-info {flex-wrap: nowrap; column-gap: 40px;}

.footer-0 .dmid .loc-item {line-height: 1;}

.footer-0 .dmid .loc-item strong {
color: var(--primary-color3);
font-family: var(--font-2);
font-size: var(--footer);
font-style: normal;
font-weight: 600;
line-height: 150%; /* 21px */
margin-bottom: 20px;
display: block;
}

.footer-0 .dmid .loc-item .ssc a,
.footer-0 .dmid .loc-item .ssc p,
.footer-0 .dmid .loc-item .ssc span {
    color: rgba(255, 255, 255, 0.70);
    font-family: var(--font-2);
    font-size: var(--footer);
    font-style: normal;
    font-weight: 300;
    line-height: 130%; /* 18.2px */
} 

.footer-0 .dmid .loc-item .ssc:not(.company-email) {margin-bottom: 1.15rem;}

.footer-0 .copyright {padding-top: 45px;}
.footer-0 .copyright .f-left {display: flex; flex-wrap: nowrap;}

.footer-0 .copyright div,
.footer-0 .copyright a,
.footer-0 .copyright p,
.footer-0 .copyright span {
    color: #686A71;
    font-family: var(--font-2);
    font-size: var(--footer);
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.footer-0 .copyright .sep {margin: 0 3px;}

.footer-0 a,
.footer-0 a p,
.footer-0 a span,
.footer-0 a div {transition: all 0.3s;}

.footer-0 a:hover,
.footer-0 a:hover p,
.footer-0 a:hover span,
.footer-0 a:hover div {color: #00977e !important;}

.ssc.company-phone.sc-div {
    flex-flow: column;
}

/* #endregion */

/*------------------------------------------
    #MARK: HERO OPT 01
------------------------------------------*/
/* #region */
.heroopt-01 .wrap {flex-direction: column; justify-content: flex-end;}
.heroopt-01 .color-full {background: linear-gradient(270deg, rgba(10, 37, 40, 0.00) 31.04%, rgba(10, 37, 40, 0.70) 100%);}
.heroopt-01 .color-bottom {background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%); opacity: 0.7; max-height: 73.82716%; top: unset; bottom: 0;}
.heroopt-01 .top-items,
.heroopt-01 .icon-slider {width: 100%; }

.heroopt-01 .top-items {margin-bottom: 48px;}
.heroopt-01 .dinfo {max-width: 724px; line-height: 1;}

.heroopt-01 .dtext {line-height: 1;margin-top: 38px;}
.heroopt-01 .dtext p {
    color: var(--primary-color3);
    font-family: var(--font-2);
    font-size: var(--p22);
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 28.6px */
}

.heroopt-01 .icon-slider .is-wrap {padding: 37px 0 32px; background: rgba(10, 37, 40, 0.40); position: relative;}

.heroopt-01 .icons-line {width: 100%;justify-content: space-between;padding: 0px;align-items: center;}

.heroopt-01 .div-link {display: flex; justify-content: center; align-items: center; width: 100%; max-width: 300px; transition: all 0.3s;}
.heroopt-01 .div-link .dlogo {max-width: 300px;}
.heroopt-01 .div-link .dlogo, .heroopt-01 .div-link .dlogo img {width: auto;max-height: 50px;height: 50px;display: flex;align-items: center;justify-content: center;}

.heroopt-01 .icons-line:has(.div-link:hover) .div-link {opacity: 50%;}
.heroopt-01 .icons-line:has(.div-link:hover) .div-link:hover {opacity: 100%;}

.heroopt-01 .mobile-res {display: none;}

.heroopt-01 .sep {margin: 0; width: 1px; height: 36.324px; flex-shrink: 0; opacity: 0.3; background: #D9D9D9;}

.heroopt-01.no-slider .icon-slider {display: none !important;}
/* #endregion */

/*------------------------------------------
    #MARK: ROW GALLERY 01
------------------------------------------*/
/* #region */

.rowgallery-01 .grid-desktop {max-width: calc(50% - 50px); left: unset; right: 0;}
.rowgallery-01 .grid-gallery {all: unset; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; position: relative; }
.rowgallery-01 .show-lg .grid-gallery {all: unset; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; position: relative; aspect-ratio: 670 / 610; }


.rowgallery-01 .grid-gallery .item {all: unset; width: 100%; overflow: hidden; min-height: 200px; position: relative;}
.rowgallery-01 .grid-gallery .item:first-child {grid-row: 1 / span 2; min-height: 400px;}
.rowgallery-01 .grid-gallery .item:last-child {grid-row: 2 / span 2; min-height: 400px;}

.rowgallery-01 .grid-gallery .item .bg-img {min-height: 50px; background-position: center bottom;}

.rowgallery-01.disclosures .grid-gallery .item {all: unset; width: 100%; overflow: hidden; min-height: 150px; position: relative;}
.rowgallery-01.disclosures .grid-gallery .item:first-child {grid-row: 1 / span 2; min-height: 300px;}
.rowgallery-01.disclosures .grid-gallery .item:last-child {grid-row: 2 / span 2; min-height: 300px;}

.rowgallery-01 .show-lg .grid-gallery .item {all: unset; width: 100%; overflow: hidden; min-height: unset; position: relative;  aspect-ratio: 330 / 200}
.rowgallery-01 .show-lg .grid-gallery .item:first-child {grid-row: 1 / span 2; min-height: unset; aspect-ratio: 330 / 400}
.rowgallery-01 .show-lg .grid-gallery .item:last-child {grid-row: 2 / span 2; min-height: unset; aspect-ratio: 330 / 400}

.rowgallery-01 .dtext {margin-top: 38px;}
.rowgallery-01.disclosures .dtext {margin-top: 0;}
.rowgallery-01 .dtext p {margin-bottom: 1.5rem;}

.rowgallery-01 .dtext ul {list-style-type: none; padding-left: 30px;}
.rowgallery-01 .dtext ul li {position: relative; margin-bottom: 1.5rem; }
.rowgallery-01 .dtext ul li::before {
  content: "✔"; /* Unicode checkmark */
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%) translateX(-100%); /* vertically center */
  width: 20px;
  height: 20px;
  background: #28a745; /* green circle */
  color: #fff; /* white checkmark */
  border-radius: 50%; /* rounded */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.rowgallery-01 .dtext a {transition: all 0.3s;}
.rowgallery-01 .dtext a:hover {color: #00977e;}
/* #endregion */

/*------------------------------------------
    #MARK: ICONS 01
------------------------------------------*/
/* #region */
.icon-01 .row {margin-left: -60px; margin-right: -60px;}
.icon-01 .col-md-4 {padding-left: 60px;padding-right: 60px;}

.icon-01 .diconn {max-width: 65px; height: 65px; border-radius: 50%; background: var(--secondary-color1);margin-bottom: 25px;}
.icon-01 .diconn img {width: auto; height: 32px;}
.icon-01 hr {margin: 0; margin-top: 18px;margin-bottom: 20px;background: var(--secondary-color1); border-top: none;width: 30px;height: 2px;}

/* #endregion */

/*------------------------------------------
    #MARK: CARDS FLEX 01
------------------------------------------*/
/* #region */
.cardsflex-01 [data-ctr="3"]  .flex-item {flex:0 0 100%; max-width: 100%; padding-top: 52px; padding-bottom: 48px; border-top: 1px solid #D9D9D9;  }

.cardsflex-01 [data-ctr="3"]  .flex-item:last-child {border-bottom: 1px solid #D9D9D9;}

.cardsflex-01 .logo-col img.logo {width: 100%; height: auto; margin-bottom: 20px; max-width: 240px;}
.cardsflex-01 h3 {line-height: 120%; margin-bottom: 30px;}
.cardsflex-01 .office-info {max-width: 495px;margin-left: 24px;}

.cardsflex-01 .office-info .dtext p{ line-height: 150%;}
.cardsflex-01 .dimage {min-height: unset; height: auto; aspect-ratio: 270/150; margin-bottom: 11px;}

.cardsflex-01 .address-col .dtext p{
    color: #050E27;
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 27px */
}
.cardsflex-01 .address-col .dtext p strong {font-weight: 600;}

/* #endregion */

/*------------------------------------------
    #MARK: QA EDITS
------------------------------------------*/
/* #region */
.footer-0 .copyright .mini-links {display: flex;}

/* #endregion */

/*------------------------------------------
    #MARK: HERO 01
------------------------------------------*/
/* #region */


/* #endregion */

/*------------------------------------------
    #MARK: HERO 01
------------------------------------------*/
/* #region */


/* #endregion */

/*------------------------------------------
    #MARK: HERO 01
------------------------------------------*/
/* #region */


/* #endregion */