/*Customer Portal Banner*/
.customer-portal-banner-section, .reviews-banner{
width: 99.2vw;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.customer-portal-banner-section img, .reviews-banner img{
width: 100%;
height: 260px;
} 
.customer-portal-banner-section h1.title, .reviews-banner h1.title {
    position: absolute;
    top: 25%;
    /* left: 18%; */
    color: #FFF;
    font-family: skolar-latin, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 49px;
}
.customer-portal-banner-section h1.title::before, .reviews-banner h1.title::before {
    content: "";
    border-bottom: 2px solid #fff;
    width: 82px;
    height: 10px;
    display: block;
    position: absolute;
    bottom: 0;
}
.view-standard-customer-portal .views-field-body {
    padding-top: 15px;
}
.standard_customer_portal .hidden{display: none;}
.cp-sub-heading {text-align: center;}
.standard_customer_portal-page ul li.list-group-item a{
 color: #464443;
 font-weight:700;
}
.standard_customer_portal-page ul li.list-group-item a:hover{
    color:#f38c0d;
}
.standard_customer_portal-page .views-col {
    width: 30% !important;
    border: 2px solid #ece9e5;
    margin: 10px;
    border-radius: 2px;
    text-align: center;
    padding: 25px 15px;
    position: relative;
    cursor: pointer;
}
.views-view-grid .views-row:last-child {
    justify-content: center;
    display: flex;
}
.standard_customer_portal-page .views-col:hover {
	border: 2px solid #f38c0d
}
.standard_customer_portal-page .views-field-body .field-content p {
    font-size: 14px;
}
.standard_customer_portal-page .CP-Menu {
    margin-top:20px;
}
.standard_customer_portal-page .CP-Menu h3 {
    font-family: Helvetica Neue Medium;
    letter-spacing: 3px;
    color: #0b5c70;
}
.standard_customer_portal-page .CP-Menu h3 {
    font-family: Helvetica Neue Medium;
    letter-spacing: 3px;
    color: #0b5c70;
}
.standard_customer_portal-page .CP-Menu h3:after{
    background: #f38c0d;
    height: 3px;
    width: 50px;
    display: block;
    content: "";
    margin-bottom: 1%
}
.standard_customer_portal .desktop__header, .standard_customer_portal .new_primary_menu, .no-upfront-cost .new_primary_menu {position: static !important;}
.standard_customer_portal nav#block-mainnavigation, .no-upfront-cost #block-mainnavigation{margin-top: 0 !important;}
.standard_customer_portal .sticky__header__space, .no-upfront-cost .sticky__header__space{ min-height:0 !important; }
.standard_customer_portal  .layout-main-wrapper {margin-top: -50px !important}
/* .standard_customer_portal  .layout-main-wrapper, .no-upfront-cost .layout-main-wrapper {margin-top: -50px !important} */
.standard_customer_portal-page{justify-content:end;}
@media screen and (max-width: 767px) {
    .standard_customer_portal-page .views-col{
        width: 60% !important;
        margin-left: 85px;
    }
    .customer-portal-banner-section h1.title, .reviews-banner h1.title {
        top: 5px;
        left: auto;
        font-size: 25px;
    }
    .customer-portal-banner-section, .reviews-banner {
        padding-top: 0;
    }
    .customer-portal-banner-section img, .reviews-banner img {
        width: 100%;
        height: 100px;
    }
    .views-view-grid .views-row:last-child {display: block;}
}


/*Direct Sale PDP Recommended options*/
.block-views-blockpdp-other-options-block-1 h2 {
    font-size: 24px;
    text-align: left !important;
    color: #2d2d2d !important;
}
.view-pdp-other-options .views-row .recommended-options-section {
    display: flex;
    cursor: pointer;
    width: 100%;
    margin: 10px 0 15px;
}
.view-pdp-other-options .views-row .recommended-options-section .content-main {
    padding-left: 10px;
    width: 55%;
}
.view-pdp-other-options .views-row .recommended-options-section .content-main .title-main a {
    font-size: 16px;
    font-family: "Helvetica";
    font-weight: bold;
    color: #2d2d2d;
}
.view-pdp-other-options .views-row .recommended-options-section .content-main .key-notes-main ul {
    padding-left: 20px;
    margin-bottom: 0;
}
.view-pdp-other-options .views-row .recommended-options-section .content-main .key-notes-main ul li {
    font-size: 14px;
    color: #1d2021;
    font-weight: normal;
    font-family: "Helvetica";
    line-height: 22px;
}
.view-pdp-other-options .views-row .recommended-options-section .content-main .key-notes-main ul li::marker {
    color: #f38c0d;
}
.view-pdp-other-options .views-row .recommended-options-section .image-main {
    width: 45%;
}
/* For remove header sticky in PDP, Cart & checkout pages*/
.node--type-brochures .new_primary_menu, .node--type-brochures .desktop__header,
.node--type-product-display .new_primary_menu, .node--type-product-display .desktop__header,
.path-cart .new_primary_menu, .path-cart .desktop__header,
.path-checkout .new_primary_menu, .path-checkout .desktop__header, .no-upfront-cost .desktop__header, .path-our-reviews .new_primary_menu, .path-our-reviews .desktop__header{
    position:relative !important;
}
.node--type-brochures .layout-main-wrapper, .node--type-product-display .layout-main-wrapper,
.path-cart .layout-main-wrapper, .path-our-reviews .layout-main-wrapper {
    margin-top:0 !important;
}
.node--type-brochures .sticky__header__space, .node--type-product-display .sticky__header__space,
.path-cart .sticky__header__space, .path-checkout .sticky__header__space, .no-upfront-cost .sticky__header__space, .path-our-reviews .sticky__header__space{
    min-height: 0 !important;
}
.user-logged-in.toolbar-horizontal.node--type-brochures .desktop__header,
.user-logged-in.toolbar-horizontal.node--type-product-display .desktop__header,
.user-logged-in.toolbar-horizontal.no-upfront-cost .desktop__header{
    top:0;
}
/*Fundraising Key Notes*/
.view-content .views-row .view__desc ul li::marker{
    color: #f38c0d;
}
.view-content .views-row .view__desc ul {
    text-align: left;
}
.page-view-taxonomy-term.page-vocabulary-product-type .block.block__our__products .view-content .views-row ul {
    margin-top: 0;
}
/*Fundraising Key Notes - Main Category Bullet points alignment*/
.page-vocabulary-vocabulary-10 .view__description {
    display: inline-block;
}
/*spacing alignment in prize program popup*/
.prize-program-body .orange__button {
    margin-top: 35px;
}
/*show red asterisk sympol in resource page*/
.path-node.resources-page .webform-submission-form .js-form-item label.form-required {
    display: inline-block;
}
/*Red asterisk sympol alignment in captche field*/
.webform-submission-form .js-form-item.js-form-item-captcha-response label.form-required::after {
    visibility: visible;
    margin: -8px 0 0 85px;
    font-size: 20px;
}
/*Rating stars alignment- category pages*/
.ratting {
    margin-top: 12px;
    min-height: 24px;
}
/*
.block.block__our__products .view-content .views-row, .our--products .stamped-badge {
    cursor:default !important;
}
*/
.path-checkout select option[value="AK"], .path-checkout select option[value="AS"], 
.path-checkout select option[value="AA"], .path-checkout select option[value="AE"], 
.path-checkout select option[value="AP"], .path-checkout select option[value="GU"], 
.path-checkout select option[value="HI"], .path-checkout select option[value="MH"], 
.path-checkout select option[value="FM"], .path-checkout select option[value="MP"], 
.path-checkout select option[value="PW"], .path-checkout select option[value="PR"], 
.path-checkout select option[value="VI"] {
    display:none;
}
/* BFRI-1099 Fix */
/* .highlighted {
    margin-top: 5%;
} */
/* .recommended-options alignment */
.view-pdp-other-options .view-header, .recommended-options .view-header {
    margin-top:18px
}
/* Math Question alignment */
.pdp-popup-form.ui-dialog.ui-widget-content .webform-submission-form .js-form-item-captcha-response label.form-required::after {
    margin: 3px;
}
.pdp-popup-form.ui-dialog.ui-widget-content .webform-submission-form .js-form-item-captcha-response label.error{
    width:100%;
}
/* Header Space - Fix */
.cart-page.user-logged-in.toolbar-horizontal .desktop__header, .checkout-page.user-logged-in.toolbar-horizontal .desktop__header {
    top:0;
}

/*body elements BFRI-*/
a.faq-focus, .how-it-works a {
    color: #0b5c70 !important;
    text-decoration: underline !important;
    font-weight: normal;
    font-size: 16px;
    font-family: "Helvetica";
    cursor: pointer
}
a.faq-focus:hover, .how-it-works a:hover{
    font-weight: bold;
    color: #0000ff !important;
}
.subheader-html{
    display:ruby;
    width:93%
}
.how-it-works{
    Padding-bottom:12px;
}
.how-it-works strong{
    color: #0b5c70;
    font-weight: bold;
    font-size: 16px;
    font-family: "Helvetica"
}
.have-question {
    display:flex;
    margin: 25px 0 15px;
}
.have-question p {
    margin:0 5px 0 0;
}
.subheader-html h6{
    font-family: skolar-latin, serif;
    font-size: 16px;
    font-weight: 600
}
.logo-required{
    color: red;
}
.node--type-product-display .subheader-html {
    padding-top: 10px;
}
.checkout-page p.tax_exemption_note {
    font-size:12px;
    font-weight:600;
    padding-bottom:12px;
    margin-left:12px;
    color:#7a7878;
}
/*Popcorn Fundraisers page block spacing*/
.direct-popcorn-fundraisers .block__our__products:nth-child(2) {
    position: relative;
    top: -50px;
}

.donation-online-pdp .fundraising-steps-main .fund-step-container ,
.custom-apparel-online-pdp .fundraising-steps-main .fund-step-container {
    width: 25%;
}

form.webform-submission-start-an-online-fundraiser-cao-form div[data-drupal-selector="edit-program-04"] :first-child {
    flex:1.3
}
    
@media screen and (max-width: 991px) {
    .donation-online-pdp .fundraising-steps-main .fund-step-container ,
    .custom-apparel-online-pdp .fundraising-steps-main .fund-step-container {
        width: 100%;
    }
     /* Start Date alignment - Apple devices */
    .pdp-popup-form input[name="start_date"]{
        padding-right: 60%;
    }
    .prize-program-body .orange__button {
        margin-top: 10px;
    }
    /*Sticky Highlight box*/
    .node--type-product-display .block__sticky.highlight {
        border: 3px solid red !important;
    }
    /*Direct Sale PDP Recommended options for Mobie & Tab devices*/
    .view-pdp-other-options .views-row .recommended-options-section {
        display:block;
    }
    .view-pdp-other-options .views-row {
        width:33.33%;
        padding: 10px;
    }    
    .view-pdp-other-options .views-row .recommended-options-section .image-main {
        width:100%;
    }
    .view-pdp-other-options .views-row .recommended-options-section .image-main img {
        width:100%;
    }
    .view-pdp-other-options .views-row .recommended-options-section .content-main {
        width:100%;
        margin-top: 10px;
    }
    /*Remove Space in Brochure & Product PDPs*/
    .node--type-product-display .node__content,
    .node--type-brochures .node__content {
        margin-top: 0 !important; 
    }
    /*Body Title Design*/
    .node--type-product-display .field--name-title, .node--type-brochures .field--name-title {
        font-family: skolar-latin, serif;
        font-weight: 700;
        font-style: normal;
        color: #464443;
        font-size: 32px;
        line-height: 35px;
        margin-bottom: 20px;
        display: block;
    }
}
@media screen and (max-width: 767px) {
    .ratting {
        min-height: auto;
    }
    .view-pdp-other-options .views-row {
        width:100%;
    }
    .view-pdp-other-options .views-row .recommended-options-section .image-main img {
        width:100%;
    }
    .direct-popcorn-fundraisers .block__our__products:nth-child(2) {
      top: 0;
    }
}
@media screen and (max-width: 470px) {
    .have-question {
        display:block;
    }

    .have-question p:nth-child(2), .have-question p:nth-child(3) {
        display: inline-block;
        margin-right: 20px;
    }
} 
@media screen and (min-width: 991px) {
    /*Stanley Mug Design Custom SAF,SAOF*/
    .pdp-popup-form .webform-submission-custom-start-online-fundraiser-form .webform-radio-options,  .pdp-popup-form .webform-submission-custom-start-a-fundraiser-form .webform-radio-options {
        display: grid;
        grid-template-columns: auto auto auto auto auto !important;
        width: 95% !important;
    }
    .customer-portal-banner-section {
        margin-top: 60px;
    }
}


@media (min-width: 1199px) {
    .path-our-reviews #main-wrapper .custom-reviews-page .reviews-banner .container {
        max-width: 1260px !important;
        width: 100%;
    }
}