/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
--------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------
Changes Made by Naomi 6/1/2017:
--------------------------------------------------------------
-Added two media queries @ bottom:
  * @media screen and (max-width: 1000px)  and (min-width: 700px) 
  * @media only screen and (max-width : 690px)
-Added 'img' selector to 'header#top #logo' 
-Changed the colors of the mini menu buttons to black
--------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------
*/
body article.result .title a {
  color: black!important;
}
div#results-section {
  margin-top: 60px;
}
.search #top .container {
  max-width: 100%;
}

#slide-out-widget-area a, #slide-out-widget-area, #slide-out-widget-area h4, #slide-out-widget-area h3 {
    color: #000000;
}

ul.menuopen li{
  margin-bottom: 20px; 
}

a.slide_out_area_close span.icon-salient-x icon-default-style{
  color: #000000; 
}
/**************************  HEADER  ****************************/
/*  makes navigation bar sticky  */
#header-outer[data-format="centered-menu-under-logo"] header#top .span_9 {
  position: fixed !important;

}

/*Make Header Smaller*/
#header-outer {
  padding-top: 18px!important;
}
div#header-space {
  height: 212px!important;
}
header#top .col.span_3 {
    height: 130px;
}
header#top #logo img{
  display: inline-block;
  float: left;
}
.default-logo {
  float: left;
}
#tagline {
  font-size: 16px;
  margin: 0;
  padding-left: 20px;
  line-height: 20px;
  float: left;
  clear: both;
}

/* subscribe link in header */
.subscribe{
  float: right;
  margin-right:20px;
  line-height: normal;
}
.subscribe a {
  font-size: 30px;
  color: #c83a17;
}
header#top nav ul li a {
  color: white;
}

/* search button */
div#search-btn {
  float: right;
  margin-right: 20px;
}
input#search-button {
  color:white;
  background-color:black!important;
}
input.search-field {
  width: 200px;
}
#header-outer[data-format="centered-menu-under-logo"] header#top #logo img {
margin: 0 !important;
}

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

/* removes white space below slider on home page */
.page-id-10 .wpb_row {
  margin-bottom: 0px !important;
}

/* make sections equal to viewport height  */
.section-block {
  height: 100vh;
}

ul.sf-menu li.menu-item a {
padding-bottom: 0 !important;
padding-top: 0 !important;
}

.col.span_12.dark.left {
position: relative;
}

.nectar-slider-wrap .swiper-container .swiper-wrapper .swiper-slide h2 {
color: #ffffff;
font-size: 115px !important;
font-size: 8vw !important;
font-family: Myriad, sans-serif !important;
text-align: center;
}

.smform-checkbox-cont {
text-align:left!important;
}

.smform-control {
background-color:#f6f6f6!important;
}

div#ns-id-57ec2dbb1f7ea {
  margin: 0px!important;
}

.navbar-fixed {
//border: 12px solid green;
//position: relative !important;
padding-bottom: 1px !important;
}

h2{
margin:0px!important;
}

#challenges h2{ background-image: url('http://dev.collaborationandchange.com/wp-content/uploads/2016/10/bar_drkgreenpurp.png'); }
#services h2 { background-image: url('http://dev.collaborationandchange.com/wp-content/uploads/2016/10/bar_orangepurp.png'); }
#projects h2 { background-image: url('http://dev.collaborationandchange.com/wp-content/uploads/2016/10/bar_greenpurp.png'); }
#resources h2 { background-image: url('http://dev.collaborationandchange.com/wp-content/uploads/2016/10/bar_drkgreenpurp.png'); }
#about h2 { background-image: url('http://dev.collaborationandchange.com/wp-content/uploads/2016/10/bar_orangepurp.png'); }
#contact h2{ background-image: url('http://dev.collaborationandchange.com/wp-content/uploads/2016/10/bar_greenpurp.png'); }
#subscription h2{ background-image: url('http://dev.collaborationandchange.com/wp-content/uploads/2016/10/bar_drkgreenpurp.png'); }

.section-block h2 {
font-size: 36px;
color: #FFFFFF;
padding: 20px;
margin: 0px !important;
text-transform: uppercase;
}

.section-block h3 {
color: #557357;
font-size: 24px;
}

.section-block p {
font-size: 14px;
}

.post-title {
font-size: 20px;
}

.read-more {
color: #FA7C04;
}

.container {
  padding: 0px !important;
}



.col.span_12.section-title.text-align-center.extra-padding {
  padding: 0px!important;
}
/*arrow*/
a#to-top{
  background-color:rgba(0,0,0,0.40)!important;
  width: 35px !important;
  height: 30px !important;
}
a#to-top.dark:hover, a#to-top:hover{
  background-color:rgba(0,0,0,0.40)!important;
}
.wpcf7-form .wpcf7-not-valid-tip{
  color: #C83A17 !important;
  background-color: #C83A17
}
.ascend .container-wrap input[type="submit"]{
  background-color: #C83A17;
  width: 30%;
}
.accordion-title:hover {
  color: #C83A17!important;
  cursor: pointer;
}
.accordion-title {
  font-size:18px!important;
}

#copyright .span_5 {
width: 100% !important;
}

span.wpcf7-list-item { display: block; }

.checkbox-title {
  font-size: 16px;
  padding: 10px;
}

/*Responsiveness*/
@media screen and (max-width: 1050px) {
  .nectar-slider-wrap .swiper-container .swiper-wrapper .swiper-slide h2{
    font-size: 48px !important;
  }
  h1#tagline{
    padding-top:0px;
  }
}

@media screen and (min-width: 1064px) {
}

header#top nav > ul li#search-btn {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}

header#top nav ul #search-btn > div {
  border: 0px ;
  /* padding-left: 190px; */
}
@media screen and (min-width: 1001px){
  .col.span_9.col_last {
      background-color: #C83A17!important;
      padding: 10px;
  }
}
@media screen and (max-width: 1000px)  and (min-width: 700px)  {
    body #tagline {
        font-size: 10px;
        line-height: 0px;
        clear: left;
        margin-left: 5px;
        margin-top: 15px;
    }
    body .subscribe {
        margin-right: 35px;
        margin-top: 8px;
    }
    body .subscribe a {
        color: #C83A17;
        font-size: 16px;
    }
    body #logo {
        display: inline!important;
    }
    div#search-btn {
        margin-right: 50px;
    display: unset; 
    }
    input#search-button {
        margin-left: 10px;
        margin-top: 5px;
    }
    input.search-field {
    width: 200px;
    height: 30px;
    
  }
    a[href='#sidewidgetarea'] {
        margin-right: 10px;
    }
    div#header-space {
        height: 80px!important;
    }

   .col.span_9.col_last {
      background-color: #fff;
      padding: 10px;
  }
}


@media only screen and (max-width : 690px) {
   body .subscribe a{
    font-size: 1em; 
    //display:none;
   }
   body .subscribe{
  margin-right: 75px;
  margin-top: 20px;
   }
    div#search-btn {
        margin-right: 50px;
        display:none;
    }
     body #tagline {
        font-size: 1em;
        line-height: 0px;
        margin-left: 5px;
        margin-top: 15px;
    }
    div#header-space {
        height: 80px!important;
    }
    a[href='#sidewidgetarea'] {
        margin-right: 10px;
    
    }
   header#top{
   display: inline-block;
   top: -10px;
  }

  header#top .span_9 > .slide-out-widget-area-toggle {
  display: none;
  position: absolute;
  right: 0px;
  top: 20px;
  width: 36px;
  height: 28px;
  text-align: right;
  margin-bottom: 10px;
  z-index: 10000;
  }
}