*{
    padding : 0;
    margin : 0;
    color : white;
    font-family : "Roboto","sans-serif";
    
}

.inline{
    display : inline-block;
    vertical-align:top;
}

.portrait{
    height : 100% !important;
    width : auto  !important;
}
.landscape{
    width : 100% !important;
    height : auto  !important;
}

#registerBox{
    width : 100%;
    padding-left : 30%;
    padding-right : 30%;
}
#header_label{
    vertical-align:top;
    color : white;
    margin : 0;
    margin-top : 1.9vh;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size : 1.7vw;
}
.noMargin{
    margin : 0;
}
html{
    width : 100%;
    height : 100%;
}
.content{
    margin-top:8vh;
    min-height: 76vh;
}
body{
    min-height : 100%;
    width : 100%;
    
    background-image:url('../images/noisy_net_@2X.png');
    background-repeat: repeat;
}

header{
    width : 100%;
    min-height: 8vh;
    background-color : #272626;
    color : white;
    position:fixed;
    z-index:2;
    top:0;
}
.logo_wrapper{
    display : inline-block;
    height : 100%;
    width : auto;
    margin-left : 1%;
    padding-top: 2px;
    margin-right : 1%;
}

header a:link,header a:visited,header a:active{
    color : white;
    font-size : 1.5vw;
    margin-right:  30px;
}

#cart_wrapper{
    position:relative;
}

#cart_badge{
    position : absolute;
    right : -0.5vw;
    bottom : 2vh;
}
.icon{
    color : white;
    font-size : 2vw !important;
    padding-top : 1.2vh;
    height : 8vh ;  
    width : 8vh;
    text-align : center;
    vertical-align : top;
}
.icon:hover{
    background-color : black;
}
.icon .fa{
    color : white;
}

.table tr:hover{
    background-color :#3b4550 !important;
}
.header_dropdown_menu{
    background-color : black !important;
    color : white;
}

header nav{
    margin-top : 1.4vh;
    margin-left : 15%;
}

header nav a:link{
    font-family : "Roboto";
    font-size : 1.3vw;
}
#main_logo{
    height : 6.5vh;
    margin-left : 10%;
}

.center_title{
    width : 100%;
    text-align:center;
}

footer{
    text-align:center;
    padding: 5px 0px 2vh 0px;
    color : white;
    background-color : #1d1d1d;
}

footer p{
    font-size : 1.2vw;
}

footer p{
    color : white;
}

footer h3{
    color : white;
}

footer a:link, footer a:visited, footer a:active{
    color : white;
}
.price{
    text-align : center;
}

.products_wrapper{
    padding : 2px 30px 30px 2px;
}
.products_wrapper:hover{
    background-color : #3b4550;
}

.image_wrapper{
    overflow : hidden;
    text-align:  center;
    height : 40vh;
    background-color : rgba(0,0,0,0.3);
}

.image_wrapper img{
    width : 100%;
    position : relative;
    margin-left : auto;
    margin-right : auto;
}


#about_image{
    width : 60%;
    margin-left : 20%;
}

.carousel-inner img {
    margin: auto;
    width : 100%;
    height : 100%;
}

.carousel-inner {
    width : 100%;
    height : 100%;
}

#myCarousel {
    width : 100%;
}

.formTable{
    width:100%;
}

.formTable tr td{
    padding : 3px 0px 3px 0px;
}

.full-width{
    width : 100%;
}

#cart_button{
    width : 70%;
    color : white;
    background-color : black;
    padding-top : 10px;
    padding-bottom : 10px;
    border :0;
}

.product_desc{
    padding-left : 5%;
    padding-right : 5%;
    text-align:left;
    color : white;
}

.product_desc p{
    color : white;
}

.quantity_selector{
    width : 80px;
}

.featured{
    height:  35vh;
    overflow : hidden;
    text-align : center;
}

#index_featured{

    padding : 0 5% 0 5%;
}

.index_featured_images{
    width : 100%;
    height : 100%;
}

.featured img{
    width : 100%;
}

.black_frame_button{
    border : 3px solid black;
    padding : 10px;
    width : 40vw;
    margin-left : 30vw;
    display : block;
    font-size : 18px;
    color : black;  
}

.noPad{
    padding:0;
}

.carousel_image{
    width : 100vw !important;
}

.products_wrapper{
    padding : 0 10px 0 10px;
}

.main_padding{
    padding-left : 5%;
    padding-right : 5%;
}

.bold{
    font-weight : bold;
}

#header_search{
    width : 30%;
    display : inline-block;
}

.cartBadge{
    background-color : #8cd2d6;
}

.footer_items {
    padding-left : 20px;
}

.footer_items p{
    text-align : left;
    margin : 0;
    font-family: "Montserrat";
    color : #a1a1a1;}


.footer_items a:link{
    color : #a1a1a1;
    font-size : 12px;
}

.footer_items h3{
    text-align : left;
    font-size : 18px;
    font-family: "Montserrat";
}
.socialLink{
    margin-left : 5px;
    width : 36px;
    height : 36px;
    border-radius : 18px;
    background-color : black;
    display : inline-block;
    padding-top : 8px;
    text-align : center;
}
.email_icon{
    padding-top : 10px;
}
.socialLink img{
    width : 20px;

}

.product_category_list{
    width : 100%;
    display : block;
    color : white;
    font-weight : bold;
    text-align : left;
    margin-bottom : 10px;
}

.product_image_wrapper{
    width : 100%;
    padding-bottom : 10px;
    overflow : hidden;
    max-height: 60vh;
}

.product_image{
    max-width : 100%;
    max-height : 100%;
}
.product_details_image{
    max-height: 60vh;
    max-width : 100%;
}


.product_model{
    padding : 2px 5px 2px 5px;
    border : 2px solid #DEDEDE;
    display : inline-block;
    margin-left : 5px;
    color : #DEDEDE;
}

.product_model:hover{
    border : 2px solid black;
    color : black;
    background-color:white;
}

.product_model_active{
    border : 2px solid black;
    color : black;
    background-color:white;
}

.model_selection{
    display : inline-block;
}



.model_selection{
    display : inline-block;
}

.padded-content{
    padding-left: 4%;
    padding-right : 6%;
}


.bankInButton{
    background-color : #2a303a;
    padding : 20px 50px 20px 50px;
    color : white;
    font-size : 1.5vw;
    display : block;
    width : auto;
    text-align : center;
    margin-left : 20%;
    width : 60%;
}

.modal *{
    color:black;
}

.modal .modal-title{
    color:black;
}


.alt_image_wrapper{
    width:6vw;
    height :6vw;
    display : inline-block;
    margin-right: 5px;
    overflow : hidden;
}

.alt_image_wrapper img{
    height: 100%;
}

.title_ellipsis {
    height : 50px;
    width : 100%;
    display : block;
    vertical-align : top;
    overflow : hidden;
}

.description_ellipsis {
    height : 75px;
    width : 100%;
    display : block;
    vertical-align : top;
    word-wrap: break-word;
    overflow : hidden;
    text-overflow : ellipsis;
}

.three-line {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ellipsis {
    overflow : hidden;
    white-space: nowrap;
    text-overflow : ellipsis;
}

@media only screen 
and (orientation : portrait) { /* STYLES GO HERE */
    
    .category_title{
        color : white;
    }
    .image_wrapper{
        height : 10vh !important;
    }

    #mobile_nav a:link,#mobile_nav a:visited,#mobile_nav a:active{
        width : 100%;
        display : block;
        color : white;
        
    }
    #main_logo{
        height : 5vh;
    }

    .padded-content{
        padding-left : 0;
        padding-right : 0;
    }

    .dropdown{
        width :100%;
    }

    .dropdown-menu{
        left : 0 !important;
    }


    #header_nav{

        padding-top : 0;
        padding-bottom : 0;
    }

    .content{
        margin-top : 0vh;
    }
    .logo_wrapper{
        height : 2vh;
        width : 80vw;
        text-align : center;
    }
    #main_logo{
        height : 2vh;
    }
    
    .mobile-content {
        width : 100% !important;
        display : inline-block;
        vertical-align : top;
        margin-bottom : 5%;
    }
    
    .center_title {
        font-size : 5vw;
        overflow : hidden;
        white-space : nowrap;
        text-overflow : ellipsis;
    }
    
    .bankInButton {
        font-size : 3vw;
    }
}