/******************************************************************************************

     _                      _
    (_) _ __   ____  _ _   (_) _ __  __ _
    | |( '_ '\/ ,__)( '_'\ | |( '__)/'_' )
    | || | ) )\__, \| (_) )| || |  ( (_| |
    (_)(_) (_)(____/|  __/ (_)(_)   \__,_)
                    | |
                    (_)

    Inspira Digital Alterations - Main Style
    =============================================
    

******************************************************************************************/
/*
/*  MIXINS & VARIABLES
/*
/*  SECTION 0
/*    0.1  -  Edits & Removed Items
/*  SECTION 1
/*    1.1  -  Base Styles
/*    1.2  -  HTML5 Elements
/*    1.3  -  Forms and Inputs
/*    1.4  -  Typography
/*    1.5  -  Links and Buttons
/*    1.6  -  Tables
/*    1.7  -  Icons
/*    1.8  -  Tags
/*
/*  SECTION 2
/*    2.1  -  Helper classes
/*    2.2  -  Grid system
/*    2.3  -  Lists
/*    2.4  -  Global/General
/*
/*  SECTION 3
/*    3.1  -  Header
/*    3.2  -  Navigation
/*    3.3  -  Details Bar
/*    3.4  -  Footer
/*    3.5  -  Homepage
/*    3.6  -  Product & Collections
/*    3.7  -  Cart
/*    3.8  -  Blogs/Articles/Search
/*    3.9  -  Pages
/*    3.10 -  Customer Pages
/*    3.11 -  Card details
/*
/*  SECTION 4
/*    4.1  -  Fancybox plugin
/*    4.2  -  FlexSlider plugin
/*    4.3  -  jQuery Tabs
/*
/**/

/* ====================== */
/*  Edits & Removed Items */
/* ====================== */

/* Newsletter & Social removed */
.newsletter,
.footer__social,
.memberships .exclusive .container,
.memberships .img-wrapper .slider__button{
  display:none !important;
}

/**/
/*==============================================
1.1 Base Styles
================================================*/
/*==============================================
2.1 Helper Classes
================================================*/

.for-mobile {
    display: none;
}
.for-desktop {
    display: block;
}
@media only screen and (max-width: 767px) {
    .for-mobile {
        display: block;
    }
    .for-desktop {
        display: none;
    }
}
/*==============================================
3.10.1  -  Memberships Page
================================================*/

.memberships{
    font-family: 'Montserrat', sans-serif;
}
.memberships .button {
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
}
.memberships .img-wrapper {
    position: relative;
}
.memberships .img-wrapper h2 {
    color: #fff;
    margin-left: auto;
    margin-right: auto;
}
.memberships .img-wrapper img {
    width: 100%;
}
.memberships .slider__cover {
    left: 0px;
    background: rgba(0, 0, 0, .63);
}
.memberships .slider-container {
    display: inline-block;
    text-align: center;
    top: 50%;
    left: 50%;
    position: relative;
    transform: translate(-50%, -50%);
}
.memberships .img-wrapper .slider__button{
  margin-top:30px;
}
.memberships .slider__title{
  margin-bottom:20px;
}
.memberships .slider__subtitle{
  max-width:720px;
}
.memberships .page__content {
    margin-top: 100px;
    margin-bottom: 70px;
}
.memberships .container--shrink {
    max-width: 750px;
}
.memberships h1.page__title {
    margin-bottom: 32px;
    font-size: 30px;
    font-weight: 400;
    text-transform: capitalize;
}

.memberships .rte{
  color:#76777A;
}

.memberships .rte p {
    color: #72767A;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding-bottom: 30px;
    margin: 0px;
}
.memberships .rte ul {
    position: relative;
    padding-left: 15px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 30px;
}
.memberships .rte ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 7px;
    margin-left: 15px;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom:20px;
}
.memberships .rte ul li:before {
    content: "• ";
    color: #3DE8B7;
    font-size: 24px;
    line-height: 1px;
    position: absolute;
    left: 0px;
    margin-top: 8px;
}
.memberships .rte img {
    margin-top: 15px;
    width: 100%;
}

.memberships .rte br{
  display:block;
}

.memberships .rte p.caption {
    font-family: 'Source Sans Pro', sans-serif;
    margin-top: -10px;
    margin-bottom: 0px;
    padding: 0px;
    font-size: 14px;
    font-style: italic;
    line-height: 21px;
}
.memberships .exclusive {
    width: 100%;
    margin: 0px;
    padding: 100px 0px;
    background-color: #3DE8B7;
}
.memberships .exclusive .container {
    display: block;
    max-width: 750px;
    text-align: center;
}
.memberships .exclusive .container h2 {
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 36px;
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
}
.memberships .exclusive .container p {
    margin: 0px auto 50px auto;
    line-height: 22px;
    color: #fff;
    max-width: 460px;
}
.memberships .exclusive .container form {
    text-align: right;
}
.memberships .exclusive .container label {
    color: #fff;
    text-align: left;
    display: block;
    margin-bottom: 8px;
}
.memberships .exclusive .container div.input-styled {
    width: calc(50% - 15px);
    float: left;
    margin-bottom: 20px;
}
.memberships .exclusive .container div.input-styled:nth-child(even) {
    margin-left: 30px;
}
.memberships .exclusive .container div.input-styled input {
    background-color: #6BF2C8;
    color: #fff;
    border: 0px;
}
.memberships .exclusive .container .button {
    border: 2px solid #fff;
    max-width: 280px;
    position: relative;
    right: 0px;
    margin-top: 10px;
    margin-bottom: 0px;
}
.template-page-memberships .newsletter {
    display: none;
}
@media only screen and (max-width: 767px) {
    .for-mobile {
        min-height: 440px;
        background-position: center;
        background-size: auto 100%;
    }
    .memberships .slider__title {
        padding-bottom: 10px;
        font-size: 18px;
    }
    .memberships .slider-container {
        padding: 35px;
    }
    .memberships .slider-container .slider__button {
        margin-top: 40px;
        width: 100%;
    }
    .memberships .page__content {
        margin-top: 30px;
        margin-bottom:0px;
    }
    .memberships h1.page__title {
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 20px;
        font-weight: 400;
        text-transform: capitalize;
    }
    .memberships .rte ul {
        margin-left: 0px;
        margin-bottom: 0px;
    }
    .memberships .rte ul li {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
    }
    .memberships .rte img{
        width: auto;
        height: auto;
        max-width: 100%;
    }
    .memberships .exclusive {
        padding-top: 62px;
        padding-bottom: 62px;
    }
    .memberships .exclusive .container h2 {
        line-height: 22px;
        font-size: 18px;
        font-weight: 400;
    }
    .memberships .exclusive .container p {
        margin: 0px auto 35px auto;
        line-height: 15px;
        font-size: 13px;
        font-weight: 300;
    }
    .memberships .container {
        margin-left: 0px;
        margin-right: 0px;
    }
    .memberships .exclusive .container {
        max-width: 100%;
    }
    .memberships .exclusive .container div.input-styled {
        float: none;
        width: 100%;
    }
    .memberships .exclusive .container div.input-styled:nth-child(even) {
        margin-left: 0px;
    }
    .memberships .exclusive .container .button {
        max-width: 100%;
    }
}