/*======================================
Theme Name: DiviPiantedosi
Theme URI: https://divicake.com/
Description: Customized Code for Piantedosi
Version: 1.0
Author: RL1974
Author URI: http://www.piantedosi.com
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

.blurb:hover {
background-color: #f0f0f0;
box-shadow: 0px 5px 30px rgba(23, 23, 23, 0.17);
-moz-box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.17);
-webkit-box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.40); }

.rev_slider_wrapper {
    margin-top: -175px !important;
margin-bottom:-175px
}

.et_header_style_left #et-top-navigation nav > ul > li > a,
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a {
 padding-bottom: 15px;
}
#top-menu li {
 padding-right: 5px;
}
#et-top-navigation {
 padding: 20px 0 !important;
}
#top-menu li a {
 
 padding: 15px 20px;
 border-radius: 3px;
}
#top-menu li a:hover,
#top-menu li li a:hover {
 color: #dd9933 !important;
}
#top-menu li a:hover {
 background: #dd9933!important; /*** CHANGES THE BACKGROUND COLOR ON HOVER ***/
}
#top-menu li.current-menu-item > a {
 background: #dd9933; /*** CHANGES THE BACKGROUND COLOR OF THE CURRENT PAGE LINK ***/
}
#top-menu .menu-item-has-children > a:first-child:after {
 content: none;
}

#logo
.et_fixed_nav #logo {
max-height: 160px;
}

#logo {
min-height: 125px;
}
.et-fixed-header #logo {
min-height: auto !important;
}


/* Setting the breakpoint of the mobile menu */
@media only screen and ( max-width: 1232px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;}
}

.no-parallax .et_pb_parallax_css {
    background-attachment: inherit;
    background-position: center center;
}
 
.no-parallax .et_pb_slides .et_parallax_bg.et_pb_parallax_css {
    background-attachment: inherit;
    background-position: center center;
}

    /*---Left---*/
    .ds-slider-left.et_pb_slider .et_pb_container {
        float: left !important; /*move the slider text container to the left*/
    }
    .ds-slider-left .et_pb_slide_description  {
    	text-align: left !important; /*align the slider text to the left*/
    	padding: 35% 8%; /*adjust the padding around the slider text container, this will help you to control the 
    	height of your slides. You can remove this if you want the default height*/
    }
    .ds-slider-left.et_pb_slider .et_pb_button {
        float: left !important;  /*move the button to the left*/
    }

.page-id-13204 {
      background-image: url('http://dev.piantedosi.com/wp-content/uploads/2017/09/stock-photo-bread-and-bakery-products-on-wood-background-505414036.jpg');
}

.load-dark:before,
.load-light:before {
    display: block;
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    align-content: center;
    text-align: center;
    line-height: 100%;
    -webkit-animation: curtain 3.5s forwards;
    animation: curtain 3.5s forwards;
}
.load-dark:after,
.load-light:after {
    font-family: "etModules";
    font-size: 3.4em;
    content: "e02d";
    position: fixed;
    text-align: center;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    top: 45%;
    -webkit-animation: wheel 3s forwards;
    animation: wheel 3s forwards;
}
.load-dark:before {
    background: #303030;
}
.load-dark:after {
    color: #f1f1f1;
}
.load-light:before {
    background: #f1f1f1;
}
.load-light:after {
    color: #303030;
}

.ten-columns .et_pb_module {width: 10%; float: left;}
.nine-columns .et_pb_module {width: 11.11%; float: left;}
.eight-columns .et_pb_module {width: 12.5%; float: left;}
.seven-columns .et_pb_module {width: 14.28%; float: left;}
.six-columns .et_pb_module {width: 16.66%; float: left;}
.five-columns .et_pb_module {width: 20%; float: left;}