/* ============================== 
GLOBAL
============================== */

h2 ~ p {
    margin-top:0;
}

#custom-smalcode img {
    width: 80%;
}

.lowercase {
    text-transform:lowercase;
}

#pdp section h2,
#custom-smalcode h2 {
    font-family: 'bebas-neue-pro-semiexpanded', sans-serif;
    font-weight: 600;
    font-size: 3.75rem;
    letter-spacing: 0.1rem;
    line-height: 3.75rem;
    text-transform: uppercase;
}

#pdp .panel-template h3,
#custom-smalcode .style-h4 {
    font-size: .9rem;
    font-family: aktiv-grotesk, sans-serif;
    font-weight: 600;
    letter-spacing: .25rem;
    margin-bottom: 0;
    text-transform: uppercase;
}

#custom-smalcode .style-h4-2 {
    font-family: 'bebas-neue-pro-semiexpanded', sans-serif;
    font-weight: 600;
}

#custom-smalcode .body-p1 p {
    font-family: aktiv-grotesk, sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 0.05rem;
    line-height: 2.25rem;
    margin: 2em 0;
}

/*#pdp-corsair section sup {
    font-size: 0.5em;
    vertical-align: top;
    line-height: 0;
    top: 0.5em;
}*/

/* PANEL TEMPLATE */


#pdp .panel-template .col-half,
#pdp .panel-template .col-third{
    /*padding:1.2%;*/
    position:relative;
}

#pdp .panel-template .position-absolute.col-half{
    height:100%;
    margin:0;
    padding: 0;
    position: absolute;
    top:0;
}

#pdp .panel-template .position-absolute.col-half.left{
    left:0;
}

#pdp .panel-template .position-absolute.col-half.right{
    right:0;
}

#pdp .panel-template .wrapper{
    display:table;
}

#custom-smalcode .top-specs-panel .specs-row .specs-wrap .spec-title, #custom-smalcode .top-specs-panel .specs-row .specs-wrap .color-text {
    color:#e9e600;
}



/* INFO */
#pdp .panel-template .right-border-gray div::after{ 
    content: "";
    width: 2px;
    height: 60%;
    position: absolute;
    border-right: 1px solid #bbbbbb;
    right: 0;
    top: 0;
    margin: 20% 0;
}

#pdp .panel-template .right-border-gray div:last-child::after{
    content:none;
}

#pdp.i7300 {
    background: #000 url('//res.cloudinary.com/corsair-pwa/image/upload/akamai/img/reusable/pdp-blk-bkg-left-triangle.png') bottom left;
    background-attachment: fixed;
    background-size: cover;
}



/* ============================== 
HERO
============================== */

#custom-smalcode .bg-layer.no-video {
    background: #000 url('//res.cloudinary.com/corsair-pwa/image/upload/akamai/pdp/vengeance-pc/i7300/images/vengeance_pc_i7300_hero_2x.jpg') center no-repeat;
    background-size: cover;
}

#custom-smalcode .style-h1.small-h1 {
    font-family: bebas-neue-pro-semiexpanded, sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 7rem !important;
    line-height: 7.5rem !important;
    letter-spacing: .0em !important;
    margin-bottom: 0 !important;
}

#custom-smalcode .bg-layer.no-video .overlay {
    background-color: rgba(0,0,0,.25);
}

#pdp-corsair section h2.yellow-subtext {
    font-family: aktiv-grotesk, sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    margin-bottom: 25px;
    --tw-text-opacity: 1;
    color: rgba(236, 232, 26, var(--tw-text-opacity));
}

#custom-smalcode .panel-hero-fullscreen .style-h3 {
    font-size: 3.75rem;
    margin: .25em auto;
}



/* ============================== 
SPECS
============================== */

#custom-smalcode .top-specs-panel {
    background: #000 url('//res.cloudinary.com/corsair-pwa/image/upload/akamai/img/reusable/pdp-blk-bkg-right-triangle.png') bottom right;
    background-attachment: fixed;
    background-size: 100%;
}



/* ============================== 
PANEL AWARD
============================== */

#panel-award:before{
    background:url('images/vengeance_pc_6100_award_2x.png')no-repeat left;
}



/* ============================== 
TESTIMONIAL
============================== */

#pdp .testimonial {
    background: url('//res.cloudinary.com/corsair-pwa/image/upload/akamai/img/reusable/pdp-blk-bkg-left-triangle.png') bottom left repeat-y fixed, url('//res.cloudinary.com/corsair-pwa/image/upload/akamai/pdp/vengeance-pc/i7200/images/testimonial_soaryn_2x.jpg') center no-repeat;
    background-color: #040813;
    background-size: 100%, cover;
    min-height:400px;
}

#pdp .panel-template.testimonial p.quote {
    border-left:3px solid #e9e600;
    font-family:aktiv-grotesk, sans-serif;
    font-size:1.8em;
    font-weight:300;
    letter-spacing:.05em !important;
    line-height:1.6 !important;
    margin-left:15px;
    padding:25px 0 25px 25px;
}

#pdp .testimonial #quote-info {
    font-family: aktiv-grotesk, sans-serif;
    font-size:1.3em;
    font-weight:100;
    letter-spacing:.1em;
    line-height:1.6;
    position:relative;
    text-align:right;
}

#pdp .testimonial .testimonial-mobile-img {
    display:none;
}



/* ============================== 
PARTS
============================== */

#pdp #parts {
    background:#000 url('//res.cloudinary.com/corsair-pwa/image/upload/akamai/pdp/vengeance-pc/i7200/images/vengeance_parts_2x.jpg') center no-repeat;
    background-size:cover;
}

#pdp.a7300.amd #parts {
    background:#000 url('//res.cloudinary.com/corsair-pwa/image/upload/akamai/pdp/vengeance-pc/a7300/images/vengeance_a7300_amd_parts_2x.webp') center no-repeat;
    background-size:cover;
}

#pdp #parts .overlay {
    background-color:rgba(0,0,0,.8);
    display:block;
}

#pdp #parts h2 + p {
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
}

#pdp #parts .col-third {
    text-align:left;
}

#pdp #parts .col-third p {
    margin-top:10px;
}



        

/* ============================== 
PROCESSOR
============================== */

#pdp #processor {
    background:url('//res.cloudinary.com/corsair-pwa/image/upload/akamai/img/reusable/pdp-blk-bkg-right-triangle.png') bottom right repeat-y fixed, url('//res.cloudinary.com/corsair-pwa/image/upload/akamai/pdp/vengeance-pc/a7300/images/vengeance_pc_a7300_amd_2x.jpg') 10% center no-repeat;
    background-color: #000;
    background-size: 100%, cover;
}


        

/* ============================== 
GRAPHICS
============================== */

#pdp #graphics {
    background:#000 url('//res.cloudinary.com/corsair-pwa/image/upload/akamai/pdp/vengeance-pc/a7200/images/vengeance_a7200_gpu.jpg') center no-repeat;
    background-size:cover;
}

#pdp #graphics.amd {
    background-image:url('//res.cloudinary.com/corsair-pwa/image/upload/akamai/pdp/vengeance-pc/a7200/images/vengeance_a7200_gpu_amd.jpg');
}

#pdp #graphics h2 {
    margin-bottom:10px;
}


        

/* ============================== 
TECH
============================== */

#pdp #tech {
    background:#000 url('//res.cloudinary.com/corsair-pwa/image/upload/akamai/pdp/vengeance-pc/a7200/images/vengeance_a7200_tech.jpg') center no-repeat;
    background-size:cover;
}


/* ============================== 
ELGATO 4K60
============================== */

#pdp #elgatocapture {
    background:#0c0c1b url('//res.cloudinary.com/corsair-pwa/image/upload/akamai/pdp/vengeance-pc/i7300/images/vengeance_pc_4k60.jpg') center no-repeat;
    background-size:cover;
}

#pdp #elgatocapture img {
    margin-bottom: 25px;
    max-width: 180px;
    width: 100%;
}

        

/* ============================== 
WARRANTY
============================== */

#custom-smalcode .panel-a4100-warranty .warranty-badge {
    margin-top:0;
    padding-top:7em;
}

#custom-smalcode .panel-a4100-warranty .row-main-content {
    padding-top:25px;
}

#custom-smalcode .panel-a4100-warranty p {
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
}



/* ============================== 
GREAT SUPPORT
============================== */

/*#pdp #great-support .col-three-quarters {
    margin:0 auto;
    width:75%;
}

#pdp #great-support a.cta:link,
#pdp #great-support a.cta:visited {
    border:2px solid #fff;
}

#pdp #great-support a.cta:hover,
#pdp #great-support a.cta:active {
    background-color:#222;
    color:#fff;
}

#pdp .panel-template .position-absolute.col-half{
    bottom:0;
    padding: 0;
    position: absolute;
    height:61%;
    top:auto;
}


#pdp .panel-template .position-absolute.fromCenter{
    left:50%;
    top:50%;

}*/

@media only screen and (min-width: 2500px) {
  

    /* ============================== 
    SMARTER
    ============================== */
    #pdp .lighting {
        overflow:hidden;
    }

    #pdp .lighting .content_wrapper{
        margin:0 auto;
    }

}

@media only screen and (max-width: 1200px) {

    .wide-460{
        width: 460px !important;
    }

    #pdp .panel-template .position-absolute.fromCenter{
        top:50%;
    }

    #pdp #panel-hero .product-container{
        width:840px;
    }
    
}

@media only screen and (max-width: 992px){
    #pdp .wide-460 .col-third h1{
        font-size:1.8em !important;
    }

    #pdp #panel-hero h1{
        font-size: 5em !important;
    }
}


@media only screen and (max-width: 900px){
}

@media only screen and (max-width: 768px) {

    #pdp .panel-template.text-center-mobile{
        text-align:center;
    }

    #custom-smalcode.a-4100 .row.bigger-tablet {
        display: none;
    }

    #pdp p sup {
        top: 0.65em;
        font-size: .75rem;
    }





    /* ============================== 
    PANEL HERO
    ============================== */

    #pdp #pdp-panel-hero {
        background-image:url('images/vengeance_a7200_header_still.jpg');
    }

    #custom-smalcode .bg-layer.no-video {
        background-position: 58% center;
    }

    #custom-smalcode .style-h1.small-h1 {
        font-size: 4rem !important;
        line-height: 4.5rem !important;
    }


    /* ============================== 
    PANEL AWARD
    ============================== */

    #panel-award:before{
        background-image:url('images/vengeance_pc_6100_award.png');
    }

    #panel-award .container {
        background:rgba(255,255,255,.5);
    }

    #panel-award .half.right {
        margin-top:7em;
    }



    /* ============================== 
    TESTIMONIAL
    ============================== */

    #pdp .testimonial {
        background:url('//res.cloudinary.com/corsair-pwa/image/upload/akamai/pdp/vengeance-pc/i7200/images/testimonial_soaryn_mobile.jpg') center no-repeat;
        background-size: cover;
        min-height:0;
    }

    #pdp .testimonial .testimonial-mobile-img {
        background:#222;
        border:3px solid #333;
        border-radius:100px;
        display:inline-block;
        height:100px;
        margin-left:15px;
        overflow:hidden;
        max-width:50%;
        vertical-align:middle;
        width:100px;
    }

    #pdp .testimonial .testimonial-mobile-img img {
        margin:10px auto 0;
        width:100%;
    }

    #pdp .testimonial #quote-info em {
        display:inline-block;
        transform:translateY(25%);
    }



    /* ============================== 
    PARTS
    ============================== */

    #pdp #parts {
        background-image:url('//res.cloudinary.com/corsair-pwa/image/upload/akamai/pdp/vengeance-pc/i7200/images/vengeance_parts_mobile.jpg');
    }

        

    /* ============================== 
    GRAPHICS
    ============================== */

    #pdp #graphics {
        background-image:url('//res.cloudinary.com/corsair-pwa/image/upload/akamai/pdp/vengeance-pc/6180/images/vengeance_pc_6100_graphics.jpg');
    }



    /* ============================== 
    GREAT SUPPORT
    ============================== */

    #pdp #great-support .col-three-quarters {
        width:100%;
    }



    /* ============================== 
    DOMINATE
    ============================== */
    #pdp .panel-template .position-absolute.col-half.right.fromCenter{
        left:65%;
        width:70%;
    }


}

@media only screen and (max-width: 650px) {




    /* ============================== 
    PANEL AWARD
    ============================== */

    #panel-award {
        height:auto;
    }

    #panel-award .container {
        padding-left:0;
    }

    #panel-award .half.right {
        display:block;
        margin-left:auto;
        margin-right:auto;
        width:90%;
    }

    #panel-award .half.right .arrow {
        top:20%;
    }



    /* ============================== 
    SPECS
    ============================== */

    #custom-smalcode .top-specs-panel {
        background-size: cover;
    }

        

    /* ============================== 
    PROCESSOR
    ============================== */

    #pdp #processor {
        background-size: cover;
    }
}

@media only screen and (max-width: 570px) {
    #pdp .panel-template .col-half.mobile100{
        position:relative;
        text-align:center;
        width:100%;
    }

    #pdp .panel-template.tall110{
        height:110vw;
    }

    #pdp .panel-template.padding-top-4,
    #pdp .panel-template.padding-bottom-4{
        padding: 7em 0 7em;
    }

    #pdp .panel-template .wrapper .vertical-center{
        display:block;
    }

    #pdp .panel-template .position-absolute.col-half.right.fromCenter{
        bottom:5vw;
        height:auto;
        left:5%;
        width:90%;
    }

    #pdp .panel-template .col-half{
        margin-top:0;
    }
    
    #pdp .panel-template p.description{
        margin:2em auto 0;
    }


}
    
@media only screen and (max-width: 479px) {
}

@media only screen and (max-width: 470px) {
    .wide-460{
        width:100% !important;
    }

    #pdp .wide-460 .col-third h1{
        font-size: 1.4em !important;
    }

    #pdp .panel-template h1{
        font-size:1.9em !important;
    }
}

@media only screen and (max-width: 440px) {
}

@media only screen and (max-width: 400px) {
}