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

	Theme Name: Swell Child
	Theme URI: http://zao.is
	Author: Liz Karaffa
	Author URI: http://zao.is
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Version: 1.2
	Text Domain: swelltheme_child
	Template: organic_swell
	Domain Path: /languages/
	Tags: art, artwork, blog, design, photoblogging, photography, portfolio, clean, contemporary, elegant, light, minimal, modern, professional, simple, gray, white, one-column, two-columns, three-columns, right-sidebar, fluid-layout, responsive-width, custom-background, custom-header, custom-menu, featured-images, featured-image-header, flexible-header, full-width-template, theme-options, translation-ready, infinite-scroll, post-slider, sticky-post, post-formats, featured-images

	The CSS, XHTML and Design are released under the GPL:
	http://www.opensource.org/licenses/gpl-license.php

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

@import url("../organic_swell/style.css");

/* Make Donation Menu Item stand out */
#navigation .highlight .sf-with-ul,
#nav-top .highlight .sf-with-ul {
    color: #abdbcc;
    font-weight: 800;
}

/* Buttons Color */
a.button,
.reply a,
#searchsubmit,
#prevLink a,
#nextLink a,
.more-link,
#submit,
#comments #respond input#submit,
.container .gform_wrapper input.button,
#wrap #infinite-handle span {
	background-color: #abdbcc;
}

/* Show logo header on home page only */
#header {
	display: none;
}
body.home #header {
	display: block;
}

.homepage .page-content,
.homepage .page-content .content {
    padding: 0;
    margin: 0;
    max-width: 100%;
}

.homepage .page-content .content .sixteen p {
	padding: 0;
}

/* Fix font on partners */
.article h1:first-child + p,
.article > p:first-child,
.article span + p {
	font-family: inherit;
}

/* fix padding on responsive slider */
.rslides li {
	padding-left: 0;
}

/* To bring logo on nav bar */
/*li.home-logo a {
	width: 70px;
    height: 18px;
    background: url("img/logo-blk.png") no-repeat;
    background-size: 70px;
    text-indent: -9999px;
}*/

/* Styling from Program and Issues Dynamic Menus */
.pagenav {
	display: block;
}
.pagenav ul,
.pagenav li {
	list-style: none;
	padding-left: 0;
}
.children li {
	padding-left: 16px;
}
.page_item {
    border-top: 1px solid rgba(0,0,0, 0.08);
}

/* Search Icon styling */

.menu-toggle {
	float: left;
}
.search-toggle {
    font-size: 24px;
    float: right;
    line-height: 1.2;
    padding: 12px 18px;
    display:none;
}

.menu li i.fa-search {
	display:none;
	position: relative;
	top: 33px;
	left: 2px;
}

.menu li input[type="search"] {
	padding: 13px;
    font-size: 1em;
    min-width: 14.75em;
    margin: 1em;
    width: 40%;
    background: #f9f9f9;
    line-height: 1.4;
    border: 1px inset rgba(0, 0, 0, 0.08);
    border-radius: 3px;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1);
    list-style: none;
}

/* Search Form Overlay*/

.search-form-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
         background-color: rgba(81,90,99, .90);

}

.search-form-overlay.active {
    opacity: 1;
    visibility: visible;
}

.search-form-overlay form {
    width: 40%;
    top: 50%;
    left: 30%;
    position: absolute;
    overflow: visible;
}

.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    position: absolute!important;
}

.search-form-overlay form .search-field {
    font-size: 15px;
    color: #3E4448;
    padding: 9px 10px;
    border: 2px solid #bdc3c7;
    background: #fff;
    width: 87%;
}

.search-form-overlay form .search-submit {
    font-size: 21px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border: 0;
    width: 13%;
    float: right;
    padding: 0;
    height: 40px;
    background-color: #bdc3c7;
}

.js-toggle-search--close {
    position: absolute;
    top: 8px;
    right: -38px;
    color: #fff;
    font-size: 18px;
    text-decoration: none
}

ul.mobile-menu form { 
	display: none; 
}

/* mobile menu styling */
.mobile-menu > .menu-item > a {
    font-weight: 800;
}

/*Search Icon Styling*/

@media (max-width: 767px) {

	.menu li input[type="search"] {
		display: none;
	}

	.menu li i.fa-search {
		display:block;
	}

}

@media handheld, only screen and (max-width: 1025px) {

	#navigation {
		font-size: 0.75rem;
	}

}

@media handheld, only screen and (max-width: 800px) {
	
	.sidebar.left {
	    display: block !important; /* overrides theme settings */
	    margin-top: 12px !important; /* overrides theme settings */
	}
	#navigation {
		font-size: 0.7rem;
	}

}

@media handheld, only screen and (max-width: 767px) {
	.search-toggle {
		display: block;
	}

	.menu li i.fa-search {
		display:none;
	}

@media (max-width: 560px) {
	.search-form-overlay form {
		width: 80%;
		left: 5%;
	}
	.fa-remove:before, .fa-close:before, .fa-times:before {
		font-size: 2rem;
	}
}