/*

 Theme Name:     topdogs

 Template:       Divi

 Version:        2.3.2

 

/* =Theme customization starts here

*/



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: #e09900;

    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;

}

}