/* BarnTec Landing Page CSS */


/* Demandware Template Fixes */
div#secondary{
    display:none;
}
.layout-full #primary {
    width:100%;
}
.layout-full #main {
    width:100%;
}

div.clearfix {
    clear:both;
}

/* Layout */

div#barntecWrapper {
    width:100%;
    background-image: url(../images/rb-barntec-bkgd-600.jpg);
    background-size:cover;
    background-position: top;
    position: relative;
}

div#leftSide, div#rightSide {
    display:inline-block;
}

div#leftSide {
    width:32%;
    padding:4%;
    height:100%;
    vertical-align:top;
}

div#leftSide p {
    padding:30px 0;
    font-size:1.25em;
}

div#barntecLogo {
    background-image: url(../images/rb-barntec-logo-600.png);
    width:100%;
    height:50%;
    display:block;
    padding-bottom:50%;
    background-size:contain;
    background-repeat: no-repeat;
}

div#rightSide {
    width:59.7%;
    height:100%;
}

div#rightContent {
    width: 40%;
    position: absolute;
    margin: 0px 5% 0px 15%;
    bottom: 0;
}

div#rightContent h3 {
    text-align: center;
}

span.bullet {
    position: absolute;
    background-color: #FFF;
    height: 1px;
    display:inline-block;
    box-shadow: 1px 0px 1px #000000;

}

span.bullet:after {
    content: " ";
    height:10px;
    width:10px;
    border:2px solid #FFFFFF;
    border-radius: 50%;
    display:inline-block;
    float:right;
    position:relative;
    bottom:6.5px;
    left:12px;
    box-shadow: 1px 0px 1px #000000;
}

span.infographicPoint {
    position: absolute;
    font-family: MuseoSans_500;
    font-size: 1.25em;
    text-align: center;
    text-transform: uppercase;
}

span.bullet:nth-child(1) {
    top: 17%;
    right: 18%;
    width: 15%;
}

span#RockyWaterproof {
    right: 34%;
    top: 16%;
    
}

span.bullet:nth-child(3) {
    top: 47%;
    right: 23%;
    width: 11%;
    transform: rotate(30deg);
}

span#SPRLeather {
    top: 41%;
    right: 34%;
}

span#BarnTecOutsole {
    top:70.5%;
    right:35%;
}

span.bullet:nth-child(5) {
    top: 68%;
    right: 15%;
    width: 20%;
    transform: rotate(-10.5deg);
}

span#ChemicalResistantStiching {
    top:67%;
    right:1%;
}

span.bullet:nth-child(7) {
    top: 63%;
    width: 3%;
    transform: rotate(-90deg);
    right: 6.5%;
}

div#barntecLifestyle {
    background-image: url(../images/rb-barntec-lifestyle-600.png);
    background-size:cover;
    padding-bottom:100%;
}

/* Typography */
div#barntecWrapper a, div#barntecWrapper p, div#barntecWrapper span, div#barntecWrapper h3 {
    color:#FFFFFF;
    font-family: MuseoSans_500;
}

div#barntecWrapper a {
    background-color: #bc4e27;
    display:inline-block;
    padding:10px;
    text-transform: uppercase;
    font-size:1.25em;
}

/*Media Queries */

@media screen and (min-width:601px) and (max-width:800px) {
    /* Layout */
    div#barntecWrapper {
        background-image: url(../images/rb-barntec-bkgd-800.jpg);   
    }
    div#barntecLogo {
        background-image: url(../images/rb-barntec-logo-800.png);  
    }
    div#barntecLifestyle {
    background-image: url(../images/rb-barntec-lifestyle-800.png);
    }
    
}

@media screen and (min-width:801px) and (max-width:1080px) {
    /* Layout */
    div#barntecWrapper {
        background-image: url(../images/rb-barntec-bkgd-1080.jpg);   
    }
    div#barntecLogo {
        background-image: url(../images/rb-barntec-logo-1080.png);  
    }
    div#barntecLifestyle {
    background-image: url(../images/rb-barntec-lifestyle-1080.png);
    }
    
}

@media screen and (min-width:1081px) {
    /* Layout */
    div#barntecWrapper {
        background-image: url(../images/rb-barntec-bkgd-1081.jpg);   
    }
    div#barntecLogo {
        background-image: url(../images/rb-barntec-logo-1081.png);  
    }
    div#barntecLifestyle {
    background-image: url(../images/rb-barntec-lifestyle-1081.png);
    }
    
}