/*
    Document   : tablet
    Created on : 6-Jul-2015, 3:54:05 PM
    Author     : Dane Stevens <dane[at]dsmedia[dot]ca>
    Description:
        Purpose of the stylesheet follows.
*/

.show_mobile { display:block !important; }
.block_mobile { display:none !important; }
.block_l_tablet { display:none !important; }
.block_p_tablet { display:none !important; }

.margin_right { margin-right:0; }
.margin_left { margin-left:0; }

.mobile_right { margin-top:80px; margin-bottom:0px; }
.mobile_left { margin-top:-140px; }

#deviceWrap span.device_mobile { display:block; }

.wrap {width:80dvw; }
.wrap-scroll {width:80dvw; top:20px;}

.col_1 { width:100%; }
.col_2 { width:100%; }
.col_3 { width:100%; }
.col_4 { width:100%; }
.col_5 { width:100%; }
.col_6 { width:100%; }
.col_7 { width:100%; }
.col_8 { width:100%; }
.col_9 { width:100%; }
.col_10 { width:100%; }
.col_11 { width:100%; }
.col_12 { width:100%; }

#messageWrap #message { font-size:14pt; }
#messageWrap #message .margin { margin:20px; }
#messageWrap #message .continue { font-size:10pt; }

.overlay { top:0px; left:0px; max-width:100%; height:100%; border-radius:0px; }
.overlay .margin { margin:0px 10px 20px 10px; }

form a.previous { margin-bottom:10px; }

.freestyleSki { max-width:120px !important; margin-bottom:20px !important; }

#video #videoClose { top:10px; right:10px; }

#video iframe { border:none; }

#wrapper { padding-top:60px; }

#headerBGR { position:fixed; width:100%; z-index:1; top:0px; }

#wrapper.mobile_slide { left:-80%; right:80%; }

#navWrap { height:60px; }
#logo { text-align:left; padding:10px; }
#logo a { display:inline-block; }
#logo a img { height:40px; }
#logo a img.main-logo { margin-top: -30px; max-width: 180px; }

#mobile_nav { display:block; width:80%; height:100%; position:absolute; right:-80%; top:0px; padding:0px; }
#wrapper.mobile_slide #mobile_nav { right:-80%; }

ul#mainNav { position:static; width:100%; padding:0px; margin:0px; }
    ul#mainNav li { display:block !important; margin:0px; }
        ul#mainNav li a { display:block; color:#ffffff; text-decoration:none; padding:10px; font-weight:bold; letter-spacing:.5px; border-bottom:1px solid #444; }
            ul#mainNav li a img,
            ul#mainNav li a i { height:22px; vertical-align:middle; margin-right:10px; }

            ul#mainNav li a:hover i { color: #fff; }

            #language { position:static; background:none; }
                #language a { display:block; color:#ffffff; text-decoration:none; padding:10px; font-weight:bold; letter-spacing:.5px; background:none;  border-bottom:1px solid #444; display:block; }
                #language a img { height:22px; vertical-align:middle; margin-right:10px; display:inline-block !important; }

.register_now_sm {
    width: 100%;
}

.top-bar-login { margin-top: 0px; }

.dealer-login-btn {
    float: right;
    position: relative;
    top: 20px;
    left: 0px;
}

.top-bar-login-input {
    position: relative;
    left: 0px;
}

.register-acct-heading ~ div:last-of-type { margin-bottom: 20px; }

#tempMsgWrap,
#tempMsg {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

#tempMsg {
    position: absolute;
    top: 100%;
}

@media screen and (max-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) {
    #logo a img.main-logo { max-width: 160px; }
}