/*
Theme Name:     Peak Child
Theme URI:      http://portfoliotheme.org/peak
Description:    Child theme for the Peak Theme by LiveMesh
Author:         LiveMesh
Author URI:     http://themeforest.net/user/livemesh
Template:       peak
Version:        0.1.0
*/

#header.sticky #site-logo {
  top: 5px;
}


.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  padding-right: 0;
  right: 0;
}

.mfp-image-holder .mfp-close:hover, .mfp-iframe-holder .mfp-close:hover {
  background: none !important;
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
}

#commentform p.comment-form-comment label:after {
  content: " *";
}

.related-posts.post-snippets .image-info-buttons {
  display: none;
}

.loop-nav .previous, .loop-nav .next {
  position: relative;
}

.loop-nav i {
  position: absolute;
}

.loop-nav i.icon-apps {
  position: static;
}

.loop-nav .previous i {
  left: 0;
  top: 5px;
}

.loop-nav .next i {
  right: 0;
  top: 5px;
}

.loop-nav .previous:hover i {
  color: #1ca9e1;
}

.loop-nav .next:hover i {
  color: #1ca9e1;
}

.loop-nav a {
  z-index: 1;
  position: relative;
  display: block;
}

.loop-nav .previous a {
  padding-left: 30px;
}

.loop-nav .next a {
  padding-right: 30px;
}

.rrssb-buttons.small-format {
  height: auto;
}

.contact-form .button, .wpcf7-form input[type=submit] {
  text-transform: uppercase;
}

#content .contact-form p, #content .wpcf7-form p {
  float: left;
}

#content .contact-form p.subject, #content .wpcf7-form p.subject {
  width: 98%;
}

.type-post .entry-content img.size-large {
  width: 100%;
}

.video-wrap img {
  width: 101%;
  max-width: none;
}

.single-post #content .hentry img.featured {
  display: none !important;
}

#commentform input[type="text"], #commentform input[type="email"], #commentform textarea, .contact-form input[type="text"], .contact-form textarea {
  box-shadow: none;
}

.contact-form *::-webkit-input-placeholder, .wpcf7-form *::-webkit-input-placeholder {
  color: #9FA4B0;
}

.contact-form *:-ms-input-placeholder, .wpcf7-form *:-ms-input-placeholder {
  color: #9FA4B0;
}

textarea.form-error {
  border: 1px dotted #dd1e0e;
  margin-bottom: 10px !important;
}
.center-video{
	position:relative;
}
/*** SOCIAL ICONS **/
.social_icon_widget{
	margin-bottom:50px;
}
.social_icon_widget .sow-social-media-button {
    font-size: 1em;
    padding: 0.5em 0.5em;
    margin: 0.1em 0.1em 0.1em 0;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 1em;
    border-radius: 50%;
    color: #fff;
    width: 32px;
    height: 32px;
    border: 1px solid #fff;
}

#text-2{
	margin-bottom:20px;
}

@media (max-width: 342px) {
  .rrssb-buttons li.small a {
    line-height: 0;
    padding: 10px 0;
  }
}

@media (max-width: 500px) {
  .lsow-clients .lsow-client .lsow-client-name {
    font-size: 13px !important;
  }

  .loop-nav {
    display: block;
    text-align: center;
  }

  .loop-nav .previous, .loop-nav .next {
    display: inline-block;
    width: auto;
  }

  .loop-nav .previous {
    margin-left: -30px
  }

  .loop-nav .next {
    margin-right: -30px
  }

  .loop-nav .post-index {
    display: block;
    width: auto;
    margin: 5px 0 6px;
  }
}

@media (max-width: 1024px) and (min-width: 768px) {  
  .post-snippets.related-posts .hentry .entry-title a{
    font-size:14px;
  }
  .post-snippets.related-posts .hentry .entry-text-wrap{
    padding:8px;
  }
}

@media (max-width: 900px) and (min-width: 768px) {  
  #site-logo{
    margin-right:0;
  }
  #primary-menu > ul.menu > li > a {
    font-size: 11px;
    padding: 0px 10px;
  }

  #primary-menu {
    margin-right: 0;
  }

  #site-logo a img.standard-logo {
    width: 100px;
  }
}

@media (min-width: 768px) {
  .anchor {
    height: 140px !imporntant;
    margin-top: -140px !important;
	}  
}

@media (min-width: 769px){
 .center-video-element .so-widget-mo-vimeo-video{
		padding-top: 27px !important;
 } 
	.center-video-element{
		position:absolute;
	  top:50%;
    transform: translateY(-50%);
  	background-color: #fff !important;
}
.center-video-element .video-wrap{
		min-width:528px;
  	min-height:297px;
    display:block;
    padding-bottom:0px;
}
.video-wrap:hover img {
    transition:linear all 0.3s;
    opacity:1;
}
}



@media (max-width: 767px) {
  #site-logo a img.standard-logo {
    width: 100px;
  }
  #site-logo{
    padding:0;
  }
  #content.ninecol {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .heading p{
    font-size:16px;
    line-height:24px;
  }
  #commentform input[type="email"] {
    max-width: 250px;
	}
  
  .tp-caption{
    	padding-left:10px !important;
  }
}

body {
  background: #383B3F;
}

@media (min-height: 1000px) {
  #main {
    min-height: 800px;
  }
}

.rrssb-buttons li a .rrssb-icon {
    padding-top: 7px;
}

@media (min-width:343px){
  .rrssb-buttons li.rrssb-email a .rrssb-icon {
      padding-top: 6px;
  }
}

@media (min-width:1024px){
  .lsow-container img{
    height:165px;
  }
}

@media (max-width:450px){
  .alignright{
    float:none;
    margin-left:0 !important;
  }
}
@media (min-width:960px) and (max-width:1140px){
  .inner{
  	max-width:960px;
  }
	.center-video-element .video-wrap {
  	  min-width: 424px;
    	min-height: 324px;
  }
 .image-grid.post-snippets .hentry .entry-summary{
  	font-size: 13px;
    line-height: 1.5;
  }
  .video-wrap i{
  	transform: translateY(-50%)
  }
}


/*================= Added on April 2022 ==== temporary =======*/
#header {
  background: white;
}
#header > .inner > .wrap .alignright{
  flex: 1;
}
#header #primary-menu {
  width: 100%;
}
#primary-menu>ul.menu>li>a {
  color: #1a1a1a;
}
#header.sticky #site-logo {
  top: 5px;
}
#header > .inner > .wrap {
  display: flex;
  align-items: center;
}
#header #site-logo {
  width: 150px;
	top: 0;
}
.hero-banner{
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 550px;
  background-position: center center;
}
.hero-banner h1{
  color: white;
  text-align: center;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.80);
}
#pg-728-0{
  margin-bottom: 0 !important;
}
#pg-728-0 .lsow-row{
  padding-top: 0 !important;
  margin-top: -165px;
  justify-content: space-around;
}
#pg-728-0 .panel-grid-cell{
  padding: 10px;
    background-color: white;
    max-width: 390px;
    text-align: center;
}
.custom-post-snippets .hentry .entry-text-wrap.nothumbnail {
  padding-top: 20px; 
}
.custom-post-snippets .image-info .terms {
    display: none;
}
.dropdown-menu-wrap>ul.menu>li.menu-item-637 a {
  background: #1ca9e1;
  line-height: normal !important;
  padding: 8px 32px !important;
  border-radius: 30px;
  color: #fff !important;
  display: flex !important;
  justify-content: center;
  font-style: italic;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
}
.dropdown-menu-wrap>ul.menu>li.menu-item-637 a:before {
  flex-wrap: nowrap;
  justify-content: space-between;
  display: inline-block;
  left: -10px;
  top: 3px;
  content: url(https://www.empower-foundation.org/wp-content/uploads/2016/05/Icon-awesome-heart.svg);
  position: relative;
}
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-637 {
  position: absolute;
  right: 0;
}
.wp-block-twin .alignleft{
	display: inline-block;
    float: none;
}
.single-post .related-posts.post-snippets{
	display: none;
}
.d-none,
.postid-898 .mejs-iframe-overlay,
.postid-898 .mejs-container .mejs-controls{
  display: none !important;
}
.home .image-grid .fourcol {
    position: static !important;
    float: left !important;    
}
.home .image-grid .fourcol:nth-child(3n+1) {
clear: both;
}

@media (min-width: 980px){
	#header {
  		box-shadow: 0 1px 9px rgba(0, 0, 0, 0.09);
	}
}
@media (max-width: 767px){
	#header > .inner {
		padding-left: 45px;
		padding-top: 5px;
	}
	#header-spacer {
    	display: block;
    	height: 52px !important;
	}
	#site-logo a img.standard-logo {
    	width: 120px;
	}
	#mobile-menu-toggle {
		top: 6px;
		left: 6px;
	}
	#header {
		height: 52px !important;
		position: fixed;
	}
	#header.sticky {
		display: block !important;
	}
	#header.sticky .wrap {
		min-height: 40px;
	}
	#header.sticky #site-logo a img {
		width: 120px;
	}
    .hero-banner {
      height: 350px;
   }
   .hero-banner h1 {
    font-size: 24px;
    line-height: 34px;
  }
  
}