/*
Theme Name:  Nepal Youth Foundation
Theme URI:  http://nyf.pagodabox.com
Author:  Fifty & Fifty
Author URI:  http://fiftyandfifty.org
Description:  This is official theme of Nepal Youth Foundation.
Version:  2.0
 */


/*==========================================
	T O C
/*=========================================*/
/*
	1. Reset & Basics
	2. @FontFace
	3. Wordpress Styles
	4. Typography
	5. Layout
		a. Header
		b. Layout
		c. Footer
	6. Page Specifics
		a. Home
			1. Main Slider
	7. Forms
	8. Misc
	9. WP Comments
	10. MediaQueries
	11. Helpers
	12. Print 
*/
/*===========================================
	0. C O L O R S
/*=========================================*/



/*===========================================
	1. R E S E T S
/*=========================================*/
*, *:after, *:before  {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;

	        /*behavior: url('/js/xbc/PIE.htc');*/
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block;
	background: transparent;
}

audio,canvas,video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not([controls]) {
	display: none;
}

[hidden] {
	display: none;
}

ul,ol {
	margin: 1em 0;
}

dd {
	margin: 0 0 0 40px;
}

nav ul,nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

ol,ul {
	list-style: none outside none;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
	max-width: 100%;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: black;
	padding: 0.2em 0;
}

code,pre {
	padding: 0 3px 2px;
	font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
	font-size: 12px;
	color: #333333;
	border-radius: 3px;
}

code {
	padding: 2px 4px;
	color: #d14;
	background-color: #f7f7f9;
	border: 1px solid #e1e1e8;
}

pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 20px;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
}

pre.prettyprint {
	margin-bottom: 20px;
}

pre code {
	padding: 0;
	color: inherit;
	background-color: transparent;
	border: 0;
}



/*==========================
	2. @F O N T -F A C E
/*=========================*/



/*================================================
	3. W O R D P R E S S  - S T Y L E S
/*==============================================*/
.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.aligncenter {
	display: block;
	text-align: center;
	margin: 5px auto 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 15px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

em {
	font-style: italic;
}

.wp-caption {
	position: relative;
}


.wp-caption.white{
	background:#fff;
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid #F0F0F0;
	max-width: 96%;
	text-align: left;
	padding: 10px 20px;
	position: absolute;
	width: 96%;
	margin: 0 2%;
	bottom: 4%;
}

.wp-caption.alignnone {
	margin: 5px 45px 45px 0;
}

.wp-caption.alignleft {
	margin:5px 45px 45px 0;
}

.wp-caption.alignright {
	margin: 45px 0px 45px 45px;
}

.wp-caption img {
	border-radius: 4px;
	height: auto;
	margin: 0;
	padding: 0;
	width: 100%;
}

.wp-caption p.wp-caption-text,.gallery-caption {
	margin: 0;
	padding: 35px 22px;
	border-bottom: 6px solid #383838;
}

blockquote {
	quotes: "201c" "201d" "2018" "2019";
	color: #222;
}

blockquote p {
	font-family: Helvetica,sans-serif;
	color: #444;
}

.bypostauthor {
	border: 3px;
}

ul,ol {
	margin-bottom: 20px;
	font: normal 15px/20px 'PT Sans', Arial, Helvetica, sans-serif;
}

ul {
	list-style: none outside;
}

ol {
	list-style: decimal;
}

ol,ul.square,ul.circle,ul.disc {
	margin-left: 30px;
}

ul.square {
	list-style: square outside;
}

ul.circle {
	list-style: circle outside;
}

ul.disc {
	list-style: disc outside;
}

ul ul,ul ol,ol ol,ol ul {
	margin: 4px 0 5px 10px;
}

ul ul li,ul ol li,ol ol li,ol ul li {
	margin-bottom: 0px;
}

/*===========================================
	4. T Y P O G R A P H Y
/*=========================================*/
body {
	font: normal 125%/1.6 'PT Sans', Arial, Helvetica, sans-serif;
	position: relative;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0.4em 0 0.2em;
	padding: 0;
	font-family: 'PT Sans',Helvetica,sans-serif;
	font-weight: 700;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
	color: #333;
}

h1 {
    font-size: 55px;
    line-height: 65px;
}
 
h2 {
    font-size: 34px;
    line-height: 36px;
}
 
h3 {
    font-size: 21px;
    line-height: 26px;
}
 
h4 {
    font-size: 18px;
    line-height: 20px;
}
 
h5 {
    font-size: 13px;
    line-height: 18px;
}
 
h6 {
    font-size: 12px;
    line-height: 14px;
}

a {
	color: #CD9A10;
	text-decoration: none;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;

	font:300 15px/20px 'PT Sans', Arial, Helvetica, sans-serif;
}

a:hover {
	text-decoration: none;
	color:#BE1500;
}

a:hover,a:active {
	outline: 0;
}

p {
	font: normal 15px/20px 'PT Sans', Arial, Helvetica, sans-serif;
}

em {
	font-style: italic;
}

dfn {
	font-style: italic;
}

ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

abbr[title] {
	border-bottom: 1px dotted;
}

pre,code,kbd,samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

b,strong {
	font-weight: bold;
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

small {
	font-size: 85%;
}

hr {
	border-style: dashed;
	border-width: 1px 0 0;
	clear: both;
	margin: 20px 0;
	padding: 0;
	height: 1;
	color: #ccc;
}

blockquote {
	padding: 40px 0;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

blockquote p {
	color: #cfa12c;
	font: normal 21px/26px 'PT Sans', Arial, Helvetica, sans-serif!important;
	padding: 0 35px;
}

blockquote span {
	font-style: italic;
	padding: 0 35px;
}
blockquote span strong{
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
}

blockquote cite {
	display: block;
	font-size: 12px;
}

blockquote cite:before {
	content: "2014 �020";
}

blockquote cite a,blockquote cite a:visited,blockquote cite a:visited {
	color: #444;
}
span{
	font: italic 13px/15px Helvetica, sans-serif;
}


/*===========================================
	5. L A Y O U T
/*=========================================*/
/*commons*/
.right{
	float:right;
}
.left{
	float: left;
}
.center{
	text-align: center;
}
.absolute{
	position: absolute;
}
.full{
	width:100%;
	height: auto;
}
.break{
	padding: 20px 0;
	clear: both;
}
figure img{
	border-radius: 4px;
}
header.main{
	background: #CD9A12 url(img/header-short.jpg) top left no-repeat;
	background-size: cover;
	height: 173px;
	margin-bottom: 72px;
	min-width: 960px;
}
.home header.main{
	background: #CD9A12 url(img/header-home.jpg) top left no-repeat;
	background-size: cover;
	height: 354px;
}
.home header.main > .container{
	padding: 40px 0;
}
h1.logo{
	text-indent: -9999em;
	background: url(img/logo.png) no-repeat;
	height: 173px;
	width: 330px;
	margin: 0;
}
.home h1.logo{
	background: url(img/home-logo.png) no-repeat;
	width: 137px;
	height: 234px;
}
h1.logo a{
	display: block;
	height: 100%;
}
.home header.main > .container h1, .home header.main > .container h1 a{
	margin: 20px 20px 20px 0;
	text-transform: uppercase;
	color: white;
	line-height: 50px;
	text-shadow: 0 1px 1px #444;
	font-size: 55px;
}
.home header.main > .container h1 a:after{
	border-color: transparent transparent transparent rgb(233, 187, 62);
	border-style: solid;
	border-width: 7px 0 7px 7px;
	content: "";
	height: 0;
	left: 7px;
	display: inline-block;
	position: relative;
	width: 0;
	top: -12px;
}
.home header.main > .container h3{
	color: white;
	margin: 0;
	font-weight: 300;
}
.home .content {
	padding: 75px 0 30px;
	background:url(img/mountains.png) no-repeat top center;
}
.home .btn.light.right{
	margin-right: 20px;
}
.home .eight.columns:last-child{
	padding:0 0 0 30px;
}
.programs-bg{
	background: url(img/programs-header.png) no-repeat;
	height: 173px;
	width: 610px;
}

nav.main{
	background: url(img/nav-main.jpg);
	height: 72px\9; /* ie8 fix? */
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	position: relative;
	z-index: 2;
}
nav.main .container{
	width: auto;
	min-width: 960px;
	max-width: 1120px;
}
ul.main{

}
ul.main > li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 70px;
	float: left;
	border-right: 1px solid white;
	white-space: nowrap;
	position: relative;
}
ul.main > li > a{
	color: white;
	display: block;
	padding: 0 30px;
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	font: inherit;
	font-size: 18px;
	text-shadow: 0 1px 2px #888;
	text-transform: uppercase;
	font-weight: 300;
	font-family: 'Open Sans',sans-serif;
	line-height: 70px\9; /* ie8 fix? */
}
ul.main li a:hover, ul.main li.active{
	background: rgba(0,0,0, 0.1);
}
ul.main li.active::after {
	display: block;
}
ul.main li::after {
	display: none;
	position: absolute;
	content: '';
	bottom: -8px;
	left: 49%;
	margin-left: -8px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #E09321;
}
ul.main li:first-child, ul.main li:last-child{
	border-left: 1px solid white;
}
ul.main li:last-child{
	float: right;
	background: url(img/nav-donate.png) no-repeat 22px center,url(img/nav-donate-bg.jpg) no-repeat 0 0;
}
ul.main li:last-child a{
	padding: 0 30px 0 60px;
}
ul.main li:last-child a:hover{
	background: none;
}
ul.sub-menu{
	width:100%;
	background: #6C6C6C;
	margin: 0;
	position: relative;
	z-index: 1;
	text-align: center;
	min-width: 960px;
}
ul.sub-menu li{
	line-height: 50px;
	display: inline-block;
}
ul.sub-menu li a{
	color: white;
	font: 300 12px/50px 'PT Sans', Arial, Helvetica, sans-serif;
	padding: 0 13px;
	text-transform: uppercase;
	display: block;
}
ul.sub-menu li a:hover{
	background:#5C5C5C;
}
ul.sub-menu li.active{
    background:#5C5C5C;
}
ul.dropdown{
	position: absolute;
	min-width: 100px;
	width: auto;
	top: 50px;
	background:#5C5C5C;
	z-index: 1;
	margin: 0;
	display: none;
	text-align: left;
}
ul.sub-menu li:hover ul.dropdown, ul.dropdown:hover{
	display: block;
}
ul.dropdown > li{
	display: block;
}
ul.dropdown > li > a{
	font:300 12px/20px 'PT Sans', Arial, Helvetica, sans-serif;
	padding: 5px 13px;
}
ul.dropdown > li > a:hover{
	background: #cccccc;
    background:rgba(0,0,0,.2);
}
ul.sub-menu li:hover, ul.dropdown:hover{
	background:#5C5C5C;
}
.content{
	padding: 30px 0;
}
footer{
	min-width:960px;
}
ul.footer{
	padding: 30px 0;
	margin: 0;
	float: left;
}
ul.footer li{
	text-transform: uppercase;
	display: inline-block;
	padding:0 20px 0 0;
}
ul.footer li a{
	font: 700 13px/15px 'PT Sans', Arial, Helvetica, sans-serif;
	color:#be1500;
}
.bottom-footer{
	border-top: 1px solid #DDD;
	overflow: hidden;
	padding: 60px 0;
	background: #EDEDEA url(img/footer-col-divider.png) no-repeat top center;
	height: 200px;
}
.bottom-footer .columns{
	margin-left: 10px;
}
.bottom-footer h3{
	color: #5c5c5c;
	text-align: center;
}
.footer-social{
	text-align: center;
	margin: 0;
}
.footer-social li{
	width:43px;
	height:43px;
	display: inline-block;
	text-indent: -9999em;
}
.footer-social li.fb{
	background: url(img/footer-social.png) no-repeat 0 0;
}
.footer-social li.tw{
	background: url(img/footer-social.png) no-repeat -51px 0px;
}
.footer-social li.yt{
	background: url(img/footer-social.png) no-repeat -102px 0px;
}
.footer-social li.lk{
	background: url(https://www.nepalyouthfoundation.org/wp-content/uploads/2019/02/linkedin.jpg) no-repeat 0 0;
}
.footer-social li a{
	display: block;
	font: inherit;
	height: 100%;
}

.footer-nav form{
	margin: 0;
	padding: 25px 0;
	float: right;
	position: relative;
}
.footer-nav form input[type="submit"]{
	position: absolute;
	border: none;
	width: 30px;
	text-indent: -999em;
	height: 26px;
	background: none;
	top: 33px;
	right: 10px;
	cursor: pointer;
}

/*search forms*/
input[type="text"],input[type="search"],input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}
input[type="text"],input[type="search"]{
	padding-right:40px!important;
}
.bottom-footer form{
	text-align: center;
	position: relative;
}
.bottom-footer input[type="submit"]{
	position: absolute;
	border: none;
	text-indent: -9999em;
	height: 26px;
	cursor: pointer;
	width: 28px;
	right: 26px;
	background: none;
	top: 5px;
}
input[type="text"].newsletter{
	background: url('img/input-fields.jpg') no-repeat 0px -10px;
	width: 178px;
	border: 0;
	height: 37px;
	padding: 5px 10px;
}
input[type="search"].search{
	background: url('img/input-fields.jpg') no-repeat -508px -14px;
	width: 187px;
	height: 44px;
	font-style: italic;
}
.dark-form{
	width: 280px;
	height: 75px;
	margin: 0;
	float: right;
	position: absolute;
	top: 0;
	right: -10px;
}
input[type="search"].search-dark{
	background: url('img/input-fields.jpg') no-repeat -210px 0px;
	width: 270px;
	height: 78px;
	margin: 0;
	padding: 0 20px;
	border-radius: 0;
	border: none;
	color:#ccc;

}
.dark-form input[type="submit"]{
	position: absolute;
	border: none;
	width: 30px;
	text-indent: -999em;
	height: 26px;
	background: none;
	top: 28px;
	right: 25px;
	cursor: pointer;
}
span.search-fix{
	height: 75px;
	display: block;
}

.border-top{
	border-top:6px solid #383838;
}

.sidebar{
	background: url(img/sidebar-bg.png) no-repeat top right;
	padding: 30px 30px 30px 60px;
	position: relative;
	min-height: 351px;
}
.page-ecard .sidebar{
	min-height: auto;
}
.widgettitle {
	font: 700 18px/20px 'PT Sans', Arial, Helvetica, sans-serif;
}
.sidebar ul li {
	line-height: 20px;
	margin-bottom:10px;
}
.sidebar ul li a {
	font: 700 15px/18px 'PT Sans', Arial, Helvetica, sans-serif;
}

h1.page-title{
	margin-top: 0;
	top: -10px;
	position: relative;
}
h3.section{
	color:#c01500;
	text-transform: uppercase;
	margin-bottom: 0;
}
.uppercase{
	text-transform: uppercase;
}
h4.uppercase{
	margin: 10px 0 5px;
}

.breadcrumb {
	list-style: none;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 15px;
	font: 300 15px/20px 'PT Sans', Arial, Helvetica, sans-serif;
}
.breadcrumb li {
	display: inline-block;
	*display: inline;
	text-shadow: 0 1px 0 #ffffff;
	*zoom: 1;
}
.breadcrumb li a{
	color:#cd9a10;
}
.breadcrumb .divider {
	padding: 0 5px;
	color: #cd9a10;
	font-style: normal;
}
.breadcrumb .active {
	color: #acacac;
}

/*btns*/
.btn{
	background: url(img/btn.png);
	font: 300 15px/18px 'PT Sans', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: white;
	text-shadow: 0 1px 1px #222;
	box-shadow: inset 0 1px 6px #A71A1A;
	padding:14px 16px;
	border-radius: 4px;
	display: inline-block;
}
.btn:hover{
	background: url(img/btn-hover.png);
	color: #fff;
}
.btn.small{
	font: 700 13px/16px 'PT Sans', Arial, Helvetica, sans-serif;
	padding: 8px 25px;
}
.btn.large{
	font: 700 17px/19px 'PT Sans', Arial, Helvetica, sans-serif;
	padding: 14px 26px;
	text-transform: uppercase;
}

.btn.light{
	font: 700 13px/15px 'PT Sans', Arial, Helvetica, sans-serif;
	background: none #edede7;
	border-radius: 4px;
	padding:10px 20px;
	box-shadow: none;
	text-shadow:none;
	color:#BE1500;
}
.btn.light:hover{
	background: #dbdbd6;
	color:#CD9A10;
}
header.main .btn{
	float: left;
	line-height: 18px;
	margin-right: 10px;
	text-transform: uppercase;
}
header.main .btn:last-child {
	padding:5px 10px 5px 16px;
	width: 345px;
}
header.main .btn:last-child:hover{
	background: url(img/btn.png);
}
header.main .btn:last-child span{
	float: left;
	margin-right: 10px;
	font:300 15px/36px 'Open Sans',Arial,Helvetica,sans-serif;
}
header.main h3{
	font-family: 'Open Sans',sans-serif;
	font-weight: 300;
	font-size: 18px;
	text-shadow: 0 2px 2px #444;
	width:70%;
}
.fancybox-media.btn{
	background: url(img/btn.png);
	text-indent: 30px;
	position: relative;
}
	.fancybox-media:after{
		content: '';
		position: absolute;
		top: 50%;
		margin-top: -12.5px;
		left: 10px;
		background: url(img/watch-icon.png) no-repeat 16% 50%;
		height: 25px;
		width: 25px;
	}
.fancybox-media.btn:hover{
	background: url(img/btn-hover.png);
	color:white;
}
.donate.btn{
	background: url(img/btn.png);
	text-indent: 30px;
	position: relative;
}
	.donate:after{
		content: '';
		position: absolute;
		top: 50%;
		margin-top: -12.5px;
		left: 10px;
		background: url(img/donate-icon.png) no-repeat 16% 50%;
		height: 25px;
		width: 25px;
	}
.donate.btn:hover{
	background: url(img/btn-hover.png);
	color:white;
}
.header-email{
	width: 200px;
	float: left;
	margin: 0;
	position: relative;
}
.header-email input[type="text"]{
	float: left;
	width: 100%;
	border: 0;
	
	background-image: url(img/header-email-icon.png);
	background-position: 96% 50%;
	background-repeat: no-repeat;

	background: rgba(0, 0, 0, 0.24) url(img/header-email-icon.png) no-repeat 96% 50%;
	box-shadow: inset 0px 0px 5px rgb(151, 0, 0);
	margin: 0;
	color: white;
	padding: 8px 10px;
	border-radius: 8px;
}
.header-email input[type="submit"]{
	position: absolute;
	border: none;
	text-indent: -9999em;
	height: 26px;
	cursor: pointer;
	width: 30px;
	right: 6px;
	background: none;
	top: 5px;
}
.header-email input::-webkit-input-placeholder{
	color: #ddd;
	font-style: italic;
}

/*social share */
.social-share{
	margin: 0;
	line-height: 2em!important;
}
.social-share span {
	font: 700 13px/15px PT Sans, sans-serif;
	text-transform: uppercase;
	color: #333;
}
.social-share li{
	width:32px;
	height:32px;
	display: inline-block;
	text-indent: -9999em;
}
.social-share li.fb{
	background: url(img/social-share.png) no-repeat 0 0;
}
.social-share li.tw{
	background: url(img/social-share.png) no-repeat -37px 0px;
}
.social-share li a{
	display: block;
	font: inherit;
}

/*featured main module*/
.featured{

}
.featured .border-top{
	position: relative;
	min-height: 228px;
	padding-bottom: 50px;
}
.featured figure{
	float: left;
	position: relative;
}
.featured h3{
	padding: 20px 0 15px;
}
.featured h5{
	color:#be1500;
	text-transform: uppercase;
}
.featured .absolute{
	bottom: 0px;
	width: 100%;
}
.featured .absolute .btn{
	float: left;
}

/*dark cta*/
.dark-cta{
	background: #6c6c6c url(img/dark-cta-kid.png) no-repeat top right;
	padding:40px 250px 50px 50px;
	text-align: left;
}
.dark-cta h2{
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
}
.dark-cta p{
	color: #fff;
	padding:20px 0 15px;
}

/*cta module*/
.cta-module{
	border-top:6px solid #383838;
	background: #eee;
	position: relative;
}
.cta-module figure{
	position: relative;
}
.cta-module h3.caption{
	font: 700 20px/24px PT Sans, sans-serif;
	color: #BE1500;
	background: #fff;
	background: rgba(255, 255, 255, .7);
	position: absolute;
	padding: 20px;
	width: 92%;
	margin: 0 4%;
	bottom: 10px;
	top: inherit;
}
.cta-module p{
	padding:20px;
}

/*feat module*/
.featured-module{
	border-top:6px solid #383838;
}
.featured-module figure img{
	border-radius: 0;
}
.featured-module h3{
	margin: 0;
	top: -5px;
	position: relative;
	font: 700 20px/20px PT Sans, sans-serif;
}
.featured-module h3 a{
	font: 700 20px/20px PT Sans, sans-serif;
	color: #BE1500;
}
span.serif{
	font:normal 16px/20px NeutonRegular, serif;
	color:#666;
}

/*big image cta*/
.cta-big{
	border-top:6px solid #383838;
}
.cta-big figure{
	position: relative;
}
.cta-big .absolute{
	bottom: 30px;
	width: 100%;
	text-align: center;
}
.cta-big h2{
	color: white;
	text-transform: uppercase;
}

/*cta text*/
.cta-text{
	border-top:6px solid #383838;
	background: #eee;
	padding: 30px;
}
.cta-text h3{
	margin: 0 0 10px;
	font-size: 18px;
	line-height: 23px;
}
.cta-text h4{
	margin: 10px 0 0;
}
.cta-text span.serif{
	font: normal 14px/20px NeutonRegular, serif;
	top: -2px;
	position: relative;
	display: block;
	margin-bottom: 10px;
}


/*news slider*/
.flexslider .slides > li{
	position: relative;
}
.flexcaption{
	background-image:url(img/white-bg.png);
	background: rgba(255, 255, 255, .7);
	position: absolute;
	padding: 20px;
	width: 96%;
	margin: 0 2%;
	bottom: 4%;
}
.flexcaption, .flexcaption a{
	font: 700 20px/20px PT Sans, sans-serif;
	color:#222;
}
.flexcaption span.serif{
	display: block;
	color: #BE1500;
}
.flex-control-nav {
	bottom: -30px;
}
.flex-control-paging li a {
	width: 7px;
	height: 7px;
}
.flex-control-nav li {
	margin: 0 2px;
}


/* Media Page */
.post-type h3{
	text-shadow: 0 2px 2px #ccc;
	font-size: 28px;
	margin: 0;
	line-height: 34px;
	float: left;
}
.type-post{
	background: url(img/icon-sprite.png) no-repeat -160px -175px;
	width: 45px;
	height: 35px;
	display: block;
	float: left;
}
.type-photo{
	background: url(img/icon-sprite.png) no-repeat -90px -175px;
	width: 45px;
	height: 35px;
	display: block;
	float: left;
}
.type-video{
	background: url(img/icon-sprite.png) no-repeat -22px -175px;
	width: 45px;
	height: 35px;
	display: block;
	float: left;
}


/*Programs Page*/
.four-col-cta{
	text-align: center;
}
.page-get-involved .four-col-cta{
	background: url(img/program-divider.jpg) no-repeat 2px 90px;
}
.four-col-cta h3{
	color:#424242;
	text-transform: none;
	margin-top: 30px;
	font-weight: 400;
}
.four-col-cta .four.columns{
	padding: 60px 30px;
}
.four-col-cta .four.columns:last-of-type{
	background: none;	
}
.four-col-cta span.icon{
	display: block;
	width: 110px;
	height: 90px;
	margin: 0 auto;
}
.four-col-cta span.icon.icon-freedom{
	background: url(img/icon-sprite.png) no-repeat 0 0;
}
.four-col-cta span.icon.icon-health{
	background: url(img/icon-sprite.png) no-repeat -116px 10px;
	width: 70px;
	margin: 0 0 0 50px;
}
.four-col-cta span.icon.icon-shelter{
	background: url(img/icon-sprite.png) no-repeat -198px 0;
}
.four-col-cta span.icon.icon-education{
	background: url(img/icon-sprite.png) no-repeat -310px 0;
}

.four-col-cta span.icon.icon-donate{
	background: url(img/icon-sprite.png) no-repeat 0 -85px;
	height: 75px;
}
.four-col-cta span.icon.icon-creative{
	background: url(img/icon-sprite.png) no-repeat -116px -80px;
	width: 70px;
	margin: 0 0 0 50px;
	height: 75px;
}
.four-col-cta span.icon.icon-partners{
	background: url(img/icon-sprite.png) no-repeat -198px -78px;
	height: 75px;
}
.four-col-cta span.icon.icon-ecard{
	background: url(img/icon-sprite.png) no-repeat -310px -78px;
	height: 75px;
}

/*about us icons*/
.four-col-cta span.icon.icon-organization{
	background: url(img/icon-sprite.png) no-repeat 0px -220px;
	height: 75px;
	width: 80px;
}
.four-col-cta span.icon.icon-people{
	background: url(img/icon-sprite.png) no-repeat -112px -220px;
	height: 75px;
	width: 90px;
}
.four-col-cta span.icon.icon-financials{
	background: url(img/icon-sprite.png) no-repeat -212px -220px;
	height: 75px;
	width: 80px;
}

.four-col-cta .four.columns h3,.four-col-cta .one-third.column h3 {
	text-transform: uppercase;
	font-weight: 700;
}
.four-col-cta .four.columns p, .four-col-cta .four.columns a,.four-col-cta .one-third.column a{
	display: block;
}
.page-get-involved .four-col-cta .four.columns a{
	top: 10px;
	position: relative;
}
.single-program article.post .featured-caption{
	padding: 40px 15px;
	border-bottom: 1px solid #DDD;
}
.single-program article.post .featured-caption h3{
	font-weight: 400;
	margin:0;
}


/* newsletter / share */
.newsletter-share{

}
.newsletter-share section{
	padding: 0 10px;
}
.newsletter-share section:first-of-type{
	border-bottom: 1px solid #ddd;
}
.newsletter-share h3{
	margin-bottom:0;
	padding: 0;
}
.newsletter-share section p{
	padding: 10px 0;
}

.post ul{
	list-style: disc inside;
	font: normal 14px/18px 'PT Sans', Arial, Helvetica, sans-serif;
}

/*for posts inside a two-thirds column, 4 in a row*/
.posts .three.columns{
	width:140px;
}

/*blog page posts specifics*/
.post-list .row h2{
	margin: 0;
	float: left;
}
.post-list .row{
	padding: 35px 0 0px;
	margin: 0;
}
.posts.post-list .row{
	padding: 35px 0;
	margin: 0;
	border-bottom: 1px solid #DDD;
}
.post-list .row a.more{
	float: right;
	line-height: 36px;
}
.post-list .post{
	padding: 45px 0;
	border-bottom: 1px solid #DDD;
	margin-bottom: 0;
	overflow: hidden;
}
.post .six.columns{
	position: relative;
}
.post h5{
	margin: 0;
	color: #BE1500;
	font-size: 11px;
	text-transform: uppercase;
}
.post h3{
	margin-top: 0;
	top: -5px;
	font-size: 18px;
	position: relative;
}
.post h3 a{
	color: #000;
}
.post h3 a:hover{
	color: #CD9A10;
}
.post p{
	font: normal 14px/18px 'PT Sans', Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
}
.post a {
	font-weight: 700;
}
.social{
	width: 100%;
	position: relative;
	padding: 20px 0 0;
	overflow: hidden;
}
.social .btn{
	float: left;
}


.page-ecard .container .three.columns{
	width:145px !important;
}

.page-ecard figure {
	background: #eeeeee;
	border-radius: 5px;
	margin-bottom: 20px !important;
}

.page-ecard h2{
	text-align: left;
	background:url(img/ecard-icon.jpg) 0 0 no-repeat;
	padding-left:45px;
}
.ecard-cta{
	background: url(img/ecard-bg2.jpg) no-repeat;
	height:425px;
	width:949px;
	position: relative;
}
.ecard-cta a{
	position: absolute;
	left: 180px;
	bottom: 120px;
}
.ecard-form-heading{
	background: #383838;
	overflow: hidden;
	text-align: center;
	padding: 30px 40px;
}
.ecard-form-heading h3{
	color: white;
    text-transform: none!important;
    margin: 0!important;
}
.ecard-form fieldset{
	padding: 0 20px;
	margin: 20px 0;
}
.ecard-form input[type="text"], .ecard-form textarea {
	background: #535353;
	border-left: 1px solid #454545;
	border-right: 1px solid #7C7C7C;
	color: #CCC;
	border-top: 1px solid #454545;
	box-shadow: inset 0 2px 5px #4B4B4B;
	border-bottom: 1px solid #7C7C7C;
	border-radius: 5px;
	width: 100%;
	padding: 10px;
}
.ecard-form input[type="submit"]{
	border: none;
	cursor: pointer;
}
.placeholder{
	color:#000;
}

.ecard-single-container{
	background: url(img/ecard-single-yellow.png);
	padding: 100px 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
}
.ecard-module{
	width:620px;
	margin: 0 auto;
	background: white;
	box-shadow: 0 0 4px #444;
	border-top:4px solid #383838;
	border-bottom:4px solid #383838;
	border-radius: 4px;
}
.ecard-module .content{
	background: url(img/ecard-single-bg.png) no-repeat;
	padding: 0;
}
.ecard-info{
	float: left;
    width: 310px;
    text-align: center;
    padding: 30px;
}
.ecard-info span{
	font-weight: 600;
	font-style: normal;
}
.ecard-message{
	clear: both;
    padding: 30px 100px;
}
.ecard-btn{
	padding: 30px 0 50px;
    text-align: center;
}


/*modal styles*/
.modal{
	display:none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.74);
	z-index: 8;
}
.modal .content{
	position: absolute;
	float: none;
	left: 50%;
	width: 350px;
	box-shadow: 0 1px 3px black;
	top: 50%;
	z-index: 9;
	background: white;
	padding: 40px;
	-webkit-transform: translateX(-50%) translateY(-50%);
	   	-ms-transform: translateX(-50%) translateY(-50%);
	        transform: translateX(-50%) translateY(-50%);
}
.modal .close{
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 19px;
	color: #1A2642;
	opacity: 1;
	text-shadow: 0 1px 0px #5E5E5E;
}

/*==========================
	7. F O R M S
/*=========================*/
form {
	margin: 0 0 20px;
}
form .btn.blue-btn{
	padding: 8px 14px;
}
form fieldset.donation_buttons .btn {
	padding: 8px 14px;
	background-color: rgba(65, 135, 196, 1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(65, 135, 196, 1)), to(rgba(71, 148, 215, 1)));
	background-image: -webkit-linear-gradient(top, rgba(65, 135, 196, 1), rgba(71, 148, 215, 1));
	background-image: -moz-linear-gradient(top, rgba(65, 135, 196, 1), rgba(71, 148, 215, 1));
	background-image: -o-linear-gradient(top, rgba(65, 135, 196, 1), rgba(71, 148, 215, 1));
	background-image: -ms-linear-gradient(top, rgba(65, 135, 196, 1), rgba(71, 148, 215, 1));
	background-image: linear-gradient(top, rgba(65, 135, 196, 1), rgba(71, 148, 215, 1));
	text-shadow: 0 1px 3px #3472A8;
	border: 1px solid #7FB8E8;
	margin-left: 0px;
}

fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}

legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: 40px;
	color: #333333;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
}

legend small {
	font-size: 15px;
	color: #999999;
}

label,input,button,select,textarea {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}

input,button,select,textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
	display: block;
	margin-bottom: 5px;
}

select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {
	display: inline-block; /*height:  20px; */
 	padding: 4px 6px;
	margin-bottom: 9px;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	border-radius: 3px;
}

input,textarea {
	width: 210px;
}

textarea {
	height: auto;
}

textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {
	background-color: #ffffff;
	border: 1px solid #cccccc;

	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus {
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0;
	outline: thin dotted 9; /* IE6-9 */

-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],input[type="checkbox"] {
	margin: 10px 0;
	*margin-top: 0;
	line-height: normal;
	cursor: pointer;
}

input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"] {
	width: auto;
}

select,input[type="file"] {
	height: 30px; /* In IE7, the height of the select element cannot be changed by height, only font-size */
*margin-top: 4px; /* For IE7, add top margin to align select with labels */
line-height: 30px;
}

select {
	width: 220px;
	background-color: #ffffff;
	border: 1px solid #bbb;
}

select[multiple],select[size] {
	height: auto;
}

select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

input:-moz-placeholder,textarea:-moz-placeholder {
	color: #999999;
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
	color: #999999;
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color: #999999;
}

.radio,.checkbox {
	min-height: 18px;
	padding-left: 18px;
}

.radio input[type="radio"],.checkbox input[type="checkbox"] {
	float: left;
	margin-left: -18px;
}

.input-mini {
	width: 60px;
}

.input-small {
	width: 90px;
}

.input-medium {
	width: 150px;
}

.input-large {
	width: 210px;
}

.input-xlarge {
	width: 270px;
}

.input-xxlarge {
	width: 530px;
}


.input-append input[type="text"] {
	display: inline-block;
}

.input-append input[type="submit"] {
	display: inline-block;
}



input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"] {
	float: none;
	margin-left: 0;
}

.input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"] {
	display: inline-block;
}

input,textarea,.uneditable-input {
	margin-left: 0;
}

input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] {
	cursor: not-allowed;
	background-color: #eeeeee;
}

input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly] {
	background-color: transparent;
}

input:focus:required:invalid,textarea:focus:required:invalid,select:focus:required:invalid {
	color: #b94a48;
	border-color: #ee5f5b;
}

input:focus:required:invalid:focus,textarea:focus:required:invalid:focus,select:focus:required:invalid:focus {
	border-color: #e9322d;

	-webkit-box-shadow: 0 0 6px #f8b9b7;
	box-shadow: 0 0 6px #f8b9b7;
}

/* custom forms */
.narrow form.donate {
	background: rgba(255, 255, 255, .85);
	border-radius: 5px;
	padding: 10px 20px 20px 20px;
	width: 340px;
	font-family: Helvetica, sans-serif;
}

.narrow form.donate fieldset {
	padding: 20px 0 0 0;
}

.narrow form.donate fieldset.donation_buttons{
	padding:0;
}

.narrow form.donate fieldset.donation_amount{
	display: block;
	float: left;
	
}

.narrow form.donate fieldset.donation_type{
	display: block;
	float: left;
}
 form.donate fieldset input:first-child {
	font-size: 1.5em;
	line-height: 1.5em;
	margin-right: 7px;
}

label {
	font-size: .6em;
	text-transform: uppercase;
	color: #444;
	margin: 0;
}


/*Graivty Forms*/
.gform_wrapper .top_label .gfield_label{
	display: none!important;
}
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea {
	width: 88.2%!important;
}
.gform_wrapper .gform_footer{
	margin: 0!important;
	padding: 0!important;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
	font-size: 12px!important;
}
.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"] {
	padding:4px 6px!important;
	font-size: 12px!important;
}


/*============================
	8. M I S C
=============================*/
.fade {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;

	-webkit-transition: opacity 0.15s linear;
	-moz-transition: opacity 0.15s linear;
	-o-transition: opacity 0.15s linear;
	-ms-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;
}

.fade.in {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.collapse {
	position: relative;
	height: 0;
	overflow: hidden;
	overflow: visible 9;

	-webkit-transition: height 0.35s ease;
	-moz-transition: height 0.35s ease;
	-o-transition: height 0.35s ease;
	-ms-transition: height 0.35s ease;
	transition: height 0.35s ease;
}

.collapse.in {
	height: auto;
}

.close {
	float: right;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	opacity: 0.2;
}

.close:hover {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	opacity: 0.4;
}

label.error {
	color:red;
	/*float:right;*/
	position: relative;
	text-transform: capitalize;
}

.narrow label.error{
	display:none;
}

select.error, textarea.error, input[type="text"].error, input[type="password"].error, input[type="datetime"].error, input[type="datetime-local"].error, input[type="date"].error, input[type="month"].error, input[type="time"].error, input[type="week"].error, input[type="number"].error, input[type="email"].error, input[type="url"].error, input[type="search"].error, input[type="tel"].error, input[type="color"].error, .uneditable-input.error {
	border:1px solid red;
	}

.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 20px;
	color: #c09853;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	border-radius: 4px;
}

.alert h4 {
	margin: 0;
}

.alert .close {
	position: relative;
	top: -2px;
	right: -21px;
	line-height: 20px;
}

.alert-success {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.alert-danger,.alert-error {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}

.alert-info {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}

.alert-block > p,.alert-block > ul {
	margin-bottom: 0;
}

.alert-block p + p {
	margin-top: 5px;
}


.blog .content, .blog .content .container {
	padding-bottom: 0;
	margin-bottom: 0;
}
.blog .featured.container{
	margin-bottom: 20px;
}
.pagination {
	overflow: hidden;
}

.pagination ul {
	display: inline-block;
	*display: inline;
	margin-bottom: 0;
	margin-left: 0;
	border-radius: 3px;
	*zoom: 1;

	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination li {
	display: inline;
}

.pagination a,.pagination span {
	float: left;
	text-align: center;
	text-decoration: none;
	background-color: #ffffff;
	border-right: 1px solid #dddddd;
	height: 140px;
	line-height: 140px;
	width: 50%;
}
.pagination a:last-child {
	border:none;
}

.pagination a:hover,.pagination .active a,.pagination .active span {
	background-color: #f5f5f5;
}

.pagination .active a,.pagination .active span {
	color: #999999;
	cursor: default;
}

.pagination .disabled span,.pagination .disabled a,.pagination .disabled a:hover {
	color: #999999;
	cursor: default;
	background-color: transparent;
}

.pagination li:first-child a,.pagination li:first-child span {
	border-left-width: 1px;
	border-radius: 3px 0 0 3px;
}

.pagination li:last-child a,.pagination li:last-child span {
	border-radius: 0 3px 3px 0;
}

.pagination-centered {
	text-align: center;
}

.pagination-right {
	text-align: right;
}

.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	padding: 5px;
	font-size: 11px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	visibility: visible;
}

.tooltip.in {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.tooltip.top {
	margin-top: -3px;
}

.tooltip.right {
	margin-left: 3px;
}

.tooltip.bottom {
	margin-top: 3px;
}

.tooltip.left {
	margin-left: -3px;
}

.tooltip-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background-color: #000000;
	border-radius: 4px;
}

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-top-color: #000000;
	border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-right-color: #000000;
	border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-left-color: #000000;
	border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-bottom-color: #000000;
	border-width: 0 5px 5px;
}

.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1010;
	display: none;
	width: 236px;
	padding: 1px;
	background-color: #ffffff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;

	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
}

.popover.top {
	margin-bottom: 10px;
}

.popover.right {
	margin-left: 10px;
}

.popover.bottom {
	margin-top: 10px;
}

.popover.left {
	margin-right: 10px;
}

.popover-title {
	padding: 8px 14px;
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-radius: 5px 5px 0 0;
}

.popover-content {
	padding: 9px 14px;
}

.popover-content p,.popover-content ul,.popover-content ol {
	margin-bottom: 0;
}

.popover .arrow,.popover .arrow:after {
	position: absolute;
	display: inline-block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.popover .arrow:after {
	z-index: -1;
	content: "";
}

.popover.top .arrow {
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
	border-top-color: #ffffff;
	border-width: 10px 10px 0;
}

.popover.top .arrow:after {
	bottom: -1px;
	left: -11px;
	border-top-color: rgba(0, 0, 0, 0.25);
	border-width: 11px 11px 0;
}

.popover.right .arrow {
	top: 50%;
	left: -10px;
	margin-top: -10px;
	border-right-color: #ffffff;
	border-width: 10px 10px 10px 0;
}

.popover.right .arrow:after {
	bottom: -11px;
	left: -1px;
	border-right-color: rgba(0, 0, 0, 0.25);
	border-width: 11px 11px 11px 0;
}

.popover.bottom .arrow {
	top: -10px;
	left: 50%;
	margin-left: -10px;
	border-bottom-color: #ffffff;
	border-width: 0 10px 10px;
}

.popover.bottom .arrow:after {
	top: -1px;
	left: -11px;
	border-bottom-color: rgba(0, 0, 0, 0.25);
	border-width: 0 11px 11px;
}

.popover.left .arrow {
	top: 50%;
	right: -10px;
	margin-top: -10px;
	border-left-color: #ffffff;
	border-width: 10px 0 10px 10px;
}

.popover.left .arrow:after {
	right: -1px;
	bottom: -11px;
	border-left-color: rgba(0, 0, 0, 0.25);
	border-width: 11px 0 11px 11px;
}

.hide {
	display: none;
}

.show {
	display: block;
}

.invisible {
	visibility: hidden;
}

.affix {
	position: fixed;
}


/* transitions for resizing */
.container {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;

	/* need for ie with xbc.js - i have no idea why */
	width: 960px;
	margin: 0 auto;
}

/*============================
9. C O M M E N T S
=============================*/
#comments {
	text-align: left;
	float: left;
	width: 100%;
	margin: 50px 0;
	padding: 20px 0;
	background: #f9f9f9;
	padding: 20px 35px;
}

.commentlist {
	clear: both;
	background: transparent url('./images/bg-comments-dots.gif') 0 0 no-repeat;
	margin: 0;
	list-style: none;
	padding-top: 20px;
	text-align: left;
}

.comment .children {
	font-size: 1em;
}

.page-template-template-full-width-php .commentlist {
	width: 560px;
}

.commentlist li.comment > div {
	border-top: 2px solid #f7f7f8;
	padding-top: 10px;
}

.commentlist li.comment:first-child > div {
	border-top: none;
}

.commentlist .children li.comment:first-child > div {
	border-top: 2px solid #f7f7f8;
}

.pinglist {
	margin: 20px 0 40px 30px;
	list-style-type: decimal;
}
#comments > .comment{
	border-bottom: 2px solid #CCC;
}
.comment {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding:0 0 15px 0;
	list-style-type: none;
}

.comment p {
	float: left;
	width: 80%;
	text-transform: none;
	font-size: 12px;
	color: #404040;
}

.comment .reply {
	/*width: 120px;*/
}

#respond {
	margin: 20px 0 0;
	text-align: left;
	clear:both;
}

#respond p {
	color:rgb(143, 143, 143);
	overflow: hidden;
	clear: both;
	display: inline-block;
}

#respond input {
	font-size: 14px;
	float: left;
	clear: both;
	color: #888;
}

#respond label {
	line-height: 16px;
	font-size: 10px;
	color: #999;
}

#commentform input {
	margin-right: 10px;
	background: #222;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
	box-shadow: inset 0 1px 9px #0E0E0E;
	border-top: 0;
	border-left: 0;
	border-radius: 4px;
	padding: 5px 10px;
}

#commentform label small {
	font-size: 13px;
}

#commentform label small span {
	color: #b2b2b6;
	max-width: 100%;
}

#commentform textarea {
	width: 96%;
	background: #222;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
	box-shadow: inset 0 1px 9px #0E0E0E;
	border-top: 0;
	border-left: 0;
	border-radius: 4px;
	padding: 20px;
	color:#fff;
}

.children {
	list-style-type: none;
	margin-left: 60px;
	clear: both;
}

.commentlist .children li {
	margin: 10px 20px;
}

.avatar {
	background: #fff;
	border-radius: 2px;
	padding: 2px;
	background: url(./images/bg-btn-blue.gif);
}

.comment .avatar {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	border-radius: 4px;
	height: 55px;
	width: 55px;
}

.comment-meta,.comment-meta a,.children .comment-meta a {
	border-bottom: none;
	color: #555;
	font-size: 11px;
	line-height: 18px;
	margin-bottom: 15px;
	text-transform: capitalize;
}
.comment-content{
	background: #EEE;
	overflow: hidden;
	padding: 20px;
	border-radius: 4px;
	box-shadow: 1px 1px 2px #888;
}
.comment-body {
	font-size: 12px;
}

.comment-author {
	color: #333;
	font: bold 13px/15px 'PT Sans', Helvetica, Arial, sans-serif;
	font-style: normal;
	margin-bottom: 5px;
	margin-right: 5%;
}

.comment-author cite {
	font-style: normal;
	color: #C01500;
}

.comment-author a {
	border-bottom: 1px dotted #333;
}

.comment-author a:hover {
	border-bottom: none;
}

.nocomments {
	text-align: center;
	margin-left: 120px;
	padding: 0 20px 20px;
}

.comment-body ul {
	list-style-type: disc;
}

.comment-body ol {
	list-style-type: decimal;
}

.post .comment-body p {
	padding: 0;
	margin: 0 0 10px;
}

#respond h3 {
	font-size: 22px;
	margin-bottom: 15px;
}

.commentlist #respond {
	background-image: none;
	margin-left: 0;
}

.page-navigation,.single-page-navigation {
	background: transparent url(images/bg-navigation.gif) 0 0 repeat-x;
	padding: 27px 0 45px;
}

.page-navigation a,.single-page-navigation a {
	color: #555;
	border-bottom: none;
	display: inline-block;
	padding: 1px 4px 0;
}

.page-navigation a:hover,.single-page-navigation a:hover {
	color: #222;
}

.page-navigation .nav-next {
	float: left;
}

.page-navigation .nav-previous {
	float: right;
}

.single-page-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.single-page-navigation .nav-previous {
	float: left;
	width: 50%;
}

.author .reply,.author .date,.author .name{
	display: inline;
}
.author .name{
	text-transform: capitalize;
	font-size: 14px;
	color: #333;
}
.author .reply{
	float: right;
	font-size: 12px;
	text-transform: lowercase;
	text-align: right;
}
.author .date{
	text-transform: lowercase;
	color: #666;
	font-size: 12px;
	margin-left: 5px;
}
#comments h6 {
	font-size: 22px;
	text-transform: none;
}
.singlecomment{
	overflow: hidden;
}
#commentform input[type="submit"] {
	border: none;
	display: inline-block;
	position: relative;
	cursor: pointer;
	background: url(img/btn.png);
	font: 700 15px/17px 'PT Sans', Arial, Helvetica, sans-serif;
	color: white;
	text-shadow: 0 1px 1px #222;
	box-shadow: inset 0 1px 6px #A71A1A;
	padding: 12px 16px;
	border-radius: 4px;
	display: inline-block;
}
#commentform input[type="submit"]:hover{
	background: url(img/btn-hover.png);
	color: #fff;
}
.form-allowed-tags{
	display: none;
}
#commentform .comment-form-author input{
	font-size:14px;
}
#respond{
	background: #383838;
	border-radius: none;
	padding: 15px 30px;
}
.comment-notes{
	display: none;
}

.date-reply > a:first-child{
	float: left;
	margin: 9px 15px 0 65px;
	font-size: 11px;
	color: #888;
}
.date-reply .reply a{
	color: #C01500;
	font-size: 11px;
	text-decoration: underline;
}

#reply-title {
	display: none;
}

.comment-notes {
display: none!important;
}
.comment-form-url {
display: none!important;
}
.comment-form-comment {
width: 100%;
}
.form-allowed-tags {
display: none!important;
}


/*===============================
	10. M E D I A Q U E R I E S
/*=============================*/

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	.row{
		padding:0 10px;
	}

	.content{
		min-width:960px;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.row{
		padding:0 10px;
	}

	.content{
		min-width:960px;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.row{
		padding:0 10px;
	}

	.content{
		min-width:960px;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

.row{
		padding:0 10px;
	}

	.content{
		min-width:960px;
	}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	.row{
		padding:0 10px;
	}

	.content{
		min-width:960px;
	}

}




/*==========================
	11. H E L P E R S
/*=========================*/
/* For image replacement */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.ir br {
	display: none;
}

/* Hide from both screenreaders and browsers:  h5bp.com/u */
.hidden {
	display: none !important;
	visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders:  h5bp.com/v */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard:  h5bp.com/p */
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
}

/* Contain floats:  h5bp.com/q */
.clearfix:before,.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}


/*==========================
	12. P R I N T  S T Y L E S
/*=========================*/
@media print {
	* {
	background: transparent !important;
	color: black !important;

	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	filter: none !important;
	}
	
	/* Black prints faster:  h5bp.com/s */
	a,a:visited {
		text-decoration: underline;
	}
	
	a[href]:after {
		content: " (" attr(href) ")";
	}
	
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
		content: "";
	}
	
	/* Don't show links for images, or javascript/internal links */
	pre,blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	
	thead {
		display: table-header-group;
	}
	
	/* h5bp.com/t */
	tr,img {
		page-break-inside: avoid;
	}
	
	img {
		max-width: 100% !important;
	}
	
	@page {
		margin: 0.5cm;
	}
	
	p,h2,h3 {
		orphans: 3;
		widows: 3;
	}
	
	h2,h3 {
		page-break-after: avoid;
	}
}

a#earthquake-appeal-trigger{
	display: none;
}

.modal#earthquake-appeal-modal .content {
  width: 600px;
  /*left: 31%;*/
}

.postid-7279 article.post ul li{
	margin-bottom:10px;
}

.modal#earthquake-appeal-modal .content p {
  margin-bottom:10px;
}


{box-sizing: border-box;}

/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
  background-color: #555;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 23px;
  right: 28px;
  width: 280px;
}