@font-face {
    /*font-family: 'Pacifico';*/
    font-family: "Inter rev=1";
    font-style: normal;
    font-weight: 400;
    /*src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2) format('woff2');*/
    font-display: swap;
}
body {
    color: #222222 ;
    font-size: 16px;
}
.main-nav.dark, .main-nav-dark{
    background-color: #222222 ;
}
.font-alt {
    font-family: "Open Sans", arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
.join::after {
    border-width: 2px;
    border-style: solid;
    border-color: #f6891f;
    border-radius: 10px;
    /* width: 120px; */
    /* height: 40px; */
    content: "";
    left: -43px;
    /* top: 20px; */
    position: relative;
    z-index: -500;
    /* display: block; */
    /* float: right; */
    /* content: 'JOIN'; */
    /* line-height: 50px; */
    color: red;
    /* font-size: 2em; */
    padding: 7px 23px 10px 23px;
}
input#edit-actions-submit {
    background-color: #f6891f;
    padding: 15px 60px 15px 60px ;
}
input#edit-actions-submit:hover{
    background-color: #fff;
    border-color: #f6891f;
    border-style: solid;
    border-width: 3px;
    color: #f6891f;
    padding: 15px 60px 15px 60px ;
}
blockquote {
    margin: 2em 0 2em 0;
    padding: 0;
    border: none;
    background: none;
    font-style: normal;
    line-height: 1.7;
    color: inherit;
}
blockquote p {
    margin-bottom: 2em;
    font-size: .8em;
    font-weight: normal;
    font-style: normal;
    line-height: 1.6;
}
blockquote footer, blockquote small, blockquote .small {
    display: block;
    font-size: .8em;
    line-height: 1.42857143;
    color: inherit;
}
blockquote footer {
    text-transform: initial;
    font-size: .8em;
    font-weight: normal;
    letter-spacing: normal;
}
.black {
    color: #222222  !important;
}
input#edit-phone-phone.webform-webform-telephone-international {
    margin-left: 50px;
    height: 37px;
    padding-left: 15px;
}
.logo-svg {
    width: 300px;
}
/*.logo-svg{*/
/*    margin-left: 20px;*/
/*}*/
/*.logo-svg:after {*/
/*    display: block;*/
/*    content: ' ';*/
/*    background-image: url(/Everyone.svg);*/
/*    !*background-size: cover;*!*/
/*    !*height: 30px;*!*/
/*    !*width: 250px;*!*/
/*    background-size: cover;*/
/*    height: 40px;*/
/*    width: 300px;*/
/*    !*top: -20px;*!*/
/*    position: absolute;*/
/*}*/
/*@media only screen and (max-width: 600px) {*/
/*    .logo-svg:after {*/
/*        height: 20px;*/
/*        width: 150px;*/
/*    }*/
/*}*/

.footer-menu a{
    color: #ffffff;
}
.w-100{
    width:100%;
}
.mn-sub {
    background: #222222;
}
.bg-dark-alfa-30:before, .bg-dark-alfa-30 .YTPOverlay:before {
    background: none;
}
.page-section{
    padding: 0;
}
.page-section .home-content{
    padding-bottom: 100px;
}
a {
    color: #222222 ;
    text-decoration: none;
}
.vcenter-inrow{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#block-tabs .nav-tabs a.is-active, #block-tabs .nav-tabs a.is-active:hover, #block-tabs .nav-tabs a.is-active:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}
#block-tabs .nav-tabs a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.tb-megamenu-item .dropdown-toggle::after {
    all: unset;
}
li.tb-megamenu-item.level-1 {
    font-weight: bold;
}
.company-header span.field-content.co-name {
    margin-top: 0px;
    margin-bottom: 30px;
    font-size: 4em;
    padding-bottom: 30px;
    color: #ffffff;
    display: block;
}
#block-menumobile .nav-logo-wrap {
    background: #222222 ;
    width: 100%;
}
.white a, .white a:hover{
    color: #FFFFFF;
    text-decoration: none;
}
.btn-mod.btn-border:hover, .btn-mod.btn-border:focus {
    background: #222222 ;
}
.btn-mod.btn-border {
    color: #fff ;
    /*border: 2px solid #222222 ;*/
}
.page-section .home-content {
    padding-bottom: 30px;
}
#block-herobanner .form-item, #block-herobanner .form-actions {
    margin-top: 0;
    margin-bottom: 0px !important;
}
.banner-paragraph p{
    margin-bottom: 0px;
}
#block-herobanner #edit-email{
    text-align: center;
}
#block-herobanner #edit-actions-submit{
font-weight: 700;
}
#edit-country, #edit-first-name, #edit-email, #edit-last-name, #edit-title, #edit-company, #edit-message{
    border: 2px solid #222222 ;
    padding: 25px;
    font-weight: 700;
    font-size: 1em;
}
.webform-submission-subscribe-form .form-item-email {
    float: left;
    margin-right: 2px;
    width: 100%;
    margin-left: 0;
}

/*.webform-submission-subscribe-form .form-item-email {*/
/*    margin-right: 0 !important;*/
/*    width: 0 !important;*/
/*    margin-left: 0 !important;*/
/*}*/
.pr-list {
    color: #222222 ;
}
.pr-per {
    color: #222222 ;
}
.pr-list li {
    border-bottom: 1px solid #222222 ;
}
.pr-list li:first-child {
    border-top: 1px solid #222222 ;
}
.article-category{
    height:50px;
}
.widget-title{
    font-weight: bold;
    color:#222222 ;
    border-bottom: none;
    /*border-top: 2px solid #222222 ;*/
    padding-top: 20px;
}
.node--type-article a{
    color:#f6891f
}
.row {
    margin-left: initial;
}
.section-text, .tpl-tabs-cont {
    color: #222222 ;
}
.alt-features-descr {
    color: #222222 ;
}
.container-fluid{
    padding: 0;
}
input#edit-login-returning-customer-submit {
    margin-top: 15px;
}
input#edit-submit.button--add-to-cart.btn-mod, a button.button--add-to-cart.btn-mod{
    background: #0096d0 ;
}
div.form-item-payment-information-billing-information-field-phone-0-value input[type="tel"],
div.form-item-payment-information-add-payment-method-billing-information-field-phone-0-value input[type="tel"]
{
    width: 100%;
    height: 37px;
    padding-left: 13px;
    padding-right: 13px;
    font-size: 12px;
}
td.views-field-title a {
    font-weight: bold;
    font-size: 1.25em;
}
.stripe-form .form-text {
    height: 37px;
    border: 1px solid #ccc;
    color: #3b3b3b;
    font-size: 12px;
    box-sizing: border-box;
    margin: 2px 0;
    padding: 9px 13px 9px 13px;
    line-height: 1.5;
    letter-spacing: 1px;
    width: 200px !important;
}
#edit-actions input.button--primary, #edit-actions input.button--primary:hover{
    background: #222222 ;
    color:white;
}
.btn-mod, a.btn-mod {
    background: #0096d0 ;
}
a {
    /*text-decoration: underline !important;*/
    font-weight: bold !important;
}
article div.field--name-body {
    margin-bottom: 20px;
}
div.event-items img{
    width:100%;
    max-height: 178px;
}

div.event-items{
    height: 350px;
}
div.event-items a.read-more{
    color: #fff ;
}
div.views-field-view-node{
    width:100%;
}
.views-field.views-field-views-conditional-field {
    width: 100%;
}
#views-exposed-form-events-page-1{
    text-align: center ;
}
.clearboth {
    clear: both;
}
#edit-sidebar-coupon-redemption-form .btn{
    margin-left: 30px
}
span.bottom-right>a{ 
    position: absolute;
    bottom: 0;
    right: 30px;
}
.members h3{
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 3em;
}
.mb-10:has(.btn-center) {
    text-align: center;
}
.bg-cover p{
    margin-bottom: 0;
}
.grid-striped .row:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);

}
@media screen and (min-width: 601px) {
    .event.title {
        font-size: 80px;
        color: white;
        line-height: 1.1;
    }
    .event.subtitle {
        font-size: 36px;
        color: white;
    }
    .event.text {
        font-size: 24px;
        color: white;
    }
    .event.other {
        font-size: 80px;
        color: white;
    }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
    .event.title {
        font-size: 40px;
        color: white;
        line-height: 1.1;
    }
    .event.subtitle {
        font-size: 18px;
        color: white;
    }
    .event.text {
        font-size: 14px;
        color: white;
    }
    .event.other {
        font-size: 80px;
        color: white;
    }
}