/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/
:root {
    --sand: #DA9956;
    --ocean: #5187A3;
    --green: #76A17A;
    --forest: #29625F;
    --ice: #EDF2F7;
    --stone: #75939F;
    --rocks: #445055;
    --storm: #CBCCCF;
    --cloud: #E7E7E7;
    --light: #F1F6F9;
    --white: #FFFFFF;
    --dark: #272D30;
    --error: #ED4B4B;

}

/* HELPERS */
.width-100 {
    width: 100%
}

@media(max-width: 768px) {

    .width-sm-100 {
        width: 100%
    }
}

/* Gravity Forms Styling START */
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
    background: var(--ocean) !important;
}

.gform_next_button.button {
    background-color: var(--sand) !important;
    border-radius: 4px !important;
}

.gform_save_link.button {
    border-radius: 4px !important;
}

.ginput_container_fileupload>input[type=file]+label,
.ginput_container_post_image input[type=file]+label {
    color: var(--ocean)
}

/* .gform_wrapper.gravity-theme .gform_previous_button.button, .gform_wrapper.gravity-theme .gform_save_link.button {
    color: var(--sand) !important;
} */
/* Gravity Forms Styling END */


/* Events Calendar Pro Styling START*/
.tribe-events .tribe-events-header__events-bar.tribe-events-c-events-bar--border .tribe-events-c-events-bar__search-container .tribe-events-c-search__button {

    background: var(--sand);
}

.tribe-events .tribe-events-calendar-month .tribe-events-calendar-month__body .tribe-events-calendar-month__day:hover:after {
    background: var(--sand);
}

.tribe-events .tribe-events-calendar-month .tribe-events-calendar-month__body .tribe-events-calendar-month__day .tribe-events-calendar-month__multiday-event-bar-inner {
    background: var(--sand);
}

.tribe-events .tribe-events-c-top-bar__datepicker-container .datepicker .table-condensed tbody tr td .active,
.tribe-events .tribe-events-c-top-bar__datepicker-container .datepicker .table-condensed tbody tr td .current,
.tribe-events .tribe-events-c-top-bar__datepicker-container .datepicker .table-condensed tbody tr td .focused {
    background: var(--sand);
}

.single-tribe_events .bs-event-heading .tribe-event-schedule-short .bs-schedule-short-m {
    color: var(--sand);
}

.single-tribe_events .bs-event-heading .tribe-event-schedule-long h2 {
    color: var(--rocks) !important;
}

.tribe-events .tribe-events-calendar-list .tribe-events-calendar-list__event-wrapper .tribe-events-calendar-list__event-header .tribe-events-calendar-list__event-title a:active,
.tribe-events .tribe-events-calendar-list .tribe-events-calendar-list__event-wrapper .tribe-events-calendar-list__event-header .tribe-events-calendar-list__event-title a:focus,
.tribe-events .tribe-events-calendar-list .tribe-events-calendar-list__event-wrapper .tribe-events-calendar-list__event-header .tribe-events-calendar-list__event-title a:hover {
    color: var(--ocean)
}

.tribe-events .tribe-common-c-svgicon {
    color: var(--ocean);
}

/* Events Calendar Pro Styling END*/


/* Google maps Styling  START*/

.acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 0;
}

/* Google maps Styling  END*/


/* Single Schools Template Styling START */

/* Profile content section START  */

.facet-wrapper {
    display: flex;
    column-gap: 5px;
    flex-wrap: wrap;
}

.facetwp-facet {
    margin-bottom: 20px !important;
}

.facetwp-dropdown {
    font-size: 12px !important;
}

.facetwp-search {
    font-size: 12px !important;
}

.facetwp-facet input.facetwp-search,
.facetwp-facet input.facetwp-location {
    min-width: 150px !important;
}

.profile-row .facetwp-map-filtering {
    display: none;
}

.profile-row {
    display: grid;

}

.profile-column.left {
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .profile-row {
        grid-template-columns: 8fr 4fr;
    }

    .profile-column.left {
        margin-bottom: 0px;
        border-right: 1px solid #ececec;
    }

    .profile-column {
        padding: 0px 15px 15px 15px;
        /* border: 1px solid #dadada; */
    }
}

@media(max-width: 768px) {
    .map-container .facetwp-facet {
        margin-bottom: 10px;
    }
}



.contact-container table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.contact-container table tbody td {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px !important;
}


.focus-area-container {
    margin-bottom: 30px;
}


.cta-container .button.cta {
    border-radius: 4px;
}

/* Profile content section END  */

/* Badge Ratnig system START  */
.badge-rating {
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    grid-gap: .5rem;
    display: grid;
    /* flex-wrap: wrap; */
}

.badge-rating img {
    width: 90px;
    height: 90px;
    object-fit: contain;
}

.badge-rating img:not(:last-child) {
    margin-right: 3px;
}

/* Badge rating system END  */

/* Star Ratnig system START  */
.star-rating {
    display: flex;
    align-items: center;
}

.star-rating svg {
    width: 10px;
    height: 10px;
    color: #ff9900;
}

@media (min-width: 768px) {
    .star-rating svg {
        width: 12px;
        height: 12px;
        color: #ff9900;
    }
}

.star-rating svg:not(:last-child) {
    margin-right: 3px;
}

.star-rating-wrapper {
    display: flex;
    align-items: center;
}

.info-icon {
    margin: 0 5px;
}

/* Star Ratnig system END  */


/* focus area tabs START */

.top-banner-section-wrapper .row-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.rc_column {
    /* padding: 0 12px; */
}

.rc_column.one {
    display: flex;
    justify-content: center;
}

.rc_column.two {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.top-banner-heading-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

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

.rc_column.two .profile_type {
    text-transform: capitalize;
    font-size: 12px;
    color: white;
    font-weight: 500;
    border-radius: 100px;
    padding: 6px 12px;
    background: var(--sand);
    line-height: 1;
    margin-bottom: 5px;
    ;
}

@media (min-width: 768px) {
    .top-banner__heading {
        margin-bottom: 0px;
    }

    .top-banner-heading-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-items: center;
        margin-bottom: 10px;
    }

    .rc_column.two .profile_type {
        margin-left: 10px;
    }
}

.rc_column.one img {
    width: 150px;
    height: auto;
    object-fit: cover;
    margin-bottom: 20px;
}

.rating-pre-text {
    font-size: 14px;
    /* color: var(--storm); */
    padding-right: 10px;
}

.rating-wrapper {
    /* display: flex; */
    margin-bottom: 15px;
}

.rc_description p {
    font-size: 14px;
    line-height: 1.4em;
    margin-bottom: 0;
}

@media(min-width: 768px) {

    .rc_column {
        padding: 0 12px;
    }

    .top-banner-section-wrapper .row-wrapper {
        align-items: center;
        justify-content: unset;
    }

    .rc_column.one {
        width: 20%;
    }

    .rc_column.one img {
        max-width: 180px;
        max-height: 180px;
        object-fit: cover;
    }

    .rc_column.two {
        display: block;
        width: 70%;
        justify-content: left;
        text-align: left;
    }
}

/* Tab styling START */
.tabs {
    margin: 20px;
    padding: 0;
    list-style: none;
    position: relative;
    border-bottom: 1px solid #e7e9ec;
}

.tabs .active-tab {
    border-top: 1px solid #e7e9ec;
    border-left: 1px solid #e7e9ec;
    border-right: 1px solid #e7e9ec;
    border-bottom: none;
    position: relative;
    color: black;
}

.tabs .active-tab:after {
    width: 100%;
    height: 2px;
    position: absolute;
    content: "";
    bottom: -0.1em;
    left: 0;
    background: white;
}

.tabs li {
    display: inline-block;
    cursor: pointer;
    color: #939597;
    padding: 5px 10px;
}

.tabs li:first-child {
    margin-left: 10px;
}

.tabs-content {
    margin: 0px;
    padding: 0;
    list-style: none;
}

.tabs-content li {
    display: none;
}


@media(min-width: 768px) {
    .tabs-content {
        margin: 20px;
        padding: 0;
    }
}


/* Tab styling END */

ul.focus-area {
    list-style: unset;
    margin: 0;
    display: flex;
    margin-bottom: 8px;
    margin: 0 -30px 10px 0px;
    overflow: auto;
    white-space: nowrap;
}

ul.focus-area li {
    /* color: white;
    font-size: 11px;
    padding: 2px 8px;
    background: var(--stone);
    border-radius: 100px;
    line-height: 1.7em; */

    line-height: 1em;
    font-size: 14px;
    font-weight: 500;
    fill: #000000;
    color: #000000;
    background-color: #F3F3F3;
    border-radius: 50px 50px 50px 50px;
    padding: 10px 18px 10px 18px;
}

ul.focus-area li a {
    color: var(--dark);
}

ul.focus-area li:not(:last-child) {
    margin-right: 3px;
}

ul.focus-area li:last-child {
    margin-right: 5px;
}

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

/* Focus area tabs END */

/* Single Schools Template Styling END */


/* Locator archive START */
ul.s-card-wrapper {
    margin: 0;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    grid-gap: 1rem;
    display: grid;
}

.card-phone-icon {
    margin-right: 5px;
}

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

li.s-card {
    /* flex: 0 1 48%; */
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgb(18 43 70 / 12%), 0 0 0 1px #e7e9ec;
    border-radius: 3px;
    /* padding: 5px; */
    padding: 20px;
    margin-bottom: 4%;
    transition: box-shadow 300ms ease-in-out;
}

@media(min-width: 768px) {
    li.s-card {
        flex: 0 1 25%;
    }
}

li.s-card:hover {
    box-shadow: 0 0 30px rgb(201, 201, 201);
}

.s-card-inner {
    display: flex;
    flex-direction: column;
}

.s-card-header {
    /* min-height: 100px; */
    margin-bottom: 8px;

}

.s-card-header .image-wrapper {
    width: 85px;
    height: 85px;
    /* border: 1px solid #f1f6f9; */
    border-radius: 4px;
    /* padding: 5px; */
}

.s-card-header .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    ;
}

.s-card-body .info-wrapper h2 {
    font-size: 1.1rem;
    margin-bottom: 0px;
    line-height: 1.3em;
}

@media(min-width: 768px) {
    .s-card-body .info-wrapper h2 {
        margin-bottom: 10px;
    }
}


.s-card-body .copy-wrapper {
    font-size: 0.7rem;
    line-height: 1.7em;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.s-card-body {
    margin-bottom: 10px;
    border-bottom: 1px solid var(--storm);
    padding: 15px 0;
}

.s-card-footer {
    margin-top: auto;
}

.s-card-footer .cta-wrapper {
    font-size: 14px;
    font-weight: 600;
}

.facetwp-map-filtering {
    display: none;
    padding: 8px 15px;
    border-radius: 5px;
    border: 1px solid #ccc;
    color: var(--dark);
    background: unset;
}

.contact-details-wrapper {
    color: rgb(141, 141, 141);
    font-size: 12px;
    display: flex;
    flex-direction: column;
    line-height: 1.8em;
    font-weight: 500;
}

.s-card-footer a.button.cta {
    font-size: 14px;
    border-radius: 4px;
    margin-top: 20px;
    padding: 8px 16px;
}

/* Locator archive END */


/* Elementor Styling START */

.blog-news-post-grid {}

.blog-news-post-grid .elementor-post__thumbnail {
    border-radius: 10px;
}


.elementor-posts__hover-gradient .elementor-post__card .elementor-post__thumbnail__link:after {
    border-radius: 10px;
}

.facet-dropdown .elementor-shortcode {
    display: flex;
    column-gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.facet-dropdown .facetwp-dropdown {
    width: 100%;
}


.facet-dropdown .facetwp-type-dropdown {
    margin-bottom: 0px;
    width: 100%;
}

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

/* Homepage  */

.elementor-posts--thumbnail-top .elementor-post__thumbnail__link {
    margin-bottom: 0px !important;
}


@media (min-width: 768px) {
    .facet-dropdown .facetwp-type-dropdown {
        margin-bottom: 0px;
        width: auto;
    }
}

/* Elementor Styling END */

/* Mini cart Styling  START */

.header-mini-cart ul.cart_list li.mini_cart_item .variation {
    display: none;
}

/* Mini cart Styling  END */

/* Yith Booking Styling START  */
.yith-wcbk-date-range-picker.yith-wcbk-date-range-picker--opened-from input.yith-wcbk-date-picker--formatted.yith-wcbk-booking-start-date,
.yith-wcbk-date-range-picker.yith-wcbk-date-range-picker--opened-to input.yith-wcbk-date-picker--formatted.yith-wcbk-booking-end-date {
    background: var(--sand) !important;
}

.yith-wcbk-datepicker.ui-datepicker td:not(.ui-state-disabled):hover a,
.yith-wcbk-date-picker--inline .ui-datepicker td:not(.ui-state-disabled):hover a {
    background: var(--ocean) !important;
}

.yith-wcbk-datepicker.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close,
.yith-wcbk-date-picker--inline .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close {
    color: var(--sand) !important;
}

.yith-booking--simple-style .yith-wcbk-datepicker.ui-datepicker td:not(.ui-state-disabled):hover,
.yith-booking--simple-style .yith-wcbk-date-picker--inline .ui-datepicker td:not(.ui-state-disabled):hover {}

.yith-booking-meta .yith-booking-checkin,
.yith-booking-meta .yith-booking-checkout {
    text-align: left;
}

/* Yith Booking Styling END  */




/* GRAVITY FORMS STYLING START  */

.gfield select {
    /* height: 50px !important; */
}

h1.gf-heading-title {
    /* font-size: 36px;
    weight: 600px; */
    /* text-align: center; */
}

.gform_wrapper.gravity-theme .gf_page_steps {
    display: flex;
    overflow-x: auto;
    border-bottom: none !important;
    margin-bottom: 50px !important;
}

.gf_step_label {
    white-space: nowrap;
}

.gform_wrapper .gf_page_steps .gf_step_active .gf_step_label {
    background: #76A17A;
    /* padding: 17px 50px 17px 50px !important; */
    border-radius: 4px;
    color: white;
}

.gform_wrapper .gf_page_steps .gf_step_pending .gf_step_label {
    color: #76A17A;

}

.gform_wrapper .gf_page_steps .gf_step_completed .gf_step_label {
    background: #76A17A;
    opacity: 0.5;
    color: white;
}

.gform_wrapper.gravity-theme .gf_step_number {
    display: none !important;
}

.gform_wrapper.gravity-theme .gf_step:not(:last-child) {
    margin-right: 30px !important;
}

.gform_wrapper.gravity-theme .gf_step_label {
    color: white;
    border: 1px solid #76A17A;
    padding: 17px 50px 17px 50px !important;
    border-radius: 4px;
}


@media (max-width: 768px) {
    .gform_wrapper.gravity-theme .gf_step_label {
        padding: 12px 30px 12px 30px !important;
    }

    .gform_wrapper.gravity-theme .gf_step:not(:last-child) {
        margin-right: 15px !important;
    }

    h1.gf-heading-title {
        text-align: left;
    }
}


/* Toggle Switch Styling START*/

.m-toggle .toggle-text {
   position: absolute;
   left: 68px;
   top: 6px;
}
  

.m-toggle .gfield_checkbox input {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}

.m-toggle .gfield_checkbox input+label {
    display: block;
    position: relative;
    cursor: pointer;
    user-select: none;
}

.m-toggle .gfield_checkbox input+label {
    padding: 2px;
    width: 60px;
    height: 30px;
    border: 1px solid #BEBFC3;
    border-radius: 100px;
    transition: background 0.4s;
}

.m-toggle .gfield_checkbox input+label:before,
.m-toggle .gfield_checkbox input+label:after {
    display: block;
    position: absolute;
    content: "" !important;

}

.m-toggle .gfield_checkbox input+label:before {
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: transparent !important;
    border: unset !important;
    border-radius: 100px;
    transition: background 0.4s;
}

.m-toggle .gfield_checkbox input+label:after {
    top: 4px;
    left: 4px;
    bottom: 4px;
    width: 20px;
    background-color: #5187A3;
    border-radius: 100px;
    transition: margin 0.4s, background 0.4s;
}

.m-toggle .gfield_checkbox input:checked+label {
    background-color: #5187A3;
}

.m-toggle .gfield_checkbox input:checked+label:after {
    margin-left: 30px;
    background-color: white;
}


.gform_wrapper.gravity-theme .gfield-choice-input {
    top: auto !important;
}

/* Toggle Switch Styling END*/

/* Image Checkbox Styling START */
.gfield_radio .gchoice {
    display: inline;
    padding: 5px;
    white-space: nowrap;
}

/* #input_1_3001-0 .gchoice label {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #ededed;
    border-radius: 8px;
    margin-right: 0px !important;
    margin-bottom: 20px !important;
    padding: 20px !important;
    max-width: unset !important;
    width: 100% !important;
}

#input_1_3001-0 .gchoice label::before {
    order: 1;
    border-radius: 100px!important;
    margin-top: 20px;
    margin-right: 0px;
    opacity: 0;
}

#input_1_3001-0 .gchoice label svg {
    width: 50px;
    height: auto;
    margin-bottom: 10px;
} */

/* Image Checkbox Styling END */

/* Repeater field styling */

.gform_wrapper.gravity-theme .gfield_repeater .gfield_repeater_items .gfield_repeater_item {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #ebebeb !important;
    border-radius: 4px;
}

.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_text,
.gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_text {
    min-width: 100px;
    height: auto;
    background: var(--sand);
    transition: all .3s cubic-bezier(.67, .17, .4, .83);
    font-size: 12px;
    color: white;
    border-radius: 20px;
    margin-right: 8px;
    margin-bottom: 8px;
    border: unset;
    font-weight: 400;
}

.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_plus:hover,
.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_text:hover,
.gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_minus:hover,
.gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_text:hover {
    background: #fafafa;
    color: #374750;
    border: unset;
}

.gform_wrapper.gravity-theme .gfield_repeater_cell label {
    padding-top: 0px !important;
}

/* SEMP Planning Form Footer  */
.semp-contact-buttom {
    color: var(--ocean);
    border: 1px solid var(--ocean);
    padding: 12px 32px;
    display: inline-block;
    margin-bottom: 2rem;
    border-radius: 4px;
}

.semp-contact-buttom:hover {
    background: #f7f0f0;
}

.gform_wrapper.gravity-theme .gfield_repeater_cell .gfield_label {
    color: unset;
    font-weight: 700;
    margin-bottom: 8px;
    display: inline-block;
    padding: 0;
    font-size: 16px;
}

/* SEMP Form Description */

.gform_wrapper.gravity-theme .description,
.gform_wrapper.gravity-theme .gfield_description,
.gform_wrapper.gravity-theme .gsection_description,
.gform_wrapper.gravity-theme .instruction {
    color: var(--sand);
}

.gfield_description {
    color: var(--sand);
}

.gform_wrapper.gravity-theme .gfield_repeater_cell label {
    color: unset;
    font-weight: unset;
    font-size: unset;
    padding-top: 0px;
}

.gfield_radio input[type=radio]:checked+.bb-radio-label:after,
.gfield_radio input[type=radio]:checked+label:after {
    top: 7px !important;
}

.gfield_label {
    color: var(--ocean);
    font-weight: 500 !important;
}


/* Woocommerce Gravity forms */

.woocommerce div.product .gfield_label {
    color: var(--dark);
}

/* GRAVITY FORMS STYLING END  */


/* Buddy Boss Overrides  */
.primary-menu .current-menu-ancestor>a,
.primary-menu .current-menu-item>a,
.primary-menu .current-menu-parent>a,
.primary-menu .current_page_item>a {
    color: var(--ocean);
}

/* SEMP Card START */
.semp-hero-wrapper {
    margin-bottom: 40px;
}

.semp-card-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-column-gap: 50px;
}

/* SEMP Card END  */


/* Request Sponsor Section Woocommerce  */

.sponsor-container>div>form {
    border: 1px solid #ececec;
    margin-bottom: 20px;
    padding: 10px;
}

/* Hide Footer on activation page Quick Fix */
.activation.activate [data-elementor-type="footer"] {
    display: none !important;
}

/* Hide GF title  */
.gform_heading {
    margin-bottom: 40px;
    /* text-align: center; */
}

/* Hide page titles for SEMP  */

/* #post-8335, #post-7595, #post-7619 .entry-header h1.entry-title {
    text-align: center;
}  */


.partners-page-header {
    text-align: center;
    margin-bottom: 40px;
}

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

.semp-form-disclaimer-text {
    font-size: 12px;
    margin-bottom: 40px;
}

.refresh-browser-button {
    cursor: pointer;
}

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


/* Custom whatsApp button START */
.floating-whatsapp {
    /*     z-index: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 60px;
    right: 10px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 0 0 0 #25d366;
    transition: all .3s ease-in-out;
    animation: pulse-border 1.5s cubic-bezier(.66,0,0,1) infinite; */
    background: #25d366;
    color: white;
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 35px;
    text-decoration: none;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }

    80% {
        box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
    }
}

.my-float {
    width: 30px;
    filter: invert(1);
    height: 30px;
    max-width: unset;
}

/* Custom whatsApp button END */




/* New Sign up registration process styling START  */

form.pmpro_form label,
#loginform label {
    font-weight: 400;
    color: #75939F;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.01em;
    text-align: left;

}

form.pmpro_form input[type=text],
form.pmpro_form input[type=password],
form.pmpro_form input[type=email],
form.pmpro_form input[type=number],
form.pmpro_form textarea,
form.pmpro_form select,
#loginform input[type=text],
#loginform input[type=password] {
    background: white;
    max-width: 97%;
}

input[type=checkbox],
input[type=radio] {
    width: auto !important;
}

.pmpro_checkout-fields {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pmpro_checkout-fields .pmpro_checkout-field label {
    text-transform: lowercase;
}

.pmpro_checkout-fields .pmpro_checkout-field label::first-letter {
    text-transform: capitalize;
}

.pmpro_checkout-field {
    width: 100%;
}

.pmpro_checkout-field.w-50 {
    width: 48%;
}

.sign-up-wrapper .checkout-form-wrapper {
    overflow-x: auto;
}

.container.membership-checkout {
    max-width: unset;
    width: 100% !important;
}

.pmpro_checkout-field-radio-items {
    display: inline-flex;
    flex-wrap: wrap;
}

.pmpro_checkout-field-radio-item {
    flex: 1 1 50%;
}

.pmpro_checkout-field-radio-item .pmprorh_radio_label {
    font-size: 14px;
    color: #272D30;
}

.checkout-image-wrapper {
    margin-bottom: 35px;
}

@media (min-width: 1200px) {

    .sign-up-wrapper {
        display: flex;
        height: 980px;
    }

    .checkout-image-wrapper,
    .checkout-form-wrapper {
        width: 50%;
    }

    .checkout-image-wrapper img {
        height: 100vh;
        width: 100%;
        object-fit: cover;
    }

    .checkout-form-wrapper {
        padding: 80px 30px;
    }
}

@media (min-width: 1700px) {
    .checkout-form-wrapper {
        padding: 80px 170px;
    }
}

.level-container {
    margin-bottom: 32px;
}

.level-container__card {
    display: flex;
    justify-content: space-between;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    background-color: white;
    padding: 24px;
    margin-bottom: 12px;
}


.level-container .level-container-heading {
    text-align: center;
    font-family: Nunito;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;

}


.level-container__card p {
    margin: 0;
}

.level-tab {
    background-color: #DA9956;
    padding: 4px 10px;
    text-transform: uppercase;
    color: white;
    border-radius: 20px;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;

}

.level-tab.invite-only {
    background-color: #5187A3;
}

.level-sub-text {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #BEBFC3;

}

.level {
    font-family: Nunito;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #272D30;

}

.level .level-snlector {
    font-family: Poppins;
    font-size: 11px;
    font-weight: 300;
    line-height: 11px;
    letter-spacing: 0em;
    text-align: left;
}

.price-disclaimer {
    color: #75939F;
    margin: 0;
    font-family: Poppins;
    font-size: 11px;
    font-weight: 300;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: center;

}


.membership-form-heading {
    font-family: Nunito;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;

}

.membership-form-description {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;

}


/* Hide Original Content PMPRO checkout  */

.pmpro_checkout-h3-msg,
.pmpro_level_cost {
    display: none !important;
}

.pmpro_checkout-fields p {
    display: none !important;
}

.pmpro_checkout-fields .pmpro_level_cost {
    display: none !important;
}

.pmpro_checkout-h3-name {
    /* display: inline-block !important; */
}

.pmpro_checkout-h3-name h3:first-child {
    display: none !important;
}

#other_discount_code_p {
    margin-bottom: 0px;
}


#pmpro_user_fields .pmpro_checkout-h3-name {
    display: none !important;
}

.pmpro_checkout_decription {
    color: #75939F;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.01em;
    text-align: left;
}


#pmpro_checkout_box-guidance .pmpro_checkout-h3-name {

    display: none;
}

.school-type-wrapper::before {
    display: block;
    content: "";
    height: 1px;
    background-color: #f1f6f9;
    margin: 1rem 0px 1.5rem;
}


#pmpro_pricing_fields {
    display: none;
}

#how_did_you_hear_about_sustainable_schools_div {
    margin-bottom: 0px;

}

/* New Sign up registration process styling END  */

.expired-membership-banner {
	background: var(--sand);
	color: white;
	padding: 16px 32px;
	font-size: 15px;
	font-weight: bold;
	width: calc(100% + 68px);
	margin-left: -34px;
}


.expired-membership-banner .button {
	display: inline-block;
	border: 1px solid var(--ocean);
	color: var(--ocean);
	background: white;
	border-radius: 4px;
	padding: 12px 23px;
	flex-shrink: 0;
	margin-top: 16px;
}

@media (min-width: 768px) {
	.expired-membership-banner {

	}
	
	.expired-membership-banner__content {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.expired-membership-banner .button {
		margin-top: 0;
		margin-left: 16px;
	}
}