/*
Theme Name: Lisa Jo Baker 2017
Theme URI: http://lisajobaker.com
Description: Child Theme For Divi
Author: Contemplate Design
Author URI: http://contemplatedesign.com
Template: Divi
Version: 1.0
*/

/* Start your custom CSS bellow this comment
============================================ */

/*--
NAV
-----------------------*/

.nav .highlight > a {
    color: #fff !important;
    /*font-weight: 600 !important; */
    padding: 7px 17px !important;
    background: #A0CEAA;
    border-radius: 25px;
}

.headerbox .header-content {
    background: rgba(255,255,255,0.4);
}

/*=====
POSTs
==================*/
.post-content img[width="640"] {
   width: 100% !important;
   height: auto !important;
}

.hover-shadow {
  -webkit-transition:.4s box-shadow;
  transition:.4s box-shadow;
}
.hover-shadow:hover {
  box-shadow:5px 8.66px 30px 0 rgba(31,35,37,.078);
}

.post-img-row {
   max-height: 480px;
   overflow: hidden;
}  
.post-img-single {
   max-height: 500px;
   overflow: hidden;
}

.post-content img.size-large.alignnone,
.post-content img.size-large.aligncenter {
   width: 100% !important;
   height: auto !important;
}

.cpt-loop-posts + .pagination a {
   border-radius: 6px;
   background: #fff;
   color: #4A5078;
   padding: 10px 20px;
   -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s
}
.cpt-loop-posts + .pagination a:hover {
   background: rgba(255,255,255,0.6);
}

.floating-post-nav .pagination div.alignleft,
.floating-post-nav .pagination div.alignright {
   position: fixed;
   font-size: 20px;
   color: #fff;
   font-weight: 700;
   background: #DEDDCC;
   top: 40%;
   padding: 30px 20px;
   z-index: 999;
}
.floating-post-nav .pagination div.alignleft {
  left: 0;
}
.floating-post-nav .pagination div.alignleft a{
  float: right;
  margin-left: -900px;
}
.floating-post-nav .pagination div.alignright {
  right: 0;
}
.floating-post-nav .pagination div.alignright a{
  float: left;
  margin-right: -900px;
}

.floating-post-nav .pagination div.alignleft a,
.floating-post-nav .pagination div.alignright a {
    position: absolute;
    font-size: 16px;
    color: #4A4F79;
    font-weight: 300;
    text-indent: -5000px;
    width: 300px;
    visibility: hidden;
    -webkit-transition: 500ms ease-out 1s;
    -moz-transition: .3s;
    -o-transition: 500ms ease-out 1s;
    transition: .3s;
}
.floating-post-nav .pagination div.alignleft:hover a,
.floating-post-nav .pagination div.alignright:hover a {
   position: relative;
   text-indent: 0;
   width: 300px;
   visibility: visible;
   margin: 0 20px;
}


/*=====
Sidebar
==================*/
body .et_pb_widget_area_right {
   border: 0;
}

/*=====
Animation Delays
==================*/
.et-animated.delayhalf {
  opacity: 0;
  -webkit-animation-delay: 0.5s !important;
  -moz-animation-delay: 0.5s !important;
  -o-animation-delay: 0.5s !important;
  animation-delay: 0.5s !important;
  -webkit-animation-fill-mode: forwards !important;
  -moz-animation-fill-mode: forwards !important;
  -o-animation-fill-mode: forwards !important;
  animation-fill-mode: forwards !important;
}
.et-animated.delay1 {
  opacity: 0;
  -webkit-animation-delay: 1s !important;
  -moz-animation-delay: 1s !important;
  -o-animation-delay: 1s !important;
  animation-delay: 1s !important;
  -webkit-animation-fill-mode: forwards !important;
  -moz-animation-fill-mode: forwards !important;
  -o-animation-fill-mode: forwards !important;
  animation-fill-mode: forwards !important;
}
.et-animated.delay1half {
  opacity: 0;
  -webkit-animation-delay: 1.5s !important;
  -moz-animation-delay: 1.5s !important;
  -o-animation-delay: 1.5s !important;
  animation-delay: 1.5s !important;
  -webkit-animation-fill-mode: forwards !important;
  -moz-animation-fill-mode: forwards !important;
  -o-animation-fill-mode: forwards !important;
  animation-fill-mode: forwards !important;
}

.et-animated.delay2 {
  opacity: 0;
  -webkit-animation-delay: 2s !important;
  -moz-animation-delay: 2s !important;
  -o-animation-delay: 2s !important;
  animation-delay: 2s !important;
  -webkit-animation-fill-mode: forwards !important;
  -moz-animation-fill-mode: forwards !important;
  -o-animation-fill-mode: forwards !important;
  animation-fill-mode: forwards !important;
}
.et-animated.delay2half {
  opacity: 0;
  -webkit-animation-delay: 2.5s !important;
  -moz-animation-delay: 2.5s !important;
  -o-animation-delay: 2.5s !important;
  animation-delay: 2.5s !important;
  -webkit-animation-fill-mode: forwards !important;
  -moz-animation-fill-mode: forwards !important;
  -o-animation-fill-mode: forwards !important;
  animation-fill-mode: forwards !important;
}
.et-animated.delay3 {
  opacity: 0;
  -webkit-animation-delay: 3s !important;
  -moz-animation-delay: 3s !important;
  -o-animation-delay: 3s !important;
  animation-delay: 3s !important;
  -webkit-animation-fill-mode: forwards !important;
  -moz-animation-fill-mode: forwards !important;
  -o-animation-fill-mode: forwards !important;
  animation-fill-mode: forwards !important;
}
.et-animated.delay3half {
  opacity: 0;
  -webkit-animation-delay: 3.5s !important;
  -moz-animation-delay: 3.5s !important;
  -o-animation-delay: 3.5s !important;
  animation-delay: 3.5s !important;
  -webkit-animation-fill-mode: forwards !important;
  -moz-animation-fill-mode: forwards !important;
  -o-animation-fill-mode: forwards !important;
  animation-fill-mode: forwards !important;
}
.et-animated.delay4 {
  opacity: 0;
  -webkit-animation-delay: 4s !important;
  -moz-animation-delay: 4s !important;
  -o-animation-delay: 4s !important;
  animation-delay: 4s !important;
  -webkit-animation-fill-mode: forwards !important;
  -moz-animation-fill-mode: forwards !important;
  -o-animation-fill-mode: forwards !important;
  animation-fill-mode: forwards !important;
}
.et-animated.delay4half {
  opacity: 0;
  -webkit-animation-delay: 4.5s !important;
  -moz-animation-delay: 4.5s !important;
  -o-animation-delay: 4.5s !important;
  animation-delay: 4.5s !important;
  -webkit-animation-fill-mode: forwards !important;
  -moz-animation-fill-mode: forwards !important;
  -o-animation-fill-mode: forwards !important;
  animation-fill-mode: forwards !important;
}
.et-animated.delay5 {
  opacity: 0;
  -webkit-animation-delay: 5s !important;
  -moz-animation-delay: 5s !important;
  -o-animation-delay: 5s !important;
  animation-delay: 5s !important;
  -webkit-animation-fill-mode: forwards !important;
  -moz-animation-fill-mode: forwards !important;
  -o-animation-fill-mode: forwards !important;
  animation-fill-mode: forwards !important;
}
.et-animated.delay6 {
  opacity: 0;
  -webkit-animation-delay: 6s !important;
  -moz-animation-delay: 6s !important;
  -o-animation-delay: 6s !important;
  animation-delay: 6s !important;
  -webkit-animation-fill-mode: forwards !important;
  -moz-animation-fill-mode: forwards !important;
  -o-animation-fill-mode: forwards !important;
  animation-fill-mode: forwards !important;
}



/*=====
Slider Book
==================*/
.et_pb_slide_image img[alt^="Book"] {
  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  -webkit-box-shadow: -20px 0px 30px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: -20px 0px 30px 0px rgba(0,0,0,0.5);
  box-shadow: -20px 0px 30px 0px rgba(0,0,0,0.5);
}

/*=====
Sections
==================*/
.triangles-top:before,
.triangles-bottom:after,
.triangles-top-gray:before,
.triangles-bottom-gray:after {
  position: absolute;
  content: '';
  right: 0;
  left: 0;
  z-index: 10;
  display: block;
  height: 90px;
  background-size: 100px 100%;
}
.triangles-top:before {
  top: -90px;
  background-image: linear-gradient(315deg, #fff 35%, transparent 25%), linear-gradient( 45deg, #fff 35%, transparent 25%);
  background-position: 50%;
}
.triangles-top-gray:before {
  top: -90px;
  background-image: linear-gradient(315deg, #f5f5f5 35%, transparent 25%), linear-gradient( 45deg, #f5f5f5 35%, transparent 25%);
  background-position: 50%;
}
.triangles-bottom:after {
   bottom: -90px;
   background-image: linear-gradient(-145deg, #fff 35%, transparent 25%), linear-gradient( -145deg, transparent 35%, transparent 25%);
   background-position: 50%;
}
.triangles-bottom-gray:after {
   bottom: -90px;
   background-image: linear-gradient(-145deg, #f5f5f5 35%, transparent 25%), linear-gradient( -145deg, transparent 35%, transparent 25%);
   background-position: 50%;
}

/*=====
FORM
==================*/
.speakingform label {
  display: none;
}
.speakingform .irow {
  margin: 5px;
}
.speakingform .icell {
  display: inline-block;
  width: 49%;
}
/*** FIELD STYLING ***/
input[type=text],
select,
textarea {
 background: #eee;
 border: none;
 border-radius: 0;
 color: #999 !important;
 padding: 15px !important;
 width: 100%;
 font-size: 14px;
}
/*** BUTTON STYLING ***/
.speakingform input.submit {
 float: right;
 background: transparent;
 border: 2px solid #2ea3f2;
 font-size: 22px;
 color: #2ea3f2;
 padding: 12px 23px;
 border-radius: 5px;
 letter-spacing: 2px;
 cursor: pointer;
}
/*** BUTTON HOVER STYLING ***/
.speakingform input.submit:hover {
 background: rgba(0, 0, 0, 0.05);
 border: 2px solid transparent;
}


/*=====
MISC
==================*/
.et_bloom .et_bloom_inline_form {
   margin: 0 !important;
}
.et_bloom .et_bloom_optin strong {
   font-weight: bold !important;
}


/*=====
RESPONSIVE
==================*/

@media only screen and ( min-width: 1040px ) { 
   .fullheight {
      height: 100vh;
   }

}

@media only screen and ( max-width: 980px ) {
   /* your css goes here */
   .siteheader .et_pb_row,
   body .et_pb_fullscreen .et_pb_fullwidth_header_container {
       width: 100% !important;
   }
   body .et_pb_module.et_pb_slider .et_pb_slide_description .et_pb_slide_title,
   body .entry-title, body .entry-title a {
        font-size: 30px !important;
   }
   body .et_pb_slides .et_pb_container {
        height: auto !important;
   }
   body .et_pb_slide .et_pb_slide_description {
        padding: 10px 10px 40px 10px !important;
        width: 100% !important;
        max-width: 100% !important;
   }
   .et_pb_slide_1::after { display: none !important; }
}

@media only screen ( max-width: 767px ) {
    /* your css goes here */
}

@media only screen and ( max-width: 479px ) {
    /* your css goes here */
}