/*
 Theme Name:     Divi Child Theme for Main site
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme for LHL Main Site
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
 Version:        2.1.2
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */
#top-menu {
  padding-left:0px !important;
  padding-top: 10px !important;
  position: absolute;
  float: left;
  left: 152px;
  top: 92px;
}
.et_menu_container {
  padding-top: 18px;
}
/* fixes top gap introduced by pagebuilder */
.et_pb_section {
  padding-top: 0 !important;
}
.et_pb_widget a {
  color: #008040 !important;
}
#logo {
  padding-top: 10px;
  padding-bottom: 10px;
}
#main-header {
  min-height: 126px;
}
#lhl-header-name {
  position: absolute;
  font-family: 'Libre Baskerville', serif;
  font-size: 36px;
  font-color: black;
  color: #333;
  left: 150px;
  top: 36px;
  width: 600px;
}
#lhl-header-name a {
  color: black;
}
#lhl-header-subtitle {
  position: absolute;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 15px;
  color: #666;
  left: 0px;
  top: 32px;
}
#lhl-header-search {
  position: static;
  float: right;
  left: 800px;
  width: 185px;
  bottom: 5px;
}
#lhl-search-submit {
  color: #9AB2A5 !important;
  line-height: 18px;
  background: none repeat scroll 0% 0% transparent;
  border: 2px solid;
  border-radius: 3px;
  transition: all 0.2s ease 0s;
}
#lhl-search-submit:hover{ 
  border-color: white;
  background-color: #eef3e9;
  cursor: pointer;
}
#lhl-search-field {
  line-height: 18px;
  width: 130px;
}
/* Fixes grey blending into color of footer*/
#footer-bottom { 
  background-color: transparent;
}
/* setting desired width on notice bar */
#lhl-notice-bar {
  padding-top: 0px;
  padding-bottom: 0px;
  color: #ea7500;
}
#lhl-notice-bar-x {
  display: none;
}
#lhl-notice-bar-block {
  padding-bottom: 0px;
}
#lhl-notice-bar-block-x {
  display: none;
}
.et_mobile_menu {
  width: 200px;
} 
#footer-widgets {
  padding-top: 40px;
}
.footer-widget {
  color: #666;
  margin-bottom: 0px;
}
#about-image {
  display: none;
}
/* This removes the RSS icon from RSS widget and styles font */
a.rsswidget img {
        display: none;
}
a.rsswidget {
	color: #333 !important;
}
.widget_rss {
  font-weight: bold;
  color: #ea7500;
}
/* Eliminate vert bar on home page */
#lhl-scientist-of-day-recent {
  border-right: 0px;
}
/* Add translucent box behind text to make it more readable */
#lhl-home-slider .et_pb_slide_description h2 {
  background: rgba(0, 0, 0, 0.25);
}
#lhl-home-slider .et_pb_slide_content {
  background: rgba(0, 0, 0, 0.25);
  margin-bottom: -64px;
  padding-bottom: 79px; 
}
#lhl-home-slider a.et_pb_more_button {
  background: rgba(0, 0, 0, 0.25);
  margin-top: 0px;
}
/* Remove author and such from search results and tag page and scientist */
.search-results .post-meta, .tag .post-meta, .category-scientist .post-meta  {
  display: none;
}
/* This impacts tag result image size */
.tag .et_pb_post a img {
  max-height: 75px;
  margin-right: 10px;
  width: auto;
  float: left; 
}
/* This impacts search result image size */
.search .et_pb_post a img {
  display: none; 
  /* max-height: 75px;
  margin-right: 10px;
  width: auto; 
  float: left; */
}
/* This is to style form buttons */
.gform_next_button, .gform_button {
  color: #9ab2a5;
  font-family: inherit;
  cursor: pointer;
  font-size: 20px;
  padding: 6px 20px;
  line-height: 1.7em;
  background: transparent;
  border: 2px solid;
  transition: all 0.2s;
  float: right;
}
.gform_previous_button {
  color: #9ab2a5;
  font-family: inherit;
  cursor: pointer;
  font-size: 20px;
  padding: 6px 20px;
  line-height: 1.7em;
  background: transparent;
  border: 2px solid;
  transition: all 0.2s;
  float: left;
}
.gform_next_button:hover, .gform_button:hover, .gform_previous_button:hover {
	background: rgba(0,0,0,0.05);
	border: 2px solid transparent;
}
/* Enable small embedded video */
.lhl-videos-tab .fluid-width-video-wrapper iframe{
  max-width: 300px;
  max-height: 169px;
}
/* This is for the color in the topmost nav bar */
.et_nav_text_color_dark, .et_nav_text_color_dark #et-secondary-nav a, 
.et_nav_text_color_dark .et-social-icon a, .et_nav_text_color_dark #et-info a {
  color: #444;
}
.et_nav_text_color_dark #et-secondary-nav a:hover, .et_nav_text_color_dark .et-social-icon a:hover {
  color: #9AB2A5 !important;
}
/* This is for the grid blog module to not require refresh on chrome to get vertical spacing correct */
.et_pb_blog_grid_wrapper .et_pb_post { 
  height: 470px !important;
}
/* Without this in Divi, video type posts display the video twice on the single page */
/* Care must be taken or else video on other pages like events is hidden */
.single-post .entry-content .et_post_video {
display: none;
}
/* This is to get the search page sidebar on the left and add the gap we like */
/* Once the site shrinks to no columns, these don't matter and look bad */
@media only screen and ( min-width: 981px ) {
.widget_rss {
  margin-bottom: 0px !important;
}
/* this provides the visible verticle bar on non Divi pages */
#sidebar {
  border-right: 1px solid #E2E2E2;
}
#main-content .container {
  padding-top: 27px;
}
#main-content .container:before {
  width: 0px;
}
/* ------ Category page sidebar flopping ---- */
.category #sidebar {
  padding-right: 30px;
  padding-left: 0px;
}
.category #left-area {
  padding-left: 60px;
  float: right;
}
/* ------ The Event Calender related -----------------------*/
/* this is to correct left margin with Divi 2.4 - list page */
#tribe-events-content-wrapper {
  margin-left: 0px !important;
}
/* this is to correct left margin with Divi 2.4 */
#tribe-events-content {
  margin-left: 60px;
}
/* this is to get the sidebar where it belongs on detail page */
.single-tribe_events #left-area {
  float: right;
}
.post-type-archive-tribe_events #left-area {
  float: right;
}
.single-tribe_events #sidebar {
  padding-right: 30px;
}
.post-type-archive-tribe_events #sidebar {
  padding-right: 30px;
  padding-left: 0px;
}
/* this is to omit the blank space on event detail pages */
#post-0 .main_title {
  display: none;
}
/* this is to give us the option of having the sidebar below the main column when responsive */
.lhl-reverse-body .et_pb_column_3_4 {
  float: right;
  margin-right: 0px;
}
}
/*---------------- responsive adjustments ------------*/
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	#lhl-search-submit {
     	  line-height: 22px;
   	}
	#top-menu {
	  left: 0px;
	}
	#top-header div.container.clearfix {
	  width: 95%;
	}
	#lhl-header-name {
	  top: 28px;
	}
	.et_menu_container {
	  padding-top: 10px;
	}
}
/* tablet portrait */
@media only screen
and (max-width : 980px) {
	#lhl-header-name {
	  left: 70px;
	  font-size: 30px;
	  top: 34px;
	}  
	#lhl-header-subtitle {
	  font-size: 12px;
	  color: #666;
	  top: 24px;
 	}
  	.container {
	  width: 80%;
	}
        #lhl-header-search {
	  margin-top: 5px;
        }
        .mobile_menu_bar:before {
	  font-size: 6em;
	  color: #9ab2a5 !important;
        }
	#et-top-navigation {
	  position: relative;
	  float: left;
	  padding-left: 0px !important;
	  padding-top: 10px !important;
	  left: -10px;
          top: -17px;
	}
	#logo {
	  display: none;
	}
        /* android tablet portrait 
        #main-header {
	  padding-bottom: 27px;
        } */
}
/* phone landscape */
@media only screen
and (max-width : 767px) {
       .mobile_menu_bar:before {
          font-size: 2.75em;
        }
	#main-header {
	  min-height: 100px;
  	}
	#main-header div.container.clearfix.et_menu_container {
	  position: absolute;
	  padding-top: 0px;
	} 
	#lhl-header-name {
	  font-size: 20px;
          position: relative;
	  float: left;
          left: 45px;
	  top: 22px;
	  width: auto;
	}
	#lhl-header-search {
	  position: relative;
	  float: right;
	  left: 100px;
	  top: 20px; */
	}
	#lhl-header-search h4 {
	  display: none;
	}
	#et-top-navigation {
	  padding-top: 10px !important;
	  left: -190px !important;
	  top: 5px;
	}
        #logo {
          display: none;
        }
        #lhl-header-subtitle {
          display: none;
        }
}
/* phone portrait */
@media only screen
and (max-width : 480px) {
        #et-top-navigation {
	  padding-top: 15px !important;
          top: -100px;
	  left: 0px !important;
        }
        #lhl-header-name {
          top: 10px;
	  width: auto;
        }
       #lhl-header-search {
          position: relative;
          float: none;
          left: 46px;
          top: 10px; */
        }

}