﻿/*=================================================*/
/**************** Global Styles ****************/
/*=================================================*/
/*base*/
.logged-in  {
    margin-top: -32px;
}

.admin-bar .site-header {
    top: 0;
}
#wpadminbar {
    top: unset !important;
    bottom: 0;
}
:root {
    --accent: #ffc92f;

    --transition: all 0.3s ease-in-out;
    --cubic: all 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s, all 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

/** margins **/
.margin-0 {
    margin: 0!important;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-60 {
    margin-top: 60px;
}

.margin-top-70 {
    margin-top: 70px;
}

.margin-top-80 {
    margin-top: 80px;
}

.margin-top-90 {
    margin-top: 90px;
}

.margin-top-100 {
    margin-top: 100px;
}

.margin-top-110 {
    margin-top: 110px;
}

.margin-top-120 {
    margin-top: 120px;
}

.margin-top-130 {
    margin-top: 130px;
}

.margin-top-140 {
    margin-top: 140px;
}

.margin-top-150 {
    margin-top: 150px;
}

.margin-top-200 {
    margin-top: 200px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-bottom-60 {
    margin-bottom: 60px;
}

.margin-bottom-70 {
    margin-bottom: 70px;
}

.margin-bottom-80 {
    margin-bottom: 80px;
}

.margin-bottom-90 {
    margin-bottom: 90px;
}

.margin-bottom-100 {
    margin-bottom: 100px;
}

.margin-bottom-110 {
    margin-bottom: 110px;
}

.margin-bottom-120 {
    margin-bottom: 120px;
}

.margin-bottom-130 {
    margin-bottom: 130px;
}

.margin-bottom-140 {
    margin-bottom: 140px;
}

.margin-bottom-150 {
    margin-bottom: 150px;
}

.margin-bottom-160 {
    margin-bottom: 160px;
}

.margin-bottom-200 {
    margin-bottom: 200px;
}

.margin-bottom-0 {
    margin-bottom: 0;
}

.margin-top-bottom-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.margin-top-bottom-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.margin-top-bottom-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.margin-top-bottom-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.margin-top-bottom-50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.margin-top-bottom-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.margin-top-bottom-70 {
    margin-top: 70px;
    margin-bottom: 70px;
}

.margin-top-bottom-80 {
    margin-top: 80px;
    margin-bottom: 80px;
}

.margin-top-bottom-90 {
    margin-top: 90px;
    margin-bottom: 90px;
}

.margin-top-bottom-100 {
    margin-top: 100px;
    margin-bottom: 100px;
}

.margin-top-bottom-110 {
    margin-top: 110px;
    margin-bottom: 110px;
}

.margin-top-bottom-120 {
    margin-top: 120px;
    margin-bottom: 120px;
}

.margin-top-bottom-130 {
    margin-top: 130px;
    margin-bottom: 130px;
}

.margin-top-bottom-140 {
    margin-top: 140px;
    margin-bottom: 140px;
}

.margin-top-bottom-150 {
    margin-top: 150px;
    margin-bottom: 150px;
}


.margin-top-out-10 {
    margin-top: -10px
}
.margin-top-out-20 {
    margin-top: -20px
}
.margin-top-out-30 {
    margin-top: -30px
}
.margin-top-out-40 {
    margin-top: -40px
}
.margin-top-out-50 {
    margin-top: -50px
}
.margin-top-out-60 {
    margin-top: -60px
}
.margin-top-out-70 {
    margin-top: -70px
}
.margin-top-out-80 {
    margin-top: -80px
}
.margin-top-out-90 {
    margin-top: -90px
}
.margin-top-out-100 {
    margin-top: -100px
}
.margin-top-out-110 {
    margin-top: -110px
}
.margin-top-out-120 {
    margin-top: -120px
}
.margin-top-out-130 {
    margin-top: -130px
}
.margin-top-out-140 {
    margin-top: -140px
}
.margin-top-out-150 {
    margin-top: -150px
}
.margin-top-out-160 {
    margin-top: -160px
}
.margin-top-out-170 {
    margin-top: -170px
}
.margin-top-out-180 {
    margin-top: -180px
}
.margin-top-out-190 {
    margin-top: -190px
}
.margin-top-out-200 {
    margin-top: -200px
}




.padding-top-10 {
    padding-top: 10px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-top-40 {
    padding-top: 40px;
}

.padding-top-50 {
    padding-top: 50px;
}

.padding-top-60 {
    padding-top: 60px;
}

.padding-top-70 {
    padding-top: 70px;
}

.padding-top-80 {
    padding-top: 80px;
}

.padding-top-90 {
    padding-top: 90px;
}

.padding-top-100 {
    padding-top: 100px;
}

.padding-top-110 {
    padding-top: 110px;
}

.padding-top-120 {
    padding-top: 120px;
}

.padding-top-130 {
    padding-top: 130px;
}

.padding-top-140 {
    padding-top: 140px;
}

.padding-top-150 {
    padding-top: 150px;
}
.padding-top-160 {
    padding-top: 160px;
}
.padding-top-170 {
    padding-top: 170px;
}
.padding-top-180 {
    padding-top: 180px;
}
.padding-top-190 {
    padding-top: 190px;
}
.padding-top-200 {
    padding-top: 200px;
}

.padding-top-250 {
    padding-top: 250px;
}

.padding-top-300 {
    padding-top: 300px;
}

.padding-top-350 {
    padding-top: 350px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.padding-bottom-40 {
    padding-bottom: 40px;
}

.padding-bottom-50 {
    padding-bottom: 50px;
}

.padding-bottom-60 {
    padding-bottom: 60px;
}

.padding-bottom-70 {
    padding-bottom: 70px;
}

.padding-bottom-80 {
    padding-bottom: 80px;
}

.padding-bottom-90 {
    padding-bottom: 90px;
}

.padding-bottom-100 {
    padding-bottom: 100px;
}

.padding-bottom-110 {
    padding-bottom: 110px;
}

.padding-bottom-120 {
    padding-bottom: 120px;
}

.padding-bottom-130 {
    padding-bottom: 130px;
}

.padding-bottom-140 {
    padding-bottom: 140px;
}

.padding-bottom-150 {
    padding-bottom: 150px;
}
.padding-bottom-160 {
    padding-bottom: 160px;
}
.padding-bottom-170 {
    padding-bottom: 170px;
}
.padding-bottom-180 {
    padding-bottom: 180px;
}
.padding-bottom-190 {
    padding-bottom: 190px;
}

.padding-bottom-200 {
    padding-bottom: 200px;
}

.padding-bottom-250 {
    padding-bottom: 250px;
}

.padding-bottom-300 {
    padding-bottom: 300px;
}

.padding-bottom-350 {
    padding-bottom: 350px;
}

.padding-top-bottom-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.padding-top-bottom-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.padding-top-bottom-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.padding-top-bottom-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.padding-top-bottom-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.padding-top-bottom-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.padding-top-bottom-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.padding-top-bottom-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.padding-top-bottom-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.padding-top-bottom-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.padding-top-bottom-110 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.padding-top-bottom-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.padding-top-bottom-130 {
    padding-top: 130px;
    padding-bottom: 130px;
}

.padding-top-bottom-140 {
    padding-top: 140px;
    padding-bottom: 140px;
}

.padding-top-bottom-150 {
    padding-top: 150px;
    padding-bottom: 150px;
}


.padding-left-25 {
    padding-left: 25px;
}

.clear {
    clear: both;
    min-height: 1px;
    width: 100%;
    display: block;
}
.sr-only  {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin-bottom: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.full-width,
.full-size {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.fixed-width,
.fixed-size {
    width: 1280px;
    max-width: 94%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
.fixed-1280 {
    width: 1280px;
    max-width: 100%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}

.fixed-width.fixed-1440,
.fixed-size.fixed-1440 {
    width: 1440px;
}
.fixed-width.fixed-1180,
.fixed-size.fixed-1180 {
    width: 1180px;
}
.fixed-width.fixed-1120,
.fixed-size.fixed-1120 {
    width: 1120px;
}

.fixed-width.fixed-1080,
.fixed-size.fixed-1080 {
    width: 1080px;
}
.fixed-width.fixed-1040,
.fixed-size.fixed-1040 {
    width: 1040px;
}
.fixed-width.fixed-1020,
.fixed-size.fixed-1020 {
    width: 1020px;
}

.fixed-width.fixed-1000,
.fixed-size.fixed-1000 {
    width: 1000px;
}

.fixed-width.fixed-980,
.fixed-size.fixed-90 {
    width: 980px;
}

.fixed-width.fixed-900,
.fixed-size.fixed-900 {
    width: 900px;
}
.fixed-width.fixed-870,
.fixed-size.fixed-870 {
    width: 870px;
}
.fixed-width.fixed-800,
.fixed-size.fixed-800 {
    width: 800px;
}
.fixed-width.fixed-780,
.fixed-size.fixed-780 {
    width: 780px;
}
.fixed-width.fixed-700,
.fixed-size.fixed-700 {
    width: 700px;
}
.fixed-width.fixed-600,
.fixed-size.fixed-600 {
    width: 600px;
}
.text-center,
.center-text {
    text-align: center
}

.max-width-350 {
    max-width: 350px;
    width: 100%;
}
.max-width-450 {
    max-width: 450px;
    width: 100%;
}
.max-width-485 {
    max-width: 485px;
    width: 100%;
}

.max-width-500 {
    max-width: 500px;
    width: 100%;
}

.max-width-850 {
    max-width: 850px;
    width: 100%;
}
body.textual-accent-color .post-content > div h2 a:not(.btn) {
   color: var(--accent);
}
body.textual-accent-color .post-content > div h2 a:not(.btn):hover,
body.textual-accent-color .post-content > div h2 a:not(.btn):active,
body.textual-accent-color .post-content > div h2 a:not(.btn):focus {
    color: #e6b016 !important;
}

body.textual-accent-color .post-wrapper .post-body .style-color-166382-bg p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a:not(.btn),
body.textual-accent-color .post-wrapper .post-body .style-accent-bg p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a:not(.btn),
.style-accent-bg a:not(.btn), .style-accent-bg .icon-box-icon a:not(.fa) {
    color: inherit!important;
    text-decoration: underline;
}
.style-accent-bg .icon-box-icon a {
    text-decoration: none!important;
}
.style-accent-bg a:not(.btn):hover,
.style-accent-bg a:not(.btn):active,
.style-accent-bg a:not(.btn):focus,
.style-color-166382-bg a:not(.btn):hover,
.style-color-166382-bg a:not(.btn):active,
.style-color-166382-bg a:not(.btn):focus {
   color: inherit!important;
   text-decoration: underline;
}

.icon-box a.custom-link:hover,
.icon-box a.custom-link:active,
.icon-box a.custom-link:focus {
    color: var(--accent) !important;
    fill: var(--accent) !important;
}

.shinehope-form-wrap .form-section > li {
    list-style-type: none;
}

.shinehope-form-wrap .rowButtonRadio .wrapperButtonRadio {
    margin-right: 5px;
}
.shinehope-form-wrap .form-html {
    margin-bottom: 40px;
}

.shinehope-form-wrap .form-line[data-type="control_textbox"],
.shinehope-form-wrap .form-line[data-type="control_checkbox"] {
    padding-top: 24px;
}

.shinehope-form-wrap .form-line input,
.shinehope-form-wrap .form-line select {
    padding: 8px;
    height: 42px;
    box-sizing: border-box;
    border-radius: 0;
    box-shadow: none!important;
    border-color: #CED0D1!important;
}
.shinehope-form-wrap .form-line select:not([multiple]) {
    cursor: pointer;
    background-image: url("../images/CaretDown-11x6.svg");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: calc(100% - 12px);
    padding-right: 26px!important;

}

.shinehope-form-wrap .form-all button[type="submit"].submit-button {
    background-color: var(--accent) !important;
    margin-top: 50px;
    width: 180px;
}

.shinehope-form-wrap .form-all button[type="submit"].submit-button,
.shinehope-form-wrap .form-all .form-pagebreak-back,
.shinehope-form-wrap .form-all .form-pagebreak-next {
    border-radius: 2px;
    font-weight: 600 !important;
    font-family: Inter !important;
    letter-spacing: -0.02em;
    text-transform: initial;
    transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), background-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    padding: 15px 36px !important;
    font-size: 14px;
}
.shinehope-form-wrap .form-all button[type="submit"].submit-button:hover,
.shinehope-form-wrap .form-all button[type="submit"].submit-button:active,
.shinehope-form-wrap .form-all button[type="submit"].submit-button:focus,
.shinehope-form-wrap .form-all .form-pagebreak-back:hover,
.shinehope-form-wrap .form-all .form-pagebreak-back:active,
.shinehope-form-wrap .form-all .form-pagebreak-back:focus,
.shinehope-form-wrap .form-all .form-pagebreak-next:hover,
.shinehope-form-wrap .form-all .form-pagebreak-next:active,
.shinehope-form-wrap .form-all .form-pagebreak-next:focus {
    border-color: #000!important;
    color: #000!important;
    background: #fff!important;
}
.shinehope-form-wrap [data-type="control_birthdate"] .form-sub-label-container {
    width: 22%;
    margin-right: 3%;
}
.shinehope-form-wrap [data-type="control_birthdate"] .form-sub-label-container:first-child {
    width: 50%;
}
.shinehope-form-wrap [data-type="control_address"] .form-input {
    max-width: 100%;
}

/* Shine Hope Pop-up START */
.waitlist-wrap  {
    background-color: var(--accent)!important;
}
.waitlist-wrap form {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.waitlist-wrap form ::placeholder {
    color: #000;
}
.waitlist-wrap form .form .helper_text {
    background-color: transparent!important;
}

.waitlist-wrap form .form {
    width: 400px;
    max-width: 100%;
}
.waitlist-wrap form input[type="text"],
.waitlist-wrap form input[type="email"] {
    height: 48px;
    padding-left: 20px!important;
}
.waitlist-wrap form input {
    width: 100%;
}
#mc_embed_signup input[type="submit"],
.waitlist-wrap form input[type="submit"] {
    border-color: #000!important;
    color: #fff!important;
    background-color: #000!important;
    transition: var(--transition);
    height: 48px;
    font-weight: 600 !important;
    font-family: Inter !important;
    letter-spacing: -0.02em;
    text-transform: initial;
    padding: 15px 36px !important;
    border-radius: 2px;
    line-height: initial;
    margin-top: 10px;
}
#mc_embed_signup .form input[type="submit"]:hover,
#mc_embed_signup .form input[type="submit"]:active,
#mc_embed_signup .form input[type="submit"]:focus,
.waitlist-wrap form input[type="submit"]:hover,
.waitlist-wrap form input[type="submit"]:active,
.waitlist-wrap form input[type="submit"]:focus {
    color: #000!important;
    background-color: #fff!important;
}

.shine-hope-footer .menu  li {
    text-transform: none!important;
}
.shine-hope-footer .menu li a, .shine-hope-footer .menu li a:visited {
    font-size: 18px!important;
    font-weight: 500;
}

.shine-hope-footer .menu .menu-item a::before {
    font-family: "uncodeicon";
    content: "\e0c3"!important;
}

/* Shine Hope Pop-up END */

.menu-transparent.menu-light .menu-smart li.menu-item-button a .btn {
    border-color: inherit!important;
    color: inherit!important;
    background-color: inherit!important;
}

body.uncode-loaded.navbar-hover .menu-container:not(.vmenu-container) .menu-item-button a .btn,
.menu-light .menu-smart li.menu-item-button a .btn,
.is_stuck.menu-light .menu-smart li.menu-item-button a .btn {
    border-color: var(--accent)!important;
    color: #fff!important;
    background-color: var(--accent)!important;
}

.verticaly-in-center .uncont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.no-link > a {
    cursor: default;
}

.hover-dark-yellow .col-link::after {
    content: " ";
    width: calc(100% - 36px);
    height: 100%;
    background: transparent;
    position: absolute;
    top: 0;
    left: 36px;
    opacity: 0.3;
    transition: background 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.hover-dark-yellow .col-link:hover::after,
.hover-dark-yellow .col-link:active::after,
.hover-dark-yellow .col-link:focus::after {
    background: #000;
}
.site-footer .site-info {
    width: 100%;
    max-width: 94%;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 960px) and (max-width: 1440px) {
    .menu-primary .menu-icons {
        display: none;
    }
    ul.menu-smart > li > a {
        padding: 0px 10px 0px 10px;
    }
    body.hormenu-position-left:not(.hmenu-center-split):not(.hmenu-center-double):not(.menu-overlay):not(.hmenu-center) .menu-container:not(.menu-borders) .navbar-cta .menu-cta-inner {
       padding-left: 0!important;
       padding-right: 0!important;
    }
    .navbar-cta .menu-cta-inner .btn {
        padding: 15px 16px !important;
    }
    .shrinked .main-logo,
    .main-logo  {
      height: 60px!important;
      line-height: 60px!important;
    }
    .row-menu-inner {
        padding-right: 24px !important;
        padding-left: 24px !important;
    }

}
@media only screen and (max-width: 959px) {
    body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart li .drop-menu .menu-item > a {
        font-size: 3.5vw !important;
    }
    body.menu-mobile-centered .menu-primary .menu-smart:not(.top-enhanced-inner) li.menu-item-has-children > a > .fa {
        display: block !important;
    }
    .main-container .row-container .image-rotate-on-scroll .uncont {
        width: 400px!important;
        max-width: 100%!important;
    }



    .hover-dark-yellow .col-link::after {
        left: 0;
        width: 100%;
    }
    .hover-dark-yellow:not(:first-child) .col-link::after {
        height: calc(100% - 36px);
        top: 36px;
    }
    .heading-text h6:not([class*="fontsize-"]),.heading-text .h6:not([class*="fontsize-"]) {
        font-size: 16px;
    }
    .uncode-rotate-scroll .fluid-svg .icon-media {
        max-width: 100%;
    }


}

@media only screen and (max-width: 599px) {
    .shine-hope-footer .menu li a, .shine-hope-footer .menu li a:visited {
        font-size: 13px !important;
        font-weight: 500;
    }
    .shine-hope-footer .heading-text .h4 {
        font-size: 15px;
    }
    footer .footer-last p {
        font-size: 12px;
    }

}
