/*
Theme Name: GNP2015
Theme URI: https://blog.greatnonprofits.org/
Description: GNP Child theme for the Lucid theme
Template: Lucid
Version: 0.2
*/

@import url("../Lucid/style.css");
@font-face {
  font-family: 'Pluto Sans';
  src: url("fonts/pluto-sans/PlutoSansLight.otf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Pluto Sans';
  src: url("fonts/pluto-sans/PlutoSansRegular.otf");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Pluto Sans';
  src: url("fonts/pluto-sans/PlutoSansBold.otf");
  font-weight: bold;
  font-style: normal;
}
a {
    color: #289da3;
}
#gnp-top{
	background: #F19333;
	width:100%;
	overflow:hidden;
}
#logo-box{
	text-align:center;
}
#logo-box a{
	padding: 10px;
	display:block;
}
#search{
	border:none;
	padding: 0;
	display:none;
	text-align:center;
	width:100%;
	position: relative;
	z-index:5;
/*	background: #33A7AE; */
}
#search p{
	display:none;
}
#search-form{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.075);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.075);
	-ms-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.075);
	-o-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.075);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.075);
	width:165px;
	margin:10px auto;
}
#search-form #searchsubmit{
	float:left;
	margin-left: 10px;
}
#second-menu{
	max-width:630px;
}
p#copyright{
	float:left;
}
h3.main-title{
	background: #F19333 !important;
}
.entry .post-thumbnail, .post .thumb {
    max-width:100%;
    float:none;
    margin:0;
    max-height: 300px;
    overflow: hidden;
    text-align: center;
}
.post-thumbnail img, .thumb img{
   max-width:100%;
   width: auto;
}
.thumb .overlay, .post-thumbnail .overlay{
   display:none
}
.textwidget {
    padding-top: 10px;
}
.textwidget a {
    color: #289da3;
}
.widget li {
    line-height: 22px;
    background-position:24px 28px !important;
}
.widget li:hover a {
    color: #222;
}
#recent-comments-2 > ul {
    color: #999;
}
#left-area a{
    color:#33a7ae;
}
.post h1{
    font-size:24px;
    margin-bottom:10px;
}
.post h2{
    font-size:21px;
    margin-bottom:10px;
}
.article h4, .entry h2.title, h1.title{
    font-weight:800;
    font-size:30px;
    line-height:30px;
}
.article h4{
    margin-bottom:15px;
}
.article h4 a, .entry h2.title a, .post_content a, .post_content h1.title{
    color:#33a7ae;
}
.article h4 a:hover, .entry h2.title a:hover{
    color:#289DA3;
}
.entry h2.title, h1.title{
    color:#F19333;
    margin-bottom:10px;
}
@media (min-width: 768px) {
	#logo-box{
		width:60%;
		float:left;
		padding-top: 20px;
	}
	#search{
		display:block;
		width:31%;
		float:right;
		background: #33A7AE;
		text-align:left;
	}
	#searchform{
		background:#fff;
		margin: 15px;
		padding-bottom: 10px;
		max-width:290px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
	}
	#searchform p{
		display:block;
		font-size:12px;
		margin: 10px 0 0px 20px;
	}
	
	#search-form{
		width:85%;
		margin: 0px 0 0px 20px;
	}
	#search-form #searchinput{
		width:70%;
	}
	#search-form #searchsubmit{
		margin-right:0;
	}
	.container #second-menu{
		text-align: left;
	}
}
@media (min-width: 992px) {
	.container #second-menu{
		text-align: center;
	}
}
@media (min-width: 1200px) {
	#logo-box{
		height:115px;
		padding: 0;
		width:52%;
		margin-left: 6%;
	}
	#logo-box img{
		margin-top: 30px;
	}
	#search{
		width:37%;
		height:115px;
	}
}

.widget h4.widgettitle {font-weight: bold;}
.article {border-bottom: 1px solid #d4d4d4; padding: 15px;}
.widget_recent_entries_new_img ul{
	list-style:none;
}
.widget.widget_recent_entries_new_img li{
	padding: 15px 20px;
	background:none;
}
.widget_recent_entries_new_img li a{
	padding: 0;
}
.widget_recent_entries_new_img img{
	display:block;
	max-width:100%;
	margin-bottom:10px;
}
.widget_recent_entries_new_img .post-date{
	display:block;
}
.pull-right{
	float:right;
}
#ymlp-nl{
	margin:10px 0 20px;
	overflow: hidden;
}
#ymlp-nl p{
	margin:0 0 5px;
	padding: 0;
	line-height:20px;
}
#ymlp-nl input[type="text"]{
	width:91%;
	margin:0 0 10px;
	line-height:20px;
	padding: 3px 7px;
}
#ymlp-nl label{
	font-size:14px;
	line-height:20px;
	margin: 0 0 0 7px;
}
#ymlp-nl input[type="submit"]{
	color: #808080;
	background: #d3d3d3;
	font-size: 16px;
	padding: 6px 12px;
	line-height:21px;
	border:none;
	margin:0px 0 0;
	float:right;
	cursor:pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
#ymlp-nl input[type="submit"]:hover{
	background:#BABABA;
	color:#fff;
}
/* wider */
.container{
/* 	width:95%;*/
/* 	max-width:1170px;*/
}
.container #second-menu {
    text-align: left;
}
#left-area {
    float: left;
    margin-right: 2%;
    width: 68%;
}
#sidebar {
    float: right;
    width: 30%;
}
#logo-box{		
	/*text-align:left;*/
}
@media only screen and ( max-width: 768px ) {	
	#left-area{
		margin-right:0;
		width:100%;
	    float: none;
	}
	#sidebar {
	    float: none;
	    width:100%;
	}
	#logo-box{		
		text-align:center;
	}
}
@media (min-width: 1200px) {
	#logo-box{
		width:57%;
		margin-left: 6%;
	}
	#search{
		width:32%;
	}
}
#main-area{
	width:100%;
}
/*  bootstrap elements */
.img-responsive { display: block; max-width: 100%; height: auto; }
.container { box-sizing: border-box; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; width:100%;}
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }
@media (min-width: 768px) { .container { max-width: 750px; } }
@media (min-width: 992px) { .container { max-width: 970px; } }
@media (min-width: 1200px) { .container { max-width: 1185px; } }
.row { margin-left: -15px; margin-right: -15px; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }

..col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16 { float: left; }

.col-xs-1 { width: 6.25%; }

.col-xs-2 { width: 12.5%; }

.col-xs-3 { width: 18.75%; }

.col-xs-4 { width: 25%; }

.col-xs-5 { width: 31.25%; }

.col-xs-6 { width: 37.5%; }

.col-xs-7 { width: 43.75%; }

.col-xs-8 { width: 50%; }

.col-xs-9 { width: 56.25%; }

.col-xs-10 { width: 62.5%; }

.col-xs-11 { width: 68.75%; }

.col-xs-12 { width: 75%; }

.col-xs-13 { width: 81.25%; }

.col-xs-14 { width: 87.5%; }

.col-xs-15 { width: 93.75%; }

.col-xs-16 { width: 100%; }

@media (min-width: 768px) { 
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16 { float: left; }
	  .col-sm-1 { width: 6.25%; }
	  .col-sm-2 { width: 12.5%; }
	  .col-sm-3 { width: 18.75%; }
	  .col-sm-4 { width: 25%; }
	  .col-sm-5 { width: 31.25%; }
	  .col-sm-6 { width: 37.5%; }
	  .col-sm-7 { width: 43.75%; }
	  .col-sm-8 { width: 50%; }
	  .col-sm-9 { width: 56.25%; }
	  .col-sm-10 { width: 62.5%; }
	  .col-sm-11 { width: 68.75%; }
	  .col-sm-12 { width: 75%; }
	  .col-sm-13 { width: 81.25%; }
	  .col-sm-14 { width: 87.5%; }
	  .col-sm-15 { width: 93.75%; }
	  .col-sm-16 { width: 100%; }
 } 
  @media (min-width: 992px) { 
  	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16 { float: left; } 
	  .col-md-1 { width: 6.25%; }
	  .col-md-2 { width: 12.5%; }
	  .col-md-3 { width: 18.75%; }
	  .col-md-4 { width: 25%; }
	  .col-md-5 { width: 31.25%; }
	  .col-md-6 { width: 37.5%; }
	  .col-md-7 { width: 43.75%; }
	  .col-md-8 { width: 50%; }
	  .col-md-9 { width: 56.25%; }
	  .col-md-10 { width: 62.5%; }
	  .col-md-11 { width: 68.75%; }
	  .col-md-12 { width: 75%; }
	  .col-md-13 { width: 81.25%; }
	  .col-md-14 { width: 87.5%; }
	  .col-md-15 { width: 93.75%; }
	  .col-md-16 { width: 100%; }
  }

  @media (min-width: 1200px) { 
  	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16 { float: left; } 
  .col-lg-1 { width: 6.25%; }
  .col-lg-2 { width: 12.5%; }
  .col-lg-3 { width: 18.75%; }
  .col-lg-4 { width: 25%; }
  .col-lg-5 { width: 31.25%; }
  .col-lg-6 { width: 37.5%; }
  .col-lg-7 { width: 43.75%; }
  .col-lg-8 { width: 50%; }
  .col-lg-9 { width: 56.25%; }
  .col-lg-10 { width: 62.5%; }
  .col-lg-11 { width: 68.75%; }
  .col-lg-12 { width: 75%; }
  .col-lg-13 { width: 81.25%; }
  .col-lg-14 { width: 87.5%; }
  .col-lg-15 { width: 93.75%; }
  .col-lg-16 { width: 100%; }
}


 .collapse { display: none; visibility: hidden; }
.collapse.in { display: block; visibility: visible; }

.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; }

.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }

.dropup, .dropdown { position: relative; }

.dropdown-toggle:focus { outline: 0; }

.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; }
.dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }
.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #337ab7; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; }
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; }

.open > .dropdown-menu { display: block; }
.open > a { outline: 0; }

.nav { margin-bottom: 0; padding-left: 0; list-style: none; }
.nav:before, .nav:after { content: " "; display: table; }
.nav:after { clear: both; }
.nav > li { position: relative; display: block; }
.nav > li > a { position: relative; display: block; padding: 10px 15px; }
.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; }
.nav > li.disabled > a { color: #777777; }
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #337ab7; }
.nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }
.nav > li > a > img { max-width: none; }
.navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; }
.navbar:before, .navbar:after { content: " "; display: table; }
.navbar:after { clear: both; }
.navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; }
.navbar:before, .navbar:after { content: " "; display: table; }
.navbar:after { clear: both; }
@media (min-width: 768px) { .navbar { border-radius: 4px; } }

.navbar-header:before, .navbar-header:after { content: " "; display: table; }
.navbar-header:after { clear: both; }
@media (min-width: 768px) { .navbar-header { float: left; } }

.navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; }
.navbar-collapse:before, .navbar-collapse:after { content: " "; display: table; }
.navbar-collapse:after { clear: both; }
.navbar-collapse.in { overflow-y: auto; }
@media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; }
  .navbar-collapse.collapse { display: block !important; visibility: visible !important; height: auto !important; padding-bottom: 0; overflow: visible !important; }
  .navbar-collapse.in { overflow-y: visible; }
  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } }

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; }
@media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } }

.container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; }
@media (min-width: 768px) { .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } }

.navbar-static-top { z-index: 1000; border-width: 0 0 1px; }
@media (min-width: 768px) { .navbar-static-top { border-radius: 0; } }

.navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; }
@media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } }

.navbar-fixed-top { top: 0; border-width: 0 0 1px; }

.navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; }

.navbar-brand { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; height: 50px; }
.navbar-brand:hover, .navbar-brand:focus { text-decoration: none; }
.navbar-brand > img { display: block; }
@media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } }

.navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.navbar-toggle:focus { outline: 0; }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }
@media (min-width: 768px) { .navbar-toggle { display: none; } }

.navbar-nav { margin: 7.5px -15px; }
.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; }
@media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; }
  .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; }
  .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } }
@media (min-width: 768px) { .navbar-nav { float: left; margin: 0; }
  .navbar-nav > li { float: left; }
  .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } }
  .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; }
.navbar-default .navbar-brand { color: #777; }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; }
.navbar-default .navbar-text { color: #777; }
.navbar-default .navbar-nav > li > a { color: #777; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; }
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; }
.navbar-default .navbar-toggle { border-color: #ddd; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; }
.navbar-default .navbar-toggle .icon-bar { background-color: #888; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #e7e7e7; color: #555; }
@media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.pull-right { float: right !important; }

.pull-left { float: left !important; }
@-ms-viewport { width: device-width; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.visible-xs { display: none !important; }
@media (max-width: 767px) { .hidden-xs { display: none !important; } }
@media (max-width: 767px) { .visible-xs { display: block !important; }}

/* header - * */
#gnp-header label {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    max-width: 100%;
}
#gnp-header input{
	margin:0;
}
#gnp-header button{
	cursor: pointer;
    display: inline-block;
    border:none;
    font-weight: normal;
    vertical-align: middle;
    white-space: nowrap;
}
#gnp-header{
	font-size:13px;
	font-family: 'Pluto Sans', Arial, Helvetica, sans-serif;
}
#gnp-header a{
	color: #555;
}
/*   new header */
#gnp-header * {box-sizing: border-box;}
#gnp-header { width: 100%; background: #F7931E; }
#gnp-header .row > div { padding: 0; }

#gnp-header-bar { min-height: 85px; }
#gnp-header-bar #gnp-menu-toggle { color: #F7931E; cursor:pointer;}
#gnp-header-bar #gnp-menu-toggle .fa-bars, #gnp-header-bar #gnp-menu-toggle .fa-close { color: #fff; display: block; font-size: 33px; margin-top: 17px; }
#gnp-header-bar #gnp-menu-toggle .fa-bars:hover, #gnp-header-bar #gnp-menu-toggle .fa-close:hover { color: #FCEBD9; }

#gnp-logo { margin-top: 30px; display: block; }

#gnp-search { overflow: hidden; margin-top: 20px; }
#gnp-search .gnp-search-field { position: relative; width: 42%; float: left; margin: 0 7px 10px 0; }
#gnp-search label { position: absolute; left: 10px; top: 0; height: 38px; line-height: 38px; text-transform: uppercase; color: #777; font-size: 12px; }
#gnp-search input { font-family: 'Pluto Sans', Arial, Helvetica, sans-serif; border: none; -moz-border-radius: 4px !important; -webkit-border-radius: 4px; border-radius: 4px !important; background: #fff; height: 38px; line-height: 38px; width: 100%; padding-left: 50px; color: #777; font-size: 15px; }

#gnp-search-submit { float: left; margin: 0 0 0 10px; padding: 0; width: 40px; height: 40px; line-height: 40px; font-size: 20px; text-align: left; color: #fff; background: transparent; }
#gnp-search-submit:hover { color: #FCEBD9; }
/* override lucid styles */
.nav li ul{
	width: auto;
}
ul.nav li ul{
	background: #fff;
    box-shadow: none;
    display: none;
    left: auto !important;
    top: 100% !important;
    width: auto !important;
    z-index: 9999;
}
/**/
#gnp-main-menu { width: 100%; background: #fff; border-top: 2px solid #F4F4F4; border-bottom: 1px solid #D4D4D4; -moz-box-shadow: 0px 2px #F4F4F4; -webkit-box-shadow: 0px 2px #F4F4F4; box-shadow: 0px 2px #F4F4F4; }
#gnp-main-menu ul { list-style: none; padding: 0; line-height: 20.8px;}
#gnp-main-menu ul li { display: block; float: left; text-transform: uppercase;}
#gnp-main-menu ul li a { padding: 0 15px; display: block; line-height: 38px; height: 38px; text-decoration: none; }
#gnp-main-menu ul li a:hover, #gnp-main-menu ul li a:active, #gnp-main-menu ul li a:focus { background: #F4F4F4; color: #444; text-decoration: none; border-bottom: none; }
#gnp-main-menu ul ul{ overflow: hidden; border-radius: 0; }
#gnp-main-menu ul li li { display: block !important; float: none !important; text-transform: none;}
#gnp-main-menu ul li li a { display: block !important; float: none !important; color: #555; font-size: 13px; }
#gnp-main-menu ul li li a:hover { background: #F7931E; color: #fff !important; }
#gnp-main-menu ul li.here { border-bottom: 1px solid #F7931E; }
#gnp-main-menu ul li.here a { color: #F7931E; border-bottom: 2px solid #FED4A4; }
#gnp-main-menu ul li.here li a { color: #555; border-bottom: none; }
#gnp-main-menu ul li.here li a:hover { color: #fff; }
#gnp-main-menu ul li.here li.here { border-bottom: none; }
#gnp-main-menu ul li.here li.here a { background: #F7931E; color: #fff !important; border-bottom: none; }
#gnp-main-menu ul .dropdown-toggle .fa { margin-left: 4px; }
#gnp-main-menu ul li.open .dropdown-toggle { background: #F4F4F4; text-decoration: none; }
#gnp-main-menu div:nth-child(2) > ul a { line-height: 18px; height: 20px; color: #777; margin: 9px 0;}
#gnp-main-menu div:nth-child(2) > ul a:hover { background: transparent; color: #555; }
#gnp-main-menu div:nth-child(2) > ul li:first-child a { color: #F7931E; border-right: 1px solid #ccc; }
#gnp-main-menu div:nth-child(2) > ul ul li { margin: 0; }
#gnp-main-menu div:nth-child(2) > ul ul li:first-child a { color: #555; border-right: 0; }
#gnp-main-menu div:nth-child(2) > ul ul li a { color: #555; font-size: 13px; padding: 0 15px; line-height: 38px; height: 38px; margin: 0;}
#gnp-main-menu div:nth-child(2) > ul ul li a:hover { background: #F7931E; color: #fff; }
#gnp-main-menu div:nth-child(2) > ul strong { display: inline-block; height: 13px; line-height: 13px; max-width: 100px; overflow: hidden; position: relative; text-overflow: ellipsis; top: 3px; }
#gnp-main-menu .sf-sub-indicator{display:none;}
#gnp-signup-modal, #gnp-login-modal { z-index: 15000; }
/**/
#gnp-header > .container{
	padding: 0 10px;
}
#gnp-header-bar{
	margin: 0 -10px;
}
#gnp-main-menu ul.dropdown-menu{
	margin-left:0;
}
/* Header Responsive Styling */
@media (max-width: 767px) { 
 .sfHover .dropdown-menu{ display:none !important;}
 .sfHover.open .dropdown-menu, .open .dropdown-menu{ display:block !important; visibility: visible !important; }
 #gnp-header { position: fixed; top: 0; z-index: 10000; }
  #gnp-header #welcome-bar { position: static; }
  #gnp-header-bar { min-height: 70px; }
  #gnp-logo { width: 42px; height: auto; margin: 10px 0 0 10px; }
  #gnp-search { margin: 15px 0 0 10px; }
  #gnp-search .gnp-search-field { width: 80%; }
  #gnp-search .gnp-search-field:nth-child(2) { display: none; }
  #gnp-search #gnp-search-submit { margin: 0; width: auto; min-width:20px; }
  #gnp-search.open .gnp-search-field:nth-child(2) { display: block; }
  #gnp-main-menu ul li { float: none; position: relative; }
  #gnp-main-menu ul .dropdown-toggle .fa { position: absolute; right: 10px; top: 10px; }
  #gnp-main-menu div:nth-child(2) > ul > li:first-child a { border-right: none; }
  #gnp-main-menu div:nth-child(2) > ul a { line-height: 38px; height: 38px; margin: 0;}
  #gnp-main-menu div:nth-child(2) > ul a:hover { background-color: #F4F4F4; }
  #gnp-main-menu li li a, #gnp-main-menu div:nth-child(2) > ul ul li a { padding-left: 50px;}
  #welcome-bar { position: fixed; top: 0; z-index: 1000; }
  .gnp-page-content { margin-top: 80px; } 
  #gnp-header .col-xs-4{text-align: center;} 
  #gnp-header a {margin: 10px auto 0;}
  }
@media (min-width: 767px) { 
	#gnp-main-menu ul { margin: 0; } 
	#gnp-main-menu ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; } 
	#gnp-main-menu .col-md-11 { margin-left: -15px; }
}
@media (min-width: 767px) and (max-width: 1199px) {
  #gnp-main-menu .col-md-5 { margin-left: -15px; }
}
@media (min-width: 1200px) { #gnp-main-menu div:nth-child(2) ul { float: right; } }
/* mods */
#gnp-main-menu div:nth-child(2) > ul li:first-child a {border:none;}
@media (max-width: 767px) { 
	#gnp-header > .container{
		width:auto;
	}
	#main-area{
		padding-top:80px;
	}
	.admin-bar #gnp-header{
		padding-top: 40px;
	}
	#wpadminbar {
	    position: fixed !important;
	}
}
.shadow_box{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
box-shadow: 0 0 5px rgba(0,0,0,0.3);
padding: 25px;
overflow: hidden; 
margin: 25px 15px 10px 0;
}
.shadow_box img{
width: 20%;
float: left;
}
.emailtemplatetext{
width: 80%;
float: left;
}
.emailtemplatetext p{
padding-left: 15px;
margin: 5px 0;
}
#recent-articles #articles-content::before{
    background: none;
}
#recent-articles #articles-content{
    background-color: #F9F9F9;
    border: none;
}
#recent-articles .article{
    background: #fff;
    border: 1px solid #e5e5e5;
    margin-bottom: 25px;
    position: relative;
}
#recent-articles .article::before {
    background: rgba(0, 0, 0, 0) url("https://blog.greatnonprofits.org/wp-content/themes/Lucid/images/middle-shadow.png") no-repeat center top;
    bottom: -7px;
    content: "";
    height: 7px;
    left: 0;
    position: absolute;
    width: 100%;
}