/*
 Theme Name:     Cafe
 Theme URI:      http://aspengrovestudios.com/
 Description:    
 Author:         Aspen Grove Studios
 Author URI:     http://aspengrovestudios.com/
 Template:       Divi
 Version:        2.1.4
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

/*...................................................*/
/*.........GLOBAL SETTINGS..........*/
/*....................................................*/
/*.....FONT SIZE AND LINE HEIGHT.....*/

body {
    font-size: 16px;
    line-height: 1.7em;
}
/*.....ALL HEADER TAGS STYLING....*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Droid Serif', Georgia, "Times New Roman", serif;
    color: #b75922;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    line-height: 1.3em;
}
/*......LINK COLOR.......*/

a {
    color: #b75922;
}


.page-template-404-page-blank.page-template-404-page-blank-php #page-container {
    padding-top: 0!important;
}


/*............BODY MARGIN HEIGHT...............*/

#et-main-area {
    /*margin-top: -60px;*/
}
@media only screen and (min-width: 1025px){
#page-container {
    padding-top: 0 !important;
}
}
/*.............................*/
/*....SITE HEADER SECTION.....*/
/*.............................*/
/*.....HIDING THE SEARCH ICON....*/

.et_header_style_centered #et_top_search {
    display: none!important;
}
/*....HEADER BACKGROUND COLOR....*/

#main-header,
#main-header .nav li ul,
.et-search-form,
#main-header .et_mobile_menu {
    background-color: rgba(55, 60, 76, 0.67);
}
/*.....CURRENT MENU COLOR....*/

#top-menu li.current-menu-ancestor > a,
#top-menu li.current-menu-item > a {
    color: #ffffff;
}
/*..........TOP MENU FONT SIZE & OTHER STYLING.......*/

#top-menu li a,
.et_search_form_container input {
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    font-size: 13px;
}
/*.......TOP MENU AND CART COLOR.....*/

#top-menu a,
#et-top-navigation .et-cart-info {
    color: rgba(255, 255, 255, 0.68);
}
/*.......TOP NAVIGATION BAR ADJUSTMENT.....*/

.et_header_style_centered #main-header div#et-top-navigation {
    top: 8px;
}
@media only screen and (min-width: 981px) {
    #main-header.et-fixed-header {
        background-color: #fdfaf5;
    }
    /*............FIXED HEADER MENU COLOR..............*/
    
    .et-fixed-header #top-menu a,
    .et-fixed-header #et-top-navigation .et-cart-info {
        color: rgba(86, 86, 86, 0.6) !important;
    }
    /*.........FIXED HEADER CURRENT MENU LINK COLOR..........*/
    
    .et-fixed-header #top-menu li.current-menu-item > a {
        color: #565656 !important;
    }
}
/*....................................................*/
/*.........FOOTER SECTION.............*/
/*...................................................*/
/*......BOTTOM FOOTER BACKGROUND COLOR......*/

#main-footer {
    background-color: #fdfaf5;
}
#footer-bottom {
    background-color: rgba(0, 0, 0, 0.07);
}
/*.......BOTTOM FOOTER TEXT STYLING AND LINKS COLOR.....*/

#footer-info,
#footer-info a {
    color: rgba(102, 102, 102, 0.72);
    font-weight: normal;
    font-style: italic;
    font-size: 16px;
}
/*.....FOOTER MENU BACKGROUND COLOR.....*/

#et-footer-nav {
    background-color: #2a343d;
}
/*....FOOTER MENU CURRENT LINK COLOR.....*/

#et-footer-nav .bottom-nav li.current-menu-item a {
    color: #ffffff;
}
/*......FOOTER MENU TEXT STYLING AND LINK COLOR....*/

.bottom-nav a {
    font-weight: bold;
    color: #bbb;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 5px;
}
/*....FOOTER MENU LINKS HOVER COLOR....*/

.bottom-nav a:hover {
    opacity: .7;
}
/*..................................................*/
/*............SHOP SECTION...........*/
/*.................................................*/
/*......PRODUCTS, CART AND OTHER SHOP PAGES LINKS COLOR....*/

#et_search_icon:hover,
.et-social-icon a:hover,
.et_pb_sum,
.et_pb_pricing li a,
.et_pb_pricing_table_button,
.et_overlay:before,
.entry-summary p.price ins,
.woocommerce div.product span.price,
.woocommerce-page div.product span.price,
.woocommerce #content div.product span.price,
.woocommerce-page #content div.product span.price,
.woocommerce div.product p.price,
.woocommerce-page div.product p.price,
.woocommerce #content div.product p.price,
.woocommerce-page #content div.product p.price,
.et_pb_member_social_links a:hover,
.woocommerce .star-rating span:before,
.woocommerce-page .star-rating span:before,
.et_pb_widget li a:hover,
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active,
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active,
.et_pb_gallery .et_pb_gallery_pagination ul li a.active,
.wp-pagenavi span.current,
.wp-pagenavi a:hover,
.nav-single a,
.posted_in a,
.woocommerce p.stars a {
    color: #b75922;
}

@media only screen and (max-width: 414px){
.woocommerce-message a.button.wc-forward {
    margin: 0 auto 10px;
    display: block;
    text-align: center;
float: none;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 100%;
    display: block;
    text-align: center;
    float: none;
}

.woocommerce-page table.cart td.actions .input-text+.button, .woocommerce table.cart td.actions .button {
    width: 100%;
    float: none!important;
    display: block;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
display: inline-block;
    float: none;
}
.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty {
    height: 45px!important;
    width: 45px!important;
    padding: 0!important;
    font-size: 18px!important;
}
.woocommerce-page .quantity {
    width: auto!important;
    margin: 0!important;
    padding: 0!important;
    display: inline-block;
}
table.cart th {
    max-width: 100%;
    padding: 12px 0!important;
    margin: 0!important;
    width: auto!important;
    font-size: 14px;
}
table.cart tr {
    max-width: 100%;
    padding: 8px 4px!important;
}
td.product-name {
    font-size: 14px;
}
}


.woocommerce input.button:hover, .woocommerce-page input.button:hover {
    letter-spacing: 2px!important;
}

/*....SAMPLE 404 PAGE STYLING....*/


.screen-reader-text {
    display: none;
}
#custom-404 input#s {
    width: 60%;
    margin: 0 auto;
    display: block;
    font-size: 16px;
}
#custom-404 #searchsubmit {
    background: rgba(0, 0, 0, 0.07);
    border: 2px solid;
    color: #fff;
    font-size: 20px;
    padding: 6px 25px;
    text-align: center;
    margin: 20px auto 0;
    display: block;
    cursor: pointer;
    border-radius: 4px;
}

/*...404 TEMPLATE 2 STYLING....*/

#custom-404-2 br {
    display: none;
}
#custom-404-2 #s {
    width: 80%;
    border: 2px solid;
    font-size: 16px;
}

#custom-404-2 #searchsubmit {
    background-color: #383737;
    border: none;
    color: #fff;
    padding: 13px 30px;
    font-size: 20px;
    border-radius: 4px;
    cursor: pointer;
}

@media only screen and (max-width:666px){
#custom-404-2 #s {
    width: 100%;
    display: block;
    float: none;
}

#custom-404-2 #searchsubmit {
    float: none;
    display: block;
    max-width: 50%;
    margin: 10px auto;
}
}



/*....CHECKOUT PAGE SETTINGS...*/
.page.woocommerce-checkout.woocommerce-page .et_pb_row.et_pb_row_0 {
    width: 100%;
}

/*.......BACKGROUND COLOR OF THE VIEW CART BUTTON........*/

.woocommerce .woocommerce-info, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
    background: #B75922;
}
/*.......PRODUCTS COLOR AND OTHER STYLING.............*/

.woocommerce a.button.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce #content input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce-page a.button:hover,
.woocommerce button.button,
.woocommerce-page button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce #content input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce.et_pb_button_helper_class #respond input#submit,
.woocommerce-page.et_pb_button_helper_class #respond input#submit,
.form-submit input,
.woocommerce-message a.button.wc-forward,
.woocommerce .cart .button,
.woocommerce .cart input.button,
a.checkout-button.button.alt.wc-forward,
.woocommerce input.button,
.woocommerce-page input.button,
a.button.wc-backward {
    color: rgba(0, 0, 0, 0.4) !important;
    background: #e6d8c2 !important;
    border-color: #e6d8c2 !important;
    text-transform: uppercase;
    font-weight: 700!important;
    letter-spacing: 1px;
    font-size: 18px!important;
    padding-right: 18px;
}
p.return-to-shop, p.cart-empty {
text-align: center;
}

/*......SUBMIT BUTTON STYLING.....*/

.form-submit input {
    font-size: 16px!important;
    letter-spacing: 1px!important;
}
/*.....SHOP PAGE BUTTONS STYLING......*/

.woocommerce-message a.button.wc-forward {
    background: #ffffff!important;
}
.woocommerce div.product form.cart .button:hover,
.woocommerce.et_pb_button_helper_class #respond input#submit,
.woocommerce-page.et_pb_button_helper_class #respond input#submit,
.form-submit input:hover,
.woocommerce-message a.button.wc-forward:hover,
.woocommerce .cart .button,
.woocommerce .cart input.button:hover,
a.checkout-button.button.alt.wc-forward:hover {
    letter-spacing: 2px!important;
}
/*......SHOP PAGE AND OTHER BUTTONS PSEUDO STYLING.. REMOVING THEM..............*/

.et_pb_button:hover:after,
.et_pb_more_button:hover:after,
.et_pb_promo_button:hover:after,
.et_pb_newsletter_button:hover:after,
.et_pb_pricing_table_button:hover:after,
.comment-reply-link:hover:after,
.woocommerce a.button.alt:hover:after,
.woocommerce-page a.button.alt:hover:after,
.woocommerce button.button.alt:hover:after,
.woocommerce-page button.button.alt:hover:after,
.woocommerce input.button.alt:hover:after,
.woocommerce-page input.button.alt:hover:after,
.woocommerce #respond input#submit.alt:hover:after,
.woocommerce-page #respond input#submit.alt:hover:after,
.woocommerce #content input.button.alt:hover:after,
.woocommerce-page #content input.button.alt:hover:after,
.woocommerce a.button:hover:after,
.woocommerce-page a.button:hover:after,
.woocommerce button.button:hover:after,
.woocommerce-page button.button:hover:after,
.woocommerce input.button:hover:after,
.woocommerce-page input.button:hover:after,
.woocommerce #respond input#submit:hover:after,
.woocommerce-page #respond input#submit:hover:after,
.woocommerce #content input.button:hover:after,
.woocommerce-page #content input.button:hover:after {
    display: none!important;
}
/*......PRODUCT PAGE REVIEWS AND MOBILE MENU LINK STYLING ....*/

.woocommerce #reviews h3,
.et_mobile_menu li a {
    text-transform: uppercase;
}
/*.....SHOP PAGE CART MESSAGE BACKGROUND COLOR.....*/

.woocommerce .woocommerce-message {
    background: #b75922;
}
/*.......MAKING THE PRODUCT IMAGE LIGHT-BOX STAND OUT.....*
.pp_pic_holder {
z-index: 1000000;
}

/*.......................................................*/
/*..........SINGLE BLOG POSTS..........*/
/*.........................................................*/
/*.....ADJUSTING THE BODY MARGIN AREA AND MAKING THIS DEFAULT OF THE SITE.....*/

@media only screen and (min-width: 1025px){
.single.single-post #page-container, .single.single-product #page-container {
    padding-top: 57px!important;
}
}
.single.single-post #et-main-area,
.single.single-product #et-main-area,
.page.page-template-default {
    margin-top: 0;
}

/*... NEXT AND PREV LINKS SETTINGS....*/

p.prev-post, p.next-post {
    text-transform: uppercase;
    color: #000;
}
p.prev-post:before {
    content: '\2039';
    font-size: 25px;
    padding-right: 8px;
}
p.next-post:after {
    content: '\203a';
    font-size: 25px;
    padding-left: 8px;
}
/*....REMOVING THE HTML TAGS ON SINGLE BLOG POST COMMENTS.....*/

#form-allowed-tags {
    display: none;
}

input[type=text], input[type=password], input[type=tel], input[type=email], input.text, input.title, textarea, select {
    padding: 15px;
    border-radius: 4px;
    background: #F7F7F7;
}

#checkout .et_pb_row.et_pb_row_0 {
    width: 100%;
}
#place_order {
    float: none!important;
    margin: 0 auto;
    display: block;
}
/*....GALLERY PAGE SETTINGS.....*/

.mfp-title {
display: none;
}

/*......HEADER ON MOBILE.....*/

@media only screen and (max-width: 980px) 
{
    #main-header,
    #main-header .nav li ul,
    .et-search-form,
    #main-header .et_mobile_menu {
        background-color: #373c4c;
    }
    .mobile_menu_bar:before,
    .et_header_style_centered .mobile_nav .select_page,
    .et_mobile_menu li a {
        color: rgba(255, 255, 255, 0.68)!important;
    }
    .et_mobile_menu {
        border-top: 3px solid #b75922!important;
    }
    #et-main-area {
        margin-top: 0;
    }


}
@media only screen and (max-width: 767px){
.et_pb_column.et_pb_column_1_2.et_pb_column_0.et_pb_text_align_left.mobile_left, .et_pb_column.et_pb_column_1_2.et_pb_column_1.et_pb_text_align_right.mobile_right {
    text-align: center;
}
}

@media only screen and (max-width: 1023px) and (min-width: 768px){
.et_pb_column.et_pb_column_1_2.et_pb_column_0.et_pb_text_align_left.mobile_left, .et_pb_column.et_pb_column_1_2.et_pb_column_1.et_pb_text_align_right.mobile_right {
    max-width: 50%;
    text-align: center;
}
}

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


.button.update-cart {
    width: 100%!important;
}
}
/*.........GALLERY......*/
@media only screen and (min-width: 768px) and (max-width: 980px){
.et_pb_gallery_item.et_pb_grid_item.et_pb_bg_layout_light {
    width: 50%!important;
    clear: none!important;
}
}