/*     Custom CSS      */

/* child theme maint */
/* http://www.elegantthemes.com/blog/resources/wordpress-child-theme-tutorial */
/* http://www.elegantthemes.com/gallery/divi/tutorial-update.html*/


/********* HOME  ***********/

/* behind secondary menu  */
.et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #top-header {
  align-items: right;}

.et-fixed-header#top-header {
background: #e7f7f9 !important;
}

/* to reduce size of header when scrolling */
#main-header.et-fixed-header {
height: 55px;
}

/****************************/

/* Sizing of background image on home */
.home .et_pb_section_0 {
padding-top: 41px !important;
  padding-bottom: 110px !important;
}

.home .et_pb_section_0 .et_pb_row_0 {
padding-top: 41px!important;
}
 
/******************************/

/*body.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled #main-header, body.et_fixed_nav.et_secondary_nav_enabled #main-header {
top: 30px !important;
} */


/*  small secondary menu w email etc.     */
#et-info, #et-secondary-menu > ul > li a {
  padding-left: .90em;}

/*      */
#et-info-phone {
margin-right: 35px;
}

/*      */
span#et-info-email {
margin-right: 20px;
}

/*   height of header / logo  */
header#main-header {
  height: 88px;}

/* for primary navigation */
#top-menu li {
  font-size: 16px; padding-right: 56px;}

/* call to action customization on home page */
.home a.et_pb_promo_button {
  color: #ffffff !important;
  border-color: #ECF9F4 !important;
  background-color: none;
}

/* body.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled #main-header, body.et_fixed_nav.et_secondary_nav_enabled #main-header {
  bottom: 4px;}*/

/********************  HOME    *****************************/

/* size of logo */
#logo {
  max-height: 100% !important;
  padding-top: 10px;
  padding-bottom: 10px;}

/* removes hover over arrows on call to actions */
/*.et_pb_promo_button:hover:after,.et_pb_button:after { display: none;}
.et_pb_promo_button:after, a.et_pb_more_button:after {
display: none;
} */
/* spacing around promo buttons*/
.et_pb_cta_2.et_pb_promo {
  padding-top: 64px !important;}
  
/***** Background image - Main Image - home page - Must Have for Proper Sizing *****/
.et_pb_section_0, .et_section_regular{
background-size: auto auto;
}
/*** Background img - Main - on Home - Must Have to Correct Adjustments after sizing above **/
.et_pb_section_0, .et_section_regular {
padding-top: 80px !important;
padding-bottom: 200px !important;
}

/******* for the spacing under the row below the banner image on home page  */
.home .et_pb_section:nth-child(2) {
 padding-top: 30px !important;
 padding-bottom: 10px !important;
}

/* sis of third section, banner is the first  */
.home .et_pb_section:nth-child(3) {
 padding-top: 135px !important;
  padding-bottom: 135px !important;
}

.home .et_pb_section:nth-child(3) {
    padding-top: 15px !important;
  padding-bottom: 135px !important;}

.home .et_pb_section:nth-child(4) {
 padding-top: 50px !important;
  padding-bottom: 50px !important;}

.et_pb_promo_description h2 {
font-size: 50px;
font-family: Quattrocento;
}

/* for the contact form area on home page*/
.et_pb_contact p input, .et_pb_contact p textarea {
  background-color: #ffffff !important;}

/* for contact form on home page, input ch for chapter  */
.et_pb_contact_right p input {
  width: 55px !important;}


/*********** FOOTER ******************/


#main-footer {
  font-size: 16px !important;}
  
#footer-widgets {
  padding-top: 40px !important;
  pacing-bottom: 30px;}

.footer-info:first-child a {
  color: #e7e7e7 !important;}

#myfooter {
text-align: center;
}

#myfooter a {
  color: #CCE2C8;}

#footer-info {
  color: #DCE2DF;}

#footer-info a {
  color: #434343;}

/*  for footer widget link colors */
  .et_pb_widget a{
  color: #ffffff; }

/*********** BLOG *******************/

/* for tableau data visualization viz */
/* also added a line to header in divi>options> integration > head */

@media screen and (min-width: 960px) {
.wpc-cc .fluid-width-video-wrapper {
   padding-top: 0!important;
}
  
  .et_pb_section_0, .et_section_regular {
    padding-bottom: 30px !important;
    padding-top: 0 !important;
}

/* for VIDEO  */

/*.fluid-width-video-wrapper {
padding: 0!important;
}
.fluid-width-video-wrapper > iframe {
height: 300px;
margin: 0 auto;
position: relative;
width: 65%;
}
*/

/* titles for blog posts  */
.et_pb_post h2 a {
  font-size: 34px !important;
  font-weight: normal;}
  

/* for archive info in blog "blog" */
#left-area .post-meta {
  display: none;}


/**** BLOG Page (from nav) - chng to FULL WIDTH  *******/
.category div#left-area {
width: 100% !important;
}
.category div#sidebar {
display: none;
}
/* change the vert sidebar line */
.category #main-content .container:before {
background-color: transparent;
} 


/*************** Inside Pages   ****************/
@media only screen and (min-width: 1024px)
.et_quote .et_quote_sign {
  opacity: 0.75 !important;}

@media only screen and (min-width: 1024px)
.et_right_quote {
  font-size: 17px !important;
  font-style: italic;
  font-weight: normal;
  color: #333333 !important;}

/* Bulleted Line Style */
#left-area ul, .entry-content ul, .comment-content ul {
  list-style-type: disc;
  padding: 0 0 23px 16px;
  line-height: 26px;
  font-size: 16px;
  color: #404040;}

/**************** Contact Form **********************/


/* email input area */
input[type=email], input.text, input.title, textarea, select {
   border: 1px solid #bbb;
  WIDTH: 50% !important;
  padding: 10px !important;}

input[type=text], input.text, input.title, textarea, select {
  border: 1px solid #bbb;
   WIDTH: 50% !important;
  padding: 10px !important;}

/* for subject area*/
wpcf7-form-control-wrap your-subject {
   border: 1px #BBBBBB !important;
  WIDTH: 50% !important;
  height: 25px !important; }


/* color of Submit button on Contact Form 7  */
input.wpcf7-form-control.wpcf7-submit {
  color: #257F1D !important; 
  background-color: #f2f2f2 !important;
  border: 1px solid #AAA !important;
  height: 35px;
  font-size: 14px !important;}

/*input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  WIDTH: 50% !important;
  height: 25px; 
  border: 1px #BBBBBB !important;
  }*/

/*textarea.wpcf7-form-control.wpcf7-textarea p {
   WIDTH: 50% !important;
  height: 25px; 
  line-height: .25em !important;} */


/******************************* Info Boxes ******************/
/* for lilypadev  */
.et-shadow .et-box-content {
  color: #C3DAA6 !important;
  background: #ffffff !important;
  padding-top: 30px !important;
  padding-bottom: 30px !important; 
  box-shadow: inset 0 0 35px #C3DAA6 !important; 
  border: none !important; 
}

#left-area ul, .entry-content ul, .comment-content ul {
  font-size: 18px; 
  line-height: 1.8em;}

/* for Yin Eyecare */
/*.et-bio:before {
  display: none;}

.et-bio .et-box-content {
  color: #00A3CC !important;
  background: #ffffff !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  box-shadow: inset 0 0 5px #00A3CC !important;
  border: none !important; }

/* for media services box */
/*.et-warning:before {
  display: none;}

.et-warning .et-box-content {
  color: #D1888D !important;
  background: #ffffff !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  box-shadow: inset 0 0 5px #D1888D !important;
  border: none !important; }

/* for speak to me */
/*.et-download:before {
  display: none;}

.et-download .et-box-content {
  color: #3CC8F1 !important;
  background: #ffffff !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  box-shadow: inset 0 0 5px #3CC8F1 !important;
  border: none !important; }



/********************************/

#left-area ul, .entry-content ul, .comment-content ul {
    color: #404040;
    font-family: "Lato";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.8;
  }
    
 /********************************/   

h1 {
  font-size: 1.75em;
  font-weight: 700;
  line-height: 1.0em;
}

h2 {
   font-size: 2em;
   font-weight: strong;
  line-height: 1.0em;
}

h3 { 
   font-size: 4em;
   font-weight: strong;
   line-height: .9em;
}

h4 { 
   font-size: 2em;
   font-weight: strong;
   line-height: 1.5em;
}

h5 { 
   font-size: 3em;
}

h6 {
  font-size: 3em;
  line-height: 1.0em;
  padding-bottom: 15px;
  padding-top:20px;
}