/*
Theme Name: Better To Give
Theme URI: https://wordpress.org/themes/twentyfifteen/
Author: the WordPress team
Author URI: https://wordpress.org/
*/

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

#topheader.smaller {
	height: 75px;
}
#topheader.smaller .logo img{
	height: 45px;
	line-height: 45px;
}
#topheader.smaller nav a {
	line-height: 20px;
}
#topheader.smaller .menu ul li a {
	font-size:17px;
}

.wpcf7-response-output {
	clear:both;
}
.fb-comments-count {
	display:inline-block;
}

#search_top { position:absolute; /*float:right;*/ line-height: 22px; right:20px;}
#search_top input {
	position:relative;
	width:0px;
	float:Left;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	background:#27211B;
	padding:8px;
	visibility:hidden;
}
#search_top:hover input ,  #search_top input:focus { width: 200px; margin-left: 0px; visibility:visible;}
#search_top input:focus { background: #000; color: #999; visibility:visible; }

.gallery li{ height:auto;}

@media screen and (min-width: 768px) and (max-width: 1500px) {
	#menu-topmenu {
		margin-right:20px;
	}
}

@media screen and (min-width: 320px) and (max-width: 767px) {
#search_top{ position:inherit;}
#search_top input {height: 45px;position: inherit;visibility: visible;width: 86%; background:none;}
#search_top:hover input, #search_top input:focus {width: 86%;}
#search_top input:focus{ background:none;}

}

@media screen and (min-width: 768px) and (max-width: 1279px) {
#menu-topmenu {margin-right: 45px;}
#search_top {right: 10px;top: 67px;}
.logo_nav.smaller #search_top {top: 21px;}

}