/*
|---------------------------|
|      Color Variables      |
|---------------------------|
    --lg_btn: #eeb023;
    --lg_btn_txt: #333333;
    --lg_btn_hvr: #eeb023;
    --lg_btn_hvr_txt: #ffffff;
    --sm_btn: #1b4176;
    --sm_btn_txt: #1b4176;
    --sm_btn_hvr: #1b4176;
    --sm_btn_hvr_txt: #ffffff;
*/

.wmlp-lg-btn {
    background-image: -webkit-gradient(linear,  left top, left bottom,  color-stop(0%, rgba(255,255,255,0.8)),  color-stop(3%, rgba(255,255,255,0)), color-stop(45%, rgba(255,255,255,0)), to(#000));
    background-image: -o-linear-gradient(rgba(255,255,255,0.8) 0%,  rgba(255,255,255,0) 3%, rgba(255,255,255,0) 45%, #000);
    background-image: linear-gradient(rgba(255,255,255,0.8) 0%,  rgba(255,255,255,0) 3%, rgba(255,255,255,0) 45%, #000);
    background-blend-mode: overlay;
    -webkit-transform: scale(1) skew(-9deg);
    -ms-transform: scale(1) skew(-9deg);
    transform: scale(1) skew(-9deg);
    text-shadow: -1px -1px 1px rgba(200,200,200,.25), 1px 1px 1px rgba(0,0,0,.25);
}

.wmlp-lg-btn:hover {
    -webkit-transform: scale(.99) skew(-9deg);
    -ms-transform: scale(.99) skew(-9deg);
    transform: scale(.99) skew(-9deg);
}

.wmlp-sm-btn,
.wmlp-tab-btn {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.wmlp-sm-btn:hover,
.wmlp-tab-btn:hover {
    -webkit-transform: scale(.98);
    -ms-transform: scale(.98);
    transform: scale(.98);
}

.wmlp-dd-toggle:checked ~ .wmlp-dd-box, .wmlp-modal-toggle:checked ~ .wmlp-modal-box {
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.wmlp-dd-box, .wmlp-modal-box, .wmlp_sm_cta_content {
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#overview:checked ~ .wmlp-tabs [data-selected~="overview"],
#tab-0:checked ~ .wmlp-tabs [data-selected~="tab-0"],
#tab-1:checked ~ .wmlp-tabs [data-selected~="tab-1"],
#tab-2:checked ~ .wmlp-tabs [data-selected~="tab-2"],
#tab-3:checked ~ .wmlp-tabs [data-selected~="tab-3"],
#tab-4:checked ~ .wmlp-tabs [data-selected~="tab-4"],
#tab-5:checked ~ .wmlp-tabs [data-selected~="tab-5"],
#tab-6:checked ~ .wmlp-tabs [data-selected~="tab-6"] {
    -webkit-transition: all 1000ms ease-in;
    -o-transition: all 1000ms ease-in;
    transition: all 1000ms ease-in;
}

.wmlp-tab-content {
    -webkit-transition: all 1000ms ease-out;
    -o-transition: all 1000ms ease-out;
    transition: all 1000ms ease-out;
}

.wmlp-compare-toggle ~ .wmlp-compare-btn > #wmlp_comp_arrow,
.wmlp-compare-toggle ~ .wmlp-compare-links {
    -webkit-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.wmlp-compare-toggle:checked ~ .wmlp-compare-btn > #wmlp_comp_arrow {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.wmlp-lg-btn,
.wmlp-sm-btn,
.wmlp-tab-btn,
.wmlp-compare-btn,
.wmlp-gen-dd-list {
    box-shadow: 3px 3px 6px rgba(0,0,0,0.3);
}

.wmlp-lg-btn:hover,
.wmlp-sm-btn:hover,
.wmlp-tab-btn:hover,
.wmlp-compare-btn:hover,
.wmlp-compare-btn:focus,
.wmlp-compare-toggle:checked ~ .wmlp-compare-btn,
.wmlp-compare-toggle:checked ~ .wmlp-compare-links,
.wmlp-gen-dd-list:hover {
    box-shadow: 0px 1px 2px rgba(0,0,0,0.6);
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}