/*
 Theme Name:   Vintage Elements
 Description:  A custom Divi Child Theme built for Vintage Elements
 Author:       Gritty
 Author URI:   http://gritty-social.com
 Template:     Divi
 Version:      2.4.6.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Oxygen:400,300);
@import url(http://fonts.googleapis.com/css?family=Crimson+Text);
h1 { font-family: Crimson Text; font-size: 38px; color: #131313; } 
h2 { font-family: Crimson Text; font-size: 34px; color: #131313; } 
h3 { font-family: Crimson Text; font-size: 30px; color: #131313; } 
h4 { font-family: Crimson Text; font-size: 26px; color: #131313; } 
h5 { font-family: Crimson Text; font-size: 22px; color: #131313; } 
h6 { font-family: Crimson Text; font-size: 18px; color: #131313; } 
p { font-family: Oxygen; font-size: 16px; color: #131313;} 

/*Logo Modification*/
html #main-header #logo {
       background-image: url(/wp-content/uploads/2015/07/Vintage-Elements-Logo.png); 
       background-position: center center; 
       background-repeat: no-repeat; 
       background-size: contain; 
    } 

html #main-header #logo:hover {
       background-image: url(/wp-content/uploads/2015/07/Vintage-Elements-Logo-home.png); 
       background-position: center center; 
       background-repeat: no-repeat; 
       background-size: contain; 
    } 


.blog-post-title {padding: 20px 0!important;}
.blog-post-title .et_pb_post_title {padding: 27px 0!important;}
.blog-post-title h1 {font-family: Crimson Text; font-size: 38px;}
.et_post_meta_wrapper {display: none!important;}
.single .et_pb_post, .single-post #left-area {margin-bottom: 0!important; padding-bottom: 0!important;}

.blog-content a img {
    height: auto;
    float: left;
    width: 300px;
    max-height: 275px;
    left: 0;
    padding: 1% 3% 3% 0;
}
@media only screen and (max-width: 980px) {
.blog-content a img {float:none;width:100%;height: 300px;}}

.et_pb_title_featured_container img {
    display: none;
}
.mfp-bg {background: #fff;}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.95;
}
.mfp-image-holder .mfp-close, .mfp-title, .mfp-counter {color:#000;}
.single-post .et_pb_grid_item {width: 48%!important;margin-right: 1.5%!important;}

.et_pb_posts a.more-link {
    clear: both;
    display: block;
    float: right;
    background: black;
    padding: 7px 20px;
    color: white;
    text-transform: uppercase;
    margin-top:-4.5%;
}

.et_pb_post {
    margin-bottom: 80px;
}

/* Header and Navigation CSS */

#page-container .et-fixed-header .sub-menu a {color: #fff!important;}

.nav li ul {width: 250px!important;}
ul.sub-menu li a {width: 225px!important;}


#et-top-navigation ul.nav .current_page_item > a, #et-top-navigation ul.nav .current-menu-ancestor > a {
       border-bottom-style: solid; 
       border-bottom-width: 5px; 
       padding-bottom: 35px!important; 
    } 
    
#et-top-navigation ul.sub-menu li.current_page_item > a, #et-top-navigation ul.sub-menu li.current-menu-ancestor > a  {
       border:0px!important;
       padding-bottom: 6px!important; 
       font-style: italic;
    } 

#page-container .et-fixed-header #top-menu ul.sub-menu li.current-menu-item > a, .et-fixed-header ul.sub-menu li.current_page_item > a, .et-fixed-header ul.sub-menu li.current_page_item li > a, .et-fixed-header #et-top-navigation ul.sub-menu li.current-menu-ancestor > a {
    color: #fff !important;
}

#et-top-navigation ul.nav li a {
       font-weight: normal!important; 
    } 

html #main-header {
       border-bottom-color: rgba(19,19,19,1); 
       border-bottom-style: solid; 
       border-bottom-width: 0px; 
       box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 30px; 
    } 
/* Remove the sideline */
.container::before { display: none;}
.et_pb_widget_area_right { border-left: 0;}

a.button.wc-backward {
       background-color: rgba(19,19,19,1); 
       border-radius: 2px; 
       border-width: 0px; 
       color: rgba(255,255,255,1); 
       margin-top: 15px; 
    } 

button.et_pb_contact_submit.et_pb_button {
       border-color: rgba(19,19,19,1); 
       border-radius: 2px; 
       color: rgba(19,19,19,1); 
       padding-top: 8px; 
       text-transform: uppercase; 
    } 

.et_overlay:before {
    content: "T";
    color: #1c1c1c ;
}

.hentry .woocommerce ul.products li.product .price {
       background-color: rgba(19,19,19,1); 
       border-radius: 2px; 
       color: #ffffff!important; 
       display: inline-block; 
       font-size: 20px; 
       font-weight: lighter; 
       margin-top: 15px!important; 
       padding-bottom: 8px; 
       padding-left: 12px; 
       padding-right: 12px; 
       padding-top: 8px; 
    } 

.hentry .woocommerce ul.products li.product h3 {
       font-size: 26px; 
       text-align: left; 
    } 

.woocommerce #content-area div.product .price .amount {
       color: rgba(19,19,19,1); 
       text-decoration: underline; 
    } 

.woocommerce #content-area div.product form.cart div.quantity {
       background-color: transparent; 
       border-radius: 0px!important; 
    } 

.woocommerce #content-area div.product form.cart div.quantity input.qty {
       background-color: rgba(206,206,206,0.4)!important; 
       border-radius: 1px!important; 
       color: #131313!important; 
    } 

.woocommerce #content-area div.product form.cart .button {
       background-color: rgba(19,19,19,1); 
       border-radius: 2px; 
       border-width: 0px; 
       color: rgba(255,255,255,1); 
       font-weight: lighter; 
       text-transform: uppercase; 
    } 

#collection-filter.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
       border-radius: 0px; 
       border-top-width: 0px; 
       border-width: 6px; 
       color: rgba(40,40,40,1); 
    } 

#collection-filter.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
       display: inline-block; 
       float: none; 
    } 

#collection-filter.et_pb_filterable_portfolio .et_pb_portfolio_filters {
       text-align: center; 
    } 

#collection-filter.et_pb_filterable_portfolio .et_pb_portfolio_item .et_overlay {
       background-color: rgba(255,255,255,0.5); 
       color: rgba(19,19,19,1)!important; 
    } 

#collection-filter.et_pb_filterable_portfolio .et_pb_portfolio_item h2 a, .et_pb_portfolio_grid .et_pb_portfolio_item h2 a {
       text-align: center; 
    } 

#collection-filter.et_pb_filterable_portfolio .et_pb_portfolio_item h2, .et_pb_portfolio_grid .et_pb_portfolio_item h2 {
       font-size: 26px; 
       text-align: center; 
    } 

#collection-filter.et_pb_filterable_portfolio {
       margin-top: -22px; 
    } 
    
.et_pb_portfolio_item {width: 22.75%!important;margin: 0 3% 3% 0!important;}
.et_pb_column_4_4 .et_pb_grid_item:nth-child(4n) {margin-right: 0px!important;}

#collection-pages.et_pb_section .et_pb_text   h2 {
       font-size: 30px; 
    } 

#collection-title.et_pb_section {
       background-color: rgba(19,19,19,1); 
       color: #ffffff!important; 
       padding-bottom: 40px; 
       padding-top: 25px; 
    } 

#collection-title.et_pb_section .et_pb_row:nth-child(1) {
       padding-bottom: 12px; 
    } 

#collection-title.et_pb_section .et_pb_text   h1 {
       color: rgba(255,255,255,1); 
    } 

#contact-form-section.et_pb_section {
       background-color: rgba(19,19,19,1); 
       padding-top: 0px; 
    } 

#contact-form-section.et_pb_section .et_pb_text   img:not(.wp-smiley) {
       display: inline-block; 
       margin-left: 10px; 
       margin-right: 10px; 
       padding-right: 0px; 
    } 

#contact-form-section.et_pb_section .et_pb_text   p {
       color: rgba(255,255,255,1); 
       margin-top: 15px; 
    } 

#contacts-section.et_pb_section .et_pb_blurb .et_pb_blurb_content {
       float: none; 
       margin-left: 0px; 
       margin-right: auto; 
    } 

#contacts-section.et_pb_section .et_pb_text   {
       background-color: rgba(19,19,19,1); 
       padding-left: 0px; 
    } 

#contacts-section.et_pb_section .et_pb_text   h3 {
       padding-bottom: 12px; 
       padding-left: 16px; 
       padding-top: 12px; 
    } 

#divider-section.et_pb_section {
       background-color: rgba(19,19,19,1); 
       background-image: url(http://vin.madebygritty.com/wp-content/uploads/2015/07/divider.png); 
       background-position: center top; 
       background-repeat: no-repeat; 
       background-size: 100% auto; 
       padding-bottom: 0;
       padding-top: 0px;
       margin-bottom: -5px;
    } 

#et_pb_contact_form_0.et_pb_contact_form_container input[type=text] {
       background-color: rgba(252,252,252,1); 
       border-color: rgba(19,19,19,1); 
       border-radius: 2px; 
       border-style: solid; 
       border-width: 2px; 
    } 

#et_pb_contact_form_0.et_pb_contact_form_container textarea {
       background-color: rgba(255,255,255,1); 
       border-color: rgba(19,19,19,1); 
       border-style: solid; 
       border-width: 2px; 
    } 

#footer-bottom {
       background-color: rgba(19,19,19,1); 
    } 

#footer-bottom .et-social-icons {
       display: none; 
    } 

#footer-bottom #footer-info {
       float: none; 
       text-align: center; 
    } 

#front-page-slider.et_pb_section .et_pb_slider .et-pb-arrow-next {
       background-color: rgba(19,19,19,1); 
       border-bottom-left-radius: 50%; 
       border-bottom-right-radius: 0px; 
       border-top-left-radius: 50%; 
       right: 0px; 
    } 

#front-page-slider.et_pb_section .et_pb_slider .et-pb-arrow-prev {
       background-color: rgba(19,19,19,1); 
       border-bottom-right-radius: 50%; 
       border-top-right-radius: 50%; 
       left: 0px; 
    } 

#front-page-slider.et_pb_section .et_pb_slider .et_pb_more_button {
       background-color: rgba(19,19,19,1); 
       border-radius: 2px; 
       border-width: 0px; 
       font-weight: 300; 
       text-transform: uppercase; 
    } 

#front-page-slider.et_pb_section .et_pb_slider .et_pb_slide_description h2 {
       padding-bottom: 20px; 
    } 

#front-page-slider.et_pb_section .et_pb_slider .et_pb_slide_description {
       padding-bottom: 20%; 
       padding-top: 20%; 
    } 

#light-box.et_pb_section .et_pb_slider .et-pb-arrow-next {
       background-color: rgba(19,19,19,1); 
       border-bottom-left-radius: 25px; 
       border-bottom-right-radius: 0px; 
       border-radius: 0px!important; 
       border-top-left-radius: 25px; 
       color: #ffffff!important; 
       right: 0px; 
    } 

#light-box.et_pb_section .et_pb_slider .et-pb-arrow-prev {
       background-color: rgba(19,19,19,1); 
       border-bottom-right-radius: 25px; 
       border-radius: 0px!important; 
       border-top-right-radius: 25px; 
       color: #ffffff!important; 
       left: 0px; 
    } 

#main-content {
       background-color: rgba(244,244,244,1); 
    } 

#materials-section.et_pb_section .et_pb_text   h2 {
       font-size: 30px; 
    } 

#page-title.et_pb_section {
       background-color: rgba(19,19,19,1); 
       border-bottom-color: rgba(255,255,255,1); 
       border-bottom-style: solid; 
       border-bottom-width: 5px; 
       border-width: 0px; 
       box-shadow: rgba(0, 0, 0, 1) 0px 5px 0px; 
       padding-bottom: 20px; 
       padding-top: 20px; 
       z-index: 1000; 
    } 

#page-title.et_pb_section .et_pb_row:nth-child(1) {
       padding-bottom: 20px; 
    } 

#page-title.et_pb_section .et_pb_text   h1 {
       color: rgba(242,242,242,1); 
    } 

#portfolio-area.et_pb_section .et_pb_row:nth-child(1) {
       padding-top: 0px; 
    } 

#portfolio-area.et_pb_section {
       padding-top: 0px; 
       padding-bottom: 200px;
    } 

#shop-floor.et_pb_section .et_pb_blurb .et_pb_blurb_content h4 {
       font-size: 22px; 
    } 

#shop-floor.et_pb_section .et_pb_blurb .et_pb_blurb_content p a {
       color: rgba(0,0,0,1); 
    } 

#shop-floor.et_pb_section .et_pb_row:nth-child(1) .et_pb_column:nth-child(2) {
       background-color: rgba(242,242,242,1); 
       border-color: rgba(206,206,206,1); 
       border-style: solid; 
       border-width: 1px; 
       box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 10px; 
       margin-top: 30px; 
       padding-bottom: 30px; 
       padding-left: 20px; 
       padding-right: 20px; 
       padding-top: 30px; 
    } 

#shop-floor.et_pb_section .et_pb_text   h2 {
       font-size: 24px; 
    } 

#contact-form-section form input[type=email] {
       background-color: rgba(224,224,224,1); 
       border-radius: 2px; 
       border-width: 0px!important; 
       font-size: 16px; 
       padding-bottom: 8px; 
       padding-left: 10px; 
       padding-right: 10px; 
       padding-top: 8px; 
       width: 100%; 
    } 

#contact-form-section form input[type=submit] {
       background-color: transparent; 
       border-radius: 2px; 
       border-width: 1px; 
       color: rgba(242,242,242,1); 
       font-family: Open Sans; 
       font-size: 16px; 
       padding-bottom: 8px; 
       padding-left: 10px; 
       padding-right: 10px; 
       padding-top: 8px; 
       text-transform: uppercase; 
    } 

#contact-form-section form input[type=text] {
       background-color: rgba(224,224,224,1); 
       border-radius: 1px; 
       border-width: 0px; 
       font-size: 16px; 
       padding-bottom: 8px; 
       padding-left: 10px; 
       padding-right: 10px; 
       padding-top: 8px; 
       width: 100%; 
    } 

#contact-form-section form p {
       line-height: 34px; 
       margin-top: 0px!important; 
    } 

#contact-form-section form textarea {
       background-color: rgba(224,224,224,1); 
       border-radius: 2px; 
       border-width: 0px; 
       font-size: 15px; 
       padding-bottom: 8px; 
       padding-left: 10px; 
       padding-right: 10px; 
       padding-top: 8px; 
       width: 100%; 
    } 

li.houzz-link.menu-item a {
       font-size: 0px !important;
       background-image: url(http://vin.madebygritty.com/wp-content/uploads/2015/08/houzz_logo.png); 
       background-position: center center; 
       background-repeat: no-repeat; 
       background-size: contain; 
       color: transparent!important; 
       height: 46px; 
       margin-top: 0px!important; 
       padding-bottom: 0px!important; 
       top: -20px; 
       width: 100px; 
    } 

.et-fixed-header li.houzz-link.menu-item a {
color: transparent!important; 
}

/** fix sizing issues on portfolio **/
span.et_portfolio_image img {
    min-height: 194px;
}

/** fixing the alignment on portfolio items in mobile **/

@media screen and (max-width: 480px) {
  #collection-filter.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {    
    line-height: 14px;    
    min-height: 60px;
  }
}

/** fixing the gutter width on portfolio items **/
@media  (min-width: 981px) {
  .et_pb_gutters2 .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters2 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_gutters2 .et_pb_column_4_4 .et_pb_widget, .et_pb_gutters2 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_widget, .et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product {    
    margin-right: 1.1% !important;    
    margin-left: 1.1% !important;
  }
}