/*

Theme Name: DIVI Child theme

Description: Child theme for Divi theme

Theme URI: http://www.elegantthemes.com/gallery/divi/

Version: 2.7.5

Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.

Author: Elegant Themes

Template: Divi

*/

/*@font-face {

font-family: 'Antipasto';

src:

    local('Antipasto'),

    local('Antipasto'),

    url('fonts/Antipasto.otf');

}*/

body {
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}
.custom-social-icons {
    list-style: none;
    margin: 0;
    padding: 0 !important;
    float: right;
}
.custom-social-icons li {
    display: inline-block;
    padding-right: 5px;
}

.custom-social-icons li:last-child {
    padding-right: 0px;
}


.custom-social-icons a {
    display: inline-block;
}

.custom-social-icons a img {
  max-width: 45px;
}

/** FULLWIDTH MENU **/ 
.fullwidth-menu li {
    padding-right: 52px !important;
    font-size: 28px !important;
    letter-spacing: 2px;
}

.fullwidth-menu li > a {
    padding-bottom: 15px;
}

.et_pb_fullwidth_menu .fullwidth-menu-nav > ul {
    padding: 0px !important;
}
li.centered-inline-logo-wrap {
  display: none !important;
}
/** END OF FULLWIDTH MENU **/ 

#footer-bottom {
    display: none;
}

#top-menu li {
  padding-right: 52px !important;
}

@media only screen and (min-width: 981px) {
  .et-fixed-header #top-menu li a {
    font-size: 28px !important;
  }
}

/** HEADER ANIMATION ***/
.hero {
  width: 100%;
  min-height: 400px;
  position: relative;
  top: 0;
  left: 0;
  background-color: #d9edfd;
}

.layer-1 {
  -webkit-animation: parallax_fg linear 20s infinite both;
          animation: parallax_fg linear 20s infinite both;
  background: url('../../uploads/2016/08/11.png') 0 100% repeat-x;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 136px;
}

.layer-2 {
  -webkit-animation: parallax_fg linear 30s infinite both;
          animation: parallax_fg linear 30s infinite both;
  background: url('../../uploads/2016/08/22.png') 0 100% repeat-x;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 145px;
}

.layer-3 {
  -webkit-animation: parallax_fg linear 55s infinite both;
          animation: parallax_fg linear 55s infinite both;
  background: url('../../uploads/2016/08/33.png') 0 100% repeat-x;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 158px;
}

.layer-4 {
  -webkit-animation: parallax_fg linear 75s infinite both;
          animation: parallax_fg linear 75s infinite both;
  background: url('../../uploads/2016/08/44.png') 0 100% repeat-x;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 468px;
}

.layer-5 {
  -webkit-animation: parallax_fg linear 95s infinite both;
          animation: parallax_fg linear 95s infinite both;
  background: url('../../uploads/2016/08/55.png') 0 100% repeat-x;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 311px;
}

.layer-6 {
  -webkit-animation: parallax_fg linear 120s infinite both;
          animation: parallax_fg linear 120s infinite both;
  background: url('../../uploads/2016/08/55.png') 0 100% repeat-x;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 222px;
}

.bike-1,
.bike-2 {
  background: url('../../uploads/2016/08/bikefinal.png') 0 100% no-repeat;
  z-index: 1;
  position: absolute;
  bottom: 100px;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 75px;
}

.bike-1 {
  -webkit-animation: parallax_bike linear 10s infinite both;
          animation: parallax_bike linear 10s infinite both;
}

.bike-2 {
  -webkit-animation: parallax_bike linear 15s infinite both;
          animation: parallax_bike linear 15s infinite both;
}

@-webkit-keyframes parallax_fg {
  0% {
    background-position: 2765px 100%;
  }
  100% {
    background-position: 550px 100%;
  }
}

@keyframes parallax_fg {
  0% {
    background-position: 2765px 100%;
  }
  100% {
    background-position: 550px 100%;
  }
}
@-webkit-keyframes parallax_bike {
  0% {
    background-position: -300px 100%;
  }
  100% {
    background-position: 2000px 100%;
  }
}
@keyframes parallax_bike {
  0% {
    background-position: -300px 100%;
  }
  100% {
    background-position: 2000px 100%;
  }
}
.logo {
  margin: 70px auto;
  position: absolute;
  z-index: 2;
  width: 100%;
}
.logo img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  margin-top: -30px;
}
@media (max-width: 700px) {
  .logo img {
    max-width: 90%;
  }
}
/** END OF HEADER ANIMATION **/

/** BOOK ANIMATION **/
/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 320px;
	height: 480px;
    margin: 0 auto;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
  width: 100%;
  max-width: 320px;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
    background-image: url('../../uploads/2016/08/edfrontbook.png');
    background-repeat: no-repeat;
    background-size: contain;
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
    background-image: url('../../uploads/2016/08/edbackbook.png');
    background-repeat: no-repeat;
    background-size: contain;
}

/** **/

/** DIVI article **/
.divi-100-article-card .et_pb_blog_grid .article-card__excerpt p {
    font-size: 12px !important;
    line-height: 1.5em !important;
}

.et_pb_post h2 a:hover {
    color: #74433f;
}
/** **/

/** CUSTOM FOOTER **/
#et-main-area { overflow: hidden;} /* Hides all the items that float over the right margin */

.diagonal-shadow::before,
.diagonal-shadow::after {
    position: absolute;
    content: '';
    pointer-events: none;}

.diagonal-shadow {
    z-index: 1;
    padding-top: 6em;
    background: #2072a7;}

.diagonal-shadow::before, 
    .diagonal-shadow::after {
    top: 0;
    left: -25%;
    z-index: -1;
    width: 150%;
    height: 155%;
    background: inherit;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;}

.diagonal-shadow::before {
    height: 75%;
    background: #729685;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-transform-origin: 3% 0;
    transform-origin: 3% 0;}
/** END OF CUSTOM FOOTER **/
.custom-mehu{
 -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
/*Styling for the posts*/
.ds-thumbnail-blog .et_pb_post {
    background-color: transparent;
    min-height: 350px;
    margin-bottom: 50px;

}
/*Sets the image size posts and moves it to the left of the text*/
.ds-thumbnail-blog .et_pb_post a img {
    float: left;
    width: 400px;
    height: 350px;
    object-fit: cover;
    margin: 0 40px 0 0;
}
/*Resize the overlay to fit the image*/
.ds-thumbnail-blog .et_overlay {
    width: 300px !important;
    height: 280px !important;
}
.et-cart-info { display: none; }

/*Stack the image and content on smaller screens*/
@media only screen and (max-width: 980px) {
    .ds-thumbnail-blog .et_pb_post a img {
        width: 100%;
        height: 500px;
        object-fit: cover;
        margin: 0 0 40px 0;
    }
    /*Resize the overlay on smaller screens*/
    
    .ds-thumbnail-blog .et_overlay {
        width: 100% !important;
        height: 500px !important;
    }
    .ds-thumbnail-blog .et_pb_post h2 {
        margin: 40px 30px 20px 30px !important;
    }
    .ds-thumbnail-blog .et_pb_post p {
        margin: 0 30px;
    }
    .ds-thumbnail-blog a.more-link {
        margin: 20px 0 30px 30px;
    }
}
/*Add a little top padding to the post titles*/
.ds-thumbnail-blog .et_pb_post h2 {
    padding: 0px 0 20px 0 !important;
    margin-top: 0px !important;
}
.ds-thumbnail-blog .et_pb_post p {
    font-size: 16px !important;
    margin-right: 40px;
    color: #1f1d1d;
    line-height: 1.5em;
}
.ds-thumbnail-blog .post-meta {
    font-size: 14px !important;
}
/*This styles the read more link*/
.ds-thumbnail-blog a.more-link {
    display: inline-block;
    padding: 0.3em 1em;
    color: #fff;
    background: #2C3B34;
    margin-top: 20px;
    text-transform: uppercase;
    font-family: 'Merriweather', Georgia, "Times New Roman", serif;
    font-size: 20px;
}
/*This styles the read more link on hover*/
.ds-thumbnail-blog a.more-link:hover {
    display: inline-block;
    background: #fff;
    border: 2px solid #2C3B34;
    color: #2C3B34;
    margin-top: 20px;
    text-transform: uppercase;
    font-family: 'Merriweather', Georgia, "Times New Roman", serif;
    font-size: 20px;
}

/*This styles the double arrow on hover*/
.ds-thumbnail-blog a.more-link:hover:after {
    color: #fff;
}
/*woocomerce styling*/
  
.woocommerce.et_pb_button_helper_class #respond input#submit, .woocommerce-page.et_pb_button_helper_class #respond input#submit {
    background: #2c3b34!important;
    color: #fff !important;
    border: 2px solid #2c3b34!important;
}

.woocommerce.et_pb_button_helper_class #respond input#submit:hover, .woocommerce-page.et_pb_button_helper_class #respond input#submit:hover {
    background: #fff !important;
    color: #2c3b34!important;
    border: 2px solid #2c3b34!important;
}

.woocommerce div.product div.images img, .woocommerce-page div.product div.images img {
    max-width: 400px;
    margin: 0 auto;
}

.woocommerce div.product p.price, .woocommerce-page div.product p.price {
    color: #2c3b34!important;
}
.woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce button.button, .woocommerce-page button.button:hover {
    color: #fff;
}

.woocommerce-page.et_pb_button_helper_class input.button {
    border: 2px solid #2c3b34 !important;
    color: #fff!important;
    background: #2c3b34;
}

.woocommerce-page.et_pb_button_helper_class input.button:hover {
    color:  #2c3b34 !important;
    border: 2px solid #2c3b34 !important;
    background: #fff !important;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    color: #fff !important;
    border: 2px solid #2c3b34 !important
}

.woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover {
    border: 2px solid #2c3b34 !important;
    color: #2c3b34 !important;
    background: #fff !important;
}

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
    background: #2c3b34;
}
.checkout-button:hover {
  color: #fff !important;
}
.et_pb_widget li a:hover {
  color: #74433f !important;
}

/* ====================
    MOBILE RESPONSIVE
=======================*/
@media only screen and (max-width: 980px) {
  .et_header_style_split #logo {
    display: none;
  }
  .diagonal-shadow {
    z-index: 1;
    padding-top: 2em;
    background: #2072a7;
  }
  .et_pb_column .et_pb_widget:nth-child(n) {
    width: 47% !important;
  }
  .et_pb_slider:hover .et-pb-arrow-prev, .et_mobile_device .et-pb-arrow-prev {
    left: -10px;
    opacity: 1;
  }
  .et_pb_slider:hover .et-pb-arrow-next, .et_mobile_device .et-pb-arrow-next {
    right: -10px;
    opacity: 1;
  }
  .author-desc {
    width: 80% !important;
  }
  .et_pb_contact_form_0.et_pb_contact_form_container .input {
    padding: 12px 16px !important; 
  }
  .book-desc-wrapper {
    padding: 0 !important;
  }
}
@media only screen and (max-width: 600px) {
  .home-button {
    width: 200px !important;
  }
  .ds-thumbnail-blog .et_pb_post a img {
    height: 320px !important;
  }
}
@media only screen and (max-width: 530px) {
  .et_pb_slider:hover .et-pb-arrow-prev, .et_mobile_device .et-pb-arrow-prev {
    left: -15px;
  }
  .et_pb_slider:hover .et-pb-arrow-next, .et_mobile_device .et-pb-arrow-next {
    right: -15px;
  }
}
@media only screen and (max-width: 414px) {
  .et_pb_slider:hover .et-pb-arrow-prev, .et_mobile_device .et-pb-arrow-prev {
    left: -13px;
  }
  .et_pb_slider:hover .et-pb-arrow-next, .et_mobile_device .et-pb-arrow-next {
    right: -13px;
  }
  .et-pb-arrow-prev:before {
    font-size: 40px;
  }
  .et-pb-arrow-next:before {
    font-size: 40px;
  }
}
@media only screen and (max-width: 375px) {
  .flip-container, .front, .back {
    width: 280px !important;
    height: 380px !important;
  }
  .ds-thumbnail-blog .et_pb_post a img {
    height: 280px !important;
  }
  #blog-sidebar .et_pb_blurb_position_left .et_pb_blurb_container {
    width: 65% !important;
    padding-top: 7% !important;
  }
  .et_pb_contact_form_0 {
    padding: 20px !important;
  }
}
@media only screen and (max-width: 320px) {
  .et_monarch .et_social_top li a, .et_monarch .et_social_media_wrapper .et_social_top li .et_social_share {
    padding: 9px;
  } 
}

@media only screen and (max-width: 320px) {
  .flip-container, .front, .back {
    width: 220px !important;
    height: 300px !important;
  }
  #blog-sidebar .et_pb_blurb_position_left .et_pb_blurb_container {
    width: 64% !important;
    padding-top: 5% !important;
  }
 
}