/* @override 
	https://ourstoriesourpower.org/wp-content/themes/OSOP/style.css?ver=1.3.4 */

/*-----------------------------------------------------------------------------------

  Theme Name: Our Stories Our Power
  Theme URI: http://www.ourstoriesourpower.org
  Description: GridStack is unique and modern portfolio theme for agencies, artists and freelancers.
  Author: Anh Kim Hoang
  License: GNU General Public License version 3.0
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
  Version: 1.3.4

  All files, unless otherwise stated, are released under the GNU General Public License
  version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

-----------------------------------------------------------------------------------*/


/*Import defaut gridstack stylings*/
@import url('default-gridstack.css');
@import url('osop-custom.css');

/* Importing fonts file */
/*@import url('fonts/custom-fonts.css');*/



/* ----------------  Header & Footer ------------------*/
#menu a {
  color: #103f72;
}

.tw-icon a,
.fb-icon a {
  padding: 13px 0 !important;
  display: block;
  width: 37px;
  height: 37px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.tw-icon a {
  background: url(images/tw-icon.png) no-repeat right center;
}
.fb-icon a {
  background: url(images/fb-icon.png) no-repeat right center;
}

#menu a {
    color: #103f72;
    font-weight: 600;
}

 /*-- Home Page -- */
.page-template-template-home-php #postcontainer {
  padding-top: 0px !important;
}
/*------------------- Stories Page
OSOP/functions/templates/standard.php  -------------------- */

.pagetitle {
  padding-top: 15px;
  padding-bottom: 15px;
}

.pagetitle.background-not-transparent {
  margin-top: 15px;
}

.pagetitle .title {
    display: inherit;
    font-size: 38px;
}

.pagetitle a.button {
  padding-top: 10px !important!;
}

.pagetitle .subtitle {
  font-size: 20px;
  line-height: 22px ;
  margin-bottom: 10px;
}

/* front page slider */
.postphoto .title h4 {
  font-size: 16px;
  line-height: 19px;
  margin: 0px;
  padding: 5px;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  color: whitesmoke !important;

}

a.postlink {
  margin-bottom: -30px;
}


.stories-container .name {
    color: #FBB236;
}

.stories-content p {
  color: #444;
}

#sitecontainer img {
  max-width: 100% !important;
  height: auto;
  padding-bottom: 30px;
}


p.share-tx {
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 14px;
}


.stories-content p {
  font-size: 18px;
  text-align: justify;
}

.sfsi_wicon {
  margin: 10px;
}

/*mobile sites */
@media only screen and (max-width: 480px) {
  .pagetitle .title {
    font-size: 24px;
    font-weight:400;
  }

  .pagetitle.background-not-transparent {
    margin-top: -40px;
    margin-bottom: 10px;
  }

  .pagetitle h3.subtitle {
    display:none;
  }

  .stories-content p {
    font-size: 14px;
    padding: 0px 12px 0 12px;
  }
  .norm_row.sfsi_wDiv {
    padding-left: 10px;
  }
}

/* Taxonomy Category stories page */
.sfsi_wicons {
  display:none;
}


/*-------------------- Footer --------------------------*/

#footer.dark {
  background: #00467f;
}
#footer.dark ul, .#footer.dark ol, #footer.dark p {
  text-align: center;
}

#menu-footer-social li {
  list-style-type:none;

}

/*contact form*/
#gform_6 .gfield_required {
  display: none;
}

#gform_6 .gfield_label {
  display: none;
}

input#input_6_1,
input#input_6_3,
#gform_6 textarea {
  background-color: #2E5689;
}


#gform_6 .gform_wrapper h3.gform_title {
  border-bottom: 2px solid #fefefe;
  padding-bottom: 20px;
}

.gform_footer.left_label {
  margin-left: 0%;
}


#gform_field_6 .input_5 {
  background-color: #2E5689;
}

@media only screen and (min-width: 641px) {
  .gform_wrapper .gform_footer:not(.top_label) {
    padding: 16px 0 10px;
    float: right;
    margin-right: 29%;
  }
}

.sixteen.columns.footer-text p {
  font-size: 14px;
}


/* SEARCH BARS */

.category-search-bar {
  margin: 0 auto;
  margin-bottom: 25px;
  border-bottom: 2px solid #dfdfdf;
}

#mCSB_2_container {
    display: none;
}

#ajaxsearchpro2_1 .probox {
  height: 30px;
  width: 70px ;
  color: #fefefe !important;
}

#ajaxsearchpro2_1 .probox .promagnifier, #ajaxsearchpro2_2 .probox .promagnifier, 
div.ajaxsearchpro[id*="ajaxsearchpro2_"] .probox .promagnifier {
  background: orange;
}

div.ajaxsearchpro[id*="ajaxsearchpro2_"] .probox .promagnifier div.asp_text_button {
  color :#fefefe;
  background: orange;
}

/*front page search bar */
#ajaxsearchpro2_1 .probox .proinput input.orig {
  padding: 9px 16px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  /*border: 1px solid transparent;border: 3px solid #999;*/
}

#ajaxsearchpro2_1 .probox .promagnifier div.asp_text_button,
div.ajaxsearchpro[id*="ajaxsearchpro2_"] .probox .promagnifier div.asp_text_button {
  color: #fefefe;
}
#ajaxsearchpro5_1 .probox, 
#ajaxsearchpro5_2 .probox, 
#ajaxsearchpro6_1 .probox,
#ajaxsearchpro6_1 .probox .proinput input.orig,
div.ajaxsearchpro[id*="ajaxsearchpro6_"] .probox .proinput input.orig,
div.ajaxsearchpro[id*="ajaxsearchpro5_"] .probox {
  background: #666 !important;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;

}


div.ajaxsearchpro[id*='ajaxsearchprosettings'] select {
  font-size: 14px;
  border-radius: 0px !important;
}

/* search-stories page search bar */
.searchandfilter h4 {
  font-weight: 600;
  padding: 5px;
}
.searchandfilter select.sf-input-select {
    min-width: 170px;
    background: #777;
    color: #fefefe;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 5px;
    border: 0px;
}

.search-filter-reset, .sf-field-submit input {
    background: orange;
    font-weight: 400 !important;
    border-top: transparent !important;
    border-bottom: transparent !important;
    border-left: transparent !important;
    border-right: transparent !important;
    padding: 5px;
    color: #fefefe;
}