/*
 Theme Name:     Northeastern Sandbox 
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme used for ITS related websites
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       divi
 Version:        1.0.0
*/
/*===========================================

Sandbox Theme styles using child Divi theme

NOTE on overriding Divi Theme Customizatio styles:

	*** The Divi theme customizer will override the styles
	*** in this style sheet.

DIVI Breakpoints:

 Responsive Styles Large Desktop And Above
@media all and (min-width: 1405px) {

}

 Responsive Styles Standard Desktop Only
@media all and (min-width: 1100px) and (max-width: 1405px) {

}

Responsive Styles Tablet And Below
@media all and (max-width: 980px) {

}

Responsive Styles Tablet Only
@media all and (min-width: 768px) and (max-width: 980px) {

}

Responsive Styles Smartphone Only
@media all and (max-width: 767px) {

}

Responsive Styles Smartphone Portrait
@media all and (max-width: 479px) {

}
============================================*/
/******************************
 * Font and color variables
 *******************************/
/* Colors */
body {
  font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
}

/*****
	HEADER and NAV Styles
*****/
#main-header .site_name {
  position: absolute;
  top: 30%;
  display: none;
}

.et_vertical_nav .site_name, .et_header_style_centered #main-header .site_name {
  position: relative;
}

/* Upper nav */
#top-header {
  border-bottom: solid #979797 1px;
  background-color: #000;
}

#top-header #nu_utility-nav {
  height: 40px;
  float: left;
  padding-left: 2%;
}

#top-header #nu_utility-nav a img {
  height: 40px;
}

@media (min-width: 1100px) {
  #top-menu li a {
    font-size: 16px;
  }
}

.et_header_style_left .logo_container {
  max-height: 80px;
}

#et-secondary-menu > ul > li > a:hover {
  color: #da3d4c;
}

/* Post default spacing fixes */
.ne-blog-content-section {
  padding-top: 0px;
}

.ne-blog-content-section .et_pb_row {
  padding-top: 0px;
}

.ne-blog-content-section p {
  line-height: 2em;
}

.et_pb_post .entry-content {
  padding-top: 0px;
}

/* Divi breadcrumb missing separator fix */
.northeastern-breadcrumb.dcsbcm_divi_breadcrumbs_wrapper span.dcsbcm_separator {
  font-size: 16px !important;
}

/****
	END NAV STYLES
***/
/*** Expand content to full width ***/
@media (min-width: 981px) {
  .banner-layout #left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
  }
}

/*** 	CSS for 2 column banner layout ***/
body.single-post #main-content > .container.banner-layout, body.error404 #main-content > .container.banner-layout {
  width: 100% !important;
  max-width: none;
  padding-top: 0px;
}

/*** Hide sidebar ***/
.banner-layout #sidebar {
  display: none;
}

/*** Don't display default divi title and meta block ***/
.banner-layout .et_post_meta_wrapper {
  display: none;
}

/** Put the rest of these styles in the style.css sheet once these are tested. */
h4.keybox-heading img {
  position: relative;
  top: 3px;
  margin-right: 5px;
}

/** single blog post overrides ***/
#main-content .container:before {
  background: none;
}

/*** Expand content to full width ***/
@media (min-width: 981px) {
  .banner-layout #left-area {
    width: 100%;
    padding: 0px 0px 0px !important;
    float: none !important;
  }
}

.hide-desktop {
  display: block;
}

.hide-mobile {
  display: none;
}

/** NOTE: To edit this in Divi, you have to change the display to 'block' instead of 'none' or add comment block around display:none **/
@media (min-width: 981px) {
  .hide-desktop {
    display: none;
  }
  .hide-mobile {
    display: block;
  }
}

.et_pb_post .img-middle a img {
  vertical-align: inherit;
}

.single .et_pb_post {
  margin-bottom: 0px;
}

.single .post {
  padding-bottom: 0px;
}

.blog-block-grey-bgd .et_pb_column .blog-bottom {
  background-color: #eeeeee;
}

.blog-block-grey-bgd .et_pb_column {
  box-shadow: 0px 2px 18px -6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}

.center-text-mobile {
  text-align: center;
}

.lg-font-size-mobile {
  font-size: 24px;
}

@media (max-width: 980px) {
  #section-blog-post-readmore-padding {
    padding-top: 0px;
  }
}

.blog-post-banner-img .et_pb_title_featured_container {
  overflow: hidden;
  position: relative;
  height: 400px;
}

.blog-post-banner-img img {
  position: absolute;
  left: -10000%;
  right: -10000%;
  top: -10000%;
  bottom: -10000%;
  margin: auto auto;
  max-width: 10%;
  -webkit-transform: scale(12);
  transform: scale(12);
}

#blog-post-title-banner {
  max-height: 400px;
}

body.single-post blockquote {
  clear: both;
  border-left: none;
  margin: 0 auto;
  width: 80%;
  padding: 75px 0 75px 90px;
  line-height: 1.5;
  background: url(../../uploads/2019/08/blockquote-quote.png) no-repeat 0 30px;
  color: #006eb5;
}

body.single-post blockquote h3 {
  line-height: 1.3;
  font-weight: bold;
  color: #006eb5;
}

@media (max-width: 980px) {
  body.single-post blockquote {
    width: 100%;
    padding: 100px 0 75px 0px;
    background-position: 0 20px;
  }
}

/*** BLOG POST NTH ***/
#blog-banner-row {
  flex-direction: row;
}

#blog-banner-row :nth-child(1) {
  order: 1;
}

#blog-banner-row :nth-child(2) {
  order: 2;
}

@media (min-width: 981px) {
  #blog-banner-row :nth-child(1) {
    order: 2;
  }
  #blog-banner-row :nth-child(2) {
    order: 1;
  }
}

/***END BLOG NTH ****/
/********
	END OVERRIDES TO STANDARD DIVI BLOG POST page per Divi
********/
/* default search text is uppercase */
.et_search_form_container input {
  text-transform: none;
}

abbr {
  text-decoration: none;
}

/*** Style for post type - featured image as background ***/
.fullwidth-bg {
  padding: 0 !important;
  background: #000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.fullwidth-bg .et_pb_section {
  padding: 0 !important;
  background: transparent;
}

/*# sourceMappingURL=style.css.map */