/*  
	Theme Name: vogomo
	Theme URI: http://www.vogomo.com
	Description: Customize Theme
	Version: 1.0
	Author: Jacie
	Author URI: http://www.vogomo.com
	
*/

body{
    margin: 0;
    font-family: Arial, Helvetica, Georgia, Sans-serif;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
    background: #ffffff;
    color: #000000;
    overflow-y:scroll;
}

h2{
    font-family: Rockwell, Arial, Sans-serif;
    font-size: 30px;
    color: #000000;
}

a:link, a:visited{
    text-decoration: underline;
    color: #000000;
}

a:hover{
    text-decoration: none;
}

#wrapper{
    margin: 0 auto 0 auto;
    text-align: left;
    margin-top:-20px;
}

#header{
    width:75%;
    margin:auto;    
    position:relative;
    height:70px;
    top:30px;
}

#header h1{
    font-size:55px;
}

#header a {
    text-decoration:none;
    color:#fff;
    font-family: 'Slabo', serif;
}

.listing{
    height:45px;
    background-color:#00004d;
}

#container{        
    width:85%;
    margin:auto;
    height:80%;
}

.sidebar{
    float: left;
    width: 240px;
    background: #ffffff;
    margin: 0 0 0 10px;
    display: inline;
}

.sidebar h2{
    font-size: 20px;
}

#footer{
    width:100%;
    text-align:center;
    margin-top:5%;
}

#footer a {
    text-decoration:none;
    color:blue;
}

.comments-template{
    margin: 10px 0 0;
    border-top: 1px solid #ccc;
    padding: 10px 0 0;
}

.comments-template ol{
    margin: 0;
    padding: 0 0 15px;
    list-style: none;
}

.comments-template ol li{
    margin: 10px 0 0;
    line-height: 18px;
    padding: 0 0 10px;
    border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
    font-family: Georgia, Sans-serif;
    font-size: 16px;
}

.commentmetadata{
    font-size: 12px;
}

.comments-template p.nocomments{
    padding: 0;
}

.comments-template textarea{
    font-family: Arial, Helvetica, Georgia, Sans-serif;
    font-size: 12px;
}

/* added by Jacie */
.cart-wrapper{
    position:absolute;
    top:0;
    right:0;
    width:200px;
    text-align:center;
    color:#fff;
}

.cart-wrapper ul{
    list-style:none;
    width:100%;
}

.cart-wrapper ul li{
    float:left;
    width:32%;
}

.cart-wrapper ul li .my_account{
    font-size:25px;
    padding:10px;
}

.cart-wrapper ul li a{
    font-family: Arial, Helvetica, Georgia, Sans-serif!important;
}

.all_head{
    background-color:#00004d;
    padding-bottom:30px;
}

.cart-wrapper ul li .fa-shopping-cart{
    font-size:20px;
    background-color:lightskyblue;
    padding:13px;
    border-radius:40px;
    color:#fff;
    position:relative;
}

.cart-wrapper ul li .cart-value{
    position:absolute;
    top:-10px;
    right:50px;
    background-color:#fff;
    padding:0 5px;
    border:2px solid lightskyblue;
    border-radius:30px;
    color:#000;
}

.cart-wrapper ul li .my-cart {
    font-size:15px;
    padding:2px;
    font-weight:700;
}

.cart-wrapper ul li .cart-total{
    font-size:13px;
}

.form_list{
    color:#fff;
    list-style:none;
    padding:0;
    margin:0;
    font-size:16px;
    text-align:center;
    width:80%;
    margin:auto;
}

.form_list li {
    width:25%;
    float:left;
    padding:10px;
    cursor:pointer;
}

.form_list li a{
    color:#fff;
    text-decoration:none;
}

.form_list li:hover, .form_list li.active{
    border-bottom:3px solid #ffff00;    
    color:#ffff00;    
}

#container ol{
    list-style:none;
    padding:0;
    display:inline-block;
    width:100%;
}

.category_navigation_bar{
    width:90%;
    margin:auto;
    margin-top:2%;
}

.category_navigation_bar ul{
    width:100%;
    display:block;
    font-size:20px;
    list-style:none;
    padding:0;
    margin:0;
    text-align:center;
    border:1px solid lightskyblue;
}

.category_navigation_bar ul li{
    /*width:20%;*/
    float:left;
    background-color:lightskyblue;    
    padding:10px 0;
    color:#fff;
    cursor:pointer;
    border:1px solid #fff;
    height:100%;
}

.category_navigation_bar ul li:hover, .category_navigation_bar ul li.active{    
    background-color:#fff;    
    color:#000;
    border-right:1px solid lightskyblue;
    border-left:1px solid lightskyblue;
    /*border:1px solid lightskyblue;*/
}

.all_products{
    width:90%;
    margin:10px auto;
}

.all_products ul {
    list-style:none;
    width:100%;
    text-align:center;
    display:inline-block;
    margin:0;
    padding:0;
}

.all_products ul li{
    width:18%;
    float:left;
    border:1px solid lightskyblue;
    margin:1%;
    box-shadow:1px 1px 10px #ddd;
    font-size:18px;
}

.all_products ul li img{
    width:100%;
    /*height:250px;*/
    cursor:pointer;
}

.all_products ul li a{
    text-decoration:none;
}

.all_products .title{
    font-size:22px;
}

.all_products .price{
    font-size:20px;
}

.all_products .detail_wrap{
    height:100px;
}

.single_product{
    width:55%;
    margin:auto;
    background-color:#efefef;
    padding:10px;
    box-shadow:1px 1px 10px #bfbfbf;
    color:#00004d;
    margin-top:2%;
    text-align:center;
}

.single_product ul {
    list-style:none;
    width:100%;
    padding:0;
    display:inline-block;
}

.single_product ul li{
    float:left;
    width:50%;
}

.single_product img{
    width:100%;
	/*    height:100%;*/
}

.single_product .product_title{
    font-size:45px;
    /*margin-top:20%;*/
}

.single_product .stock, .quick_view_popout .stock{
    font-size:20px;    
}

.single_product .price, .quick_view_popout .price{
    font-size:30px;
    padding:20px 0;    
}

.single_product .col-md-5{
    margin-left:-15px;
}

.single_product .quantity, .quick_view_popout .quantity{
    margin-bottom:25px;
    margin-top:10%;
}

.single_product .quantity .minus_sign, .quick_view_popout .quantity .minus_sign, .single_product .quantity .plus_sign, .quick_view_popout .quantity .plus_sign{
    background-color:lightskyblue;
    color:#fff;
    padding:10px 25px;
    font-size:25px;
    box-shadow:1px 1px 3px #bfbfbf;
    border-radius:5px;
}

/*.single_product .quantity .plus_sign, .quick_view_popout .quantity .plus_sign{
    background-color:lightskyblue;
    color:#fff;
    padding:10px 25px;
    font-size:25px;
    box-shadow:1px 1px 3px #bfbfbf;
    border-radius:5px;
}*/

.single_product .quantity .number_label, .quick_view_popout .quantity .number_label{
    background-color:#fff;
    width:115px;
    height:45px;
    text-align:center;
    padding:9px;
    margin:0 15px;
    border:1px solid #bfbfbf;
    border-radius:5px;
    box-shadow:1px 1px 3px #bfbfbf;
    font-weight:100;
}

.single_product .quantity select, .quick_view_popout .quantity select{
    height:45px;
    width:115px;
    margin:0 15px;
    border-radius:5px;
    box-shadow:1px 1px 3px #bfbfbf;
    background-color:#fff;
}

.single_product button, .quick_view_popout button{
    background-color:lightskyblue;
    width:80%;
    height:50px;
    border:0;
    border-radius:5px;
    color:#fff;
    font-size:20px;
    box-shadow:2px 2px 5px #bfbfbf;
    margin-top:5%;
}

#box {
    text-align:center;
}

#box #customer_login{
    width:60%;
    margin:auto;
    text-align:center;
}

#box h3{
    margin-bottom:30px;
}

#box h3 a{
    text-decoration:none;
    font-size:40px;
}

#box input[type='text'], #box input[type='password'],#box input[type='email'], #box input[type='tel'], #box select{
    height:35px;
    border:1px solid #bfbfbf;
    border-radius:3px;
    padding-left:5px;
}

textarea{
    border:1px solid #bfbfbf;
    border-radius:3px;
    padding:10px;
}

#box input[type='submit'] {
    margin-bottom:15px;
}

#box .woocommerce {
    width:80%;
    margin:auto;
    text-align:left;
}

.quick_view_popout{
    background-color:#efefef;
    width:50%;
    position:fixed;
    z-index:999999;
    left:0;
    right:0;
    margin:auto;
    top:20%;
    text-align:center;
}

.quick_view_popout p {
    margin:0;
}

.quick_view_popout .product_title{
    font-size:45px; 
    margin-top:25%;
}

.quick_view_popout .col-md-5{
    margin-left:-15px;
}

.quick_view_popout .price{
    font-size:25px;
}

.quick_view_popout img{
    width:100%;
    height:100%;
}

.quick_view_popout .cancel{
    font-size:25px;
    position:absolute;
    z-index:9999999;
    right:-15px;
    top:-15px;
    background-color:#fff;
    padding:5px 8px;
    border-radius:30px;
    cursor:pointer;
    border:1px solid #ddd;
}

.background-overlay{
    background-color:#000;
    width:100%;
    height:2500px;
    position:absolute;
    z-index:9999;    
    top:0;
    opacity:0.5;
}

.woocommerce table.my_account_orders{
    font-size:1em!important;
    text-align:center!important;
}

.woocommerce table thead{
    background-color:#efefef;
}

.woocommerce table.my_account_orders th{
    padding:10px 8px!important;
    font-size:1.2em;
    text-align:center!important;
}

.woocommerce table.my_account_orders .button{
    padding:10px;
    margin:10px;
}

.woocommerce form .form-row .input-checkbox{
    position:relative!important;
}

.scrollUp_icon{
    position:fixed;
    z-index:999;
    right:5%;
    font-size:35px;
    background-color:lightskyblue;
    color:#fff;
    box-shadow:2px 2px 3px #bfbfbf;
    padding:5px 10px;
    border-radius:5px;
    bottom:5%;
    cursor:pointer;
}

.pagination_div{
    text-align:center;
}

@media only screen and (max-width:1680px){
    .quick_view_popout{
        width:60%;
	}
	.all_products .detail_wrap {
		height:135px;
	}
}

@media only screen and (max-width:1480px){
    .all_products .price{
        font-size:18px;
	}
    .single_product{
        width:70%;
	}
    .single_product .quantity .minus_sign, .single_product .quantity .plus_sign, .quick_view_popout .quantity .minus_sign, .quick_view_popout .quantity .plus_sign{
        padding:10px 20px;        
	}
    .single_product .quantity select, .single_product .quantity .number_label, .quick_view_popout .quantity select, .quick_view_popout .quantity .number_label{
        width:100px;
	}
    .quick_view_popout .product_title{
        font-size:40px;
        margin-top:12%;
	}
    .single_product .product_title {
        font-size:40px;
        margin-top:5%;
	}
    .single_product .price, .quick_view_popout .price{
        font-size:25px;
        padding:10px 0;
	}
    .quick_view_popout{
        width:60%;
	}
    #box #customer_login{
        width:85%;
	}
}

@media only screen and (max-width:1280px){
    .all_products ul li{
        width:23%;
	}
    .quick_view_popout{
        top:20%;
	}
	.all_products .detail_wrap {
		height:135px;
	}
}

@media only screen and (max-width:969px){
    #header h1{
        font-size:45px;
	}
    #container{
        width:90%;
        margin-top:2%;
	}
    .category_navigation_bar{
        width:95%;
	}
    .all_products{
        width:95%;
        /*margin:0 auto;*/
	}
	.all_products .detail_wrap {
		height:110px;
	}
    .all_products ul li{
        width:31%!important;
	}
    .quick_view_popout{
        width:90%;
	}
    .single_product ul li{
        float:left!important;
        width:50%!important;
	}
    .single_product .product_title{
        margin-top:5%;
        font-size:30px;
	}
    .quick_view_popout .quantity, .single_product .quantity{
        margin-bottom:15px;
        margin-top:5%;
	}
    .single_product .quantity .minus_sign, .single_product .quantity .plus_sign{
        font-size:20px;
        padding:10px 15px;
	}
    .single_product button{
        width:85%;
        margin-bottom:5%;
	}
    .single_product{
        width:95%;
        /*margin-top:0;*/
	}
    #box #customer_login{
        width:100%;
	}
    .all_products ul li img{
        /*height:190px;*/
	}
    .quick_view_popout img{
		/*        width:410px;
		height:410px;*/
	}
    .woocommerce table.my_account_orders .button{
        margin:5px;
	}
}

@media only screen and (max-width:768px){
    #wrapper{
        margin-top:0px;
	}
    .quick_view_popout {
        width:85%;
        top:5%;
	}
    .quick_view_popout .product_title{
        font-size:30px;
        margin-top:12%;
	}
    .quick_view_popout .price, .quick_view_popout .stock{
        font-size:20px;
	}
    .quick_view_popout .quantity select, .quick_view_popout .quantity .number_label, .single_product .quantity select, .single_product .quantity .number_label{
        width:75px;
	}
    .quick_view_popout .quantity .minus_sign, .quick_view_popout .quantity .plus_sign, .single_product .quantity .minus_sign, .single_product .quantity .plus_sign{
        font-size:20px;
        padding:10px 15px;
	}
    .all_products .title{
        font-size:18px;
	}
    .all_products .price{
        font-size:16px;
	}
    #footer{
        margin-top:2%;
	}
    .single_product .product_title{
        font-size:25px;
	}
    .single_product .price, .single_product .stock{
        font-size:18px;
	}
    .single_product .quantity{
        margin-bottom:3px;
	}
    .single_product .price{
        padding:10px 0;
        margin:0;
	}
    .single_product button{
        width:90%;
	}
    .category_navigation_bar ul{
        font-size:18px;
	}
    .single_product ul li{
        float:left!important;
        width:50%!important;
	}
    .single_product{
        margin-top:5px;
	}
}

@media only screen and (max-width:480px){
    #header{
        width:95%;
	}
    #header h1{
        font-size:40px;
	}
    .cart-wrapper{
        width:175px;
	}
    .cart-wrapper ul li{
        width:33%;
	}
    .cart-wrapper ul li .fa-shopping-cart{
        font-size:18px;
        padding:10px;
	}
    .cart-wrapper ul li .cart-value{
        font-size:13px;
        right:42px;
	}
    #box h3{
        margin:15px 0 5px;
	}
    .form_list{
        width:100%;
	}
    .listing{
        height:65px;
	}
    #box h3 a {
        font-size:35px;
	}
    .category_navigation_bar ul{
        font-size:15px;
	}
	/*    #container ol li{
        width:25%;
		}
		#container ol li:nth-child(2){
        width:75%;
	}*/
    .all_products ul li{
        width:48%!important;
	}
	/*    .all_products ul li img{
        position:relative;
		}
		.all_products ul li .detail_wrap{
        //position:absolute;
        top:0;
        right:0;
	}*/
    .quick_view_popout .col-xs-7{
        width:100%;
	}
    .quick_view_popout .col-xs-5{
        width:100%;
        margin:0;
	}
    .quick_view_popout img{
        width:100%;
        /*height:275px;*/
	}
    .quick_view_popout .product_title{
        font-size:25px;
        margin-top:5%;
	}
    .quick_view_popout .price, .quick_view_popout .stock{
        font-size:18px;
	}
    .quick_view_popout .price{
        padding:10px 0;
	}
    .quick_view_popout button{
        margin-bottom:5%;
	}
    .quick_view_popout .quantity{
        margin-bottom:5px; 
	}
    .single_product ul li{
        width:100%!important;
	}
    .single_product img{
        width:100%;
	}
}

@media only screen and (max-width:320px){
    .single_product{
		
	}
}
/* added by Jacie */