/* CSS HEX */
html{
--murrey: #9C0058ff;
--giants-orange: #F15D22ff;
--black: #000000ff;
--ultra-violet: #5A4B8Fff;
--white: #FFFFFFff;
--text:#000000ff;
--myClrDark: #000;
--myClrLight: #fff;
--title: #000;
}
html[data-theme='dark'] {
    --myClrDark: #fff;
    --myClrLight: #121212;
    --title: #fff;
}
.top-navigation {
    background: white;
}

body {
    background: var(--myClrLight);
    color: var(--title);
}
h1,h2,h3,h4,h5,h6,ul,li,ol,p,a {
    color: var(--title);
}
/*html{
  scroll-padding-top: 300px;
}

@media screen and (max-width:800px){
  body{
       padding-top: 5rem!important;
    }
  
  html{
     scroll-padding-top: 50px!important;
    }
}

@media screen and (min-width:800px) and (max-width:950px){
  body{
       padding-top: 6rem!important;
    }
  
  html{
     scroll-padding-top: 100px!important;
    }
}*/


/*body{
    padding-top: 12rem;
}

header{
    background: white;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}*/
/* theme toggle css */
.themeToggle {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    position: relative;
    box-shadow: inset 32px -32px 0 0 #fff;
    -webkit-transform: scale(.5) rotate(0deg);
    transform: scale(.5) rotate(0deg);
    transition: transform .3s ease .1s, box-shadow .2s ease 0s;
}

.themeToggle::before {
    content: '';
    width: inherit;
    height: inherit;
    border-radius: inherit;
    position: absolute;
    left: 0;
    top: 0;
    border: 6px solid #000;
    transition: background .3s ease .1s;
}

.themeToggle::after {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin: -1px 0 0 -3px;
    position: absolute;
    top: 50%;
    left: 50%;
    box-shadow: 0 -23px 0 #000, 0 23px 0 #000, 23px 0 0 #000, -23px 0 0 #000, 15px 15px 0 #000, -15px 15px 0 #000, 15px -15px 0 #000, -15px -15px 0 #000;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    transition: transform .5s ease .15s;
}

html[data-theme='dark'] .themeToggle {
    box-shadow: inset 16px -16px 0 0 #000
}

html[data-theme='dark'] .themeToggle::before{
    border: 3px solid transparent;
    transition: background .3s ease;
}
html[data-theme='dark'] .themeToggle::after{
       -webkit-transform: scale(0);
    transform: scale(0);
    transition: all .3s ease;
}
/* theme toggle css end*/

.scag-dashboard-banner {
    position: absolute;
    z-index: 3;
    text-align: center;
    width: 100%;
    padding: 10vh 0px;
}

@media screen and (max-width: 790px) {
    .scag-dashboard-banner {
        padding: 50px 0px;
    }
}

@media screen and (min-width: 800px) and (max-width: 1030px) {
    .scag-dashboard-banner {
        padding: 100px 0px;
    }
}

#block-scag-main-navigation .nav-item .dropdown-menu {
    border-radius: 0 !important;
    border: none !important;
    width: -webkit-fill-available;
}


/* .container {
  max-width: 940px;
} */

@media (min-width: 991px) {
    .region-sidebar-second {
        padding-left: 60px !important;
        position: relative;
    }
    .region-sidebar-second:after {
        content: "";
        position: absolute;
        left: 30px;
        top: 0;
        height: 70%;
        width: 1px;
        /* background: #ddd; */
    }
}

#block-aboutus .field--name-field-report-date {
    font-size: 18;
    line-height: 20px;
    margin-top: 15px;
    margin-bottom: 28px;
}

.ajax-progress-fullscreen {
    display: none !important;
}

#block-aboutus .pager__item a {
    display: block;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.07px;
    text-align: center;
    height: 48px;
    line-height: 35px;
    width: 60%;
    text-transform: uppercase;
    background: linear-gradient(180deg, #10baff 0%, #0080c8 100%);
    margin: 0 auto;
    border-radius: 0;
    border: 0;
    text-decoration: none;
}

h2.block-title.field:before {
    width: 60%;
    content: "";
    position: absolute;
    bottom: -30px;
    height: 4px;
    background: #3ac6ff;
    left: 50%;
    transform: translateX(-50%);
}

.container.dashboard {
    max-width: initial;
}

.tooltip {
    opacity: initial !important;
}

.site-logo img {
    width: 468px;
}

.node__content .card {
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.12);
    --bs-card-inner-border-radius: 0;
    --bs-card-border-radius: 0;
}

.node--view-mode-buyer-summary h2 a span.field--name-title {
    display: none !important;
}

.node--type-article a.btn-primary {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.07px;
    text-align: center;
    height: 48px;
    line-height: 32px;
    width: 100%;
    background: linear-gradient(180deg, #10baff 0%, #0080c8 100%);
    margin-top: 20px;
    margin-bottom: 12px;
    border-radius: 0;
    border: 0;
}

.node--type-article span.card-text {
    margin-bottom: 44px !important;
}

.node--type-article .card-title {
    color: #282c34 !important;
    font-family: "Brandon_Grotesque_Bold";
    font-size: 20px !important;
    font-weight: bold !important;
    letter-spacing: 0 !important;
    line-height: 24px !important;
}

.node--type-article .card-text p {
    color: rgba(40, 44, 52, 0.6) !important;
    font-family: "OpenSans_Regular" !important;
    font-size: 14px !important;
    letter-spacing: 0.09px !important;
    line-height: 18px !important;
}

.path-frontpage #block-buyerguide {
    margin-bottom: 63px;
}

.path-frontpage #block-quicknodeblock {
    /* margin-top: 43px !important; */
    /* margin-bottom: 50px !important; */
}

#block-scag-main-navigation a.nav-link {
    /* color: #000000 !important;
  font-family: "Brandon_Grotesque_Regular";
  font-size: 16px !important;
  letter-spacing: 0 !important;
  line-height: 17px !important;
  white-space: nowrap; */
}


/* #block-scag-main-navigation a.nav-link.active,
#block-scag-main-navigation a.nav-link:hover {
  font-family: "Brandon_Grotesque_Bold" !important;
} */

.dropdown-item.active,
.media-library-view--widget .view-header a.dropdown-item.is-active,
.dropdown-item:active {
    background-color: white;
    color: #000000;
    font-family: "proxima-nova", sans-serif !important;
}

.alert-banners article.node--type-alert-banner p {
    margin-bottom: 0 !important;
}

.dropdown-item:hover {
    font-family: "proxima-nova", sans-serif !important;
}

.path-frontpage .scag-banner-title {
    font-family: "Brandon_Grotesque_Regular";
    /* font-size: 72px !important; */
    letter-spacing: 0 !important;
    line-height: 79px !important;
}

.path-frontpage .banner-paragraph {
    /* height: 89px; */
    font-family: "OpenSans_Regular" !important;
    font-size: 18px !important;
    letter-spacing: 0 !important;
    line-height: 20px !important;
    margin-bottom: 60px;
    padding: 0 15vw;
}

.flexslider {
    max-height: 707px !important;
    overflow-y: hidden;
}


/* .flexslider .slides img {
  max-height: 707px !important;
} */

.flex-viewport {
    overflow-y: hidden;
    position: relative;
    max-height: 707px;
}

.accordian-block-tabs .nav-link {
    font-family: "Brandon_Grotesque_Regular";
    font-size: 18px !important;
    letter-spacing: 0 !important;
    line-height: 20px !important;
}


.gems-metals-img,
.shopping-tips-img {
    display: none;
}

#visitor-map .image-zoom {
    height: 880px;
}

#visitor-map .media--switch--intense .media__icon--litebox,
#parking .media--switch--intense .media__icon--litebox {
    display: none;
}

#visitor-map .media--switch--intense .media__icon--litebox::after,
#parking .media--switch--intense .media__icon--litebox:after {
    content: unset;
}

#visitor-map .media--switch--intense .media__icon--litebox::before,
#parking .media--switch--intense .media__icon--litebox:before {
    content: unset;
}


/* .paragraph--type--content-accordion .row p {
  width: 543px;
} */

a.btn-primary {
    font-family: "Brandon_Grotesque_Medium" !important;
}

.view-glossary-type .view-header {
    font-family: "Brandon_Grotesque_Regular" !important;
    font-size: 30px !important;
    line-height: 43px !important;
    margin-bottom: 22px;
}

.nav-tabs .nav-link.active {
    font-family: "Brandon_Grotesque_Bold" !important;
    font-weight: 700 !important;
}

#KnowBeforeYouBuy button {
    font-size: 18px;
    font-family: "Brandon_Grotesque_Regular";
}

.aricle-node-page .region-content {
    padding: 0 !important;
}

#block-exposedformnewspage-1 label {
    display: none;
}

#block-exposedformnewspage-1 .form-actions,
#block-exposedformnewspage-1 .form-actions input.form-submit {
    margin: 0 0 1rem 0 !important;
}

.basic-page .region-content {
    padding: 0 !important;
}

.view-annual-report span.field--name-title {
    display: none;
}

#annual-reports---financials .field__item {
    /* display: inline-block;
  vertical-align: text-top;
  width: 49.6%; */
    text-align: center;
}

#block-aboutus .paragraph--type--view-blocks .field--type-viewsreference> :first-child {
    float: left;
    display: inline;
    margin-right: 10%;
}

#block-aboutus .paragraph--type--view-blocks .field--type-viewsreference .field__item {
    display: inline-block;
}

#block-aboutus .paragraph--type--view-blocks .field--type-viewsreference .field__item .node__content {
    display: grid;
}

.view-id-annual_report.view-display-id-block_1 {
    margin-left: ;
}

#block-aboutus .paragraph--type--view-blocks .field__item .field--name-field-report-thumbnail img {
    width: 189px;
    height: 117px;
    box-shadow: 0 0 24px 0 rgb(0 0 0 / 15%);
}

.full-history-label {
    margin-bottom: 18px;
}

.full-history-label .field--name-title {
    display: none;
}

#block-signup {
    background-color: #efeeee;
}

#block-back2top .fa-arrow-circle-up {
    /* color: black; */
    background: url("/sites/default/files/2022-11/back_to_top.png");
    width: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#toTop {
    bottom: 60px !important;
    right: 60px !important;
    background: #fff;
    height: 33px;
    width: 33.1px;
    border-radius: 5px;
}

div#toTop:after {
    content: "BACK TO TOP";
    color: #000;
    font-size: 10px;
    position: absolute;
    width: 90px;
    left: -12px;
    top: 36px;
    font-family: "OpenSans_Regular";
}

#block-back2top .fa-arrow-circle-up path {
    display: none;
}

.bold-menu-item {
    font-family: "OpenSans_Bolder";
}

.path-frontpage .layout--onecol {
    border-top: 1px solid #eee;
    margin-top: 20px;
}

.block-views-blockoffers-needs-block-1 {
    width: 60%;
    margin: 0 auto;
}
.view-offers-needs table {
    border: 1px solid #ccc;
}
.view-offers-needs td.views-field-nothing {
    width: 20%;
    padding-bottom: 15px;
    padding-right: 15px;
    border-right: 1px solid #eee;
    box-shadow: 0 0 9px 0px #51758e;
}

.view-offers-needs td.views-field-nothing-1 {
    padding: 0 0 0 15px;
}


.accordian-block-tabs .nav-tabs {
    text-align: center;
    display: block;
    margin-bottom: 30px;
    border: 0;
}

.accordian-block-tabs .nav-tabs li {
    display: inline-block;
    border: 0;
}

.accordian-block-tabs .nav-tabs .nav-link.active,
.accordian-block-tabs .nav-tabs .nav-link:focus {
    border: 0 !important;
}

.accordian-block-tabs .nav-tabs .nav-link:hover {
    border: 0;
}

.accordian-block-tabs .nav-tabs li a.nav-link {
    text-transform: uppercase;
    color: #000000;
    font-family: "Brandon_Grotesque_Regular";
    font-size: 18px;
    letter-spacing: 0;
    line-height: 20px;
    border: 0;
}

.accordian-block-tabs .nav-tabs .nav-link.active {
    font-family: "Brandon_Grotesque_Bold";
}

.accordian-block-tabs .nav-tabs li:focus {
    outline: 0;
    padding: 0;
}

.accordian-block-tabs .nav-tabs:focus {
    border: 0;
}

.accordian-block-label {
    text-align: center;
}

.search-page-title h2 {
    margin: 30px auto 35px;
    width: 100%;
}

.accordian-block-label .field,
#block-currentissue h2,
#block-signup h2,
#block-scag-page-title h1,
#block-archive h2.issue-feature-title,
.search-page-title h2 {
    color: #000000;
    font-family: "Brandon_Grotesque_Regular";
    font-size: 30px;
    letter-spacing: 0;
    line-height: 33px;
    text-align: center;
    margin: 0 auto 60px;
    display: inline-block;
    position: relative;
}

.accordian-block-label .field:after,
#block-currentissue h2:after,
#block-signup h2:after,
#block-scag-page-title h1:after,
.search-page-title h2:after {
    content: "";
    position: absolute;
    bottom: -30px;
    width: 56px;
    height: 2px;
    background: #0080c8;
    left: 50%;
    transform: translateX(-50%);
}


/* section#buyer-guide .accordian-block-label .field:after {
  width: 98px !important;
} */

#block-currentissue h2,
#block-signup h2,
#block-archive h2.issue-feature-title {
    margin: 60px auto 65px;
    width: 100%;
}

#block-scag-page-title h1 {
    margin-top: 52px;
    width: 100%;
}

.basic-page h1.display-4.text-center.page-title {
    display: none;
}


/* .page-banner img.img-fluid{
    width: 100%;
    height: 280px;
} */

#block-exposedformsearchpage-1 form .form-item {
    width: 100%;
    position: relative;
}

#block-exposedformsearchpage-1 form .form-item input {
    border-radius: 0;
}

#block-exposedformsearchpage-1 form .search-icon-add:before {
    content: "";
    background: url(/sites/default/files/2022-11/Search.png);
    width: 20px;
    position: absolute;
    height: 20px;
    top: 16px;
    left: 15px;
    background-size: cover;
}

#block-exposedformsearchpage-1 form .form-item::after {
    background: url(/sites/default/files/2022-11/close-white.png);
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 36px;
    bottom: 105px;
    transform: translateY(-50%);
}

#block-exposedformsearchpage-1 form .form-item.clicked::before {
    background: none;
    content: none;
}

.search-page-title h2 {
    margin-top: 30px;
}

.ui-input-search .ui-input-clear {
    content: "";
    background: url(/sites/default/files/2022-11/cross.png);
    width: 20px;
    position: absolute;
    height: 20px;
    top: 4%;
    text-indent: -9999px;
    right: 0;
    background-size: cover;
    margin: 0.9em 8px;
    cursor: pointer;
}

.path-search #views-exposed-form-search-page-1 .form-item {
    margin-top: 12px;
}

.path-search #views-exposed-form-search-page-1 .form-item input {
    padding-top: 13px;
    padding-bottom: 13px;
}

.ui-btn-icon-notext .ui-btn-inner {
    padding: 0;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}


/* .ui-btn-icon-notext .ui-btn-text {
  position: absolute;
  left: -999px;
} */


/* .ui-btn-icon-notext .ui-icon {
  display: block;
  background: url(/sites/default/files/2022-11/close-white.png);;
} */

#block-exposedformsearchpage-1 form .form-item:focus-within::after {
    background: none;
    content: none;
}

#block-scag-content .view-id-search .views-row {
    border-top: 1px solid #ddd;
    padding-top: 30px;
    padding-bottom: 35px;
}

#block-scag-content .view-id-search .view-header {
    margin-bottom: 20px;
    font-size: 18px;
    letter-spacing: 0.11px;
    line-height: 24px;
    font-family: "OpenSans_Regular";
}

#block-scag-content .view-id-search .views-row a {
    text-decoration: none;
    font-size: 22px;
    line-height: 24px;
    color: #0080c8;
    margin-bottom: 8px;
    display: block;
    font-family: "Brandon_Grotesque_Regular";
}

#block-scag-content .view-id-search .views-row p {
    font-size: 14px;
    letter-spacing: 0.09px;
    line-height: 18px;
    font-family: "OpenSans_Regular";
}

div#block-searchbanner img {
    width: 100%;
    height: 280px;
}

.captcha {
    border: 0;
    margin-top: 0;
}

.captcha summary {
    display: none;
}

.captcha .alert.alert-info {
    display: none;
}

.alert ul.messages__list {
    display: none;
}

.captcha .details-wrapper.card-body {
    padding: 0;
}

#sliding-popup h1,
#sliding-popup h2,
#sliding-popup h3,
#sliding-popup p,
#sliding-popup label,
#sliding-popup div,
.eu-cookie-compliance-more-button,
.eu-cookie-compliance-secondary-button,
.eu-cookie-withdraw-tab {
    color: #ffffff;
    font-family: "Brandon_Grotesque_Regular";
}


/* div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
  background: #000000b0;
} */

div#popup-buttons button {
    box-shadow: none;
    height: 36px;
    background: linear-gradient(180deg, #10baff 0%, #0080c8 100%);
    border: 0;
    border-radius: 0;
    font-family: "Brandon_Grotesque_Medium";
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.07px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: none;
    color: #fff !important;
}

.mobile-search-blcok {
    display: none;
}

.advanced-search-banner {
    background: #0f5495;
    text-align: center;
}

.advanced-search-banner .container {
    position: relative;
}

.advanced-search-banner span.search-icon {
    display: inline-block;
    background: url(/sites/default/files/2022-11/Search-white.png);
    height: 27px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
    width: 28px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
}

.advanced-search-banner a.cross-btn {
    background: url(/sites/default/files/2022-11/close-white.png);
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 36px;
    /* bottom: 27%; */
    top: 50%;
    transform: translateY(-50%);
}

.sliding-popup-bottom {
    padding-top: 15px;
}

.path-dashboard {
    background-color: #efeeee;
}


/* .region-dashboard-modules {
  border-right: 1px solid #ddd;
  padding-right: 30px;
}
  
.region-dashboard-content {
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
  margin-right: 30px;
}

.region-dashboard-config {
  border-top: 1px solid #ddd;
  padding-top: 30px;
}

.region-dashboard-submissions {
  text-decoration: none;
  font-weight: normal !important;
  border-left: 1px solid #ddd;
  padding-left: 30px;
} */

.path-dashboard .menu-item a {
    font-weight: normal !important;
}

.top-navigation {
    height: 30px;
}

.top-navigation .top-search-navigation {
    content: "";
    background: url(/sites/default/files/2022-11/Search.png);
    width: 18px;
    position: absolute;
    height: 18px;
    /* top: 30px; */
    margin-top: 10px;
    right: 65px;
    background-size: cover;
}

.advanced-search-banner {
    display: none;
}

.advanced-search-banner .region.region-search-banner {
    display: inline-block;
    width: 88%;
}

.bef-exposed-form .form--inline>.form-item {
    display: block;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 30px;
    position: relative;
}

.advanced-search-banner .form-control {
    border: 0;
    border-bottom: 1px solid #fff;
    background: transparent;
    border-radius: 0;
    color: #fff;
}

.advanced-search-banner .form-control:focus {
    box-shadow: none;
}

[data-tooltip] {
    cursor: alias !important;
}


/* media query*/


/* @media screen and (max-width: 1400px) {
  .advanced-search-banner a.cross-btn {
    bottom: 22px;
  }
} */

@media screen and (max-width: 1025px) {
    .node--type-article a.btn-primary {
        width: 100%;
    }
    #block-visitus-2 li.nav-item {
        padding: auto 26px;
    }
}

@media screen and (max-width: 992px) {
    .mobile-search-blcok {
        display: block;
    }
    .advanced-search-banner {
        display: none !important;
    }
    /* .node--type-article .card-title {
  min-height: 48px !important;
} */
}

@media (min-width: 1200px) {
    .views-field-title .field-content h1.title {
        text-transform: uppercase;
        font-weight: 500;
    }
}

@media screen and (max-width: 1060px) {
    .path-frontpage .scag-banner-title {
        font-size: 48px !important;
        line-height: 55px !important;
    }
}

@media screen and (max-width: 900px) {
    #block-aboutus .paragraph--type--view-blocks .field--type-viewsreference> :first-child {
        float: unset;
    }
    #annual-reports---financials .field__item {
        /* width: 48%; */
        max-width: 636px;
        margin: auto;
    }
    #block-aboutus .report-title {
        font-size: 31px !important;
        line-height: 44px !important;
    }
    #block-aboutus .paragraph--type--view-blocks .field__item .field--name-field-report-thumbnail img {
        width: 265px;
        height: 164px;
    }
    #block-aboutus .field--name-field-report-date {
        font-size: 25px;
        line-height: 34px;
        margin-top: 21px;
        margin-bottom: 39px;
    }
    #block-aboutus .paragraph--type--view-blocks .field--type-viewsreference .field__item {
        display: block;
    }
    #block-aboutus .pager__item a {
        width: 50%;
    }
    #block-aboutus .paragraph--type--view-blocks .field--type-viewsreference> :first-child {
        margin-right: auto;
    }
}

.block-field-blocknodeone-column-with-pods-on-the-righbody .field.field--name-body.field--type-text-with-summary {
    /* padding-top: 20px;*/
}

@media screen and (max-width: 861px) {
    .path-frontpage .banner-paragraph {
        /* height: auto; */
        font-size: 16px !important;
        padding: 0 15vw;
        line-height: 18px !important;
    }
    .path-frontpage .scag-banner-title {
        font-size: 36px !important;
        line-height: 36px !important;
        margin-bottom: 25px;
    }
    .ul.metals-data li {
        font-size: 12px;
    }
    ul.metals-data {
        padding: 6px 20px 0 20px;
        height: 40px;
        text-align: center;
    }
    #block-aboutus .paragraph--type--view-blocks .field--type-viewsreference> :first-child {
        float: unset;
    }
    #annual-reports---financials .field__item {
        /* width: 48%; */
        max-width: 636px;
        margin: auto;
    }
    #block-aboutus .report-title {
        font-size: 31px !important;
        line-height: 44px !important;
    }
    #block-aboutus .paragraph--type--view-blocks .field__item .field--name-field-report-thumbnail img {
        width: 265px;
        height: 164px;
    }
    #block-aboutus .field--name-field-report-date {
        font-size: 25px;
        line-height: 34px;
        margin-top: 21px;
        margin-bottom: 39px;
    }
    #block-aboutus .paragraph--type--view-blocks .field--type-viewsreference .field__item {
        display: block;
    }
    #block-aboutus .pager__item a {
        width: 50%;
    }
    #block-aboutus .paragraph--type--view-blocks .field--type-viewsreference> :first-child {
        margin-right: auto;
    }
}

@media screen and (max-width: 600px) {
    .path-frontpage .scag-banner-title {
        font-size: 25px !important;
        line-height: 30px !important;
        margin-bottom: 1px;
    }
    .scag-dashboard-banner {
        padding: 20px 0px;
    }
    .path-frontpage .banner-paragraph {
        height: auto;
        font-size: 14px !important;
        /* padding: 0 18%; */
        padding: 0 !important;
        margin: 0 auto 20px;
        /*width: 244px;*/
        line-height: 18px !important;
    }
}

@media screen and (max-width: 769px) {
    /*.path-frontpage .scag-banner-title {
  font-size: 30px !important;
  line-height: 36px !important;
  margin-bottom: 20px;
}*/
    .site-logo img {
        width: 430px;
    }
    .node--type-article .card-title {
        font-size: 17px !important;
    }
    .node--type-article .card-body {
        padding: 14px;
    }
    .view-glossary-type .view-header {
        font-size: 24px !important;
    }
    #glosarry .field__item {
        width: 48%;
    }
    #block-aboutus .paragraph--type--view-blocks .field--type-viewsreference> :first-child {
        float: unset;
    }
    #annual-reports---financials .field__item {
        /* width: 48%; */
        max-width: 636px;
        margin: auto;
    }
    #block-aboutus .report-title {
        font-size: 31px !important;
        line-height: 44px !important;
    }
    #block-aboutus .paragraph--type--view-blocks .field__item .field--name-field-report-thumbnail img {
        width: 265px;
        height: 164px;
    }
    #block-aboutus .field--name-field-report-date {
        font-size: 25px;
        line-height: 34px;
        margin-top: 21px;
        margin-bottom: 39px;
    }
    #block-aboutus .paragraph--type--view-blocks .field--type-viewsreference .field__item {
        display: block;
    }
    #block-aboutus .pager__item a {
        width: 50%;
    }
    #block-aboutus .paragraph--type--view-blocks .field--type-viewsreference> :first-child {
        margin-right: auto;
    }
}

@media screen and (max-width: 640px) {
    .container {
        max-width: 100%;
    }
    .site-logo img {
        width: 211px;
    }
    #block-aboutus .report-title {
        font-size: 22px;
        line-height: 31px;
    }
    #block-currentissue h2,
    #block-signup h2,
    #block-archive h2.issue-feature-title {
        margin: 44px auto 51px;
    }
    .path-frontpage #block-buyerguide .card {
        margin-top: 30px;
    }
    .accordian-block-tabs .nav-tabs {
        margin-bottom: 10px;
    }
    .accordian-block-tabs .nav-tabs li {
        vertical-align: middle;
    }
    .accordian-block-tabs .nav-link {
        font-size: 16px !important;
    }
    #KnowBeforeYouBuy button {
        font-size: 14px;
        width: 100px;
        line-height: 20px;
    }
    .path-frontpage .layout__region--second {
        text-align: center;
    }
    
    .path-frontpage .layout__region--second li {
        width: fit-content;
        margin: auto;
        padding: 0;
    }
}

@media screen and (max-width: 480px) {
    #block-aboutus .accordian-block-tabs .nav-tabs li a.nav-link {
        width: 140px;
    }
    #annual-reports---financials .field__item {
        width: 100%;
    }
    div#popup-buttons {
        padding-top: 20px;
    }
    .path-frontpage .banner-paragraph {
        height: auto;
        font-size: 10px !important;
        /* padding: 0 18%; */
        padding: 5px 0px !important;
        margin: 0 auto 5px !important;
        /*width: 244px;*/
        line-height: 18px !important;
    }
}

@media screen and (max-width: 400px) {
    .g-recaptcha>div {
        width: 250px !important;
    }
    .g-recaptcha iframe {
        width: 250px !important;
    }
}

#directions a.d-block {
    font-family: "OpenSans_Regular";
    margin-top: 5px;
}

#directions #subway img {
    height: 30px !important;
}

#directions #bus img {
    height: 22px !important;
}

#directions #railroad img {
    height: 45px !important;
}

#directions #city-bike img {
    height: 27px !important;
}

.decline-button.eu-cookie-compliance-default-button {
    background: none !important;
}

@media screen and (min-width: 1025px) {
    .accordian-block-tabs .nav-tabs li a.nav-link {
        padding: 0 35px !important;
    }
    .user-logged-in header nav.bg-dark {
        padding-top: 0px;
    }
    .path-frontpage .banner-paragraph {
        padding: 0 30vw;
    }
    #block-visitus-2 .blazy--field-image .media--switch--intense {
        width: 934px;
        height: auto;
        margin: auto;
    }
    #block-districtboundaries .district-boundaries {
        width: 934px;
        height: auto;
        margin: auto;
    }
}

.form-check-input:checked[type="checkbox"] {
    background-color: blue;
}


/* .webform-fields-wrapper .form-item {
  margin-bottom: 0px !important;
} */


/* .region-search-banner #views-exposed-form-search-page-1 .form-type-textfield {
  width: 85% !important;
} */

.region-search-banner #views-exposed-form-search-page-1 input.form-text {
    font-family: "Brandon_Grotesque_Regular";
    font-size: 22px;
    font-weight: 400;
    opacity: 50%;
    padding-left: 0;
    padding-bottom: 0;
}

.advanced-search-banner .form-control::placeholder {
    color: white;
    font-size: 22px;
    opacity: 1;
}

.field--name-field-issue-image img {
    height: 220px;
    width: 170px;
    box-shadow: 0 0 30px 0 #d5d5d5;
}

.field--name-field-issues .field.field--name-field-issue-month {
    text-align: right;
    width: 170px;
    margin: auto;
    text-transform: uppercase;
    font-family: "Brandon_Grotesque_Regular";
}

.view-latest-news .card-title {
    min-height: 72px;
}

.view-latest-news .card-text {
    min-height: 134px;
}

.view-latest-news .card-body {
    min-height: 270px;
}

@media (max-width: 767.9px) {
    .accordian-block-label .field {
        margin: 0 auto 50px;
    }
    .accordian-block-tabs .nav-link {
        font-size: 14px !important;
        padding: 0px 12px;
        line-height: 16px !important;
    }
    section#visit-us .accordian-block-tabs .nav-tabs {
        margin-bottom: 20px;
    }
    div#myTabContent #directions .row .col-12 h3 {
        font-size: 21px;
    }
    div#myTabContent #directions .paragraph p {
        font-size: 12px;
    }
    div#myTabContent #directions p a.btn-primary {
        width: 210px;
    }
    #KnowBeforeYouBuy {
        margin-bottom: 17px;
    }
    .alert-banners article.node--type-alert-banner button.alert-banner-close:after {
        height: 22px;
        right: 17px;
        width: 17px;
    }
}


/* CSS by Dixit */

img {
    /*width: 100%;*/
}

#block-scag-page-title h1 {
    font-size: 40px;
    font-weight: 600;
}

.layout__region {
    position: relative;
}

a.readmore {
    padding-right: 1.8rem;
    position: relative;
    color: #b72373 !important;
    font-family: "futura-pt", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

a.readmore:hover {
    text-decoration: underline;
}

a.readmore::after {
    content: "\e913";
    font-family: theme !important;
    margin-left: 5px;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

a.readmore:hover::after {
    margin-left: 10px;
    text-decoration: none;
}

a.readmore:hover span {
    text-decoration: underline;
}


/* About CSS */


/*
.layout--threecol-section, .layout--twocol-section {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
  gap: 10px;
}

.layout--threecol-section>div {
  width: calc(100% - 15px);
  flex: 0 1 calc(100% - 20px);
}

.layout--threecol-section>.layout__region--first,
.layout--threecol-section>.layout__region--third {
  flex: 0 1 calc(24% - 10px);
}
.layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first, 
.layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second {
  flex: 0 1 calc(25% - 10px);
}*/


/* .layout__region--first>nav {
  position: sticky;
  top: 100px;
  transition: top 0.35s cubic-bezier(0.19, 1, 0.22, 1);
  display: flow-root;
}

.layout__region--first>nav ul.menu {
  margin: 0 !important;
  margin-right: 0 !important;
  width: 100%;
  margin-left: 0 !important;
  padding-right: 70px;
}
.layout--threecol-section>.layout__region--third>div {
  padding-left: 70px;
}

.layout__region--first>nav ul .nav-link {
  color: #002634 !important;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  padding-left: 0;
  font-family: "proxima-nova", sans-serif;

}

.layout__region--first .navbar-nav span.togglebtn i:last-child {
  display: none;
}

.layout__region--first .navbar-nav .dropdown.show span.togglebtn i:first-child {
  display: none;
}

.layout__region--first .navbar-nav .dropdown.show span.togglebtn i:last-child {
  display: block;
}


.layout__region--first .navbar-nav li.nav-item {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
}

.layout__region--first .navbar-nav span.togglebtn {
  margin-left: auto;
}

.layout__region--first .navbar-nav ul.dropdown-menu.show {
  position: relative;
  border: none;
  background: none;
  box-shadow: none;
}

.layout__region--first .navbar-nav ul.dropdown-menu.show::after {
  content: "";
  position: absolute;
  z-index: 4;
  top: 1rem;
  left: 0;
  bottom: 1rem;
  width: 0.2rem;
  background-color: #b72373;
  opacity: .5;
}

.layout__region--first #-menu {
  color: #51758e !important;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  padding-left: 0;
  font-family: "futura-pt", sans-serif;
}

.layout__region--first .navbar-nav .dropdown-toggle::after {
  display: none;
} */

.layout__region.layout__region--second p,
.layout__region.layout__region--second li {
    font-size: 16px;
    line-height: 1.4;
    color: var(--title);
    font-weight: 400;
}

.page-node-type-one-column-with-pods-on-the-righ .block-field-blocknodeone-column-with-pods-on-the-rightitle {
    color: #fff !important;
    font-family: "futura-pt", sans-serif;
     font-size: 40px;
    font-weight: 500;
    line-height: 1.1;
    text-transform: uppercase;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .25);
    position: absolute;
    bottom: 50px;
    left: 50px;
    z-index: 2;
}

.page-node-type-one-column-with-pods-on-the-righ .block-field-blocknodeone-column-with-pods-on-the-righfield-banner::before {
    content: '';
    background-image: linear-gradient(180deg, rgba(47, 48, 59, 0), #002634);
    position: absolute;
    z-index: 1;
    left: 0;
    top: 15%;
    right: 0;
    bottom: 0;
}

.page-node-type-one-column-with-pods-on-the-righ .layout__region--third .block-layout-builder>div>.field__item:not(:last-child) {
    margin-bottom: 20px;
}

.page-node-type-one-column-with-pods-on-the-righ .layout__region--third .field__item article {
    --bs-link-color: white;
    color: white;
    transition: all 0.2s ease-out;
    height: 100%;
    cursor: pointer;
    margin-top: 20px;
    padding: 25px 20px;
}
.page-node-type-one-column-with-pods-on-the-righ .layout__region--third .field__item article .node-upper-image{
    margin: -25px -20px 0px -20px;
}
.page-node-type-one-column-with-pods-on-the-righ .layout__region--third .field__item article a[href$=".pdf"]::before{
    display: none;
}

.page-node-type-one-column-with-pods-on-the-righ .layout__region--third .field__item article .node-header {
   /* padding: 25px 20px;*/
    border-top: 0px;
}


.page-node-type-one-column-with-pods-on-the-righ .layout__region--third .field__item:nth-child(3n+1) article {
    background: #a5d161;
    --bs-link-color: black;
    color: black;
}

.page-node-type-one-column-with-pods-on-the-righ .layout__region--third .field__item article a h2 {
    font-family: "futura-pt", sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.4;
    display: block;
    color: #002634
}

.page-node-type-one-column-with-pods-on-the-righ .layout__region--third .field__item article a p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #002634
}

.page-node-type-one-column-with-pods-on-the-righ .layout__region--third .field__item:nth-child(3n+2) article {
    background: #b72373;
}

.page-node-type-one-column-with-pods-on-the-righ .layout__region--third .field__item:nth-child(3n+3) article {
    background: #65c8c7;
    --bs-link-color: black;
    color: black;
}


/*new*/

.page-node-type-one-column-with-pods-on-the-righ .layout__region--third .field__item:nth-child(3n+2) article h2 {
    color: #fff
}

.page-node-type-one-column-with-pods-on-the-righ .layout__region--third .field__item:nth-child(3n+2) article p {
    color: #fff
}


/* new*/

.page-node-type-one-column-with-pods-on-the-righ .layout__region--third .field__item article:hover {
    --bs-link-color: white;
    color: white;
    background: #002634;
    text-decoration: none;
}

.page-node-type-one-column-with-pods-on-the-righ .layout__region--third .field__item article h2 a,
.page-node-type-one-column-with-pods-on-the-righ .layout__region--third .field__item article h2 a .field--name-title {
    font-family: "futura-pt", sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.4;
    display: block;
}

.page-node-type-one-column-with-pods-on-the-righ .layout__region--third .field__item article a:hover {
    color: inherit;
    text-decoration: none;
}

.page-node-type-one-column-with-pods-on-the-righ .layout__region--third .field__item:nth-child(3n+1) article h2 a {
    color: #002634;
}

.page-node-type-one-column-with-pods-on-the-righ .layout__region--third .field__item:nth-child(3n+2) article h2 a {
    color: #fff;
}

.page-node-type-one-column-with-pods-on-the-righ .layout__region--third .field__item:nth-child(3n+3) article h2 a {
    color: #002634;
}

.page-node-type-one-column-with-pods-on-the-righ .layout__region--third .field__item article:hover h2 a,
.page-node-type-one-column-with-pods-on-the-righ .layout__region--third .field__item article:hover a h2,
.page-node-type-one-column-with-pods-on-the-righ .layout__region--third .field__item article:hover a p {
    color: #fff;
}

.navbar-we-mega-menu .nav-tabs>li.active>a {
    text-decoration: underline;
}

.page-node-type-one-column-with-pods-on-the-righ .layout__region--third .field__item article p,
.page-node-type-one-column-with-pods-on-the-righ .layout__region--third .field__item article:hover p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
}

.bootstrap-tabs .nav-tabs>li.active>a {
    color: #002634;
    cursor: default;
    background-color: #fff;
    border: none;
}

.bootstrap-tabs .nav-tabs>li.active>a:hover,
.bootstrap-tabs .nav-tabs>li.active>a:focus {
    color: #002634;
    cursor: default;
    background-color: #80808009;
    border: none;
}

.quicktabs-wrapper,
.node__content .bootstrap-tabs {
    margin-top: 30px;
}

ul.quicktabs-tabs,
.node__content ul.nav.nav-tabs {
    margin: 0;
    margin-bottom: 20px;
}

ul.quicktabs-tabs li,
.node__content ul.nav.nav-tabs li {
    position: relative;
    padding: 20px;
    margin: 0;
}

ul.quicktabs-tabs li a,
.node__content ul.nav.nav-tabs li a {
    margin-bottom: 12px;
    padding: 8px 15px 12px;
    font-family: "futura-pt", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    transition: all 0.2s ease-in-out;
    color: #5c5c5c;
    text-transform: uppercase;
    text-decoration: none;
    background: none !important;
    border: 0 !important;
}

.quicktabs-tabs li::before,
.node__content ul.nav.nav-tabs li::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0.9rem;
    background-color: #c8c8c8;
}

ul.quicktabs-tabs li:hover,
.node__content ul.nav.nav-tabs li:hover {
    background: #80808047;
}

ul.quicktabs-tabs li:hover::before,
.node__content ul.nav.nav-tabs li:hover::before {
    background-color: grey;
}

.quicktabs-tabs li.active::before,
.node__content ul.nav.nav-tabs li.active::before {
    background-color: #a5d161;
}

.quicktabs-main,
.node__content .tab-content {
    padding: 15px 0px;
}

.quicktabs-main .views-field-title a
/*, .node__content .tab-content  a*/

{
    text-decoration: none;
    font-size: 25px;
    font-weight: 700;
    color: #51758e;
    text-transform: capitalize;
}

.page-node-type-one-column-with-pods-on-the-righ ul.quicktabs-tabs,
.node__content ul.nav.nav-tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /* justify-content: center; */
    width: 100%;
    overflow: hidden;
}

.page-node-type-one-column-with-pods-on-the-righ ul.quicktabs-tabs li,
.node__content ul.nav.nav-tabs li {
    position: relative;
    padding: 12px 14px 20px;
    margin: 0;
}

.page-node-type-one-column-with-pods-on-the-righ ul.quicktabs-tabs li::before,
.node__content ul.nav.nav-tabs li::before {
    width: 1500px;
    height: 9px;
}

.page-node-type-one-column-with-pods-on-the-righ .list .views-field.views-field-title a {
    color: #51758e;
    font-size: 32px;
    font-weight: 700;
    font-family: "proxima-nova", sans-serif;
    margin-bottom: 15px;
    display: block;
    text-transform: none;
}

.page-node-type-one-column-with-pods-on-the-righ .list .views-field.views-field-title a:hover {
    text-decoration: underline;
}

.page-node-type-one-column-with-pods-on-the-righ .list:not(:last-child) {
    /*padding: 35px 0;*/
}

.page-node-type-one-column-with-pods-on-the-righ .list {
    border-top: 1px solid #ccc;
    padding-top: 20px;
}

.list h3 a:hover {
    text-decoration: underline !important;
}

.page-node-type-one-column-with-pods-on-the-righ .list .views-field.views-field-body h5 {
    font-family: "futura-pt", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.4;
    color: #002634;
    text-transform: uppercase;
}

.page-node-type-one-column-with-pods-on-the-righ .list .views-field.views-field-body ul li {
    margin: 10px 0;
}

.page-node-type-one-column-with-pods-on-the-righ .list .views-field.views-field-body p,
.page-node-type-one-column-with-pods-on-the-righ .list .views-field.views-field-body li {
    font-size: 16px;
    font-weight: 400;
    font-family: proxima-nova, sans-serif;
}

.page-node-type-one-column-with-pods-on-the-righ .list .views-field.views-field-body a.filelink::before {
    content: "\e604";
    font-family: dd-templates !important;
    color: #f91916;
    display: inline;
    margin: 0 5px;
}

a[href$=".pdf"]::before {
    content: "\e604";
    font-family: dd-templates !important;
    color: #f91916;
    display: inline;
    margin: 0 5px;
}

.page-node-type-one-column-with-pods-on-the-righ .list .views-field.views-field-body {
    clear: left;
}


/*
.page-node-type-one-column-with-pods-on-the-righ .list .views-field.views-field-body a.readmore {
  padding-right: 1.8rem;
  position: relative;
  color: #b72373;
  font-family: "futura-pt", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}

.page-node-type-one-column-with-pods-on-the-righ .list .views-field.views-field-body a.readmore::after {
  content: "\e913";
  font-family: theme !important;
  margin-left: 5px;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}

.page-node-type-one-column-with-pods-on-the-righ .list .views-field.views-field-body a.readmore:hover::after {
  margin-left: 10px;
  text-decoration: none;
}

.page-node-type-one-column-with-pods-on-the-righ .list .views-field.views-field-body a.readmore:hover span {
  text-decoration: underline;
}
*/

.page-node-type-one-column-with-pods-on-the-righ .list .views-field.views-field-body .awards_recognition {
    display: flex;
    align-items: center;
    gap: 20px;
}

.page-node-type-one-column-with-pods-on-the-righ .list .views-field.views-field-body .awards_recognition>div {
    flex: 0 0 30%;
}

.node--type-one-column-with-pods-on-the-righ.list-view .views-field-nothing p img {
    max-width: 200px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.node--type-one-column-with-pods-on-the-righ.list-view .block-views.block-views-blockrelated-content-bottom-block-1 {
    display: block;
}

.node--type-one-column-with-pods-on-the-righ.tab-view .block-views.block-views-blockrelated-content-bottom-block-1 {
    display: none;
}

.node--type-one-column-with-pods-on-the-righ.tab-view .block.block-views.block-views-blockrelated-content-bottom-block-2 {
    display: none;
}

.node--type-one-column-with-pods-on-the-righ.tab-view #quicktabs-related-content-bottom {
    display: block;
}

.node--type-one-column-with-pods-on-the-righ.list-view #quicktabs-related-content-bottom {
    display: none;
}

.block-views-blockrelated-content-bottom-block-2 .view.view-related-content-bottom .list {
    padding-top: 25px;
    padding-bottom: 30px;
}

.view-id-related_content_bottom.view-display-id-block_3 .list.views-row {
    display: none;
}

.view-id-related_content_bottom.view-display-id-block_2 .list.views-row h3 a,
.view-id-related_content_bottom.view-display-id-block_3 .list.views-row h3 a {
    color: #51758e;
    font-size: 32px;
    font-weight: 700;
    font-family: "proxima-nova", sans-serif;
    margin-bottom: 15px;
    display: block;
    text-transform: none;
}

.view-id-related_content_bottom.view-display-id-block_2 .list.views-row h3 a,
.view-id-related_content_bottom.view-display-id-block_3 .list.views-row h3 a {
    text-decoration: none;
}

.view-id-related_content_bottom.view-display-id-block_2 .list.views-row .awards_recognition img,
.view-id-related_content_bottom.view-display-id-block_3 .list.views-row .awards_recognition img {
    width: 185px;
    float: left;
    margin-right: 10px;
}


/* .page-node-type-one-column-with-pods-on-the-righ .block-views-blockrelated-content-bottom-block-2,
.page-node-type-one-column-with-pods-on-the-righ .block-views-blockrelated-content-bottom-block-1 {
  display: none;
}

.page-node-type-one-column-with-pods-on-the-righ .tab-view .block-views-blockrelated-content-bottom-block-1 {
  display: block;
}

.page-node-type-one-column-with-pods-on-the-righ .list-view .block-views-blockrelated-content-bottom-block-2 {
  display: block
} */


/* About Css End */


/* homepage css */


/* @font-face {
  font-family: "proxima_nova_rgregular";
  src: url("https://litmus.com/fonts/Emails/proximanova-regular-webfont.eot");
  src: url("https://litmus.com/fonts/Emails/proximanova-regular-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("https://litmus.com/fonts/Emails/proximanova-regular-webfont.woff")
      format("woff"),
    url("https://litmus.com/fonts/Emails/proximanova-regular-webfont.ttf")
      format("truetype"),
    url("https://litmus.com/fonts/Emails/proximanova-regular-webfont.svg#proxima_nova_rgregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "proxima_nova_rgbold";
  src: url("https://litmus.com/fonts/Emails/proximanova-bold-webfont.eot");
  src: url("https://litmus.com/fonts/Emails/proximanova-bold-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("https://litmus.com/fonts/Emails/proximanova-bold-webfont.woff")
      format("woff"),
    url("https://litmus.com/fonts/Emails/proximanova-bold-webfont.ttf")
      format("truetype"),
    url("https://litmus.com/fonts/Emails/proximanova-bold-webfont.svg#proxima_nova_rgbold")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "futura-pt-book";
  font-style: normal;
  font-weight: 400;
  src: url("FuturaCyrillicBook.woff") format("woff");
}

@font-face {
  font-family: "Futura PT Light";
  font-style: normal;
  font-weight: 300;
  src: url("FuturaCyrillicLight.woff") format("woff");
}

@font-face {
  font-family: "futura-pt-medium";
  font-style: normal;
  font-weight: 500;
  src: url("FuturaCyrillicMedium.woff") format("woff");
}

@font-face {
  font-family: "futura-pt-bold";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/FuturaPTBold.otf") format("woff");
} */

body {
    font-family: "proxima_nova_rgregular", Helvetica, Arial, sans-serif;
}

a {
    text-decoration: none;
    color: #51758e;
}

a:hover {
    color: inherit;
}

p,
li {
    font-family: "proxima-nova", sans-serif;
}

.region.region-content {
    padding: 0;
}

.front .layout__region.layout__region--content>div {
    padding: 50px 0;
}

.front .layout__region.layout__region--content>div>h2 {
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 35px;
}
.stay-informed + .block-field-blocknodehome-pagefield-metatags{
    display: none
   }

.front .layout__region.layout__region--content .full {
    padding-top: 0;
}

.full .node-home-hero {
    position: relative;
    height: 100%;
    width: 100%;
}

.full .node-home-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.full .views-row div,
.views-row figure {
    height: 100%;
    margin: 0;
}

.full .skin-default {
    position: relative;
}

.full .views-row .node-header-wrapper {
    position: absolute;
    width: 70%;
    background: #b72373;
    height: fit-content;
    bottom: 0;
    right: 0;
}

.full .views-row .node-header-wrapper .node-header {
    padding: 30px 50px;
    padding-bottom: 80px;
}

.full .views-row .node-header-wrapper .node-header.Blue {
    background-color: #51758e;
}

.full .views-row .node-header-wrapper .node-header.Hibiscus {
    background-color: #b72373;
}

.full .views_slideshow_cycle_slide {
    height: 100% !important;
    width: 100% !important;
}

.full .views_slideshow_cycle_slide>div {
    height: 100% !important;
}

.full .node-header-wrapper h2.title {
    color: #fff;
    font-family: futura-pt, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    text-transform: uppercase;
}

.full .node-header-wrapper h2.title a {
    color: #fff;
}

.full .node-header-wrapper p {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
    font-family: "proxima-nova", sans-serif;
}

.full #views_slideshow_cycle_teaser_section_home_page_work-block_4 {
    height: 550px !important;
    width: 100% !important;
}

.full .views-slideshow-controls-bottom {
    position: absolute;
    bottom: 0;
    width: auto;
    right: 0;
    z-index: 4;
}

.full span#views_slideshow_controls_text_pause_home_page_work-block_4 {
    display: none;
}

.full span#views_slideshow_controls_text_previous_home_page_work-block_4 a,
.full span#views_slideshow_controls_text_next_home_page_work-block_4 a {
    font-size: 0;
}

.full span#views_slideshow_controls_text_previous_home_page_work-block_4:hover,
.full span#views_slideshow_controls_text_next_home_page_work-block_4:hover {
    background: #0000009c;
}

.full span#views_slideshow_controls_text_previous_home_page_work-block_4 {
    display: inline-block;
    padding: 10px;
}

.full span#views_slideshow_controls_text_next_home_page_work-block_4 {
    display: inline-block;
    padding: 10px;
    background: #00000040;
}

.full span#views_slideshow_controls_text_previous_home_page_work-block_4 a::before {
    content: "\f060";
    font-family: "FontAwesome";
    font-size: 20px;
    color: white;
    padding: 5px;
}

.full span#views_slideshow_controls_text_next_home_page_work-block_4 a::before {
    content: "\f061";
    font-family: "FontAwesome";
    font-size: 20px;
    color: white;
    padding: 5px;
}

.quickicons .node-header {
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.quickicons h2.title a {
    color: #002634;
    text-decoration: none;
    display: block;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.2;
    transition: all 0.3s ease-in-out;
    font-family: futura-pt, sans-serif;
}

.quickicons p {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    text-transform: inherit;
    line-height: 1.5;
    margin: 0;
    margin-top: 15px;
}

.quickicons h2.title {
    text-align: center;
    width: 180px;
    margin: auto;
}

.quickicons .fontawesome-icons {
    text-align: center;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out;
}

.quickicons h2.title::before {
    font-family: "FontAwesome";
    display: block;
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 1;
    transition: all 0.3s ease-in-out;
    display: none;
}

.quickicons .views-row .views-col:nth-child(1) h2.title::before {
    color: #b72373;
    content: "\f56c";
}

.quickicons .views-row .views-col:nth-child(2) h2.title::before {
    color: #a5d161;
    content: "\f133";
}

.quickicons .views-row .views-col:nth-child(3) h2.title::before {
    color: #65c8c7;
    content: "\f1ce";
}

.quickicons .views-row .views-col:nth-child(4) h2.title::before {
    color: #51758e;
    content: "\f017";
}

.quickicons .node-header:hover h2.title a {
    text-decoration: underline;
    /* transition: all 0.3s ease-in-out; */
}

.quickicons .node-header:hover .fontawesome-icons {
    transform: scale(1.1);
}

.quickicons .node-header:hover h2.title::before {
    transform: scale(1.1);
}

.front .layout__region.layout__region--content>.featured-section1 {
    padding: 100px 0;
    background: url(https://scag.ca.gov/sites/default/themes/dtheme/img/purple-bg.svg) 50% / cover no-repeat;
}

.front .layout__region.layout__region--content>div .heading {
    margin-bottom: 40px;
    font-size: 50px;
    color: #fff;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    line-height: 1.1;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}


/*.featured-section1>.container>div {
    padding: 0 50px;
}*/

.featured-section1 .views-row {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(20% - 3rem), 1fr));
    grid-auto-rows: minmax(auto, auto);
    gap: 15px;
}

.featured-section1 .views-row>div:first-child {
    grid-row-end: span 2;
    grid-column: 1 / span 3;
    height: 500px;
}

.featured-section1 .views-row>div {
    grid-column: 4 / span 5;
    grid-row-end: span 1;
    width: 100%;
}

.featured-section1 .views-row>div .node-inner {
    position: relative;
    display: flex;
    height: 100%;
    padding: 20px;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    cursor: pointer;
}

.featured-section1 .views-row>div .node-inner::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: linear-gradient(0deg, #000 0, transparent 80%);
    z-index: 0;
}

.featured-section1 .views-row>div .node-inner img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    transition: all 0.3s ease-in-out;
    /* filter: brightness(0.5); */
    height: 100%;
    object-fit: cover;
}

.featured-section1 .views-row>div>*,
.featured-section1 .views-row>div>*>*,
.featured-section1 .views-row>div>*>*>* {
    height: 100%;
    display: block;
}

.featured-section1 .views-row>div .node-inner h2.title a {
    font-size: 20px;
    z-index: 1;
    position: relative;
    color: white;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
}

.featured-section1 .views-row>div .node-inner p {
    font-size: 18px;
    z-index: 1;
    position: relative;
    margin: 0;
    color: white;
    margin-top: 10px;
    line-height: 1.5;
}

.featured-section1 .views-row>div .node-inner:hover img {
    opacity: 1;
    filter: brightness(0.8);
    transform: scale(1.1);
}

.featured-section1 .views-row>div .node-inner:hover h2.title a {
    text-decoration: underline;
}

.quicktabs-sec .quicktabs-tabs {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: center;
}

.quicktabs-sec .quicktabs-tabs>li {
    padding: 35px;
    width: 18%;
    text-align: center;
}

.quicktabs-sec .quicktabs-tabs::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0.9rem;
    background-color: #c8c8c8;
}

ul.quicktabs-tabs li.active a,
ul.nav.nav-tabs li.active a {
    color: #002634;
}

ul.quicktabs-tabs li a,
.node__content ul.nav.nav-tabs li a {
    font-size: 16px;
    font-weight: 500;
    display: initial;
}

.tab-content>.active {
    border: none;
}

.bootstrap-tabs .nav>li>a:hover,
.bootstrap-tabs .nav>li>a:focus {
    background: #80808009;
    border: none;
}

.quicktabs-sec .quicktabs-main {
    padding: 70px 0;
}

.quicktabs-sec .quicktabs-main .views-col>div {
    padding: 0 30px;
    position: relative;
    min-height: 100%;
}


/* .quicktabs-sec .quicktabs-main .views-col:not(:first-child) > div::before {
  content: "";
  position: absolute;
  top: 0;
  left: -0.1rem;
  bottom: 0;
  width: 0.1rem;
  background-color: #51758e;
  opacity: 0.2;
} */

.quicktabs-sec .quicktabs-main .owl-item>div::before {
    content: "";
    position: absolute;
    top: 0;
    left: -18px;
    bottom: 0;
    width: 0.1rem;
    background-color: #51758e;
    opacity: 0.2;
}

.quicktabs-sec .owl-item.active:first-child>div:before {
    display: none !important;
}

.quicktabs-sec .owl-item.active+.owl-item:not(.active) div::before {
    display: none;
}

.quicktabs-sec .quicktabs-main .owl-nav button {
    position: absolute;
    font-size: 40px !important;
    width: 36px;
    height: 35px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 !important;
    border-radius: 0 !important;
}

.quicktabs-sec .quicktabs-main .owl-nav .owl-prev {
    left: -45px;
}

.quicktabs-sec .quicktabs-main .owl-nav .owl-next {
    right: -45px;
}

.quicktabs-sec .quicktabs-main .owl-nav button:hover,
.owl-nav button:focus {
    background: none !important;
    color: inherit !important;
}

.quicktabs-sec .quicktabs-main .owl-nav span {
    line-height: 1px;
    display: flow-root;
}

.quicktabs-sec .quicktabs-main .post-date {
    display: block;
    color: #002634;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    font-family: "proxima-nova", sans-serif;
}

.quicktabs-sec .quicktabs-main h2.title a {
    display: block;
    color: #002634;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.quicktabs-sec .quicktabs-main p {
    display: block;
    color: #002634;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}

.quicktabs-sec .quicktabs-main .rel-links a,
.quicktabs-sec .quicktabs-main .rel-links span {
    position: relative;
    text-align: center;
    display: flex;
    text-decoration: none;
    font-size: 14px;
    gap: 10px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.6;
    color: #002634;
    align-items: center;
    justify-content: center;
}

.quicktabs-sec .quicktabs-main .rel-links a::before {
    content: "";
    background-image: url(https://cdn-icons-png.flaticon.com/512/484/484167.png);
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
}

.quicktabs-main .owl-item>div {
    margin: 0 15px;
}

.front .layout__region.layout__region--content .block-block-content25e1f5c6-e0e3-41af-a63e-26a112625cb5 {
    padding: 0;
    padding-bottom: 70px;
}

.block-block-content25e1f5c6-e0e3-41af-a63e-26a112625cb5 a {
    text-decoration: none;
    font-size: 18px;
    padding: 15px 70px;
    display: inline-flex;
    border: 2px solid #b72373;
    background-color: #b72373;
    color: white;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    width: max-content;
    margin: auto;
}

.block-block-content25e1f5c6-e0e3-41af-a63e-26a112625cb5 a:hover {
    border: 2px solid #b72373;
    background-color: transparent;
    color: #b72373;
}

.block-block-content25e1f5c6-e0e3-41af-a63e-26a112625cb5 .block-footer {
    text-align: center;
}

.block-views-blockhome-page-work-block-7 .node-inner {
    display: flex;
    align-items: stretch;
}

.block-views-blockhome-page-work-block-7 .node-inner>div {
    width: 50%;
    overflow: hidden;
}

.block-views-blockhome-page-work-block-7 .views-row .node-inner>div:nth-child(2) {
    background: #a5d161;
    padding: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.block-views-blockhome-page-work-block-7 .views-row:nth-child(2) .node-inner>div:nth-child(2) {
    background-color: #65c8c7;
}

.block-views-blockhome-page-work-block-7 .node-inner h2.title a {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    color: #002634;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    font-family: "futura-pt", sans-serif;
}

.block-views-blockhome-page-work-block-7 .node-inner p {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    margin: 0;
}

.block-views-blockhome-page-work-block-7 .view-content .views-row:nth-child(2n+2) .node-inner .node-image-wrapper {
    order: 2;
}

.block-views-blockhome-page-work-block-7 .node-inner:hover h2.title a {
    text-decoration: underline;
}

.block-views-blockhome-page-work-block-7 .node-inner figure {
    margin: 0;
    height: 399px;
}

.block-views-blockhome-page-work-block-7 .node-inner img {
    transition: all 0.3s ease-in-out;
    height: 100%;
    object-fit: cover;
}

.block-views-blockhome-page-work-block-7 .node-inner:hover img {
    scale: 1.1;
}

.front .layout__region.layout__region--content>div.block-views-blockhome-page-work-block-7 {
    padding-bottom: 0;
}

.front .layout__region.layout__region--content>div.quickicons2 {
    padding: 100px 0 50px;
}

.front .layout__region.layout__region--content .quickicons.quickicons2 .heading {
    text-shadow: none !important;
}

.quickicons2 .views-row .views-col h2.title a {
    position: relative;
    color: #002634;
    font-family: futura-pt, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    display: block;
    /* padding: 30px 15px 25px; */
}

.quickicons2 .views-row .views-col h2.title::before {
    font-family: "FontAwesome";
    display: block;
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 1;
    display: none;
}

.quickicons2 .views-row .views-col:nth-child(1) h2.title::before {
    color: #b72373;
    content: "\f0e0";
}

.quickicons2 .views-row .views-col:nth-child(2) h2.title::before {
    color: #a5d161;
    content: "\f021";
}

.quickicons2 .views-row .views-col:nth-child(3) h2.title::before {
    color: #65c8c7;
    content: "\f133";
}

.quickicons2 .views-row .views-col:nth-child(4) h2.title::before {
    color: #51758e;
    content: "\f27a";
}
form#mcapi-transaction-form #edit-type-wrapper {
    display: none;
}

/* Homepage CSS */


/* header css */

header .header-top-full-banner {
    height: auto;
    background: #fff;
    border: none;
    border-bottom: 1px solid #000;
}

header .navbar-brand {
    height: auto;
    padding: 0;
}

.navbar-brand img a {
    margin: 0;
}

header .region.region-nav-branding {
    flex: 0 40%;
}

header .block-content {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 30px;
    width: 100%;
}

header .block-content h2 {
    margin: 0;
}

header #block-searchform {
    display: none;
}

header #block-searchform #search-block-form:focus-within {
    box-shadow: inset 0 0 0 2px #65c8c7;
}

header #block-searchform input {
    background: transparent;
    border: none;
}

header input#edit-keys {
    padding: 0;
    color: #000;
    font-family: futura-pt, sans-serif;
    font-size: 18px;
    font-weight: 500;
    height: 40px;
    border-radius: 2px 0 0 2px;
    border: 1px solid #000;
    border-radius: 0px;
    padding: 10px;
}

header input#edit-keys:focus-within {
    outline: none;
    /* border: none; */
    box-shadow: none;
}

header input#edit-keys::placeholder {
    color: white;
}

header input#edit-keys:focus::placeholder {
    color: #ffffff8f;
}

header #block-searchform #search-block-form {
    display: flex;
    align-items: center;
    background-color: hsla(0, 0%, 100%, 0.14);
    border-radius: 3rem;
    transition: 0.2s ease-out;
    padding: 12px;
    width: 20rem;
}

header #block-searchform #search-block-form .js-form-type-search {
    flex: 1;
}

header #block-searchform #edit-submit {
    font-size: 10px;
    color: transparent;
    position: absolute;
    line-height: 1;
    width: 15px;
    height: 15px;
}

header #edit-actions::before {
    content: "\f002";
    font-family: "FontAwesome";
    display: block;
    font-size: 17px;
    color: #fff;
    position: absolute;
    line-height: 1;
}

header div#edit-actions {
    position: relative;
    display: flex;
    justify-content: flex-end;
    justify-content: center;
    align-items: center;
    /* padding-right: 5px; */
    width: 40px;
    height: 40px;
    font-size: 0px;
    background: #000;
}
form#search-block-form #edit-actions input {
    border: none;
    font-size: 0px;
    width: 100%;
    padding: 0;
    background-color: transparent;
}

header .block-content nav[data-menu-name='header-social-links'] {
    background-color: transparent;
}

header .block-content nav[data-menu-name='header-social-links'] li:not(:first-child) {
    padding-left: 30px;
    margin: 0;
}

header .block-content nav[data-menu-name='header-social-links'] a {
    position: relative;
    color: white;
    font-family: "futura-pt", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    gap: 8px;
    align-items: center;
    background-color: transparent;
    padding: 0;
}

header .block-content nav[data-menu-name='header-social-links'] a:hover {
    text-decoration: underline;
    color: white;
}

header .block-content nav[data-menu-name='header-social-links'] a i {
    color: white;
    background: #b72373;
    border-radius: 100%;
    font-size: 12px;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

header #offcanvasRight {
    overflow-y: auto;
}

header nav.navbar {
    background-color: #65c8c7;
    padding: 0;
    margin: 0;
}


/* header nav.navbar.navbar-expand-lg .nav-link {
  text-transform: uppercase;
  color: #002634 !important;
  font-weight: 500;
  font-family: "futura-pt", sans-serif !important;
  font-size: 20px !important;
}
header nav.navbar.navbar-expand-lg .nav-link:hover {
  text-decoration: underline;
} */

header nav[data-menu-name='main'] {
    margin: 0;
    padding: 0;
    background: none;
}

header nav[data-menu-name='main'] .we-mega-menu-ul {
    height: 80px;
}

header nav[data-menu-name='main'] ul {
    border: none;
}

header nav[data-menu-name='main'] .we-mega-menu-li {
    background: none;
    border: none;
}

header nav[data-menu-name='main'] .we-mega-menu-li:hover {
    background: white;
}

header nav[data-menu-name='main'] .we-mega-menu-li a {
    text-transform: uppercase;
    color: #002634 !important;
    font-weight: 500;
    font-family: "futura-pt", sans-serif !important;
    font-size: 20px !important;
    background-color: transparent !important;
    padding: 0 20px;
}

header nav[data-menu-name='main'] .we-mega-menu-li a:hover {
    text-decoration: underline;
}

.we-mega-menu-submenu>.we-mega-menu-submenu-inner {
    min-height: auto;
}

.we-mega-menu-submenu:not(:has(ul)) {
    display: none !important;
}

header nav[data-menu-name='main'] .we-mega-menu-li a::before {
    display: none;
}

header .subul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

header .we-mega-menu-submenu {
    min-width: 300px !important;
    max-width: 400px;
    padding: 0;
}

header .we-mega-menu-submenu li.we-mega-menu-li a {
    border: none;
    padding: 10px 30px;
}

header .we-mega-menu-submenu li.we-mega-menu-li:first-child>a,
header .we-mega-menu-submenu li.we-mega-menu-li:first-child>span {
    padding-top: 10px;
}

.we-mega-menu-submenu li.we-mega-menu-li.active>.we-megamenu-nolink,
.we-mega-menu-submenu li.we-mega-menu-li.active>a,
.we-mega-menu-submenu li.we-mega-menu-li.active>a:focus,
.we-mega-menu-submenu li.we-mega-menu-li.active>a:hover {
    background-color: transparent;
    color: #000;
    border-bottom: 0 none !important;
    border-top: 0 none;
    border-left: 0 none;
    border-right: 0 none
}

header #block-scag-main-navigation {
    display: none;
}

header #block-mainnavigation {
    display: block;
}

header .close {
    background: none;
    border: none;
    color: #000;
    position: absolute;
    font-size: 35px;
    right: 15px;
    top: 15px;
    width: 30px;
    height: 30px;
}

header nav.navbar.navbar-expand-lg ul.navbar-nav li.nav-item {
    margin-right: 0;
}

header .menu {
    gap: 30px;
}

header .search-icon-custom.active>div:not(:last-child) {
    display: none !important;
}

header .search-icon-custom>div.region {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
    justify-content: space-between;
}

header button.search-icon {
    font-size: 0;
    background: none;
    box-shadow: none;
    border: none;
    line-height: 1;
    padding: 5px;
    border-radius: 50%;
    width: auto;
    height: auto;
    transition: all 0.3s ease-in-out;
}

header button.search-icon::before {
    content: '\f002';
    font-family: "FontAwesome";
    FONT-SIZE: 18px;
    color: #000;
}

header  button.search-icon.active::before {
    content: '\f00d';
}
header .search-icon-custom.active button.search-icon::before {
    content: '\f00d';
}

header button.search-icon:hover {
    /* background: #dcecf7; */
}

header button.search-icon:hover::before {
    color: black;
}

header .gtranslate_wrapper {
    font-family: "futura-pt", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    gap: 8px;
    align-items: center;
}

header .gtranslate_wrapper::before {
    /* content: '\f1ab'; */
    content: '';
    font-family: 'FontAwesome';
    background-color: #9dc65c;
    background-image: url(/themes/custom/scag/svgs/solid/translate.png);
    color: #092634;
    border-radius: 100%;
    background-position: center;
    background-size: 70%;
    background-repeat: no-repeat;
    font-size: 12px;
    height: 25px;
    width: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

header .gtranslate_wrapper .gt_selector {
    background: none;
    border: none;
    color: white;
    appearance: none;
    text-transform: uppercase;
    width: 80px;
}
/*
header .gtranslate_wrapper .gt_selector:nth-child(1) {
    display: none;
}
*/

header .gtranslate_wrapper .gt_selector.notranslate {
display: block;
}
header .gtranslate_wrapper .gt_selector:hover {
    text-decoration: underline;
    cursor: pointer;
}

header .gtranslate_wrapper .gt_selector option {
    color: black;
}


/* header .google-translator-switch::before {
  content: '\f1ab';
  font-family: 'FontAwesome';
  background: #9dc65c;
  color: #092634;
  border-radius: 100%;
  font-size: 12px;
  height: 25px;
  width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}


header .goog-te-gadget-simple {
  width: 100px;
  display: block;
  background: none;
  border: none;
}

header .goog-te-gadget-simple img {
  display: none !important;
}

header #google_translator_element a,
header #google_translator_element span,
header #google_translator_element div {
  color: #fff !important;
}

header .goog-te-gadget-simple a span:not(:first-child) {
  display: none !important;
} */

header #offcanvasRight div#block-searchform {
    display: flex;
}

header #offcanvasRight .search-icon {
    display: none;
}


/* header css end */


/* footer css */
/* 
.stay-informed {
    background: url(https://scag.ca.gov/sites/default/themes/dtheme/img/purple-bg.svg) 50% / cover no-repeat;
    padding: 50px 0;
    margin-top: 50px;
} */

.stay-informed .node-inner {
    display: flex;
    align-items: center;
    padding: 30px 0;
    justify-content: center;
    gap: 80px;
}

.stay-informed .node-inner>header {
    /* flex: auto; */
}

.stay-informed .node-inner h2.title {
    font-size: 50px;
    color: #fff;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}

.stay-informed .node-inner p {
    font-size: 18px;
    margin: 0;
    margin-top: 10px;
    color: #fff;
}

.stay-informed .node-inner a {
    text-decoration: none;
    font-size: 18px;
    padding: 15px 70px;
    display: block;
    border: 2px solid #b72373;
    background-color: #b72373;
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
}

.stay-informed .node-inner a:hover {
    color: #000000;
    background-color: white;
}

footer {
    font-family: proxima-nova, sans-serif;
    background-color: var(--myClrLight);
    color: var(--myClrLight);
    padding: 50px 0;
}

footer h2.title,
footer h5 {
    font-family: futura-pt, sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #fff;
}

footer p {
    font-size: 16px;
    font-weight: 500;
}

footer .nav-link {
    color: #fff;
    font-family: "proxima-nova", sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding-left: 0 !important;
    padding: 10px;
}

footer .nav-link:hover {
    color: inherit;
    text-decoration: underline;
}

footer .footerlink {
    color: inherit;
    text-transform: uppercase;
}

footer .footerlink:hover {
    text-decoration: underline;
}

footer p:has(.footerlink)::after {
    content: "\f178";
    font-family: "FontAwesome";
    color: #a5d161;
    font-size: 16px;
    transition: all 0.2s ease-in-out;
    margin-left: 5px;
    text-decoration: none;
}

footer .footerlink:hover::after {
    margin-left: 10px;
    text-decoration: none;
}

footer .region.region-footer {
    margin: 0;
    padding: 0;
}

footer .footer-bottom>.layout {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    padding-top: 80px;
}

footer .footer-bottom>.layout .copyright {
    font-size: 14px;
    line-height: 1.5;
    font-family: proxima-nova, sans-serif;
}

footer .footer-bottom>.layout .footer-secondary-links ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

footer .footer-bottom>.layout .footer-secondary-links ul li a {
    color: #fff;
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
}

footer .footer-bottom>.layout .footer-secondary-links ul li {
    position: relative;
    margin: 0;
}

footer .footer-bottom>.layout .footer-secondary-links ul li:not(:first-child) {
    padding-left: 20px;
}

footer .footer-bottom>.layout .footer-secondary-links ul li:not(:first-child)::before {
    content: "";
    display: block;
    border-right: 1px solid;
    margin-right: 10px;
    height: 17px;
    width: 1px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

.footer-four.socialicons {
    position: absolute;
    /* width: auto !important; */
    bottom: 0;
    right: 0;
    width: 24%;
}

/* footer .footer-inner::before {
    content: "";
    background: url(https://scag.ca.gov/sites/default/themes/dtheme/img/logo-footer.svg) 50%/contain no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 95%;
    width: 95%;
    transform: translate(-50%, -50%);
} */

footer .footer-inner {
    position: relative;
    overflow: hidden;
}

.diamond-footer-block {
    position: relative;
    display: flex;
    gap: 25px;
    justify-content: space-between;
    /* margin: 0 30px; */
}

.diamond-footer-block>div {
    flex: 0 0 calc(25% - 25px);
}

.diamond-footer-block .col2 {
    display: flex;
    justify-content: space-between;
    flex: 0 0 60%;
}

.diamond-footer-block .col2>div {
    flex: 0 0 40%;
}

.footer-four.socialicons ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px;
    align-items: center;
}

.footer-four.socialicons ul li a {
    color: #fff;
    border: 1px solid #fff;
    padding: 8px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    transition: all 0.3s ease-in-out;
}

.footer-four.socialicons ul li a:hover {
    background: #fff;
    color: #002634;
    text-decoration: none !important;
}
.footer-col-1 h2 {
    font-size: 30px;
    line-height: 1;
    color: var(--myClrDark);
    font-weight: 900;
}
.path-frontpage footer .layout--onecol{
    border:none;
}
ul.f-social {
    display: flex;
    padding: 0;
    list-style: none;
}

ul.f-social li {
    margin-right: 15px;
    margin-bottom: 0
}

ul.f-social li:last-of-type {
    margin-right: 0
}
footer ul li a,ul.nav.navbar-nav li a {
    font-size: 16px;
    line-height: 1;
    color: var(--myClrDark);
}

footer h5 {
    font-size: 18px;
    line-height: 1;
    color: var(--myClrDark);
    font-weight: 900;
    margin-bottom: 10px;
}
footer .copy{
    font-size: 14px;
    line-height: 1;
    color: var(--myClrDark);
    font-weight: 700;
    line-height: 1.6;
    margin: 20px 0 0;
}

/* footer css end */


/* finacial report css */

.node--type-one-column-with-pods-on-the-righ .field--name-title {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-size: 38px;
    line-height: 1.4;
    margin-bottom: 10px;
    display: block;
    text-transform: uppercase;
}

.node--type-one-column-with-pods-on-the-righ form#views-exposed-form-financial-reports-block-2 {
    background: #002634;
    font-size: 16px;
    margin-bottom: 30px;
    padding: 20px;
}

.node--type-one-column-with-pods-on-the-righ form#views-exposed-form-financial-reports-block-2 .js-form-type-select {
    position: relative;
}

.node--type-one-column-with-pods-on-the-righ form#views-exposed-form-financial-reports-block-2 .js-form-type-select:after {
    font-family: theme!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e90b";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 4rem;
    width: 4rem;
    padding-right: 2px;
    color: #fff;
    font-size: 1.8rem;
    line-height: 2;
    text-align: center;
    pointer-events: none
}

.node--type-one-column-with-pods-on-the-righ form#views-exposed-form-financial-reports-block-2>div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px;
}

.node--type-one-column-with-pods-on-the-righ form#views-exposed-form-financial-reports-block-2>div input,
.node--type-one-column-with-pods-on-the-righ form#views-exposed-form-financial-reports-block-2>div select {
    width: 100%;
    height: 45px;
    padding: 10px 0;
    border: solid #a5d161;
    border-width: 0 0 2px;
    box-sizing: border-box;
    border-radius: 0;
    appearance: none;
    background: #002634;
    color: #fff;
    font-weight: 700;
    color: white;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
}


/* For member search form */

form#views-exposed-form-committee-members-list-block-1 .form-actions  {
    position: absolute;
    top: 37px;
    left: 210px;
}

.node--type-one-column-with-pods-on-the-righ form#views-exposed-form-financial-reports-block-2>div input::placeholder {
    color: #FFFFFF !important;
}

.node--type-one-column-with-pods-on-the-righ form#views-exposed-form-financial-reports-block-2>div input::-ms-input-placeholder {
    color: #FFFFFF !important;
}

.node--type-one-column-with-pods-on-the-righ form#views-exposed-form-financial-reports-block-2>div input[type="submit"] {
    white-space: nowrap;
    text-align: center;
    font-family: futura-pt, sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    border: 2px solid #fff;
    border-radius: 0;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.2s;
    background-color: #fff;
    color: #002634;
    background-image: none;
    width: 100%;
    height: 45px;
    margin: 0 !important;
    text-shadow: none;
}

.node--type-one-column-with-pods-on-the-righ form#views-exposed-form-financial-reports-block-2>div>div {
    flex: 0 0 calc(40% - 25px);
    margin: 0;
}

.node--type-one-column-with-pods-on-the-righ form#views-exposed-form-financial-reports-block-2>div>div:last-child {
    flex: 0 0 calc(20% - 25px);
}

.node--type-one-column-with-pods-on-the-righ form#views-exposed-form-financial-reports-block-2>div input[type="submit"]:hover {
    background: transparent;
    color: white;
}

.node--type-one-column-with-pods-on-the-righ form#views-exposed-form-financial-reports-block-2 table {
    margin: 30px 0 50px;
    width: 100%;
}

.node--type-one-column-with-pods-on-the-righ th {
    /*width: 20%;*/
    /* padding: 20px 0 10px !important;*/
    font-weight: 700;
    font-size: 16px;
    box-sizing: border-box;
    font-family: "proxima-nova", sans-serif;
}

.node--type-one-column-with-pods-on-the-righ th#view-title-table-column {
    width: 40%;
}

.node--type-one-column-with-pods-on-the-righ th#view-field-files-table-column {
    width: 20%;
}

.node--type-one-column-with-pods-on-the-righ td {
    font-family: "proxima-nova", sans-serif;
    font-size: 16px;
    color: black;
    --bs-table-accent-bg: none !important;
    padding: 10px 5px !important;
    border-top: 1px solid #80808036;
    background: none !important;
    border: 1px solid #ccc;
}

.node--type-one-column-with-pods-on-the-righ tbody tr:last-child td {
    border-bottom: 1px solid #80808036;
}

.node--type-one-column-with-pods-on-the-righ tbody .documentation {
    position: relative;
    margin: 10px 0;
}

.node--type-one-column-with-pods-on-the-righ tbody .documentation ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

.node--type-one-column-with-pods-on-the-righ tbody .documentation .item-list li {
    margin: 0;
    margin-bottom: 10px;
}

.views-element-container.contextual-region.block.block-views.block-views-blockfinancial-reports-block-2 {
    margin-top: 30px;
}

.node--type-one-column-with-pods-on-the-righ tbody .documentation .item-list ul {
    list-style: none;
}

.node--type-one-column-with-pods-on-the-righ tbody .documentation .item-list ul li {
    /*background-image: url('../svgs/application-pdf.png');
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;*/
}

.file--application-pdf {
    background: none;
    padding-left: 0px;
}

.node--type-one-column-with-pods-on-the-righ tbody .documentation::before {
    content: "Downloads";
    display: block;
    line-height: 34px;
    padding-left: 10px;
    padding-right: 45px;
    border: 1px solid #ddd;
    cursor: pointer;
}

.node--type-one-column-with-pods-on-the-righ tbody .documentation::after {
    content: '\f019';
    font-family: 'FontAwesome';
    position: absolute;
    top: 1px;
    right: 1px;
    cursor: pointer;
    width: 34px;
    font-size: 16px;
    line-height: 34px;
    text-align: center;
    border-left: 1px solid #ddd;
    background-color: rgba(0, 0, 0, .1);
    transition: all .2s;
}

.node--type-one-column-with-pods-on-the-righ tbody .documentation.active::after {
    content: '\f00d';
}

.node--type-one-column-with-pods-on-the-righ tbody .documentation .item-list {
    padding: 0 10px;
    transition: all .2s;
    border: solid #ddd;
    border-width: 0 1px 1px;
    display: none;
}

.node--type-one-column-with-pods-on-the-righ tbody .documentation .item-list a {
    color: #51758e;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: 1.5;
    text-transform: capitalize;
    font-family: proxima-nova, sans-serif;
}


/* finacial report css end*/


/* Accordian Css */

.ckeditor-accordion-container>dl {
    border: none;
}


/* .ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {
  border: none;
} */

.ckeditor-accordion-container>dl dt {
    border: 2px solid #a5d161;
    padding: 15px 50px 15px 20px !important;
    position: relative;
    margin-bottom: 15px;
}

.ckeditor-accordion-container>dl dd {
    padding: 20px;
    border: 2px solid #a5d161;
}

.ckeditor-accordion-container dt a {
    background-color: transparent !important;
    border: none !important;
    font-family: futura-pt, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: normal;
    text-transform: uppercase !important;
    color: #002634 !important;
    padding: 0 !important;
    position: relative;
}

.ckeditor-accordion-toggler {
    text-decoration: none !important;
}

.ckeditor-accordion-container>dl dt.active>a {
    border-bottom: 0;
}

.ckeditor-accordion-container>dl dt.active {
    margin: 0;
    border-bottom: 0;
}

.ckeditor-accordion-container>dl dd.active {
    border-top: 0;
    margin-bottom: 15px;
}

.ckeditor-accordion-container>dl dd p {
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    margin: 0;
}

.ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle {
    left: unset;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

.ckeditor-accordion-container>dl dt:hover .ckeditor-accordion-toggle {
    background-color: #dcecf7;
}

.ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle:before {
    display: none;
}

.ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle:after {
    content: '\2b';
    background: none;
    position: unset;
    font-family: 'FontAwesome';
    transform: none;
    height: auto;
    width: auto;
}

.ckeditor-accordion-container>dl dt.active>a>.ckeditor-accordion-toggle::after {
    content: '\f068';
    transform: none;
}


/* Accordian Css end*/


/* Two columns with pod below page css*/

.page-node-type-two-column .block-field-blocknodetwo-columnbody h2 {
    font-family: proxima-nova, sans-serif;
    color: #51758e;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.4;
    display: block;
}

.page-node-type-two-column .layout__region.layout__region--second>div {
    margin: 0 0 25px;
}


/* .page-node-type-two-column .layout__region.layout__region--second>div:first-child {
  margin-top: 0;
} */

.page-node-type-two-column .layout__region.layout__region--second .block-field-blocknodetwo-columntitle {
    margin: 0;
    margin-bottom: 0;
}

.page-node-type-two-column .layout__region.layout__region--second .block-field-blocknodetwo-columntitle .field--name-title {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-size: 38px;
    line-height: 1.4;
    text-transform: uppercase;
}

.page-node-type-two-column .two-col-sec .field-content {
    /* margin: 50px 0; */
    padding: 25px 0;
    border-top: 1px solid #ccc;
    display: block;
}

.page-node-type-two-column .two-col-sec .meta-inner {
    color: #777;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 400;
    font-family: proxima-nova, sans-serif;
}

.page-node-type-two-column .two-col-sec h2.title a {
    font-family: proxima-nova, sans-serif;
    color: #51758e;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.4;
    display: block;
    /* margin-top: 12px; */
}

.page-node-type-two-column .two-col-sec .subtitle {
    margin: 0.5rem 0;
    color: #002634;
    font-weight: 700;
    line-height: 1.2;
    font-size: 24px;
    /* margin-top: 12px; */
}

.page-node-type-two-column .two-col-sec img {
    max-height: 300px;
    margin-bottom: 12px
}

.page-node-type-two-column .bottom-three-sec>div>div,
.bottom-three-sec>div>div>span {
    height: 100%;
    display: block;
}

.page-node-type-two-column .bottom-three-sec article {
    height: 100%;
}

.page-node-type-two-column .bottom-three-sec .box:nth-child(3n+1) article {
    background: #a5d161;
    --bs-link-color: black;
    color: black;
}

.page-node-type-two-column .bottom-three-sec .box:nth-child(3n+2) article {
    background: #b72373;
}

.page-node-type-two-column .bottom-three-sec .box:nth-child(3n+3) article {
    background: #65c8c7;
    --bs-link-color: black;
    color: black;
}

.page-node-type-two-column .bottom-three-sec .box article:hover {
    --bs-link-color: white;
    color: white;
    background: #002634;
}

.page-node-type-two-column .bottom-three-sec article p {
    color: inherit;
}

.page-node-type-two-column .bottom-three-sec .box .content {
    padding: 30px 20px;
}

.page-node-type-two-column .bottom-three-sec .box article:hover p {
    color: white;
}

.page-node-type-two-column .bottom-three-sec .box .content h2.title a {
    color: inherit;
    font-family: futura-pt, sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
}

.page-node-type-two-column .bottom-three-sec .box .img-box {
    overflow: hidden;
}

.page-node-type-two-column .bottom-three-sec .box img {
    max-height: 200px;
    height: 100%;
    transition: all 0.3s ease-in-out;
}

.page-node-type-two-column .bottom-three-sec .box article:hover img {
    transform: scale(1.05);
}


/* Two columns with pod below page end*/


/* Three columns with pod below page css*/

.page-node-type-three-column .block-field-blocknodethree-columnbody h2 {
    font-family: proxima-nova, sans-serif;
    color: #51758e;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.4;
    display: block;
}

.page-node-type-three-column .layout__region.layout__region--second>div {
    margin: 0 0 25px;
}


/* .page-node-type-three-column .layout__region.layout__region--second>div:first-child {
  margin-top: 0;
} */

.page-node-type-three-column .layout__region.layout__region--second .block-field-blocknodethree-columns-wpods-belowtitle {
    margin: 0;
    margin-bottom: 0;
}

.page-node-type-three-column .layout__region.layout__region--second .block-field-blocknodethree-columns-wpods-belowtitle .field--name-title {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-size: 38px;
    line-height: 1.4;
    text-transform: uppercase;
}

.page-node-type-three-column .two-col-sec .field-content {
    /* margin: 50px 0; */
    padding: 25px 0;
    border-top: 1px solid #ccc;
    display: block;
}

.page-node-type-three-column .two-col-sec .meta-inner {
    color: #777;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 400;
    font-family: proxima-nova, sans-serif;
}

.page-node-type-three-column .two-col-sec h2.title a {
    font-family: proxima-nova, sans-serif;
    color: #51758e;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.4;
    display: block;
    /* margin-top: 12px; */
}

.page-node-type-three-column .two-col-sec .subtitle {
    margin: 0.5rem 0;
    color: #002634;
    font-weight: 700;
    line-height: 1.2;
    font-size: 24px;
    /* margin-top: 12px; */
}

.page-node-type-three-column .two-col-sec img {
    max-height: 300px;
    margin-bottom: 12px
}

.page-node-type-three-column .bottom-three-sec>div>div,
.bottom-three-sec>div>div>span {
    height: 100%;
    display: block;
}

.page-node-type-three-column .bottom-three-sec article {
    height: 100%;
}

.page-node-type-three-column .bottom-three-sec .box:nth-child(3n+1) article {
    background: #a5d161;
    --bs-link-color: black;
    color: black;
}

.page-node-type-three-column .bottom-three-sec .box:nth-child(3n+2) article {
    background: #b72373;
}

.page-node-type-three-column .bottom-three-sec .box:nth-child(3n+3) article {
    background: #65c8c7;
    --bs-link-color: black;
    color: black;
}

.page-node-type-three-column .bottom-three-sec .box article:hover {
    --bs-link-color: white;
    color: white;
    background: #002634;
}

.page-node-type-three-column .bottom-three-sec article p {
    color: inherit;
}

.page-node-type-three-column .bottom-three-sec .box .content {
    padding: 30px 20px;
}

.page-node-type-three-column .bottom-three-sec .box article:hover p {
    color: white;
}

.page-node-type-three-column .bottom-three-sec .box .content h2.title a {
    color: inherit;
    font-family: futura-pt, sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
}

.page-node-type-three-column .bottom-three-sec .box .img-box {
    overflow: hidden;
}

.page-node-type-three-column .bottom-three-sec .box img {
    max-height: 200px;
    height: 100%;
    transition: all 0.3s ease-in-out;
}

.page-node-type-three-column .bottom-three-sec .box article:hover img {
    transform: scale(1.05);
}


/* Three columns with pod below page end*/


/* Search page */

.path-search .item-list .search-results {
    padding: 0;
}

.path-search .item-list li {
    margin: 15px 0;
    padding: 15px 0;
    border-bottom: 1px;
    border-bottom-style: solid;
    border-color: #ddd;
}

.path-search .item-list li:last-child {
    border-bottom: 0;
}

.path-search .item-list li:first-child {
    border-top: 1px;
}

.path-search .item-list li h3.search-result__title a {
    font-family: proxima-nova, sans-serif;
    font-size: 30px;
    margin-bottom: 10px;
    padding: 35px 0 0;
    border: none;
    color: #51758e;
    font-weight: 700;
}

.path-search .item-list li .search-result__snippet-info p {
    font-size: 16px;
    font-family: proxima-nova, sans-serif;
    color: #002634;
    margin: 0;
}

.path-search .item-list li .search-result__snippet-info p.search-result__info {
    font-size: 16px;
    font-family: proxima-nova, sans-serif;
    color: #999;
    margin: 0;
    margin-top: 10px;
}

.path-search .item-list li .search-result__snippet-info p a {
    color: #51758e;
}

.path-search #search-form .form-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.path-search #search-form .form-wrapper .form-type-search label {
    font-size: 16px;
    line-height: 1.2;
    font-family: proxima-nova, sans-serif;
    font-weight: bold;
}

.path-search #search-form .form-wrapper .form-type-search input {
    font-size: 16px;
    line-height: 1;
    font-family: proxima-nova, sans-serif;
    display: block;
    width: 189px;
    padding: 3px 5px;
    font-weight: 400;
    color: #212529;
    border: 1px solid #6a6a6a;
    appearance: none;
    border-radius: 3px;
    height: auto;
}

.path-search #search-form .form-wrapper input[type="submit"] {
    margin: 0;
    font-size: 16px;
    font-family: proxima-nova, sans-serif;
    position: relative;
    display: inline-block;
    padding: 8px 15px;
    margin-top: 15px;
    border: 1px solid #d5d5d5;
    font-weight: normal;
    line-height: normal;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
    border-radius: 30px;
    vertical-align: middle;
    cursor: pointer;
    background-color: #eee;
    background-image: linear-gradient(#fcfcfc, #eeeeee);
    background-repeat: repeat-x;
    color: #333;
}

.path-search a#edit-help-link {
    display: none;
}

.path-search #search-form+h2 {
    display: none;
}


/* Search page end*/


/* financial page */

.page-node-type-single-column-page h1.title {
    font-size: 38px;
}

.page-node-type-single-column-page .item-list ul li {
    list-style: none;
    margin: 0;
    padding: 36px 0;
    border-bottom: 1px solid #ccc;
}

.page-node-type-single-column-page .item-list ul li:last-child {
    border-bottom: 0px solid #ccc;
}

.page-node-type-single-column-page .item-list ul li h2.title a {
    margin: 0.5rem 0 0;
    color: #51758e;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.2;
    font-family: proxima-nova, sans-serif;
}


/* financial page end*/


/* Committees page */

.path-meetings-subcommittees .view-header,
.path-meetings-committees .view-header,
.path-meetings-technical-advisory-committees-and-working-groups .view-header {
    padding: 50px 0px;
    border-bottom: 1px solid #CCC;
}

.path-meetings-committees h1.title,
.path-meetings-subcommittees h1.title,
.path-meetings-technical-advisory-committees-and-working-groups h1.title {
    font-size: 45px;
    font-weight: 500;
    line-height: 1.4px;
    font-family: futura-pt, sans-serif;
}

.path-meetings-committees .item-list ul li,
.path-meetings-subcommittees .item-list ul li,
.path-meetings-technical-advisory-committees-and-working-groups .item-list ul li {
    list-style: none;
    margin: 0;
    padding: 36px 0;
    border-bottom: 1px solid #ccc;
}

.path-meetings-committees .item-list ul li:last-child,
.path-meetings-subcommittees .item-list ul li:last-child,
.path-meetings-technical-advisory-committees-and-working-groups .item-list ul li:last-child {
    border-bottom: 0px solid #ccc;
}

.path-meetings-committees .item-list ul li h2.title a,
.path-meetings-subcommittees .item-list ul li h2.title a,
.path-meetings-technical-advisory-committees-and-working-groups .item-list ul li h2.title a {
    margin: 0.5rem 0 0;
    color: #51758e;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    font-family: proxima-nova, sans-serif;
}


/** CSS for Agenda/committee pages listing */

.block-field-blocknodemeetings-committeesfield-related-bottom-content span.field.field--name-title.field--type-string.field--label-hidden {
    margin: 0.5rem 0 0;
    color: #51758e;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    font-family: proxima-nova, sans-serif;
}

.block-field-blocknodemeetings-committeesfield-related-bottom-content .node__links a {
    padding-right: 1.8rem;
    position: relative;
    color: #b72373;
    font-family: "futura-pt", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.block-field-blocknodemeetings-committeesfield-related-bottom-content .field__item {
    margin: 0;
    padding: 36px 0;
    border-bottom: 1px solid #ccc;
}

.block-scag-custom-left-menu-block,
.layout__region--first {
    position: sticky;
    top: 100px;
    transition: top 0.35s cubic-bezier(0.19, 1, 0.22, 1);
    display: flow-root;
}

.block-scag-custom-left-menu-block ul.menu,
.layout__region--first ul.menu {
    margin: 0 !important;
    margin-right: 0 !important;
    width: 100%;
    margin-left: 0 !important;
    padding-right: 60px;
}

.block-scag-custom-left-menu-block ul .nav-link,
.layout__region--first ul .nav-link {
    color: #002634;
    font-size: 16px;
    font-weight: 400;
    padding-left: 0;
    font-family: "proxima-nova", sans-serif;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 17px;
}

ul.menu a.is-active {
    color: #51758e;
    font-weight: 700;
}

.navbar-nav span.togglebtn i:last-child {
    display: none;
}

.block-scag-custom-left-menu-block .navbar-nav .dropdown.show>span.togglebtn i:first-child {
    display: none;
}

.block-scag-custom-left-menu-block .navbar-nav .dropdown.show>span.togglebtn i:last-child {
    display: block;
}

.block-scag-custom-left-menu-block .navbar-nav li.nav-item,
.layout__region--first .navbar-nav li.nav-item {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

li.menu-main__item.menu-main__item--expanded a.is-active {
    font-weight: bold;
}

.block-scag-custom-left-menu-block .navbar-nav span.togglebtn,
.layout__region--first .navbar-nav span.togglebtn {
    margin-left: auto;
    flex: 0 1 15px;
}

.block-scag-custom-left-menu-block .navbar-nav ul.dropdown-menu.show,
.layout__region--first .navbar-nav ul.dropdown-menu.show {
    position: relative;
    width: 100%;
    border: none;
    background: none;
    box-shadow: none;
    /* line-break: auto; */
}

.block-scag-custom-left-menu-block .navbar-nav>li>ul.dropdown-menu.show::after,
.layout__region--first .navbar-nav>li>ul.dropdown-menu.show::after {
    content: "";
    position: absolute;
    z-index: 4;
    top: 1rem;
    left: 0;
    bottom: 1rem;
    width: 0.2rem;
    background-color: #b72373;
    opacity: .5;
}

ul.menu-main__submenu.dropdown-menu.level-1.level-2.show {
    margin-left: 10px;
}

.block-scag-custom-left-menu-block .navbar-nav ul.dropdown-menu>li>.dropdown-item,
.layout__region--first .navbar-nav ul.dropdown-menu>li>.dropdown-item {
    white-space: break-spaces;
    flex: 0 1 calc(100% - 15px);
    width: fit-content;
    font-size: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    background: none;
}

.block-scag-custom-left-menu-block .dropdown-item.menu-main__link:hover {
    text-decoration: underline;
}

.block-scag-custom-left-menu-block .navbar-nav>li>.nav-item,
.layout__region--first .navbar-nav>li>.nav-item {
    white-space: break-spaces;
    flex: 0 1 calc(100% - 15px);
    width: fit-content;
}

#-menu {
    color: #51758e !important;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    padding-left: 0;
    font-family: "futura-pt", sans-serif;
}

.block-scag-custom-left-menu-block .navbar-nav .dropdown-toggle::after,
.layout__region--first .navbar-nav .dropdown-toggle::after {
    /* content: "\2b";
  border: none;
  font-size: 25px;
  color: black;
  margin-left: auto;
  line-height: 0.5;
  right: 25px; */
    display: none;
}

nav.menu--main {
    margin-left: auto;
    /* position: sticky;
    top: 100px;
    transition: top 0.35s cubic-bezier(0.19, 1, 0.22, 1);
    display: flow-root; */
}

nav.menu--main ul.menu {
    margin: 0 !important;
    margin-right: 0 !important;
    width: 100%;
    margin-left: 0 !important;
    /* padding-right: 60px; */
    display: flex;
    flex-direction: row;
}

nav.menu--main ul .nav-link {
    color: #000 !important;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    padding-left: 0;
    font-family: "proxima-nova", sans-serif;
    /* display: flex; */
    /* align-items: center; */
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 17px;
}

.navbar-nav span.togglebtn i:last-child {
    display: none;
}

nav.menu--main .navbar-nav .dropdown.show>span.togglebtn i:first-child {
    display: none;
}

nav.menu--main .navbar-nav .dropdown.show>span.togglebtn i:last-child {
    display: block;
}

nav.menu--main .navbar-nav li.nav-item {
    /* width: 125px;
    height: 50px; */
    transition: background-position-x 0.9s linear;
    /* text-align: center;     */
}
nav.menu--main .navbar-nav li.nav-item .nav-link:hover{
    color: var(--giants-orange) !important;
}
header nav.menu--main .navbar-nav span.togglebtn{
    display: none;
}
/* nav.menu--main .navbar-nav li.nav-item:hover {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEi%0D%0AIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhs%0D%0AaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0%0D%0AaD0iMzkwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDM5MCA1MCIgZW5hYmxlLWJhY2tn%0D%0Acm91bmQ9Im5ldyAwIDAgMzkwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0i%0D%0Abm9uZSIgc3Ryb2tlPSIjZDk0ZjVjIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGlt%0D%0AaXQ9IjEwIiBkPSJNMCw0Ny41ODVjMCwwLDk3LjUsMCwxMzAsMAoJYzEzLjc1LDAsMjguNzQtMzgu%0D%0ANzc4LDQ2LjE2OC0xOS40MTZDMTkyLjY2OSw0Ni41LDI0My42MDMsNDcuNTg1LDI2MCw0Ny41ODVj%0D%0AMzEuODIxLDAsMTMwLDAsMTMwLDAiLz4KPC9zdmc+Cg==");
    animation: line 1s;
    
} */

li.menu-main__item.menu-main__item--expanded a.is-active {
    font-weight: bold;
}

nav.menu--main .navbar-nav span.togglebtn {
    margin-left: auto;
    flex: 0 1 15px;
}

nav.menu--main .navbar-nav ul.dropdown-menu.show {
    position: relative;
    width: 100%;
    border: none;
    background: none;
    box-shadow: none;
    /* line-break: auto; */
}

nav.menu--main .navbar-nav>li>ul.dropdown-menu.show::after {
    content: "";
    position: absolute;
    z-index: 4;
    top: 1rem;
    left: 0;
    bottom: 1rem;
    width: 0.2rem;
    background-color: #b72373;
    opacity: .5;
}

ul.menu-main__submenu.dropdown-menu.level-1.level-2.show {
    margin-left: 10px;
}

nav.menu--main .navbar-nav ul.dropdown-menu>li>.dropdown-item {
    white-space: break-spaces;
    flex: 0 1 calc(100% - 15px);
    width: fit-content;
    font-size: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

#-menu {
    color: #51758e !important;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    padding-left: 0;
    font-family: "futura-pt", sans-serif;
}

nav.menu--main .navbar-nav .dropdown-toggle::after {
    /* content: "\2b";
  border: none;
  font-size: 25px;
  color: black;
  margin-left: auto;
  line-height: 0.5;
  right: 25px; */
    display: none;
}


/* Committees page end*/


/* Single Committee CSS */

.page-node-type-meetings-committees .views-field-title h1.title {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-size: 38px;
    line-height: 1.4;
    text-transform: uppercase;
}

.page-node-type-meetings-committees .block-field-blocknodemeetings-committeesfield-staff-contact>h2 {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    line-height: 1.4;
    text-transform: uppercase;
    font-size: 20px;
}


/* Single Committee CSS end*/


/* Member Page Css */

.members-list .view-content .item-list ul li {
    list-style: none;
    margin: 0;
    padding: 36px 0;
}

.members-list .view-content .item-list ul li:not(:last-child) {
    border-bottom: 1px solid #ccc;
}

.members-list .view-content .item-list ul li .member-block {
    display: flex;
    gap: 35px;
}

.members-list .view-content .item-list ul li .member-block .node-image {
    flex: 0 1 25%;
}

.members-list .view-content .item-list ul li .member-block .node-header {
    flex: 1;
}

.members-list .view-content .item-list ul li .member-block .node-header .title a {
    color: #51758e;
    font-size: 32px;
    font-weight: 700;
    font-family: "proxima-nova", sans-serif;
    display: block;
    line-height: 1.4;
    text-transform: none;
}

.members-list .view-content .item-list ul li .member-block .node-header .subtitle {
    margin: 0.5rem 0 0;
    color: #002634;
    font-weight: 700;
    line-height: 1.2;
    font-size: 24px;
    font-family: "proxima-nova", sans-serif;
}

.memberbox {
    font-family: proxima-nova, sans-serif;
}

.memberbox .memberinner {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.memberbox .memberinner .sub-title+a {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #51758e;
    display: block;
}

.memberbox .memberinner .img {
    flex: 0 1 50%;
}

.page-node-type-one-column-with-pods-on-the-righ .memberbox .memberinner .img {
    flex: 0 1 170px;
}

.memberbox .memberinner .img img {
    width: auto;
}

.memberbox .memberinner p a {
    font-family: inherit;
}

.memberbox>h4 {
    color: #51758e;
    font-weight: 700;
    font-size: 24px;
}

.memberbox .memberinner p {
    color: #002634;
    flex: 0 1 50%;
    font-family: proxima-nova, sans-serif;
}

.memberbox .memberinner p>a {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
}

.memberbox .memberinner p strong a {
    color: #002634;
}


/* Member Page Css end*/


/* Calander Page Css */

.path-calendar .region.region-content {
    /* padding: 50px 0;*/
}

.path-calendar .view-header h1 {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-size: 38px;
    line-height: 1.4;
    text-transform: uppercase;
}

.path-calendar .view-grouping .view-grouping-header {
   /* display: block;
    font-weight: 700;
    font-size: 28px;
    color: #002634;
    margin-top: 0;
    margin-bottom: 16px;
    font-family: proxima-nova, sans-serif;
    padding-top: 5px;*/
    display: block;
  margin-top: 40px;
  border-bottom: 1px solid #eee;
  font-weight: 700;
  font-size: 24px;
  color: #b72373;
}
.path-calendar .view-grouping .view-grouping-content>h3 {
    display: block;
    font-weight: 700;
    font-size: 28px;
    color: #002634;
    margin-top: 8px;
    margin-bottom: 10px;
    font-family: proxima-nova, sans-serif;
}

.path-calendar .view-grouping .view-grouping-content>.list {
    margin-bottom: 15px;
}

.path-calendar .single {
    display: flex;
    flex-direction: row;
    gap: 5px;
    margin-bottom: 5px;
    border: 1px solid #eee;
    background-color: #fafafa;
    align-items: center;
    position: relative;
    min-height: 90px;
}

.path-calendar .single span.day-of-week {
    width: 15px;
    padding: 10px;
    background-color: #a5d161;
    transition: width .2s ease-out;
    font-weight: 700;
    font-size: 12px;
    word-break: break-all;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 100%;
    top: 0;
    height: 100%;
}

.path-calendar .single .node-upper-meta.meta.node-item {
    display: flex;
    line-height: 1;
    gap: 15px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    color: #002634;
    font-family: proxima-nova, sans-serif;
    align-items: stretch;
    padding-left: 15px;
}

.path-calendar .single .month_date>.day {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
}

.path-calendar .single .month_date>p {
    margin-bottom: 10px;
}

.path-calendar .single .node-header.content {
    padding: 10px;
}

.path-calendar .single .node-header.content h2 {
    margin: 0;
    line-height: 1;
}

.path-calendar .single .node-header.content span.time {
    font-size: 12px;
    color: #002634;
    font-family: proxima-nova, sans-serif;
}

.path-calendar .single .month_date .month {
    font-size: 12px;
    font-weight: 400;
}

.path-calendar .single .month_date .day {
    font-size: 24px;
    font-weight: 700;
}

.path-calendar .single .month_date {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 120px;
}

.path-calendar .single h2.title a {
    color: #002634;
    font-size: 22px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.33;
    font-family: proxima-nova, sans-serif;
    font-weight: 700;
}

.node-inner.single:hover span.day-of-week {
    width: 30px
}

.node-inner.single:hover h2.title a {
    text-decoration: underline
}


/* Calander Page Css End*/

.page-node-type-board-event-meetings h1.title {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-size: 38px;
    line-height: 1.4;
    text-transform: uppercase;
}

.page-node-type-board-event-meetings article {
    margin: 50px 0;
}

.page-node-type-board-event-meetings article .layout.layout--twocol-section .layout__region--first {
    /* gap: 50px; */
    padding-right: 30px;
}

.page-node-type-board-event-meetings article .layout.layout--twocol-section .layout__region--second {
    padding-left: 30px;
}

.page-node-type-board-event-meetings .field--name-field-meeting-date-time {
    line-height: 1.2;
    border-right-color: #ccc;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #777;
    font-weight: 500;
}

.page-node-type-board-event-meetings .block-field-blocknodeboard-event-meetingsbody {
    margin-top: 20px;
}

.page-node-type-board-event-meetings .block-field-blocknodeboard-event-meetingsbody p {
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.page-node-type-board-event-meetings article .layout.layout--twocol-section .layout__region--second>div h2 {
    /* padding-top: 16px; */
    margin-bottom: 10px;
    /* border-top: 1px solid #ccc; */
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    color: #363636;
}

.page-node-type-board-event-meetings article .layout.layout--twocol-section .layout__region--second>div .links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.page-node-type-board-event-meetings article .layout.layout--twocol-section .layout__region--second .block-views-blockhome-page-work-block-1 .list {
    display: flex;
    list-style: none;
    justify-content: flex-start;
    margin: 0;
    gap: 15px;
}

.page-node-type-board-event-meetings article .layout.layout--twocol-section .layout__region--second .block-views-blockhome-page-work-block-1 .list li {
    margin: 0;
}

.page-node-type-board-event-meetings article .layout.layout--twocol-section .layout__region--second .block-views-blockhome-page-work-block-1 .list li a {
    display: flex;
    width: 32px;
    height: 32px;
    line-height: initial;
    border-radius: 100%;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s ease-out;
    background-color: #757575;
    color: #fff;
    font-size: 16px;
    align-items: center;
    justify-content: center;
}

.page-node-type-board-event-meetings article .layout.layout--twocol-section .layout__region--second .block-views-blockhome-page-work-block-1 .list li a:hover {
    background: #3c5a9b;
}

.page-node-type-board-event-meetings article .layout.layout--twocol-section .layout__region--second>div {
    padding: 12px 0;
    border: 0.5px solid #ccc;
    border-width: 1px 0;
}

.page-node-type-board-event-meetings article .layout.layout--twocol-section .layout__region--second>div:last-child {
    border-bottom: none;
}

.page-node-type-board-event-meetings article .layout.layout--twocol-section .layout__region--second>div a {
    display: block;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    color: #51758e;
    padding: 5px 0;
}

.page-node-type-board-event-meetings article .layout.layout--twocol-section .layout__region--second>.block-field-blocknodeboard-event-meetingsfield-meeting-link a {}

.path-node.page-node-type-meetings-committees .layout__region--third {
    /*padding-left: 70px;*/
}

.path-node.page-node-type-meetings-committees .layout__region--third>div:not(:last-child) {
    margin-bottom: 20px;
}

.path-node.page-node-type-meetings-committees .layout__region--third>div a {
    padding: 25px 20px;
    --bs-link-color: white;
    color: white;
    transition: all 0.2s ease-out;
    height: 100%;
    display: block;
    font-family: futura-pt, sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

.path-node.page-node-type-meetings-committees .layout__region--third>div a>* {
    font-size: inherit;
}

.path-node.page-node-type-meetings-committees .layout__region--third>div:nth-child(3n+1) a {
    background: #a5d161;
    --bs-link-color: black;
    color: black;
    width: 100%;
    display: block;
}

.path-node.page-node-type-meetings-committees .layout__region--third>div:nth-child(3n+2) a {
    background: #b72373;
}

.path-node.page-node-type-meetings-committees .layout__region--third>div:nth-child(3n+3) a {
    background: #65c8c7;
    --bs-link-color: black;
    color: black;
}

.path-node.page-node-type-meetings-committees .layout__region--third>div a:hover {
    --bs-link-color: white;
    color: white;
    background: #002634;
    text-decoration: none;
}


/* Subscriber Update form page*/

.page-node-type-form-pages input#edit-actions-01-submit {
    clear: both;
    background-color: #aaa;
    border: 0 none;
    border-radius: 4px;
    transition: all 0.23s ease-in-out 0s;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    margin: 0 5px 10px 0;
    padding: 0 22px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: fit-content;
}

.page-node-type-form-pages label[for="edit-working-groups"] {
    display: inline-block;
    font: 14px Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.page-node-type-form-pages .form-check-input[type=checkbox] {
    width: 16px;
    height: 16px;
    margin: 4px;
}


/* Subscriber Update form page end*/


/* Contactus page */

.page-node-type-form-pages input,
.page-node-type-form-pages select,
.page-node-type-form-pages textarea {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(118, 118, 118);
    border-image: initial;
    border-radius: 0px;
}

.page-node-type-form-pages input#edit-actions-01-submit {
    position: relative;
    display: inline-block;
    padding: 8px 15px;
    border: 1px solid #d5d5d5;
    font-size: 13px;
    user-select: none;
    font-weight: normal;
    line-height: normal;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
    border-radius: 30px;
    vertical-align: middle;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-appearance: none;
    background-color: #eee;
    background-image: -webkit-linear-gradient(#fcfcfc, #eeeeee);
    background-image: -moz-linear-gradient(#fcfcfc, #eeeeee);
    background-image: linear-gradient(#fcfcfc, #eeeeee);
    background-repeat: repeat-x;
    color: #333;
}

.page-node-type-form-pages label {
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.page-node-type-form-pages #page-title {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-size: 38px;
    line-height: 1.4;
    text-transform: uppercase;
}

.page-node-type-form-pages p.subtitle {
    color: #51758e!important;
    FONT-WEIGHT: 700;
    line-height: 1.2;
    font-size: 30px;
}

.page-node-type-form-pages input,
.page-node-type-form-pages select,
.page-node-type-form-pages textarea {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(118, 118, 118);
    border-image: initial;
    border-radius: 0px;
    max-width: 500px;
    width: -webkit-fill-available;
}

.page-node-type-form-pages input#edit-actions-01-submit {
    position: relative;
    display: inline-block;
    padding: 8px 15px;
    border: 1px solid #d5d5d5;
    font-size: 13px;
    user-select: none;
    font-weight: normal;
    line-height: normal;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
    border-radius: 30px;
    vertical-align: middle;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-appearance: none;
    background-color: #eee;
    background-image: -webkit-linear-gradient(#fcfcfc, #eeeeee);
    background-image: -moz-linear-gradient(#fcfcfc, #eeeeee);
    background-image: linear-gradient(#fcfcfc, #eeeeee);
    background-repeat: repeat-x;
    color: #333;
}

.page-node-type-form-pages label {
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.page-node-type-form-pages #page-title {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-size: 38px;
    line-height: 1.4;
    text-transform: uppercase;
}

.page-node-type-form-pages p.subtitle {
    color: #51758e!important;
    FONT-WEIGHT: 700;
    line-height: 1.2;
    font-size: 30px;
}


/* Contactus page end */


/* News Page css */

main>.container:has(.order-1,
.order-2)>.row>div {
    /*margin: 50px 0;*/
}

.path-news .view-content .views-row {
    border-top: 1px solid #ccc;
    padding: 25px 0;
}

.path-news .view-content .views-row .meta-inner {
    font-size: 12px;
    color: #777;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.path-news .view-content .views-row .title {
    font-size: 32px;
}

.path-news .view-content .views-row .node-content {
    font-size: 16px;
}


/* News Page css end*/


/* news detail */

.page-node-type-news .block-field-blocknodenewscreated {
    font-size: 12px;
    color: #777;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.page-node-type-news .block-field-blocknodenewsbody {
    font-size: 16px;
}


/* news detail end*/


/* event page */

.path-events .view-content .views-row {
    border-top: 1px solid #ccc;
    padding: 25px 0;
}

.path-events .view-content .views-row .meta-inner {
    font-size: 12px;
    color: #777;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.path-events .view-content .views-row .title {
    font-size: 32px;
}

.path-events .view-content .views-row .node-content {
    font-size: 16px;
}

ul.social_list {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    border: none !important;
}

ul.social_list>li {
    margin: 0;
}

ul.social_list>li a {
    display: flex;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin-right: 5px;
    border-radius: 100%;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s ease-out;
    background-color: #757575;
    color: #fff;
    justify-content: center;
    align-items: center;
}

ul.social_list>li a:hover {
    background-color: #3c5a9b;
}

ul.social_list>li a::after {
    display: none;
}

main .order-3 .item article {
    padding: 25px 20px;
    --bs-link-color: white;
    color: white;
    transition: all 0.2s ease-out;
    height: 100%;
    cursor: pointer;
    margin-top: 20px;
}

main .order-3 .item article a h2 {
    font-family: "futura-pt", sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.4;
    display: block;
    color: #002634
}

main .order-3 .item article a p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #002634
}

main .order-3 .item:nth-child(3n+1) article {
    background: #a5d161;
    --bs-link-color: black;
    color: black;
}

main .order-3 .item:nth-child(3n+2) article {
    background: #b72373;
}

main .order-3 .item:nth-child(3n+3) article {
    background: #65c8c7;
    --bs-link-color: black;
    color: black;
}

main .order-3 .item article:hover {
    --bs-link-color: white;
    color: white;
    background: #002634;
    text-decoration: none;
}

main .order-3 .item article h2 a,
main .order-3 .item article h2 a {
    font-family: "futura-pt", sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.4;
    display: block;
    color: inherit;
}


/* event page end*/


/* about us out team */

.ui-accordion .view-content>.views-row {
    border: 2px solid #a5d161;
}

.ui-accordion .view-content>.views-row:not(:last-child) {
    margin-bottom: 2rem;
    ;
}

.ui-accordion .ui-accordion-header {
    position: relative;
    z-index: 2;
    color: #002634;
    font-family: futura-pt, sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: normal;
    text-transform: uppercase!important;
    clear: both;
    margin: 0;
    display: block;
    line-height: 1.3;
    border: none;
    background: none;
    padding: 1.5rem 5rem 1.5rem 2rem;
}

span.ui-accordion-header-icon {
    position: absolute;
    right: 8px;
    top: 55%;
    transform: translateY(-50%);
    border-radius: 50%;
    width: 24px;
    height: 24px;
    border-radius: 100px;
    background-repeat: no-repeat;
    background: none !important;
}

span.ui-accordion-header-icon:after {
    content: '+';
    position: absolute;
    color: #000;
    width: 20px;
    height: 20px;
    right: 0px;
    text-indent: 0;
    font-size: 30px;
    font-family: "proxima-nova", sans-serif;
    top: -7px;
}

span.ui-accordion-header-icon.ui-icon-minus::after {
    content: '-';
    right: -3px;
    top: -9px;
}

.ui-accordion .ui-accordion-header:hover span.ui-accordion-header-icon {
    background: #dcecf7 !important;
}

.ui-accordion .ui-accordion-header .ui-icon-minus {
    background-position-y: -129px;
}

.ui-accordion .ui-accordion-header .ui-icon-plus {
    background-position-y: -129px;
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-blend-mode: exclusion;
    background-color: #dcecf7;
}

.ui-accordion .ui-accordion-content {
    border: none;
    font-size: 16px;
    padding: 2rem;
    padding-top: 0;
    height: auto !important;
}

.ui-accordion .ui-accordion-content a {
    color: #51758e;
    text-decoration: none;
}

.ui-accordion .ui-accordion-content a:hover {
    text-decoration: underline;
}


/* about us out team end*/

@media (min-width: 1500px) {
    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 90%;
    }
}

@media (min-width: 1746px) {
    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1580px;
    }
}


/* @media (min-width: 1400px){
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1410px;
  }
} */

@media (min-width: 1400px) {
    /*  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1380px;
  }*/
    .featured-section1>.container>div {
        padding: 0 50px;
    }
}

@media (min-width: 1025px) {
    .layout--threecol-section>.layout__region--third>div {
        padding-left: 40px;
    }
}

@media (min-width: 1025px) and (max-width:1200px) {
    .layout--threecol-section>.layout__region--third>div {
        padding-left: 20px;
    }
}

@media (min-width:1200px) {
    .we-mega-menu-ul>.dropdown-menu:last-child>.we-mega-menu-submenu {
        left: auto;
        right: 0;
    }
    .we-mega-menu-ul>.dropdown-menu:last-child .we-mega-menu-submenu .we-mega-menu-submenu {
        left: auto;
        right: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .layout .layout__region {
        flex: 0 1 100% !important;
    }
    .layout--threecol-section>.layout__region--third>div {
        padding-left: 0px;
        padding-top: 30px;
    }
    .layout__region--third .block-layout-builder>div {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
    }
    .layout__region--third .block-layout-builder>div>.field__item {
        width: calc(50% - 20px);
        margin-bottom: 0 !important;
    }
    /* homepage css */
    .full .views-row .node-header-wrapper {
        width: 100%;
    }
    .quickicons .views-col .node-header {
        padding: 20px 0;
        border-top: 0.1rem solid #dcecf7;
    }
    .quickicons .views-col:first-child .node-header {
        padding-top: 0px;
        border-top: none;
    }
    .quickicons p {
        display: none;
    }
    .front .layout__region.layout__region--content>div .heading {
        font-size: 40px;
    }
    .featured-section1 .views-row>div .node-inner p {
        display: none;
    }
    .featured-section1>.container>div {
        padding: 0 30px;
    }
    .quicktabs-sec .quicktabs-main .owl-nav button {
        position: unset;
        display: block !important;
        transform: none;
    }
    .quicktabs-sec .quicktabs-main .owl-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        position: relative;
    }
    .quicktabs-sec .quicktabs-main .owl-nav span {}
    .quicktabs-sec .quicktabs-main .owl-nav::before {
        content: "";
        position: absolute;
        top: 0;
        right: auto;
        bottom: 0;
        width: 0.1rem;
        background-color: #51758e;
        opacity: 0.2;
    }
    .stay-informed .node-inner {
        display: flex;
        flex-direction: column;
        gap: 0;
        align-items: center;
        justify-content: center;
    }
    .stay-informed .node-inner h2.title {
        font-size: 30px;
        text-align: center;
        margin-bottom: 20px;
    }
    .stay-informed .node-inner p {
        /* margin-bottom: 20px; */
    }
    /* homepage css end */
    /* Header Css */
    header .tb-megamenu-button {
        background: none;
        color: black;
        border: none;
        font-size: 30px;
        margin-left: auto;
        order: 3;
    }
    header .block-content {
        /* display: none; */
        /* background: #002634; */
        align-items: center;
        flex-direction: row;
        margin: 0;
        padding: 20px 15px;
        gap: 25px;
    }
    header nav.menu--main .navbar-nav span.togglebtn{
        display: none;
    }
    header .block-content .region-header-lang {
        /* order: 1 */
    }
    header .block-content .region-header-social {
        /* order: 2 */
    }
    header .block-content .region-header {
        /* order: 3 */
    }
    header .offcanvas .region-nav-main {
        height: 100%;
    }
    header #offcanvasRight .block-content .region-header {
        flex-direction: column;
    }
    header #offcanvasRight .block-content div#block-scag-site-branding {
        display: none;
    }
    header .offcanvas nav {
        background: transparent;
        padding: 40px 50px;
        height: 100%;
    }
    header .offcanvas nav ul.menu{
        flex-direction: column;
    }
    header .offcanvas .block-content a {
        position: relative;
        display: flex;
        color: #fff;
        font-family: futura-pt, sans-serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 2.4rem;
        text-transform: uppercase;
        align-items: center;
        gap: 10px;
    }
    header .offcanvas .block-content a i {
        color: white;
        background: #b72373;
        border-radius: 100%;
        font-size: 12px;
        height: 25px;
        width: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
    }
    header .menu {
        gap: 0;
        margin: 0;
        width: 100%;
    }
    header .navbar-brand img {
        width: 140px;
    }
    /* header .offcanvas nav {
    background: #65c8c7;
    padding: 40px 50px;
  } */
    header #block-scag-main-navigation {
        display: none;
    }
    header #block-mainnavigation {
        display: block;
        height: 100%;
    }
    header .offcanvas .nav-item {
        padding: 10px 0 !important;
    }
    header .offcanvas #block-searchform #search-block-form {
        width: 100%;
    }
    header .offcanvas li.nav-item {
        margin-right: 0px;
        border-bottom: 2px solid #fff;
    }
    header .offcanvas .mobile-search-blcok {
        display: none;
    }
    /* header .offcanvas .nav-item .nav-link {
    color: #002634;
    font-size: 16px !important;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
  }
  header .offcanvas .nav-item .nav-link.dropdown-toggle::after {
    content: "\2b";
    border: none;
    font-size: 30px;
    color: black;
    margin-left: auto;
    line-height: 0.5;
    right: 0;
    position: relative;
    float: right;
} */
    header .offcanvas nav[data-menu-name='main'] .we-mega-menu-ul>.we-mega-menu-li {
        margin-right: 0px;
        border-bottom: 2px solid #fff;
        display: block;
        box-shadow: none;
        padding: 10px 0;
        border-radius: 0;
    }
    header .offcanvas nav[data-menu-name='main'] .we-mega-menu-ul li {
        padding: 10px 0
    }
    header nav[data-menu-name='main'] .we-mega-menu-ul .we-mega-menu-submenu {
        position: relative;
        transform: none;
        top: unset;
        border: none;
    }
    header nav[data-menu-name='main'] .we-mega-menu-li:hover {
        background: none;
        box-shadow: none;
    }
    header nav[data-menu-name='main'] .we-mega-menu-li a {
        padding: 0;
        width: fit-content;
    }
    header .offcanvas .mobile-search-blcok {
        display: none;
    }
    header .offcanvas nav[data-menu-name='main'] .we-mega-menu-li a {
        color: #002634;
        font-size: 16px !important;
        font-family: futura-pt, sans-serif;
        font-weight: 500;
        text-transform: uppercase;
        position: relative;
        border: none !important;
    }
    header .offcanvas .dropdown-menu::after {
        content: "\2b";
        border: none;
        font-size: 22px;
        font-family: 'FontAwesome';
        display: inline;
        color: black;
        margin-left: auto;
        line-height: 0.5;
        right: 0;
        top: 20px;
        z-index: 999;
        position: absolute;
        float: right;
    }
    header .offcanvas .dropdown-menu:hover::after {
        content: '\f068';
    }
    header .subul li {
        box-shadow: none;
    }
    header nav[data-menu-name='main'] .we-mega-menu-ul {
        height: auto;
        display: flex;
        width: 100%;
        flex-direction: column;
        align-content: stretch;
    }
    header .we-mega-menu-ul>.dropdown-menu:hover>.we-mega-menu-submenu {
        display: block;
    }
    header .subul>.dropdown-menu:hover>.we-mega-menu-submenu {
        display: block;
        left: unset;
    }
    header .we-mega-menu-submenu {
        background: none;
        z-index: unset;
        box-shadow: none !important;
        display: none;
        min-width: auto !important;
        max-width: 100%;
    }
    header .we-mega-menu-submenu>.we-mega-menu-submenu-inner {
        min-height: auto;
    }
    header .block-content nav[data-menu-name='header-social-links'] {
        padding: 0
    }
    header .block-content nav[data-menu-name='header-social-links'] ul.nav {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        /* gap: 25px; */
    }
    header .block-content nav[data-menu-name='header-social-links'] li:not(:last-child) {
        padding-bottom: 25px;
    }
    header .block-content nav[data-menu-name='header-social-links'] li:not(:first-child) {
        padding-left: 0px;
        margin: 0;
    }
    /* Header Css end*/
    /* Footer Css */
    footer {
        padding: 60px 0 40px;
    }
    .diamond-footer-block>div:not(:last-child) {
        flex: 0 0 100%;
        width: 100%;
        padding-bottom: 40px;
    }
    .diamond-footer-block .col2 {
        flex: 0 0 100%;
        display: flex;
        flex-direction: column;
        border-top: 0.1rem solid #fff;
    }
    .diamond-footer-block .col2>div {
        padding: 40px 0;
    }
    .diamond-footer-block .col2>div:first-child {
        border-bottom: 0.1rem solid #fff;
    }
    .diamond-footer-block {
        display: flex;
        flex-direction: column;
        gap: 0;
        margin: 0;
    }
    .diamond-footer-block .col2 .socialicons {
        position: relative;
        padding-top: 0;
        border-bottom: 0.1rem solid #fff;
    }
    footer .footer-bottom>.layout {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        padding: 0;
    }
    /* Footer Css end */
    /* finacial report css*/
    .node--type-one-column-with-pods-on-the-righ form#views-exposed-form-financial-reports-block-1>div label {
        display: none;
    }
    /* finacial report css end*/
    .page-node-type-board-event-meetings article .layout.layout--twocol-section .layout__region--first {
        /* gap: 50px; */
        padding-right: 0px;
    }
    .page-node-type-board-event-meetings article .layout.layout--twocol-section .layout__region--second {
        padding-left: 0px;
    }
    .path-node.page-node-type-meetings-committees .layout__region--third {
        padding-left: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 15px;
        padding-top: 20px;
    }
    .path-node.page-node-type-meetings-committees .layout__region--third>div:not(:last-child) {
        margin-bottom: 0;
    }
    .path-node.page-node-type-meetings-committees .layout__region--third>div {
        flex: 0 1 25%;
    }
}

@media screen and (max-width: 991px) {
    header .search-icon-custom>.region {
        width: 70%;
    }
    header .search-icon-custom>.region nav#block-scag-main-menu{
      display: none;
    }
    /* finacial report css*/
    .node--type-one-column-with-pods-on-the-righ form#views-exposed-form-financial-reports-block-2>div {
        flex-direction: column;
        align-items: inherit;
    }
    .node--type-one-column-with-pods-on-the-righ form#views-exposed-form-financial-reports-block-2>div>div {
        flex: 0 0 100% !important;
    }
    /* finacial report css end*/
    /* Calander Page Css */
    .path-calendar .single span.day-of-week {
        color: transparent;
    }
    /* Calander Page Css End*/
}

@media screen and (max-width: 768px) {
    /* homepage css */
    .full #views_slideshow_cycle_teaser_section_home_page_work-block_4 {
        /* height: auto !important; */
    }
    .views-row figure {
        height: auto;
    }
    .full .views-row .node-header-wrapper {
        position: relative;
        width: 100%;
        height: calc(100% - 250px);
        padding: 29px;
    }
    .full .node-home-hero img {
        height: 250px;
    }
    .featured-section1 .views-row {
        grid-template-columns: auto;
        grid-auto-rows: auto;
        gap: 15px;
    }
    .front .layout__region.layout__region--content>.featured-section1 {
        padding: 60px 0;
    }
    .featured-section1 .views-row>div:first-child {
        grid-row-end: auto;
        grid-column: auto;
        height: auto;
    }
    .featured-section1 .views-row>div {
        grid-column: auto;
        grid-row-end: auto;
        width: auto;
    }
    .featured-section1 .views-row>div .node-inner {
        min-height: 180px;
    }
    .block-views-blockhome-page-work-block-7 .node-inner {
        display: flex;
        flex-direction: column;
    }
    .block-views-blockhome-page-work-block-7 .node-inner>div {
        width: 100%;
    }
    .block-views-blockhome-page-work-block-7 .view-content .views-row:nth-child(2n+2) .node-inner .node-image-wrapper {
        order: unset;
    }
    .block-views-blockhome-page-work-block-7 .node-inner figure {
        height: 40vw;
    }
    .block-views-blockhome-page-work-block-7 .node-inner figure img {
        object-fit: cover;
    }
    .block-views-blockhome-page-work-block-7 .node-inner>div:nth-child(2) {
        padding: 20px;
    }
    .block-views-blockhome-page-work-block-7 .node-inner h2.title a {
        font-size: 20px;
    }
    .block-views-blockhome-page-work-block-7 .node-inner p {
        display: none;
    }
    /* homepage css end */
    /* finacial report css*/
    .node--type-one-column-with-pods-on-the-righ thead {
        display: none;
    }
    .node--type-one-column-with-pods-on-the-righ tr {
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #dee2e6;
    }
    .node--type-one-column-with-pods-on-the-righ tbody tr td {
        background: none;
    }
    .node--type-one-column-with-pods-on-the-righ tbody tr:last-child td {
        border: none;
    }
    .node--type-one-column-with-pods-on-the-righ tr td.views-field {
        border: none;
        padding: 10px 0 !important;
    }
    .node--type-one-column-with-pods-on-the-righ td:first-child:before {
        background-color: none;
    }
    .node--type-one-column-with-pods-on-the-righ td:first-child:before {
        content: "File Description:";
        display: block;
        font-weight: 700;
    }
    .node--type-one-column-with-pods-on-the-righ td:nth-child(2):before {
        content: "Completion Date:";
        display: block;
        font-weight: 700;
    }
    .node--type-one-column-with-pods-on-the-righ td:nth-child(3)::before {
        content: "Category:";
        display: block;
        font-weight: 700;
    }
    .node--type-one-column-with-pods-on-the-righ td:last-child:before {
        content: "Download:";
        display: block;
        font-weight: 700;
    }
    .node--type-one-column-with-pods-on-the-righ tbody .documentation .item-list {
        border: none;
        display: block !important;
    }
    .node--type-one-column-with-pods-on-the-righ tbody .documentation::before {
        display: none;
    }
    .node--type-one-column-with-pods-on-the-righ tbody .documentation::after {
        display: none;
    }
    .node--type-one-column-with-pods-on-the-righ td.views-field.views-field-field-title.is-active {
        background: none;
    }
    /* finacial report css end*/
    .themeToggle {
        border-radius: 50%;
        width: 25px;
        height: 25px;
    }
    .themeToggle::after {
        content: '';
        width: 4px;
        height: 4px;
        border-radius: 50%;
        margin: 0;
        top: 45%;
        left: 55%;
    }
    html[data-theme='dark'] .themeToggle {
        box-shadow: 8px -15px 0 0 #000 inset;
        width: 40px;
        height: 40px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1019px) {
    .layout--threecol-section>.layout__region {
        flex: 1 1 100%;
    }
    /* .layout__region--third .block-layout-builder > div {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
  }
  .layout__region--third .block-layout-builder > div > .field__item {
    width: calc(50% - 20px);
  } */
}

@media screen and (max-width: 767px) {
    .container {
        /* margin-left: 25px;
        margin-right: 25px; */
        width: auto;
    }
    .quicktabs-main {
        padding: 0;
    }
    .featured-section1>.container>div {
        padding: 0;
    }
    .page-node-type-one-column-with-pods-on-the-righ .list .views-field.views-field-title a {
        font-size: 24px;
    }
    .layout--threecol-section>.layout__region {
        flex: 1 1 100%;
    }
    .layout__region--third .block-layout-builder>div>.field__item {
        width: 100%;
    }
    .page-node-type-one-column-with-pods-on-the-righ .list .views-field.views-field-body .awards_recognition {
        flex-direction: column;
        align-items: center;
        align-content: center;
    }
    .page-node-type-one-column-with-pods-on-the-righ .list .views-field.views-field-body .awards_recognition img {
        width: 200px;
        height: 200px;
    }
    /* Homepage CSS */
    .front .layout__region.layout__region--content>div {
        padding: 25px 0;
    }
    .row {
        row-gap: 25px;
    }
    /* .layout__region.layout__region--content > div > h2 {
    font-size: 30px;
  } */
    .front .layout__region.layout__region--content>div .heading {
        font-size: 30px;
    }
    .quickicons h2.title a {
        font-size: 18px;
        width: 65%;
        margin: auto;
    }
    .quickicons p {
        font-size: 18px;
    }
    .quickicons h2.title a::before {
        font-size: 22px;
    }
    .featured-section1 .views-row>div .node-inner h2.title a {
        font-size: 18px;
    }
    .quicktabs-sec .quicktabs-tabs {
        flex-direction: column;
    }
    .quicktabs-sec .quicktabs-tabs>li {
        width: 100%;
        padding: 20px;
    }
    .block-views-blockhome-page-work-block-7 .node-inner figure {
        height: 55vw;
    }
    .stay-informed {
        padding: 25px 0;
    }
    .stay-informed .node-inner h2.title {
        font-size: 30px;
        text-align: center;
    }
    .stay-informed .node-inner p {
        text-align: center;
    }
    /* .stay-informed .node-inner {
    flex-direction: column;
  }
  .stay-informed .node-inner h2.title {
    font-size: 40px;
    text-align: center;
  }
  .stay-informed .node-inner p {
    font-size: 22px;
  }
  .stay-informed .node-inner a {
    margin-top: 15px;
  } */
    /* Header Css */
    header #offcanvasRight {
        width: 100%;
    }
    header .block-content {
        padding: 20px 0;
    }
    header .offcanvas nav {
        padding: 36px 36px 100px;
    }
    header .search-icon-custom>div.region {
        flex-wrap: wrap;
    }
    /* Two columns with pod below page css*/
    .page-node-type-two-column .two-col-sec h2.title a {
        font-size: 24px;
    }
    .page-node-type-two-column .layout__region.layout__region--second .block-field-blocknodetwo-columntitle .field--name-title {
        font-size: 30px;
    }
    /* Two columns with pod below page css end*/
    /* Three columns with pod below page css*/
    .page-node-type-three-column .two-col-sec h2.title a {
        font-size: 24px;
    }
    .page-node-type-three-column .layout__region.layout__region--second .block-field-blocknodethree-columns-wpods-belowtitle .field--name-title {
        font-size: 30px;
    }
    /* Three columns with pod below page css end*/
    /* Member Page Css */
    .memberbox .memberinner {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    /* Member Page Css End*/
    /*  */
}


/* CSS by Dixit end */


/* Css for member list filters */

.view-filters .alphabet-list .alpha-letters {
    display: block;
    margin-bottom: 4px;
    padding: 3px 9px;
    line-height: 21px;
    border-radius: 4px;
    text-decoration: none;
    transition: background-color .3s ease-out;
    background-color: #002634;
    color: #fff;
}

.view-filters .alphabet-list .alpha-letters:hover {
    background-color: #a5d161;
}

input#edit-field-member-name-value {
    width: 200px;
    height: 31px;
    margin: 0;
    padding: 5px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background: #f2f2f2;
    font-family: proxima-nova, sans-serif;
    border-radius: 0;
}

input#edit-submit-committee-members-list , .page-node-type-committee-members-list .form-submit.btn-primary{
    position: relative;
    display: inline-block;
    padding: 8px 15px;
    border: 1px solid #d5d5d5;
    font-size: 13px;
    font-weight: normal;
    line-height: normal;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
    border-radius: 30px;
    vertical-align: middle;
    cursor: pointer;
    background-color: #eee;
    background-image: linear-gradient(#fcfcfc, #eeeeee);
    background-repeat: repeat-x;
    background-repeat-x: repeat;
    background-repeat-y: no-repeat;
    color: #333;
    font-family: proxima-nova, sans-serif;
    text-transform: none;
}

input#edit-submit-committee-members-list:hover,.page-node-type-committee-members-list .form-submit.btn-primary:hover {
    border-color: #ccc;
    text-decoration: none;
    background-color: #dddddd;
    background-image: -webkit-linear-gradient(#eeeeee, #dddddd);
    background-image: -moz-linear-gradient(#eeeeee, #dddddd);
    background-image: linear-gradient(#eeeeee, #dddddd);
}

ul.alphabet-list {
    display: block;
    list-style: NONE;
    padding: 0px;
}

ul.alphabet-list li {
    display: inline-block;
    padding: 2px;
}

ul.alphabet-list li span.alpha-letters {
    cursor: pointer;
}

.form--inline .form-item-field-member-name-value {
    float: none;
    max-width: 300px;
}

.page-node-type-committee-members-list .form--inline .form-item-field-member-name-value .form-text{
    width: 200px;
}

/* Sidemenu Mobile CSS*/

nav.sidemenu-mobile {
    width: 100%;
    display: flex;
}

nav.sidemenu-mobile>.container {
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

nav.sidemenu-mobile button.navbar-toggler {
    position: relative;
    top: unset;
    left: unset;
    border: none;
    padding: 0;
    margin-left: 25px;
    margin-bottom: -1px;
    z-index: 99;
    background-color: #65c8c7;
    border-bottom: 1px solid #65c8c7;
}

nav.sidemenu-mobile button.navbar-toggler svg {
    display: block;
    width: 55px;
    height: 56px;
    border-left: 0.1rem solid rgba(0, 38, 52, .5);
    border-right: 0.1rem solid rgba(0, 38, 52, .5);
    fill: currentColor;
    stroke: currentColor;
    stroke-width: 0;
}

nav.sidemenu-mobile div#navbarsecondary {
    width: 100%;
    border-top: 0.1rem solid rgba(0, 38, 52, .5);
}

nav.sidemenu-mobile div#navbarsecondary nav.menu--main ul.menu {
    padding: 0 25px;
}

nav.sidemenu-mobile div#navbarsecondary nav.menu--main ul.menu>li:not(:last-child) {
    border-bottom: 2px solid #fff;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: rgb(255, 255, 255);
}


/* Sidemenu Mobile CSS End*/

.rel-links {
    margin-top: 15px;
    margin-bottom: 15px;
}

.abc {
    font-size: 0px;
}

.node--view-mode-teaser .node__links {
    display: none;
}

.navbar-we-mega-menu .we-mega-menu-ul>li>.we-mega-menu-submenu>div>.we-mega-menu-row {
    margin-top: 15px;
}

.field.field--name-field-about-banner {
    margin-top: 20px;
}

.header-top {
    /* position: fixed;
  height: 250px;
  top: 0;
  left: 0;
  right: 0;*/
    box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
    transition: .5s cubic-bezier(.19, 1, .22, 1);
}

.btn-primary {
    display: inline-block;
    margin: .25em 0 !important;
    padding: 12px 30px;
    white-space: nowrap;
    text-align: center;
    font-family: futura-pt, sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
    border: 2px solid #002634;
    border-radius: 0;
    text-decoration: none;
    text-transform: uppercase;
    transition: .2s;
    background-color: #002634;
    color: #fff;
}

.btn-primary:focus,
.btn-primary:hover {
    border-color: #002634;
    background-color: #fff;
    color: #002634;
    text-decoration: none;
}

.btn-primary:active,
.btn-primary:active:hover {
    background-color: #002634;
}

.btn-light {
    display: inline-block;
    margin: .25em 0 !important;
    padding: 12px 30px;
    white-space: nowrap;
    text-align: center;
    font-family: futura-pt, sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
    border: 2px solid #ddd;
    border-top-color: rgb(221, 221, 221);
    border-right-color: rgb(221, 221, 221);
    border-bottom-color: rgb(221, 221, 221);
    border-left-color: rgb(221, 221, 221);
    border-radius: 0;
    text-decoration: none;
    text-transform: uppercase;
    transition: .2s;
    background-color: #ddd;
    color: #002634;
}

.btn-light:focus,
.btn-light:hover {
    border-color: #002634;
    background-color: #fff;
    color: #002634;
    text-decoration: none;
}


/* Custom style Rabeeh*/

.bootstrap-tabs .tab-pane-content table td,
.bootstrap-tabs .tab-pane-content p,
.bootstrap-tabs .tab-pane-content li {
    font-size: 16px;
    color: #002634;
    font-weight: normal;
}

.bootstrap-tabs .tab-pane-content table th {
    font-size: 16px;
    color: #002634;
}

.tab-pane-content table td,
.tab-pane-content table th {
    border: 1px solid #ccc !important;
    padding: 10px;
}

.path-news header+main {}

.link-read-more a {
    padding-right: 1.8rem;
    position: relative;
    color: #b72373;
    font-family: futura-pt, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: uppercase
}

.link-read-more a:after {
    font-family: theme!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e913";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-45%);
    color: #b72373;
    font-size: 1.2rem;
    transition: all .2s ease-in-out
}

.link-read-more a.focus-within,
.link-read-more a:focus,
.link-read-more a:hover {
    color: #b72373
}

.link-read-more a.focus-within:after,
.link-read-more a:focus:after,
.link-read-more a:hover:after {
    transform: translateX(.5rem) translateY(-45%)
}

.views-view-grid .views-col {
    padding-left: 10px;
    padding-right: 10px;
}

.node-contact {
    width: 100%;
    margin: 1em 0;
}

.views-row .node-header.node-item {
    padding-top: 35px;
    border-top: 1px solid #ccc;
}

.views-row .node-inner {
    padding-bottom: 25px;
}

.subtitle {
    margin: .5rem 0 0;
    color: #002634;
    font-weight: 700;
    line-height: 1.2;
}

h2+.subtitle {
    font-size: 2.4rem !important;
    font-weight: 700 !important;
}

.node-contact-wrapper {
    font-size: 16px;
}

.paragraph--type--staff-contact {
    font-size: 16px;
    font-family: proxima-nova, sans-serif;
}

.field--name-field-staff-name {
    font-weight: bold;
}

.paragraph--type--staff-contact .readmore {
    display: block;
    margin-top: 10px !important;
}

.paragraph--type--staff-contact+.views-field .readmore {
    display: block;
    margin-top: 10px !important;
}

.field--name-body.field--type-text-with-summary {
    font-size: 16px;
    line-height: 1.4;
}

.icon_txt {
    padding-top: 15px;
}

.icon_txt a {
    color: #51758e;
}


/* /news-events for this page dev*/

.block-layout-builder .node-inner {
    padding-top: 35px;
    border-top: 1px solid #ccc;
    padding-bottom: 30px;
}

.links .link-read-more {
    padding-left: 0px;
}

.path-news .meta-item.post-type {
    position: relative;
    padding-right: 10px;
    margin-right: 6px;
}

.path-news .meta-item.post-type:after {
    content: '';
    background: #777;
    width: 1px;
    height: 12px;
    position: absolute;
    right: 0px;
    top: 2px;
}

.path-news .views-row .node-header.node-item {
    border-top: 0px;
    padding-top: 10px;
}

.path-calendar .single.node-inner {
    margin-left: 20px;
}

.path-events header+main {}

.path-events .region-sidebar-second .node-header h2 a {
    color: #002634;
}

.path-events .region-sidebar-second .node-header:hover h2 a {
    color: #fff;
}

.views-row .node-content ul li,
.views-row .node-content ol li {
    margin-bottom: 16px;
}


/* /financial-overall-work-program dev*/

.path-node .table-striped1 thead th {
    padding: 10px 10px 0 0;
}

.path-node .table-striped1 tbody td {
    border: 0px !important;
    border-top: 1px solid #ccc !important;
}

.view-financial-reports th:first-child {
    width: 35%;
}

.view-financial-reports .table-striped1 tbody td {
    padding-right: 15px !important;
}

.views-field-title .field-content h1.title {
    margin-bottom: 15px;
}

#views-exposed-form-committee-members-list-block-1 .form--inline {
    position: relative;
    font-family: proxima-nova, sans-serif;
}

#views-exposed-form-committee-members-list-block-1 .form--inline label {
    display: block;
    font-size: 21px;
    margin-bottom: 10px;
}

.view-committee-members-list form {
    margin-top: 40px;
    border-top: 1px solid #ccc;
    padding-top: 5px;
    border-bottom: 1px solid #ccc;
}

.js-pager__items .pager__item a,
.js-pager__items .is-active {
    border: 1px solid #002634;
    border-radius: 4px;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 400;
    background-color: #002634;
    color: #fff !important;
}

.js-pager__items .pager__item a:hover {
    background-color: #a5d161;
}

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

.page-node-type-members .field--name-field-member-name {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-size: 38px;
    line-height: 1.4;
    text-transform: uppercase;
}

.page-node-type-members .field--name-field-sub-title {
    margin: .5rem 0 0;
    color: #002634;
    font-weight: 700;
    line-height: 1.2;
    font-size: 30px;
    font-family: proxima-nova, sans-serif;
}

.page-node-type-members .block-field-blocknodemembersfield-member-photo {
    float: left;
    width: 40%;
    padding-top: 20px;
}

.page-node-type-members .field--name-body .node-content p:first-child {
    margin-bottom: 3px;
}

.page-node-type-members .block-field-blocknodemembersbody {
    float: left;
    width: 60%;
    padding-right: 30px;
    padding-top: 20px;
}

.page-node-type-members .layout__region--second h2 {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    color: #363636;
}

.page-node-type-members .links {
    padding: 0;
    list-style: none;
}

.page-node-type-members .links li {
    margin-bottom: 8px;
}

.page-node-type-members .layout__region--second .block-views-blockhome-page-work-block-1 {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 15px 0px;
    margin-bottom: 20px;
}

#views-exposed-form-our-team-block-2 .form-item-title {
    max-width: 200px;
    float: none;
}

.field--name-field-both-received-from-and-giv label{
  display: none;
}

.field--name-description label {
    display: none;
}
.field--name-description .description {
    display: none;
}
.field--name-worth legend { display: none; }
.field--name-created .description {display: none;}
#views-exposed-form-our-team-block-2 .form--inline {
    position: relative;
}

#views-exposed-form-our-team-block-2 .btn-primary {
    position: relative;
    display: inline-block;
    padding: 8px 15px;
    border: 1px solid #d5d5d5;
    font-size: 13px;
    user-select: none;
    font-weight: normal;
    line-height: normal;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
    border-radius: 30px;
    vertical-align: middle;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-appearance: none;
    background-color: #eee;
    background-image: -webkit-linear-gradient(#fcfcfc, #eeeeee);
    background-image: -moz-linear-gradient(#fcfcfc, #eeeeee);
    background-image: linear-gradient(#fcfcfc, #eeeeee);
    background-repeat: repeat-x;
    color: #333;
    font-family: proxima-nova, sans-serif;
}

#views-exposed-form-our-team-block-2 .btn-primary:hover {
    border-color: #ccc;
    text-decoration: none;
    background-color: #dddddd;
    background-image: -webkit-linear-gradient(#eeeeee, #dddddd);
    background-image: -moz-linear-gradient(#eeeeee, #dddddd);
    background-image: linear-gradient(#eeeeee, #dddddd);
    background-repeat: repeat-x;
}

#views-exposed-form-our-team-block-2 .form-actions {
    position: absolute;
    left: 210px;
    top: -3px;
}

.path-events .views-row .node-header.node-item {
    padding-top: 0;
    border-top: 0;
}

.content-main .container,
.header-top-full-banner .container {
    max-width: 1580px;
    width: auto;
}

.layout .block-views-blockrelated-content-bottom-block-1 {
    padding-top: 25px;
}

.view-related-content-bottom .views-view-grid .views-row {
    align-items: stretch;
}

.view-related-content-bottom .views-view-grid .views-col {
    display: flex;
}

.view-related-content-bottom .views-view-grid .field-content {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 30px;
    display: block;
    height: 100%;
}

.view-related-content-bottom .views-view-grid .views-field {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.view-related-content-bottom .views-view-grid .views-col {
    padding-left: 15px;
    padding-right: 15px;
}

.view-related-content-bottom .views-view-grid .img-fluid {
    width: 100%;
    object-fit: cover;
}

.page-node-type-one-column-with-pods-on-the-righ .layout__region--third h2 {
    /*  padding-top: 16px;
      border-top: 1px solid #ccc;*/
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    color: #363636;
}

.page-node-type-one-column-with-pods-on-the-righ .layout__region--third .list {
    padding-top: 0px;
}

.block-gtranslate h2 {
    display: none;
}

.layout__region .block-field-blocknodeone-column-with-pods-on-the-righfield-card-across {
    display: none;
}

.page-node-type-committee-members-list .view-footer {
    display: none;
}

.webform-submission-form label,
.webform-submission-form .fieldset-legend {
    font-size: 16px;
    font-weight: bold;
}

.webform-submission-form {
    font-size: 16px;
}

.webform-submission-form .form-control {
    border: 1px solid #202020;
    border-radius: 0px;
}

.webform-submission-form .form-control.form-date {
    max-width: 200px;
}

.webform-submission-form .form-wrapper.card {
    box-shadow: none;
}

.webform-submission-form .webform-address--wrapper {
    border-radius: 0px;
}

.webform-submission-form .btn-primary {
    position: relative;
    display: inline-block;
    padding: 8px 15px;
    border: 1px solid #d5d5d5;
    font-size: 13px;
    user-select: none;
    font-weight: normal;
    line-height: normal;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
    border-radius: 30px;
    vertical-align: middle;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-appearance: none;
    background-color: #eee;
    background-image: -webkit-linear-gradient(#fcfcfc, #eeeeee);
    background-image: -moz-linear-gradient(#fcfcfc, #eeeeee);
    background-image: linear-gradient(#fcfcfc, #eeeeee);
    background-repeat: repeat-x;
    color: #333;
    font-family: proxima-nova, sans-serif;
}

.webform-submission-form .btn-primary:hover {
    border-color: #ccc;
    text-decoration: none;
    background-color: #dddddd;
    background-image: -webkit-linear-gradient(#eeeeee, #dddddd);
    background-image: -moz-linear-gradient(#eeeeee, #dddddd);
    background-image: linear-gradient(#eeeeee, #dddddd);
    background-repeat: repeat-x;
}
.block-field-blocknodeone-column-with-pods-on-the-righfield-about-banner{
    margin-bottom: 20px;
}
.block-field-blocknodeboard-event-meetingsfield-meeting-date-time{
    font-size: 16px;
}
.page-node-type-board-event-meetings  .layout__region--third h2 {

    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    color: #363636;
    border-top: 1px solid #ccc;
  padding-top: 20px;
}

.page-node-type-board-event-meetings  .layout__region--third .list {
    padding-top: 0px;
}
.page-node-type-board-event-meetings  .layout__region--third .links{
padding-left: 0px;list-style: none;
}
.page-node-type-board-event-meetings .field--name-field-meeting-link {
    font-size: 16px;
}

/* offer and need sec */
.offer-grid,.offer-grid>* {
    height: 100%;
    display: block;
    padding-bottom: 8px;
}

.offer-grid .off-need {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 26px;
    padding-bottom: 0;
    transition: all 1s ease;
    justify-content: space-between;
    align-items: center;
}
.offer-grid .off-need>* {
    width: 100%;
}
.offer-grid .off-need .usre-picture-section {
    width: 85%;
}

.offer-grid .off-need .usre-picture-section a {
    display: block;
}

.offer-grid .off-need .usre-picture-section img {
    width: 100%;
}

.col-md-4:has(.offer-grid):nth-child(3n + 1) .off-need h4{
    background: var(--murrey);
}
.col-md-4:has(.offer-grid):nth-child(3n + 2) .off-need  h4{
    background: var(--giants-orange);
}
.col-md-4:has(.offer-grid):nth-child(3n + 3) .off-need  h4{
    background: var(--ultra-violet);
}
.offer-grid .off-need h4 {
 padding: 10px;
 margin-right: -24px;
 margin-left: -24px;
}
.offer-grid .off-need h4,.offer-grid .off-need h4 * {
 text-align: center;
 color: var(--white);
 font-size: 15px;
 font-weight: bold;
 margin-top: 0;
}

.offer-grid .off-need .dec p {
    font-size: 16px;
    color: var(--title);
    text-align: center;
    FONT-WEIGHT: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;    
    overflow: hidden;
}

.offer-grid .off-need .cat {
    FONT-WEIGHT: 300;
    font-size: 14px;
    color: var(--title);
    text-align: center;
    padding-bottom: 16px;
}

.offer-grid .off-need:hover {
    filter: brightness(80%);
}

@media(max-width:768px) {
    .page-node-type-members .block-field-blocknodemembersfield-member-photo {
        width: 100%;
    }
    .page-node-type-members .block-field-blocknodemembersbody {
        width: 100%;
        padding-right: 0px;
    }
    .view-related-content-bottom .views-view-grid .views-col {
        width: 100% !important;
    }
    .diamond-footer-block>div {
        flex: 0 0 calc(100%);
    }
}

@media (min-width: 1025px) {
    .content-main .container,
    .header-top-full-banner .container {
        margin-left: 40px;
        margin-right: 40px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1366px) {
    .content-main .container,
    .header-top-full-banner .container {
        margin-left: 83px;
        margin-right: 83px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 1024px) {
    .block-scag-custom-left-menu-block,
    .layout__region--first {
        position: static;
    }
    iframe{
        max-width: 100%;
    }
}

@media (min-width: 1746px) {
    .content-main .container, .header-top-full-banner .container{
        margin-left: auto;margin-right: auto;
    }
}


.worth-widget select {
    float: left;
}
.worth-widget .field-prefix {
    display: none;
}
.worth-widget span {
    display: none;
}

.field--name-created {  display: none; }
.field--type-wallet-reference input {width: 70%; float: left;}
.user-addon {padding-top: 6px;}
.user-direct-reg {
  color: #ff6600;       /* brighter orange */
  font-weight: 700;     /* bold */
  font-size: 30px;      /* bigger text */
  text-decoration: none; /* removes underline */
  padding: 0px 15px;    /* some spacing */
  border-radius: 6px;   /* rounded corners */
  display: inline-block; /* makes padding apply nicely */
}

.user-direct-reg:hover {
  color: #ff0000;
  text-decoration: none; 
}
.form-item-hours { width: 15%; float: left;}
.form-item-min { width: 15%; float: left; }

.tb-megamenu { background-color: #fff; }
.tb-megamenu .nav > li > a, .tb-megamenu .nav > li > span.tb-megamenu-no-link { color: #000; border-right: none; padding: 15px 15px; font-size: 12px; font-weight: normal;}
.block-webform { width: 80%; margin: 0 auto; }

.tb-megamenu .nav-collapse {
  display: block;
}
.tb-megamenu .nav-collapse.open {
  display: block;
}
/* Ensure the collapsed menu displays fully on mobile */
@media (max-width: 979px) {
  .tb-megamenu .nav-collapse,
  .tb-megamenu .nav-collapse.collapse {
    width: 145px;
  }
}

.tb-megamenu-button .fa-reorder::before {
  content: "\f142"; /* Font Awesome unicode for vertical dots */
  font-family: "FontAwesome";
}

.view-id-test table {
  border: 2px solid #000; /* black border */
  border-collapse: collapse; /* removes double borders */
}

.view-id-test table, th, td {
  border: 1px solid #ccc; /* light gray border */
  border-collapse: collapse;
}

.block-total-time-block {
    color: #f15d22;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-left: 10%;
}
.block-total-time-block h2{
    color: #f15d22;    
    text-align: center;
}

.webform-submission-form .btn-primary {
    background-color: #f15d22;
    background-image: none;
    text-shadow: none;
    color: #fff;
}
.block-total-time-block .current-balance {
    float: left;
    color: #1f73f6;
    margin-bottom: 10px;
}

.user-menu-wrapper {
  position: relative;
}

.user-avatar-toggle {
  background: none;
  border: none;
  cursor: pointer;
}

.user-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
}

.user-avatar.fallback {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #0074bd;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-menu-dropdown {
  display: none;
  position: absolute;
  right: 0;
  top: 37px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
  border-radius: 6px;
  min-width: 119px;
  z-index: 1000;
  font-size: 14px;
}

.user-menu-wrapper:hover .user-menu-dropdown {
  display: block;
}

.user-menu-dropdown ul {
  list-style: none;
  margin: 0;
  padding: 8px 0;
}

.user-menu-dropdown li {
  padding: 6px 16px;
}

.user-menu-dropdown li a {
  color: #333;
  text-decoration: none;
}

.block-field-blockuseruserfield-first-name {
  float: left;
  margin-right: 2px;
  font-size: 12px;
  font-weight: bold;
}

.block-field-blockuseruserfield-last-name {
  font-size: 12px;
  font-weight: bold;
}
.block-field-blockuseruseruser-picture {
    margin-top:  7px;
}

.block-views-blockoffers-needs-block-1 {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.block-views-blockoffers-needs-block-1.show-section {
  opacity: 1;
  transform: translateY(0);
}
.header-top-full-banner{
  background: url('/sites/default/files/2022-10/header-top-full-banner.png');
  width: 100%;
  height: 20px;
  background-repeat: repeat;
  background-position: center center;
  background-size: cover;
  border: 1px solid #0080C8;
}
header nav.bg-dark {
background: #fff !important;
}
header .navbar-expand-lg {
flex-wrap: wrap;
justify-content: left;
}
.region.region-nav-branding {
text-align: center;
width: 100%;
}
.navbar-brand img {
    width: 159.6px;
}
a.site-logo.d-block {
  margin: 15px auto;
}

.nav-link, .media-library-view--widget .view-header a {
color: #000;
font-size: 16px;
line-height: 17px;
}
.nav-link:hover, .media-library-view--widget .view-header a:hover{
color: #000;
}
.nav-link:hover, .media-library-view--widget .view-header a:hover, .nav-link:focus, .media-library-view--widget .view-header a:focus{
color: #000;
}

.region.region-nav-additional {
display: none;
}

header .justify-content-md-end {
justify-content: flex-start !important;
}

header ul.navbar-nav li.nav-item {
/* margin-right: 85px; */
}

header ul.dropdown-menu li.nav-item {
margin-right: 0;
}

header ul.navbar-nav li.nav-item:last-child {
margin-right: 0;
}
.navbar-toggler{background: transparent;}
span.navbar-toggler-icon {
background-image: url(/sites/default/files/2022-11/menu-bar.png);
}
.dropdown-toggle::after {
border-top: 0.35em solid #0080C8;
border-right: 0.35em solid transparent;
border-left: 0.35em solid transparent;
}
/*.navbar-expand-lg .navbar-nav {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 15px;
  z-index: 999;
}
.user-logged-in .navbar-expand-lg .navbar-nav {
  position: relative;
  left: auto;
  transform: translateX(0%);
  bottom: auto;
}*/

header nav.bg-dark {
  padding-bottom: 50px;
}

.user-logged-in header nav.bg-dark {
  padding-bottom: 5px;
}
.view-search .views-row .views-field-body p {
  color: #282C34;
  opacity: 60%;
}

.view-search .view-content {
  padding-bottom: 48px;
}

/* media query*/
@media screen and (max-width: 1025px) {
  header ul.navbar-nav li.nav-item {
    /* margin-right: 70px; */
  }
}
@media screen and (max-width: 992px) {
  .navbar-expand-lg .navbar-nav {
    position: relative;
    left: auto;
    transform: translateX(0%);
    bottom: auto;
    margin: 0;
    padding-left: 0px;
    width: 100%;
  }
  
  header nav.bg-dark {
    padding-bottom: 15px;
  }
/* .region.region-nav-branding {
  width: 100%;
  padding-left: 60px;
} */
.top-navigation {
  display: none;
}
button.navbar-toggler {
position: absolute;
top: 20px
}
a.site-logo.d-block {
margin: 0 auto 0px;
}
.mobile-search-blcok .form-control {
border-radius: 0;
}

a.close {
  position: relative;
    width: 30px;
    height: 30px;
    float: left;
}

.block-views-exposed-filter-blocksearch-page-1 {
  width: calc(100% - 30px);
  float: left;
}

a.close:after {
  display: inline-block;
  position: absolute;
  content: "\00d7";
  color: black;
  font-size: 25px;
  top: 18px;
  left: 0;
  font-weight: bold;
  line-height: 1;
  top: 7px;
}

.user-logged-in a.close:after {
  top: 10px !important;
  left: 10px !important;
}

.mobile-search-blcok .bef-exposed-form .form--inline > .form-item:before {
content: "";
background: url(/sites/default/files/2022-11/Search.png);
width: 18px;
position: absolute;
height: 18px;
top: 10px;
left: 10px;
background-size: cover;
}

.navbar li.nav-item {
  font-family: "Brandon_Grotesque_Regular" !important;
}

.mobile-search-blcok .bef-exposed-form .form--inline > .form-item {
position: relative;
}

header ul.navbar-nav li.nav-item:first-child {
  padding-top: 0px !important;
}

/* header ul.navbar-nav li.nav-item {
  margin-right: 0px;
  border-bottom: 1px solid #ddd;
  padding: 22px 0px;
  font-size: 30px !important;
  font-weight: normal !important;
} */
header ul.navbar-nav li.nav-item:last-child {
border: 0;
}
/* #block-scag-main-navigation a.nav-link.show {
  font-weight: bold;
  font-family: "Brandon_Grotesque_Bold" !important;
}
#block-scag-main-navigation a.nav-link{
font-size: 30px !important;
}
#block-scag-main-navigation .navbar-nav .dropdown-toggle::after {
  float: revert;
  clear: both;
  top: -16px;
  padding-top: -6.5px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
#block-scag-main-navigation .navbar-nav .dropdown-menu {
border: 0;
}

#block-scag-main-navigation .navbar-nav .dropdown-menu li a {
  font-size: 30px;
}

#block-scag-main-navigation .navbar-nav .dropdown-menu li {
border: 0 !important;
padding: 5px 25px 5px !important;
} */

}

@media screen and (max-width: 769px) {
a.site-logo.d-block {
  margin: 0 auto 0px;
}
.navbar-brand img {
  height: auto;
  margin: 0 1rem 0 0;
  width: 380px;
}

button.navbar-toggler {
top: 18px;
}
ul.navbar-nav {
width: auto;
}

}
@media screen and (max-width: 480px) {
.navbar-brand img {
width: 280px;
}
.header-top-full-banner {
  height: 11px;
}
/* .navbar-expand-lg .navbar-nav {
  padding-left: 30px;
} */
span.navbar-toggler-icon {
width: 18px;
height: 18px;
}
#block-scag-main-navigation a.nav-link{
  /* font-size: 18px !important; */
}
#block-scag-main-navigation .navbar-nav .dropdown-menu li a {
  /* font-size: 18px !important; */
}
#block-scag-main-navigation .navbar-nav .dropdown-menu{
border-radius: 0!important;
border: none!important;
width: -webkit-fill-available;}

/* a.close:after {
  top: 28px;
} */
}
@media screen and (max-width: 767px) {
button.navbar-toggler {
  top: 15px;
  }
}
@media screen and (max-width: 400px) {

.navbar-brand img {
  width: 200px;
}

header nav.bg-dark {
  padding-bottom: 10px;
  padding-top: 20px;
}
.pad-top-8 {
  padding-top: 8px !important;
}
}
.field.field--name-field-webform {
    background-color: #FFFFFF;
    box-shadow: 0 0 24px 0 rgba(0,0,0,0.15);
    padding: 56px 78px 60px;
    margin-top: 54px;
}

.table > :not(caption) > * > *{
	padding:0!important;
}

.webform-submission-membership-signup-form fieldset legend{
	margin-bottom:0px!important;
}

.webform-fields-wrapper .fieldset-wrapper{
	padding: 0.5rem 0rem 1rem 0rem!important;
}

.webform-fields-wrapper #edit-select-one label.option{
	font-size: 22px!important;
}

.webform-fields-wrapper #edit-select-one .description{
	font-family: "Brandon_Grotesque_Regular";
    font-size: 18px!important;
}

.webform-fields-wrapper label {
    color: #000000;
    font-family: "Brandon_Grotesque_Regular";
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 18px;
}

.webform-fields-wrapper .form-control {
    opacity: 0.5;
    color: #000000;
    font-family: "Brandon_Grotesque_Regular";
    font-size: 22px;
    letter-spacing: 0;
    line-height: 30px;
    border: 0;
    border-bottom: 1px solid #000000;
    border-radius: 0;
    padding-left: 0 !important;
}

/*.form-select {
    background-image: url("/sites/default/files/2022-11/60995.png") !important;
}*/

.webform-fields-wrapper input:focus {
    outline: 0;
    background: transparent;
}

.webform-fields-wrapper .form-textarea {
    height: 80px;
}
.webform-fields-wrapper .form-item {
    margin-bottom: 50px;
}

.webform-fields-wrapper .form-actions {
    text-align: center;
}

.webform-fields-wrapper .form-submit {
    height: 48px;
    width: 220px;
    background: linear-gradient(180deg, #10BAFF 0%, #0080C8 100%);
    border: 0;
    border-radius: 0;
    font-family: "Brandon_Grotesque_Medium";
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.07px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase;
}
div#district_property_address_table table tr th, div#district_property_address_table table tr td {
    border: 0;
}

div#edit-district-property-address .webform-fields-wrapper .form-item {
    margin-bottom: 50px !important;
}

div#district_property_address_table .webform-multiple-add {
    text-align: left;
}

div#district_property_address_table .webform-multiple-add input {
    background: transparent;
}

div#district_property_address_table .webform-multiple-add .form-submit {
    background: transparent;
    color: #0080C8;
    width: auto;
    font-family: "Brandon_Grotesque_Bold";
    font-size: 18px;
    text-transform: capitalize;
}
.form-item-district-property-address-items-0--item--address-2,
.form-item-district-property-address-items-1--item--address-2,
.form-item-district-property-address-items-2--item--address-2,
.form-item-district-property-address-items-3--item--address-2,
.form-item-district-property-address-items-4--item--address-2 {
    margin-bottom: 50px !important;
}

div#district_property_address_table .webform-fields-wrapper  fieldset.form-item {
    margin-bottom: 0 !important;
}

.webform-submission-membership-signup-form  fieldset legend {
    padding-left: 0;
    color: #000000;
    font-family: "Brandon_Grotesque_Medium";
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 18px;
}

.form-type-checkbox .form-check-input {
    height: 22px;
    width: 22px;
    margin-top: 0;
    margin-right: 20px;
    border-radius: 0;
}

.form-type-checkbox label.option {
    display: initial !important;
}

@media screen and (max-width: 769px) {
.field.field--name-field-webform {
    padding: 56px 20px 60px;
}
.webform-fields-wrapper label {
    font-size: 18px;
}
div#accordionMembershipSignup {
    margin: 10px !important;
}
div#district_property_address_table .webform-multiple-add .form-submit{
    font-size: 15px;
}
}
@media screen and (max-width: 640px) {
.webform-fields-wrapper .form-control{
    font-size: 15px;
}
.webform-fields-wrapper .col, .webform-fields-wrapper .col-6 {
    width: 100%;
}
div#district_property_address_table .webform-multiple-add .form-submit{
    font-size: 14px;
}
}