/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient_14
Version: 0.1
*/

/* Plan Tables */
:root {
    --color: #36aefc;
    --black: #121212;
    --black-hover: #080808;
    --dark: #282d32;
    --dark-hover: #1c2126;
    --gray: #b9b9b9;
    --faded: #707070;
    --emphasize: #1bcd3e;
}

body.block-editor-page .edit-post-visual-editor .editor-post-title__block,
body.block-editor-page .edit-post-visual-editor .editor-default-block-appender,
body.block-editor-page .edit-post-visual-editor .editor-block-list__block {
    max-width: 1200px !important;
}
.wp-block {
    max-width: 1024px !important;
}

@font-face {
    font-family: "rajdhani";
    src: url("fonts/rajdhani/Rajdhani-Regular.eot");
    src: url("fonts/rajdhani/Rajdhani-Regular.eot?#iefix") format("embedded-opentype"),
        url("fonts/rajdhani/Rajdhani-Regular.woff") format("woff"),
        url("fonts/rajdhani/Rajdhani-Regular.woff2") format("woff2"),
        url("fonts/rajdhani/Rajdhani-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "motion-control";
    src: url("fonts/motion-control/motion-control.bold.eot");
    src: url("fonts/motion-control/motion-control.bolditalic.eot?#iefix") format("embedded-opentype"),
        url("fonts/motion-control/motion-control.bold.woff") format("woff"),
        url("fonts/motion-control/motion-control.bold.woff2") format("woff2"),
        url("fonts/motion-control/motion-control.bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "aeroMatics";
    src: url("fonts/AeroMaticsLight.eot");
    src: url("fonts/AeroMaticsLight.eot?#iefix") format("embedded-opentype"),
        url("fonts/AeroMaticsLightRegular.woff") format("woff"),
        url("fonts/AeroMaticsLightRegular.ttf") format("truetype"),
        url("fonts/AeroMaticsLightRegular.svg#aeroMatics") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "prime-regular";
    src: url("fonts/prime/Prime-Regular.eot");
    src: url("fonts/prime/Prime-Regular.eot?#iefix") format("embedded-opentype"),
        url("fonts/prime/Prime-Regular.woff") format("woff"), url("fonts/prime/Prime-Regular.woff2") format("woff2"),
        url("fonts/prime/Prime-Regular.ttf") format("truetype"),
        url("fonts/prime/Prime-Regular.svg#prime-regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "futura-pt";
    src: url("fonts/futura-pt/futura-pt.eot");
    src: url("fonts/futura-pt/futura-pt.eot?#iefix") format("embedded-opentype"),
        url("fonts/futura-pt/futura-pt.woff") format("woff"), url("fonts/futura-pt/futura-pt.woff2") format("woff2"),
        url("fonts/futura-pt/futura-pt.ttf") format("truetype"),
        url("fonts/futura-pt/futura-pt.svg#prime-regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Orbitron";
    src: url("fonts/Orbitron/Orbitron-Regular.eot");
    src: url("fonts/Orbitron/Orbitron-Regular.eot?#iefix") format("embedded-opentype"),
        url("fonts/Orbitron/Orbitron-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500&display=swap");

#footer-outer .widget {
    border-right: none !important;
}
.page-template-home-page-v2.page #newPlans {
    width: 100% !important;
}
.page-template-home-page-v2.page h1 {
    font-size: 39px;
}
.page-template-home-page-v2.page .header__videos__holder {
    top: 80px;
    width: 100%;
    background: url(https://slatedigital.com/wp-content/uploads/2021/01/Slate-Digital-All-Access-Pass-Banner.jpg)
        no-repeat;
    background-size: contain;
    background-position: top center;
}

section.table {
    width: 100% !important;
}

@media (min-width: 1400px) {
    .page-template-home-page-v2.page .header__videos__holder {
        background-size: cover;
    }
}

#newPlans {
    margin-bottom: 50px;
}
#newPlans .table .btn-pattern {
    width: auto;
}
#newPlans .btn-pattern button {
    transition: background-color 0.2s ease-out;
}
#newPlans .table__title h2 {
    margin-top: 0;
    margin-bottom: 2vh;
}
.table__holder {
    padding: 0 5%;
    max-width: 1800px;
    margin: 0 auto;
}
@media only screen and (max-width: 960px) {
    #newPlans .table__holder {
        flex-direction: column;
    }
}
#newPlans .table__each {
    border: 1px solid var(--faded);
    width: 100%;
    margin: 0 auto;
    transition: border 0.2s ease;
    background-color: #101010;
}
/* @media only screen and (min-width:580px) and (max-width:1024px) {
     #newPlans .table__each {
        width: 70%;
        margin-bottom: 19%
    }
} */
#newPlans .table__each:hover {
    border: 1px solid var(--emphasize) !important;
}
#newPlans .table__each:hover .btn-pattern button {
    background-color: var(--emphasize);
}
#newPlans .table__each .price {
    height: 33vw;
    text-align: center;
    max-height: 150px;
}
@media only screen and (min-width: 1025px) {
    #newPlans .table__each .price {
        height: 14vw;
        transform: translateY(5%);
        max-height: 160px;
    }
}
#newPlans .table__each .price h2 {
    margin: 5px 13px !important;
    letter-spacing: 2px;
    color: #b3b6b7;
    line-height: 50px;
    text-transform: lowercase;
}
@media only screen and (max-width: 960px) {
    #newPlans .table__each .price h2 {
        font-size: 30px;
    }
}
#newPlans .table__each .price p {
    margin: 0;
    padding: 5px 0;
    font-size: 14px;
    line-height: 18px;
    min-height: 80px;
}
#newPlans .middleAAPPlan .price h2 {
    color: #fff;
    font-size: 40px;
}
#newPlans .table__each .separator {
    height: 1px;
    margin: 5% 0;
}
#newPlans .table__each .separator.bottom {
    margin-bottom: 0;
}
#newPlans .table__each .attr {
    min-height: 340px;
    padding: 0 30px;
}
#newPlans .table__each .attr p {
    margin: 12px 0;
    font-size: 16px;
    line-height: 24px;
}
@media only screen and (max-width: 960px) {
    #newPlans .table__each .attr p {
        margin: 8px 0;
    }
}
@media only screen and (min-width: 1800px) {
    #newPlans .table__each .attr p {
        font-size: 18px;
    }
}
#newPlans .e-shadow {
    border: 1px solid var(--color);
}
#newPlans .best-deal {
    font-size: 14px;
    background: #191919;
    padding: 5px 20px;
    margin-top: -50px;
    margin-bottom: 3px;
    border: 1px solid var(--color);
}

div#nav_menu-2 {
    height: auto !important;
}
@media only screen and (min-width: 1025px) {
    #newPlans .best-deal {
        padding: 10px 20px;
        margin-top: -45px;
    }
}
#newPlans .best-deal h2 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
}
#newPlans .e-flex,
#newPlans .e-flex-col {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
#newPlans .e-flex-col {
    flex-direction: column;
}
#newPlans .e-rel {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}
#newPlans .t-600 {
    font-weight: 600;
}
#newPlans .t-white {
    color: #fff;
}
#newPlans .e-sans {
    font-family: Open Sans, sans-serif;
}
#newPlans .e-color {
    background-color: var(--color);
}
#newPlans button {
    border: none;
}
#newPlans .t-gray {
    color: var(--gray);
}
#newPlans .attr {
    text-align: left;
}
#newPlans .attr p {
    padding: 0;
}
#newPlans h2 {
    font-size: 35px;
}
#newPlans h2 + p {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 5vh;
    color: var(--gray);
}
@media only screen and (min-width: 1025px) {
    #newPlans h2 + p {
        margin-top: 2vh;
        font-size: 22px;
        line-height: 26px;
    }
}
#newPlans ul {
    margin: 5%;
}
#newPlans ul li {
    line-height: 18px;
    padding: 20px 0;
    border-bottom: 1px dashed #424949;
    font-size: 15px;
}
#newPlans ul li:last-child {
    border-bottom: none;
}
#newPlans .best-deal h2 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    margin: 0 !important;
}
#newPlans span {
    font-weight: 600;
    line-height: 22px;
    color: #fff;
}
#newPlans .e-wp {
    width: 100%;
    background-color: var(--gray);
}
#newPlans .price p {
    margin: 0;
}
#newPlans .btn-pattern button {
    min-width: 212px;
    width: auto;
    padding: 12px 25px;
    margin: 16px 0;
    border-radius: 4px;
    cursor: pointer;
}
@media only screen and (min-width: 1025px) {
    #newPlans .btn-pattern button {
        width: auto;
        min-width: 292px;
        height: 60px;
        margin-top: 5vh;
        margin-bottom: 5vh;
        transition: background-color 0.2s ease-out;
    }
    #newPlans .btn-pattern button:hover {
        background-color: #1077b9;
    }
    #newPlans .btn-pattern button:hover span {
        transition: color 0.5s ease-out;
    }
}
#newPlans .btn-pattern button span {
    font-size: 14px;
    display: block;
}
@media only screen and (min-width: 1025px) {
    #newPlans .btn-pattern button span {
        font-size: 18px;
        display: block;
    }
}
@media only screen and (max-width: 1024px) {
    #newPlans .table__each {
        width: 100%;
    }
    #newPlans .e-rel {
        grid-template-columns: 1fr;
        grid-gap: 100px;
    }
    .noCommitAAP {
        grid-row: 2;
    }
    .annualMonthlyAAP {
        grid-row: 1;
    }
    .annualUpFrontAAP {
        grid-row: 3;
    }
    #newPlans .table__each .price {
        padding-top: 15px;
    }
    #newPlans .table__each .price p {
        padding-top: 5px;
    }
}
@media only screen and (max-width: 450px) {
    #newPlans .table__each .price {
        height: auto;
    }
    #newPlans .best-deal {
        margin-top: -35px;
    }
}
/* system requirements shortcode */
.slateSystemRequirements h3 [class^="icon-"] {
    margin-right: 0;
}
.slateSystemRequirements .vc_col-sm-6 {
    margin: 0;
}
.slateSystemRequirements .vc_col-sm-6 ul li {
    list-style: none;
}
.slateSystemRequirements .vc_col-sm-6 .wpb_wrapper ul,
.slateSystemRequirements .vc_col-sm-6 .wpb_wrapper ul li {
    margin-left: 0 !important;
}
.slateSystemRequirements .icon-apple:before {
    content: "\f179";
}
.slateSystemRequirements .icon-windows:before {
    content: "\f17a";
}
.slateSystemRequirements [class^="icon-"],
i[class*=" icon-"] {
    background-color: transparent;
}
.slateSystemRequirements p {
    padding: 0;
}
.page-id-333 .vc_col-sm-3 {
    min-height: 267px;
}

@media only screen and (max-width: 1000px) and (min-width: 690px) {
    .page-id-333 .one-fourths.vc_col-sm-3:not([class*="vc_col-xs-"]) {
        width: 100% !important;
    }
}

/* mic with live text */
.inlineMicWithText .vc_column-inner {
    /*border: 2px solid #1a4e73;*/
    border-radius: 10px;
    padding: 40px 30px 20px;
    /*box-shadow: 0 0 20px #3c3c3c;*/
    min-height: 640px;
}
.page-id-302 .inlineMicWithText .vc_column-inner {
    min-height: 710px;
}
.inlineMicWithText .inner img.img-with-animation.skip-lazy.micWithTextImg {
    box-shadow: none;
    padding: 5px;
    -webkit-box-reflect: below -10px -webkit-gradient(
            linear,
            right top,
            right bottom,
            from(transparent),
            color-stop(75%, transparent),
            to(rgba(255, 255, 255, 0.4))
        );
    max-width: 225px !important;
    width: 100%;
}
.wpb_text_column.wpb_content_element.micWithTextCopy {
    grid-column: 2;
    /* grid-row: 1; */
}
.inlineMicWithText .img-with-aniamtion-wrap {
    padding-bottom: 0;
}
.col .micWithTextCopy h4 {
    width: 100%;
    border-bottom: 1px solid;
    font-style: italic;
    font-size: 26px;
    font-weight: 600;
}
.micWithTextCopy .wpb_wrapper {
    display: block;
}
.light .micWithTextCopy p {
    font-size: 15px;
    line-height: 1.4;
    font-weight: 100;
}
#classicTubes3One .col.span_12.left {
    max-width: 1520px;
    margin: 0 auto;
    float: initial;
}
@media (max-width: 1000px) {
    .micWithTextNone {
        display: none;
    }
    .vc_col-sm-3.inlineMicWithText.wpb_column.column_container.vc_column_container.col.padding-2-percent {
        clear: none;
    }
}
@media only screen and (min-width: 690px) and (max-width: 1000px) {
    #classicTubes3One .inlineMicWithText .vc_column-inner {
        min-height: 775px;
    }
    .vc_col-sm-4.inlineMicWithText.wpb_column.column_container.vc_column_container.col.padding-2-percent {
        width: 33.3%;
    }
    .inlineMicWithText .vc_column-inner {
        min-height: 770px;
    }
}
@media (max-width: 689px) {
    .inlineMicWithText .vc_column-inner,
    .page-id-302 .inlineMicWithText .vc_column-inner {
        min-height: auto;
        padding-bottom: 40px;
    }
}

/* Disbale Fixed & Scroll Nav */
/*.home.page-template.page-template-home-page-v2.page #ajax-content-wrap {
    margin-top: -82px !important;
}*/
.page-id-3612 header#top {
    margin-top: 20px;
}
.page-id-3612.page-template.page-template-home-page-v2.page #header-outer.detached {
    top: 0px !important;
    padding-top: 0 !important;
    pointer-events: all !important;
}
body[data-hhun="1"]
    .page-id-3612
    #header-outer.transparent[data-transparent-header="true"][data-remove-border="true"][data-permanent-transparent="1"].detached,
body.page-id-3612 #header-outer.detached {
    position: absolute !important;
}
.page-id-3612.page-template.page-template-home-page-v2.page #header-outer.detached {
    background-color: black !important;
}
body[data-hhun="1"] #header-outer.detached {
    position: relative !important;
}
body[data-hhun="1"]:not(.no-scroll).page-id-3612
    #header-outer:not(.detached):not(.parallax-contained):not(.at-top-before-box) {
    top: 0px !important;
    padding-top: 0 !important;
    /* position: relative !important; */
}
body[data-hhun="1"].page-id-3612 #header-outer.invisible:not(.side-widget-open) {
    -webkit-transform: translateY(0%) !important;
    transform: translateY(0%) !important;
}
body[data-hhun="1"].page-id-3612 #header-outer.no-trans-hidden:not(.side-widget-open) {
    -webkit-transform: translateY(0%) !important;
    transform: translateY(0%) !important;
}
.page-id-3612 #header-space {
    display: none;
}
#header-space {
    display: none;
}
body.page-id-3612 #header-outer.detached,
div#header-outer,
body[data-hhun="1"] #header-outer.transparent.at-top {
    position: relative !important;
    background-color: black !important;
}
div#header-outer #top {
    background-color: black;
    margin-top: 0;
    padding: 20px 0 0 0;
}

#header-outer nav > ul > .megamenu > .sub-menu,
#header-secondary-outer .sf-menu li ul,
body:not([data-header-format="left-header"]) #top .sf-menu li ul {
    background-color: #000 !important;
}

/* Infinity EQ Announcement */
#infinityEQ {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    background: #0e0f11;
}
.infinityGradient {
    grid-column: 1 / span 3;
    grid-row: 1;
    z-index: 999;
    background-image: radial-gradient(circle closest-side, black, transparent);
}
.infinityGradientOverlay {
    grid-column: 1 / span 3;
    grid-row: 1;
    background: #000;
    opacity: 0.3;
    z-index: 999;
}
.slateLogoInfinity {
    grid-row: 1;
    grid-column: 2;
    z-index: 9999;
    justify-self: center;
    margin-top: 25px;
}
#infinityHero {
    background-size: cover;
    grid-column: 1 / span 3;
    grid-row: 1;
    text-align: center;
    background-position: center center;
    z-index: 9999;
    align-self: center;
}
#infinityHero > * {
    margin-top: 15px;
}

#infinityHero > *:first-child {
    margin-top: 0px;
}
#infinityHero .infinityPlayBackground,
#infinityDetails .infinityPlayBackground {
    border-radius: 20px;
    width: 120px;
}
#infinityHero p,
.page-id-3612.page #infinityEQ span {
    text-transform: uppercase;
    color: #c6c6c6;
    font-size: 17px;
}
#infinityHero img {
    display: block;
    margin: 10px auto 0;
    width: 390px;
}
#infinityDetails {
    background: url("https://slatedigital-website.s3-us-west-1.amazonaws.com/infinityeq/infinityeq-additional-details-slate-digital.jpg")
        no-repeat;
    background-size: cover;
    grid-column: 1 / span 3;
    grid-row: 2;
    background-position: center center;
    padding: 8% 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1.5fr 400px 1fr;
    grid-template-rows: 180px;
    border-top: 5px solid #212324;
}
.infinityDetailsCopy {
    max-width: 400px;
    grid-column: 4;
}
#infinityDetails .infinityDetailsCopy h2 {
    font-size: 32px;
    text-transform: uppercase;
}
#infinityDetails .infinityDetailsCopy p {
    margin-top: 5px;
    margin-bottom: 50px;
    font-size: 13px;
    line-height: 18px;
    color: #a7a7a7;
}
#infinityEQ .wpcf7 .wpcf7-submit:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -5px;
    border-radius: inherit;
    background: linear-gradient(to right, red, orange);
}
#infinityVideoContainer {
    grid-row: 1;
    grid-column: 1 / span 3;
    width: 100%;
    display: block;
    z-index: 99;
    overflow: hidden;
}
#infinityEQ video.infinVid {
    position: relative;
    width: 100%;
    transform: scale(1.25);
    top: -20px;
}
#infinityEQ .wpcf7 form {
    margin: 0;
    width: 100%;
}
#infinityHero .cls-4 {
    fill: none;
}
.infinityPlay {
    display: grid;
    justify-items: center;
    align-items: center;
    cursor: pointer;
    width: 120px;
    margin: 0 auto;
}
.infinityPlay img {
    grid-column: 1;
    grid-row: 1;
    position: relative;
}
#infinityHero .infinityPlay .infinityPlayButton,
.infinityDetailsCopy .infinityPlay .infinityPlayButton {
    width: 35px;
    left: -40px;
    animation-name: in;
    animation-duration: 200ms;
    animation-play-state: running;
    z-index: 99;
}
#infinityHero .infinityPlay:hover .infinityPlayButton,
.infinityDetailsCopy .infinityPlay:hover .infinityPlayButton {
    animation-name: out;
    animation-duration: 200ms;
    animation-play-state: running;
    animation-iteration-count: 1;
    animation-iteration-count: 1;
    transform-origin: left;
    animation-fill-mode: forwards;
}
#infinityHero .infinityPlayText,
.infinityDetailsCopy .infinityPlayText {
    width: 58px;
    z-index: 99;
    left: 17px;
    animation-name: unfade;
    animation-duration: 200ms;
    fill: none;
}
#infinityHero .infinityPlay:hover .infinityPlayText,
.infinityDetailsCopy .infinityPlay:hover .infinityPlayText {
    animation-name: fade;
    animation-duration: 200ms;
    animation-fill-mode: forwards;
}
#infinityDetails .infinityPlay {
    background-color: #fe9d34;
    border-radius: 18px;
    padding: 2px 0;
    margin-left: 0;
}
@keyframes in {
    from {
        left: 0;
    }
    to {
        left: -40px;
    }
}
@keyframes out {
    from {
        left: -40px;
    }
    to {
        left: 0;
    }
}
@keyframes fade {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes unfade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.lity {
    z-index: 99999 !important;
}
.lity-close {
    color: #c1c1c1 !important;
    position: absolute;
    top: -50px;
}
.lity-close:active {
    top: -50px !important;
}

.infinityWhiteLogo {
    grid-row: 3;
    grid-column: 1;
    justify-self: center;
    align-self: center;
}
#infinityEQ p.infinityEQAAP,
#infinityEQ p.infinityEQAAP span {
    color: #646464 !important;
    font-size: 14px !important;
    justify-self: center;
    align-self: center;
}
#infinityEQ p.infinityEQAAP span {
    font-weight: 700;
}
.infinityEQSlateLogoSmall,
.infinityEQWhiteLogo {
    vertical-align: middle;
}
.infinityEQSlateLogoSmall {
    padding-right: 10px;
}
.infinityEQAAP {
    grid-row: 3;
    grid-column: 2;
}
#infinityEQ .wpcf7 form {
    grid-row: 3;
    grid-column: 3;
    display: grid;
    padding: 10px 0;
}
#infinityEQ .wpcf7-form input {
    border-bottom: none;
    background-color: #303030;
    border-radius: 20px;
    padding: 5px 15px;
    max-width: 170px;
    font-size: 12px;
    font-weight: 600;
}
#infinityEQ .wpcf7-form input::placeholder {
    text-transform: uppercase;
}
.infinityEmailInput {
    grid-row: 1;
    grid-column: 1;
    text-align: right;
    padding-right: 40px;
}
.infinityButtonBG,
.infinityEmailSubmit {
    grid-row: 1;
    grid-column: 2;
}
.infinityButtonBG {
    background: linear-gradient(to right, #5229ff, #8022ab, #f10000, #ec5f2d, #ffb000, #fff100, #5eff44, #3f93cb);
    width: 131px;
    position: relative;
    border-radius: 20px;
    height: 35px;
}
#infinityEQ .wpcf7 .infinityEmailSubmit .wpcf7-submit {
    border-bottom: none;
    background-color: #000 !important;
    border-radius: 20px !important;
    padding: 9px 27px;
    max-width: 130px;
    text-transform: uppercase;
    font-size: 12px !important;
    font-weight: 600 !important;
    border: none;
    left: 2px;
    position: relative;
    color: #fff !important;
    top: 2px;
}
#infinityEQ .wpcf7 .infinityEmailSubmit .wpcf7-submit:hover {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    background-color: #303030 !important;
}
#infinityEQ .wpcf7-not-valid-tip,
#infinityEQ .wpcf7-mail-sent-ok {
    background-color: transparent;
    color: red !important;
    font-size: 10px !important;
    padding: 0;
    line-height: 1;
    border: none !important;
    text-align: right;
    margin: 0;
}
#infinityEQ .wpcf7-display-none {
    display: none !important;
}
#infinityEQ .wpcf7-mail-sent-ok {
    display: block !important;
}
.infinityEmailSubmit {
    z-index: 1;
}

@media only screen and (min-width: 1001px) and (max-width: 1350px) {
    #infinityDetails {
        grid-template-columns: 1fr 1fr 43% 400px 1fr;
    }
}
@media screen and (max-width: 1000px) {
    /* .page-id-3612 #sfm-mob-navbar {position: relative !important;} */
    .page-id-3612 .slateLogoInfinity {
        display: none;
    }
    .page-id-3612 #header-outer {
        display: none;
    }
    .sfm-mob-nav {
        margin-top: 0 !important;
    }
    #infinityHero img {
        max-width: 300px;
        width: 100%;
    }
    #infinityEQ video.infinVid {
        transform: scale(1.5);
        top: 0;
    }
    #infinityVideoContainer {
        padding: 9% 0;
    }
    #infinityDetails {
        background: url("https://slatedigital-website.s3-us-west-1.amazonaws.com/infinityeq/infinity-eq-additional-details-mobile.jpg")
            no-repeat;
        background-position: center center;
        background-size: cover;
        grid-template-columns: 1fr 1fr;
    }
    .infinityDetailsCopy {
        grid-column: 2;
        max-width: 300px;
        padding-right: 10px;
    }
    .home.page-template.page-template-home-page-v2.page-id-3612 #ajax-content-wrap {
        margin-top: 5px !important;
    }
    .infinityWhiteLogo {
        display: none;
    }
    .infinityEQAAP {
        grid-row: 3;
        grid-column: 1 / span 3;
        padding: 20px 80px;
        text-align: center;
    }
    #infinityEQ .wpcf7 {
        grid-row: 4;
        grid-column: 1 / span 3;
        margin-bottom: 50px;
    }
    .infinityButtonBG,
    .infinityEmailSubmit {
        position: relative;
        left: 10px;
    }
    .infinityEmailInput {
        padding-right: 10px;
    }
}
@media only screen and (min-width: 800px) and (max-width: 1000px) {
    #infinityDetails {
        padding: 23% 0;
    }
}
@media screen and (max-width: 800px) {
    #infinityDetails {
        padding: 12% 0 16% 0;
    }
}
@media screen and (max-width: 540px) {
    #infinityEQ .wpcf7 form {
        justify-content: center;
    }
    .infinityEmailInput {
        grid-column: 1 / span 2;
        padding: 0;
        text-align: center;
        margin-bottom: 20px;
    }
    .infinityButtonBG,
    .infinityEmailSubmit {
        grid-row: 2;
        grid-column: 1 / span 2;
    }
    #infinityEQ .wpcf7-form input {
        max-width: 297px;
    }
    .infinityButtonBG {
        width: 100%;
        max-width: 297px;
    }
    #infinityEQ .wpcf7 .infinityEmailSubmit .wpcf7-submit {
        margin: 0;
        padding: 9px 110px;
        max-width: 100%;
    }
    #infinityEQ .wpcf7-mail-sent-ok {
        margin-top: 10px;
        grid-row: 3;
        grid-column: 1 / span 2;
        text-align: center;
    }
    #infinityEQ .wpcf7-not-valid-tip {
        text-align: center;
        margin-top: 10px;
    }
}

/* Infinity EQ Product Page */
.infinityPlayTwo {
    display: grid;
    align-items: center;
    cursor: pointer;
    justify-content: start;
}
.infinityPlayTwo img {
    grid-column: 1;
    grid-row: 1;
    position: relative;
}
#infinityHero .infinityPlayTwo .infinityPlayButtonTwo {
    width: 45px;
    left: -92px;
    animation-name: moveIn;
    animation-duration: 200ms;
    animation-play-state: running;
    z-index: 99;
}
#infinityHero .infinityPlayTwo:hover .infinityPlayButtonTwo {
    animation-name: moveOut;
    animation-duration: 200ms;
    animation-play-state: running;
    animation-iteration-count: 1;
    animation-iteration-count: 1;
    transform-origin: left;
    animation-fill-mode: forwards;
}
#infinityHero .infinityPlayTextTwo {
    width: 165px;
    z-index: 99;
    left: 20px;
    animation-name: unfade;
    animation-duration: 200ms;
    fill: none;
}
#infinityHero .infinityPlayTwo:hover .infinityPlayTextTwo {
    animation-name: fade;
    animation-duration: 200ms;
    animation-fill-mode: forwards;
}
#infinityDetails .infinityPlayTwo {
    background-color: #fe9d34;
    border-radius: 18px;
    padding: 2px 0;
    margin-left: 0;
}
#infinityHero .infinityPlayBackgroundTwo {
    border-radius: 20px;
    width: 240px;
}
@keyframes moveIn {
    from {
        left: 0;
    }
    to {
        left: -95px;
    }
}
@keyframes moveOut {
    from {
        left: -95px;
    }
    to {
        left: 0;
    }
}
@keyframes fade {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes unfade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Plans Ribbon */
#newPlans .ribbon-top-left::before {
    top: 0;
    left: 85px;
}
#newPlans .ribbon-top-left::after {
    top: 85px;
    left: 0;
}
#newPlans .ribbon-top-left::before,
#newPlans .ribbon-top-left::after {
    border-top-color: transparent;
    border-right-color: transparent;
    position: absolute;
    z-index: -1;
    content: "";
    display: block;
    border: 5px solid darkred;
}
#newPlans .ribbon-top-left {
    top: -10px;
    left: -10px;
    overflow: hidden;
    width: 150px;
    height: 150px;
    position: absolute;
}
#newPlans .ribbon-top-left span {
    position: absolute;
    display: block;
    width: 135px;
    padding: 5px 0;
    background-color: red;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    color: white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    text-align: center;
    top: -10px;
    left: -32px;
    top: 21px;
    transform: rotate(-45deg);
    font-weight: 700;
    z-index: 999;
    font-size: 16px;
}

/* FG-2A */
#fg2aHero .infinityPlay {
    margin: 0;
}
#fg2aHero .infinityPlay .infinityPlayButton,
.infinityDetailsCopy .infinityPlay .infinityPlayButton {
    width: 35px;
    left: -40px;
    animation-name: slideIn;
    animation-duration: 200ms;
    animation-play-state: running;
    z-index: 99;
}
#fg2aHero .infinityPlayText,
.infinityDetailsCopy .infinityPlayText {
    width: 58px;
    z-index: 99;
    left: 17px;
    animation-name: unfade;
    animation-duration: 200ms;
    fill: none;
}
#fg2aHero .infinityPlayBackground,
#infinityDetails .infinityPlayBackground {
    border-radius: 20px;
    width: 120px;
}
#fg2aHero img {
    display: block;
    margin: 10px auto 0;
    width: 390px;
}
#fg2aHero .infinityPlayBackground {
    border-radius: 20px;
    width: 240px;
}
#fg2aHero .infinityPlay:hover .infinityPlayButton {
    animation-name: slideOut;
    animation-duration: 200ms;
    animation-play-state: running;
    animation-iteration-count: 1;
    animation-iteration-count: 1;
    transform-origin: left;
    animation-fill-mode: forwards;
}
#fg2aHero .infinityPlay:hover .infinityPlayText {
    animation-name: fade;
    animation-duration: 200ms;
    animation-fill-mode: forwards;
}
@keyframes slideIn {
    from {
        left: 0;
    }
    to {
        left: -40px;
    }
}
@keyframes slideOut {
    from {
        left: -40px;
    }
    to {
        left: 0;
    }
}
@keyframes fade {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes unfade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* FG-2A */
#freshAirHero .infinityPlay {
    margin: 0;
}
#freshAirHero .infinityPlay .infinityPlayButton,
.infinityDetailsCopy .infinityPlay .infinityPlayButton {
    width: 35px;
    left: -40px;
    animation-name: slideIn;
    animation-duration: 200ms;
    animation-play-state: running;
    z-index: 99;
}
#freshAirHero .infinityPlayText,
.infinityDetailsCopy .infinityPlayText {
    width: 58px;
    z-index: 99;
    left: 17px;
    animation-name: unfade;
    animation-duration: 200ms;
    fill: none;
}
#freshAirHero .infinityPlayBackground,
#infinityDetails .infinityPlayBackground {
    border-radius: 20px;
    width: 120px;
}
#freshAirHero img {
    display: block;
    margin: 10px auto 0;
    width: 390px;
}
#freshAirHero .infinityPlayBackground {
    border-radius: 20px;
    width: 240px;
}
#freshAirHero .infinityPlay:hover .infinityPlayButton {
    animation-name: slideOut;
    animation-duration: 200ms;
    animation-play-state: running;
    animation-iteration-count: 1;
    animation-iteration-count: 1;
    transform-origin: left;
    animation-fill-mode: forwards;
}
#freshAirHero .infinityPlay:hover .infinityPlayText {
    animation-name: fade;
    animation-duration: 200ms;
    animation-fill-mode: forwards;
}
@keyframes slideIn {
    from {
        left: 0;
    }
    to {
        left: -40px;
    }
}
@keyframes slideOut {
    from {
        left: -40px;
    }
    to {
        left: 0;
    }
}
@keyframes fade {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes unfade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Slate Academy Ribbon */
.academyRibbon .ribbon-top-left::before {
    top: 0;
    left: 85px;
}
.academyRibbon .ribbon-top-left::after {
    top: 85px;
    left: 0;
}
.academyRibbon .ribbon-top-left::before,
.academyRibbon .ribbon-top-left::after {
    border-top-color: transparent;
    border-right-color: transparent;
    position: absolute;
    z-index: -1;
    content: "";
    display: block;
    border: 5px solid darkred;
}
.academyRibbon .ribbon-top-left {
    top: -8px;
    left: -8px;
    overflow: hidden;
    width: 150px;
    height: 150px;
    position: absolute;
}
.academyRibbon .ribbon-top-left span {
    position: absolute;
    display: block;
    width: 135px;
    padding: 5px 0;
    background-color: red;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    color: white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    text-align: center;
    top: -10px;
    left: -35px;
    top: 12px;
    transform: rotate(-45deg);
    font-weight: 700;
    z-index: 999;
    font-size: 16px;
}

/* HACKS */
@media only screen and (min-width: 1025px) {
    .page-template.page-template-home-page-v2.page .header .fader-bottom {
        transform: translateY(0px);
        display: none !important;
    }
    .page-template-home-page-v2.page .header__videos__holder {
        top: 0 !important;
    }
    .home.page-template.page-template-home-page-v2.page #ajax-content-wrap {
        margin-top: 0px !important;
    }
}

/* ALL ACCESS PASS 2020 */
#allAccessPassTables2020 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    grid-gap: 20px;
    padding-bottom: 100px;
    margin: 0 auto;
    max-width: 1000px;
}
.containerPlans {
    border: 1px solid #52575c;
    background: #1d1e20;
}
.containerPlans.green {
    border-color: #36fc85;
    background: #040404;
}
.bestDealAAP {
    font-family: "Open Sans" !important;
    font-style: normal;
    font-weight: bold !important;
    font-size: 16px !important;
    line-height: 32px !important;
    text-align: center;
    letter-spacing: 0.5em;
    color: #36fc85;
    text-transform: uppercase !important;
    border-bottom: 1px solid #36fc85;
    margin-bottom: 0 !important;
}
.aapPriceSection > div {
    border-top: 1px solid #52575c;
    border-bottom: 1px solid #52575c;
}
.aapPriceSection {
    display: grid;
}
.priceAAP {
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 47px;
    text-align: center;
    color: #e8e8e8;
    padding-top: 52px;
    text-transform: lowercase;
}
.descriptionAAP {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #cacccf;
    padding-bottom: 50px;
    height: 110px;
}
.aapButton {
    border-radius: 44px;
    width: 195px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    padding: 12px;
    justify-self: center;
    margin-bottom: 30px;
}
.aapButton.blue {
    background: #36adfc;
    color: #fff;
    opacity: 1 !important;
}
.aapButton.green {
    background: #36fc85;
    color: #303235 !important;
    opacity: 1 !important;
}
.aapBenefits {
    font-family: "Open Sans";
    text-transform: uppercase;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    letter-spacing: 0.5em;
    color: #e8e8e8;
    border-top: 1px solid #52575c;
    border-bottom: 1px solid #52575c;
}
.aapBenefits.green {
    border-top: 1px solid #36fc85;
    border-bottom: 1px solid #36fc85;
}
.aapBullets ul {
    margin-left: 0;
}
.aapBullets li {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    color: #e8e8e8;
    border-bottom: 1px dashed #52575c;
    padding-bottom: 20px;
    list-style: none;
    margin: 20px;
}
.aapBullets li.last {
    border: none;
}
.aapBullets li:before {
    content: "• ";
}

@media only screen and (max-width: 1000px) {
    #allAccessPassTables2020 {
        grid-template-columns: 1fr;
    }
    .containerPlans.containerPlans.green {
        grid-row: 1;
    }
}

/* ANA 2 Hero Home */
#slate-hero-homepage .slate-hero-inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}
#slate-hero-homepage .slate-hero-left {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
#slate-hero-homepage .slate-hero-video {
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
#slate-hero-homepage .slate-hero-video-play {
    margin: auto;
    min-height: 100px;
}
#slate-hero-homepage .slate-hero-right {
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    font-family: roboto;
    height: 50%;
    display: flex;
    flex-direction: column;
}
#slate-hero-homepage .slate-hero-header {
    font-style: normal;
    font-weight: bold;
    font-size: 50px;
    line-height: 112.19%;
}
#slate-hero-homepage .slate-hero-header img {
    width: 100%;
    max-width: 300px;
}
#slate-hero-homepage .slate-hero-text {
    font-family: Roboto;
    font-weight: 300;
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 20px;
}

#slate-hero-homepage .slate-hero-cta {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.25em;
    background: linear-gradient(90deg, #2237f2 -5.67%, #a322f2 112.63%);
    border-radius: 44px;
    padding: 12px 20px;
    text-decoration: none;
    color: #ffffff;
}

/* ANA 2 Hero Home Desktop */
@media (min-width: 968px) {
    #slate-hero-homepage .slate-hero-video-play {
        height: 250px !important;
    }
    #slate-hero-homepage .slate-hero-inner {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        max-width: 1200px;
        width: 100%;
        margin: auto;
        justify-content: center;
        align-items: center;
    }
    #slate-hero-homepage .slate-hero-left {
        align-items: center;
        margin-bottom: 0px;
    }
    #slate-hero-homepage .slate-hero-header img {
        max-width: 500px;
    }
    #slate-hero-homepage .slate-hero-right {
        height: 50%;
        width: 415px;
        padding-right: 100px;
    }
    #slate-hero-homepage .slate-hero-video {
        width: 451px;
        height: 254px;
    }
    #slate-hero-homepage .slate-hero-video-play {
        margin: auto;
        height: 105px;
    }
    #slate-hero-homepage .slate-hero-header {
        margin-bottom: 5px;
    }
    #slate-hero-homepage .slate-hero-text {
        margin-top: 0px;
        margin-bottom: 50px;
    }
}

/* blog page styling */

.blog-recent[data-style*="classic_enhanced"] .article-content-wrap {
    padding: 4% !important;
}
.single-post .container-wrap.no-sidebar {
    background-color: #fff !important;
}
article.regular.type-post {
    color: #000;
    font-size: 20px;
    font-weight: 400;
}

article.regular.type-post em {
    font-weight: 600 !important;
}


@media only screen and (min-width: 1px) and (max-width: 1000px) {
    .single-post #page-header-bg[data-post-hs="default_minimal"],
    .single-post #page-header-bg[data-post-hs="default"] {
        /*margin-top:120px!important;*/
    }
}

.single-post #page-header-bg[data-post-hs="default"],
.single-post #page-header-bg[data-post-hs="default_minimal"] {
    padding-top: 0;
    padding-bottom: 0;
}

.single-post #page-header-bg[data-post-hs="default_minimal"],
.single-post #page-header-bg[data-post-hs="default"] div#single-meta,
#single-below-header span.meta-category {
    display: none;
}

.single-post #page-header-bg[data-post-hs="default_minimal"],
.single-post #page-header-bg[data-post-hs="default"] h1.entry-title {
    font-size: 40px;
    max-width: 100%;
    text-align: center;
    font-weight: bold;
    text-shadow: 2px 3px 4px #000;
}
.single-post #page-header-bg[data-post-hs="default_minimal"],
.single-post #page-header-bg[data-post-hs="default"] .col.span_6.section-title.blog-title {
    margin-top: 172px !important;
}

.custom_meta_data {
    font-weight: bold;
    margin-bottom: 15px;
}

.wp-block-group.optin-static-block {
    background-color: #009bff;
    padding: 20px;
    color: #fff;
}

.wp-block-group.optin-static-block h3 {
    color: #fff;
}

h1.entry-title.custom-single-title {
    font-weight: bold;
}

.single-promo h1.entry-title.custom-single-title {
    display: none !important;
}

.single-post .col.span_6.section-title.blog-title {
    display: none;
}
.single-post .inner-wrap h1.entry-title {
    display: none !important;
}
.author .page-header-no-bg h1 {
    color: #fff;
}
#top #logo {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/*#top #logo img {
    width: 115px;
    height: 54px;
}*/

header .col_last nav {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
}
.col.span_3 nav {
    display: inline-block !important;
}
#header-outer[data-format="centered-menu-under-logo"]
    #top
    .span_9
    nav
    > ul
    > li:not(#social-in-menu):not(#search-btn):not(.slide-out-widget-area-toggle)
    > a {
    margin-bottom: 0 !important;
}
#top ul.buttons {
    display: none !important;
}

#sonaar-player .playlist .track-number svg path,
#sonaar-player .playlist .track-number svg rect,
#sonaar-player .control rect,
#sonaar-player .control path,
#sonaar-player .control polygon,
.volume .icon path,
#sonaar-player .shuffle path {
    fill: #fff !important;
}

.shuffle.control--item,
.list.control--item {
    display: none;
}

/* Cookie Consent */

.cli-bar-message {
    color: #666;
}

/* announcement banner */

/*.announcement {
    display: none!important;
}*/

p.banner-head {
    color: #fff !important;
    font-weight: bold !important;
}

p.banner-head {
    margin-bottom: 10px;
    font-weight: 600;
}

p.banner-sub {
    font-size: 21px !important;
    font-weight: 100;
    color: #fff;
}

.announce-caption,
.announce-text {
    display: inline-block;
}

a button.banner-button {
    border: 1px solid #000 !important;
    padding: 10px 20px;
    color: #fff !important;
    text-decoration: none !important;
    margin-top: 19px;
    background: #000 !important;
}

button.banner-button:hover {
    background: #fff !important;
    color: #000 !important;
}

.announcement p {
    padding-bottom: 0 !important;
    line-height: 30px !important;
}

.announcement a {
    border-bottom: none;
}

span.bold-italic {
    font-weight: bold;
    /*    font-style: italic;*/
}

p.banner-head {
    font-size: 32px !important;
}

.announce-caption {
    background: url("/wp-content/uploads/2022/09/Audiotonix_Logo-white-smj.png") no-repeat;
    background-size: contain;
    height: 30px;
    width: 152px;
    padding: 2px 2px 2px 10px;
    text-align: left;
}

.announcement.desktop,
.announcement-hp {
    text-align: center;
    display: block;
    align-content: center;
    width: 100%;
    background: linear-gradient(to right, #2b2b2b 0%, #2b2b2b 50%, #fff500 50%, #fff500 100%);
}

img.header-banner {
    max-width: 1200px;
    width: 80%;
    vertical-align: middle;
}

.announcement.mobile {
    display: none;
}

.announce-text p {
    color: #000 !important;
    padding-bottom: 0px !important;
}

.announcement a,
.announcement-hp a {
    /*text-decoration: underline;*/
    color: #000;
    font-weight: 100;
    /*font-size: 20px;*/
}

.announce-caption p {
    color: #000 !important;
}

.announce-text {
    /*padding-left: 22px;*/
    /*padding-top: 3px;*/
}

.announce-text p b {
    line-height: 32px !important;
}

@media screen and (max-width: 999px) {
    .announcement.desktop {
        display: none !important;
    }

    .announcement.mobile {
        display: block;
    }

    .announcement.mobile img.header-banner {
        width: 100%;
    }

    /*.announcement, .announcement-hp {
    padding-top: 30px!important;
    margin-top: 56px!important;
    flex-wrap: wrap;
}*/
}

#menu-quick-links a {
    line-height: 1.5em;
}

.ascend #footer-outer #footer-widgets .widget.widget_categories li,
.ascend #footer-outer #footer-widgets .widget.widget_nav_menu li,
.ascend #footer-outer #footer-widgets .widget.widget_pages li,
.ascend #footer-outer .widget.widget_categories li,
.ascend #footer-outer .widget.widget_nav_menu li,
.ascend #footer-outer .widget.widget_pages li,
.ascend #sidebar .widget.widget_categories li,
.ascend #sidebar .widget.widget_nav_menu li,
.ascend #sidebar .widget.widget_pages li {
    padding-top: 7px !important;
}

.page-id-263 .announcement {
    display: block !important;
}

span.strikethru {
    text-decoration: line-through;
}

@media only screen and (min-width: 1px) and (max-width: 999px) {
    #footer-widgets .container .col {
        margin-bottom: 70px !important;
    }

    div#text-3 {
        height: auto !important;
    }
}

@media screen and (max-width: 1000px) {
    ul#menu-quick-links {
        column-width: auto !important;
    }
}

.col.span_3.one-fourths.right-edge {
    width: 60% !important;
}

ul#menu-quick-links {
    column-width: 9.3vw;
}