/*******************************************************************************
* GENERAL
*******************************************************************************/
@font-face {
    font-family: 'Akzidenz Grotesk Black';
    src: url('../fonts/AkzidenzGrotesk-Black.eot');
    src: url('../fonts/AkzidenzGrotesk-Black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AkzidenzGrotesk-Black.woff') format('woff'),
         url('../fonts/AkzidenzGrotesk-Black.ttf')  format('truetype'),
         url('../fonts/AkzidenzGrotesk-Black.svg#AkzidenzGrotesk-Black') format('svg');
}

.cv2020 {
    background: #fff;
}

/* reset theme's default padding for the page's container */
body.page-template-do-template-consumervue-membership #main {
    padding: 46px 0 0;
}

/* reset normalize.css default styling for figure elements */
.cv2020 figure {
    margin: 0;
}

/*******************************************************************************
* HELPERS
*******************************************************************************/
.cv2020 button,
.cv2020 .button {
    border: 0 !important;
}
.cv2020-hidden-text {
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.cv2020-padded-container {
    padding-left: 20px;
    padding-right: 20px;
}

.cv2020-reset-button-styles {
    background-color: transparent;
    margin: 0;
    outline: none;
    padding: 0;
    position: static;
}

.cv2020-reset-button-styles:hover,
.cv2020-reset-button-styles:focus {
    background-color: transparent;
}

.cv2020-reset-list-styles {
    list-style-type: none !important;
    margin: 0 !important;
}

.cv2020-vertically-centered {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

/*******************************************************************************
* BUTTONS
*******************************************************************************/
.cv2020-button-solid {
    background: #ff6d10;
    border: 2px solid #ff6d10;
    color: #fff;
    display: inline-block;
    font-family: 'Akzidenz Grotesk Black', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    padding: 13px 16px 12px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .2s linear;
}

.cv2020-button-solid .fa {
    color: #333;
    margin: 0 0 0 5px;
}

.cv2020-button-solid:hover,
.cv2020-button-solid:focus {
    background: #66cccc;
    border-color: #66cccc;
    color: #fff;
}

.cv2020-button-outline {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    font-family: 'Akzidenz Grotesk Black', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    padding: 13px 16px 12px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .2s linear;
}

.cv2020-button-outline .fa {
    color: #ff6d10;
    margin: 0 0 0 5px;
    transition: all .2s linear;
}

.cv2020-button-outline:hover,
.cv2020-button-outline:focus {
    background: #66cccc;
    border-color: #66cccc;
    color: #fff;
}

.cv2020-button-outline:hover .fa,
.cv2020-button-outline:focus .fa {
    color: #333;
}

/*******************************************************************************
* TYPOGRAPHY
*******************************************************************************/
.cv2020 h3 {
    color: #333;
    font-family: 'Akzidenz Grotesk Black', sans-serif;
    font-size: 36px;
    font-weight: normal;
    line-height: 1.2;
    margin: 0 0 20px;
    text-transform: uppercase;
}

.cv2020 p {
    color: #333;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 1.8;
    margin: 0 0 25px;
}

.cv2020 a {
    color: #66cccc;
    font-weight: bold;
    text-decoration: underline;
    transition: color .2s linear;
}

.cv2020 a:hover,
.cv2020 a:focus {
    color: #339999;
}

.cv2020 label {
    color: #333;
    display: inline-block;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 1;
    margin: 0 0 5px;
}

/*******************************************************************************
* SPECIFIC CSS RULES - MEMBERSHIP TEMPLATE
*******************************************************************************/
.cv2020-mem-hero {
    background: url('../images/cv2020-mem-hero.jpg') no-repeat 65% top / cover;
    height: 600px;
    position: relative;
}

.cv2020-mem-hero-content {
    left: 6.5%;
    position: absolute;
}

.cv2020-mem-hero h2 {
    border-bottom: 0;
    color: #fff !important;
    font-family: 'Akzidenz Grotesk Black', sans-serif;
    font-size: 72px;
    font-weight: normal;
    line-height: 1;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.cv2020-mem-hero p {
    color: #fff;
    font-size: 18px;
    max-width: 475px;
}

.cv2020-mem-break {
    padding-bottom: 90px;
    padding-top: 90px;
    position: relative;
    text-align: center;
}

.cv2020-mem-break:after {
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 30px 27.5px 0 27.5px;
    bottom: -30px;
    content: '';
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;
    z-index: 1;
}

.cv2020-mem-break-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 650px;
}

.cv2020-mem-break h3 {
    margin-bottom: 10px;
}

.cv2020-mem-break p {
    margin-bottom: 0;
}

.cv2020-mem-main-slider-container {
    background: url(../images/cv2020-mem-slider-bg.jpg) #e7e7e7 no-repeat bottom right / contain;
    height: auto;
    position: relative;
}

.cv2020-mem-slide {
    margin: 0;
    outline: none;
}

.cv2020-mem-slide-text {
    float: left;
    height: 508px;
    width: 50%;
}

.cv2020-mem-slide-text-wrapper {
    left: 30%;
    max-width: 400px;
    position: relative;
}
.cv2020-mem-slide-text-wrapper h3 {
    font-size: 36px;
}

.cv2020-mem-slide-text-wrapper p {
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    max-width: 550px;
}

.cv2020-mem-slide-media {
    float: right;
    height: 508px;
    width: 50%;
}

.cv2020-mem-slide-media img {
    left: 0;
    margin: auto;
    right: 0;
}

.cv2020-mem-slide-media figure {
    left: 0;
    margin: auto;
    max-width: 450px;
    right: 0;
    text-align: center;
}

.cv2020-mem-video-wrapper {
    padding-bottom: 50.25%;
    position: relative;
    height: 0;
}

.cv2020-mem-video-wrapper iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.cv2020-mem-slide-media figcaption {
    color: #333;
    font-family: 'Akzidenz Grotesk Black', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    margin-top: 10px;
    text-transform: uppercase;
}

.cv2020-mem-slider-next,
.cv2020-mem-slider-previous {
    height: 44px;
    width: 23px;
    z-index: 10000;
}

.cv2020-mem-slider-next {
    background-image: url('../images/cv2020-arrow-next.png');
    position: absolute;
    right: 7%;
}

.cv2020-mem-slider-previous {
    background-image: url('../images/cv2020-arrow-previous.png');
    left: 7%;
    position: absolute;
}

.cv2020-mem-slider-nav-container {
    background: #ebebeb;
}

ul.cv2020-mem-slider-nav {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 980px;
}

.cv2020-mem-slider-nav li {
    margin: 0;
    outline: none;
    padding: 38px 0;
    position: relative;
    text-align: center;
}

.cv2020-mem-slider-nav .slick-current:before {
    border-color: #ddd transparent transparent transparent;
    border-style: solid;
    border-width: 16px 16px 0 16px;
    content: '';
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}

.cv2020-mem-slider-nav li button {
    background: transparent no-repeat center top;
    color: #c3c3c3;
    font-family: 'Akzidenz Grotesk Black', sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    outline: none;
    padding-top: 60px;
    text-transform: uppercase;
    transition: color .2s linear;
}

.cv2020-mem-slider-nav li button:after {
    background: transparent;
    content: '';
    display: block;
    height: 4px;
    margin-top: 13px;
    transition: background .2s linear;
    width: 100%;
}

.cv2020-mem-slider-nav li .consumervue {
    background-image: url('../images/cv2020-mem-slide-nav-consumervue.png');
}

.cv2020-mem-slider-nav li .policy {
    background-image: url('../images/cv2020-mem-slide-nav-policy.png');
}

.cv2020-mem-slider-nav li .sustainability {
    background-image: url('../images/cv2020-mem-slide-nav-sustainability.png');
}

.cv2020-mem-slider-nav li .business {
    background-image: url('../images/cv2020-mem-slide-nav-business.png');
}

.cv2020-mem-slider-nav li .membership {
    background-image: url('../images/cv2020-mem-slide-nav-membership.png');
}

.cv2020-mem-slider-nav li .events {
    background-image: url('../images/cv2020-mem-slide-nav-events.png');
}

.cv2020-mem-slider-nav li button:hover,
.cv2020-mem-slider-nav li button:focus,
.cv2020-mem-slider-nav .slick-current button {
    color: #333;
}

.cv2020-mem-slider-nav li .consumervue:hover,
.cv2020-mem-slider-nav li .consumervue:focus,
.cv2020-mem-slider-nav .slick-current .consumervue {
    background-image: url('../images/cv2020-mem-slide-nav-consumervue-active.png');
}

.cv2020-mem-slider-nav li .policy:hover,
.cv2020-mem-slider-nav li .policy:focus,
.cv2020-mem-slider-nav .slick-current .policy {
    background-image: url('../images/cv2020-mem-slide-nav-policy-active.png');
}

.cv2020-mem-slider-nav li .sustainability:hover,
.cv2020-mem-slider-nav li .sustainability:focus,
.cv2020-mem-slider-nav .slick-current .sustainability {
    background-image: url('../images/cv2020-mem-slide-nav-sustainability-active.png');
}

.cv2020-mem-slider-nav li .business:hover,
.cv2020-mem-slider-nav li .business:focus,
.cv2020-mem-slider-nav .slick-current .business {
    background-image: url('../images/cv2020-mem-slide-nav-business-active.png');
}

.cv2020-mem-slider-nav li .membership:hover,
.cv2020-mem-slider-nav li .membership:focus,
.cv2020-mem-slider-nav .slick-current .membership {
    background-image: url('../images/cv2020-mem-slide-nav-membership-active.png');
}

.cv2020-mem-slider-nav li .events:hover,
.cv2020-mem-slider-nav li .events:focus,
.cv2020-mem-slider-nav .slick-current .events {
    background-image: url('../images/cv2020-mem-slide-nav-events-active.png');
}

.cv2020-mem-slider-nav li button:hover:after,
.cv2020-mem-slider-nav li button:focus:after,
.cv2020-mem-slider-nav .slick-current button:after {
    background: #ff6d10;
}

.cv2020-mem-calculator {
    background: #ebebeb;
    margin-bottom: 45px;
    margin-top: 45px;
    padding-bottom: 45px;
    padding-top: 45px;
}

.cv2020-mem-calculator h3 {
    font-size: 36px;
    line-height: 1.2;
    margin: 0 0 20px 0 !important;
}

.cv2020-mem-calculator-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1170px;
}

.cv2020-mem-calculator-row {
    margin-bottom: 20px;
    overflow: hidden;
}

.cv2020-mem-calculator-left {
    float: left;
    width: 48.25%;
}

.cv2020-mem-calculator-right label,
.cv2020-mem-calculator-left label {
    color: #333;
    display: inline-block;
    margin-bottom: 5px;
}

.cv2020-mem-calculator-right {
    float: right;
    width: 48.25%;
}

.cv2020-mem-calculator select {
    background-color: #fff;
    border: none;
    box-shadow: none;
    color: #333;
    font-family: sans-serif;
    font-size: 16px;
    height: 45px;
    margin: 0;
    padding: 0 20px;
}

.cv2020-mem-calculator select:hover {
    background-color: #fff;
}

.cv2020-mem-calculator h3 {
    text-align: center;
}

.cv2020-mem-calculator p {
    color: #333;
    font-size: 16px;
    margin-bottom: 10px !important;
}


.cv2020-mem-calculator ul {
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 20px;
    margin-top: 0;
}

.cv2020-mem-calculator ul li {
    color: #333;
    font-family: sans-serif;
    font-size: 12px !important;
    margin-bottom: 5px;
}

.cv2020 .cv2020-mem-calculator-results {
    display: none;
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 20px;
}

.cv2020-mem-calculator-results span {
    font-weight: bold;
}

.cv2020-mem-membership {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 0;
}

.cv2020-mem-membership-content {
    float: left;
    position: relative;
    text-align: center;
    width: 50%;
}

.cv2020-mem-membership-content:after {
    border-color: transparent transparent transparent #ffffff;
    border-style: solid;
    border-width: 28px 0 28px 28px;
    bottom: 0;
    content: '';
    height: 0;
    margin: auto;
    position: absolute;
    right: -28px;
    top: 0;
    width: 0;
    z-index: 1;
}

.cv2020-mem-membership-content h3 {
    background: url('../images/cv2020-mem-icon-membership.png') no-repeat center top;
    padding-top: 85px;
}

.cv2020-mem-membership-content p {
    margin-left: auto;
    margin-right: auto;
    max-width: 475px;
}

.cv2020-mem-membership-form {
    background: #ebebeb;
    float: left;
    padding: 30px 95px;
    width: 50%;
}

.cv2020-mem-membership-form h4 {
    font-family: 'Akzidenz Grotesk Black', sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.2;
    margin: 0 0 20px;
    text-align: center;
    text-transform: uppercase;
}

.cv2020-mem-form-row {
    text-align: center;
}

.cv2020-mem-form-row:not(:last-child) {
    margin-bottom: 20px;
}

.cv2020-mem-form-left {
    float: left;
    width: 48.25%;
}

.cv2020-mem-form-right {
    float: right;
    width: 48.25%;
}

.cv2020-mem-form-row input[type="text"],
.cv2020-mem-form-row input[type="email"],
.cv2020-mem-form-row input[type="tel"] {
    border: none;
    box-shadow: none;
    color: #999;
    font-family: sans-serif;
    font-size: 16px;
    height: 60px;
    margin: 0;
    padding: 0 20px;
}

.cv2020-mem-form-row input[type="text"]:focus,
.cv2020-mem-form-row input[type="email"]:focus,
.cv2020-mem-form-row input[type="tel"]:focus {
    background: #fff;
    box-shadow: none;
}