/* Global & Global Text */


#header-inner.sticky-navigation {
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.entry-content a {
    border-bottom: 1px solid #688a90;
  	color: #688a90;
}

#colophon.site-footer::after {
  content: "Copyright©2019 Elixir Environmental";
  font-family: "Montserrat",sans-serif;
  font-size: 7px;
  padding: 10px;
  display: block;
  text-align: center;
  background-color: #222;
  
}

body {
  background: #ffffff;
  color: #414242;
  font-family: "Montserrat",sans-serif;
  font-size: 15px;
  line-height: 1.75;
}

a {
  color: #688a90;
}

a:hover,
a:focus {
  color: #547075;
}

.site-footer .gotop {
  background: #688a90;
}

.site-footer {
  border-top: 8px solid #688a90;
}

.header-search-container {
  display: none;
}

nav#footer-navigation {
  font-family: "Montserrat",sans-serif;
  font-size: 10.5px;
  letter-spacing: 1px;
}

#primary .site-main {
  color: #000000;
}

#primary .site-main h2 {
  font-size: 20px;
  margin-bottom: 12px;
  letter-spacing: .55px;
  color: #423122;
}

#primary .site-main h3 {
  font-size: 16.5px;
  margin-bottom: 12px;
  letter-spacing: .3px;
  color: #423122;
}

#hero .hentry .entry-title {
    font-size: 52px;
    line-height: 1.2;
    margin: 0 0 35px;
    padding: 0;
    text-align: center;
  	color: #423122;
}

h1.entry-title {
    letter-spacing: .3px;
}

#hero .hentry .entry-content {
    max-width: 92%;
    margin-left: auto;
    margin-right: auto;
    font-size: 21px;
    text-align: center;
    letter-spacing: .4px;
  	color: #423122;
}

#page .grid-wrapper .hentry .entry-title {
    font-size: 19px;
    line-height: 20px;
    letter-spacing: 0.75px;
}

#hero.has-background .overlay {
  	background: #688a90;
    opacity: 0.55;
}
#primary-header.has-featured-image .entry-meta,
#primary-header.has-featured-image .entry-meta a{
    color: #333;
    letter-spacing: .55px;
    font-size: 12.25px;
}

/* SIDE BAR */

.sidebar-section h2.widget-title {
  font-size: 12.5px;
  color: #423122;
}

.sidebar-section .widget_recent_entries a {
  	font-size: 15px;
    line-height: 16.5px;
    display: block;
    padding-bottom: 2px;
    font-family: "Montserrat",sans-serif;
}

.sidebar-section .textwidget a {
  	font-size: 15px;
    line-height: 16.5px;
    display: block;
    font-family: "Montserrat",sans-serif;
    margin-bottom: 10px;
    margin-top: 10px;
}
.sidebar-section .textwidget p {
  	border-bottom: 1px solid #e0e1e3;
  	margin-bottom: 0px;
}

.homepage-widgets .widget .widget-title {
    color: #688a90;
    font-size: 26px;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: .7px;
}

.sidebar_clients {
    max-width: 175px;
}

/* FORMs */

div#contact-form-103,
div#contact-form-101{
    font-family: "Montserrat",sans-serif;
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
  	margin-top: 30px;
}

button.pushbutton-wide {
    font-family: "Montserrat",sans-serif;
}

/* SIDE BAR - HPD */

/* .page-id-12 #secondary img {
   width: 175px;
    margin: auto;
}
*/

/* MENU COLORS */

#site-navigation .current_page_item > a,
#site-navigation .current-menu-item > a,
#site-navigation .current_page_ancestor > a,
#site-navigation .current_page_item > a:hover,
#site-navigation .current-menu-item > a:hover,
#site-navigation .current_page_ancestor > a:hover,
#site-navigation ul:not(.sub-menu) > .menu-item-has-children:hover > a:hover,
#site-navigation ul:not(.sub-menu) > .menu-item-has-children:hover > a {
  background: #688a90;
}

#site-navigation ul ul {
  background: #688a90;
}

#site-navigation li:hover > a {
  border: 1px solid;
  color: #688a90;
}

#site-navigation ul ul :hover > a,
#site-navigation ul ul a:hover {
  background: rgba(0,0,0,0.21);
}

.mobile-navigation {
  background-color: #f3f4f5;
  border-bottom: 1px solid #e0e1e3;
  border-top: 1px solid #e0e1e3;
  display: none;
  font-size: 12px;
  padding-bottom: 30px;
  padding-top: 30px;
  text-transform: uppercase;
  font-family: "Montserrat",sans-serif;
}

button#toggle-mobile-menu {
  font-family: "Montserrat",sans-serif;
  background-color: transparent;
}

/* VIDEO PAGES */

.page-id-87 .more-link {
  visibility: hidden;
  color: rgba(0, 0, 0, 0);
}

.page-id-87 .more-link:after {
  content: "Full Size Video";
  visibility: visible;
  color: #333333;
  margin-left: -80px;
  padding: 6px 0px 0px 0px;
  font-family: "Montserrat",sans-serif;
  font-size: 10px;

}

.page-id-87 .hentry .more-link-container a.more-link {
  display: block;
}

.page-id-87 #primary header.entry-header {
  height: 65px;
}

.page-id-87 .hentry .entry-title a {
  font-size: 15px;
  line-height: 17px;
  color: #688a90;
}

.embed-container {
  border: 1px solid #333333;
}

/* MAIN NAV */

#site-navigation a {
  font-family: "Montserrat",sans-serif;
	font-size: 0.72rem;
  letter-spacing: .05rem;
}

/* SERVICES PAGES TOP IMAGE */

#primary-header.has-featured-image,
#hero.has-background {
  max-width: 1900px;
  margin-left: auto;
  margin-right: auto;
}

.page-template-default .hentry .entry-thumb {
  display: none;
}

#primary-header .overlay {
  display: none;
}

.primary-hentry-inner h1 {
  letter-spacing: 1.25px;
}

.page-header.has-featured-image .overlay {
    background: transparent;
}

.has-featured-image .primary-hentry-inner {
  margin-top: 18%;
  padding: 20px 20px 20px 15px;
  background-color: rgba(255, 255, 255, 0.58);
}
.has-featured-image .container {
  margin-top: 18%;
  padding: 20px 20px 20px 20px;
  background-color: rgba(255, 255, 255, 0.58);
}

#primary-header .entry-title,
#primary-header.has-featured-image .entry-title {
  color: #423122;
}

.page .entry-header.primary-hentry.has-featured-image,
.single .entry-header.primary-hentry.has-featured-image {
  padding: 100px 0 0 0;
}

p.intro_large {
  font-size: 17.5px;
}


/* TESTIMONIALS */


body:not(.search) #page .jetpack-testimonial.hentry .entry-content, .jetpack-testimonial-shortcode .testimonial-entry-content {
    background: #423122;
    font-size: 16px;
    letter-spacing: .25px;
    font-style: normal;
    line-height: 1.65;
    padding: 40px 40px 40px 90px;
}

/* BLOG SPECIFIC */

.blog #primary .site-main h2 a {
    font-size: 24px;
  	line-height: 26px;
    margin-bottom: 0px;
    letter-spacing: .25px;
}

.blog .hentry .entry-secondary-meta {
    top: 5px;
    font-family: "Montserrat",sans-serif;
}

.blog .hentry .entry-secondary-meta .post-date {
    background: #414242;
}

.single .entry-thumb,
.page-id-87 .entry-thumb {
  	display: none;
}

blockquote {
    border-left: 3px solid #688a90;
    font-size: 1.35em;
    line-height: 1.5;
    margin: 0 0 0 35px;
    padding: 10px 20px;
    max-width: 350px;
    float: right;
    color: #423122;
}

/* OUR TEAM PAGE */

span.remove_p {
    margin-top: 25px;
    float: left;
}

/* PARTNERS PAGE */

span.remove_space {
    margin-top: 25px;
  	margin-right: 25px;
    float: left;
}

/* Clients PAGE */

.page-id-93 .column {
  float: left;
  width: 25%;
}

.page-id-93 .column img {
    width: 70%;
    margin-bottom: 8px;
}
    
.page-id-93 .row:after {
  content: "";
  display: table;
  clear: both;
}


/* HPD PAGE */

.page-id-12 .alignleft {
    margin-top: 19px;
}



/* RESPONSIVE CSS BEGINS */

@media only screen and (max-width:992px) { 


}


@media only screen and (max-width:768px) { 

  .page-id-93 .column {
    width: 50%;
  }
}

@media only screen and (max-width:500px) { 

  span.remove_p {
    margin-top: 0px; 
    float: none;
  }
	span.remove_space {
    margin-top: 0px;
  	margin-right: 0px;
    float: none;
  }
  .page-id-93 .column {
    width: 50%;
  }
  
 #hero .hentry .entry-title {
    font-size: 24px;
  }
  #hero .hentry .entry-content {
    max-width: 98%;
    font-size: 17px;
  }
  #hero {
    padding: 40px 0 0 0;
	}
  
}

@media (min-width: 500px) {

  #hero {
    padding: 40px 0 0 0;
	}
  
}