* Custom NYSTY Jewel Theme Styles *

@font-face {
  font-family: 'ProximaNova-Regular';
  font-style: normal;
  font-weight: 300;
  src: local('ProximaNova'), local('ProximaNova-Regular'), url(https://www.nycharities.org/app/nysty/css/fonts/ProximaNova-Regular.woff) format('woff');
}

@font-face {
  font-family: 'ProximaNova-Bold';
  font-style: normal;
  font-weight: 400;
  src: local('ProximaNova'), local('ProximaNova-Bold'), url(https://www.nycharities.org/app/nysty/css/fonts/ProximaNova-Bold.woff) format('woff');
}

@font-face {
  font-family: 'ProximaNova-Semibold';
  font-style: normal;
  font-weight: 400;
  src: local('ProximaNova'), local('ProximaNova-Semibold'), url(https://www.nycharities.org/app/nysty/css/fonts/ProximaNova-Semibold.woff) format('woff');
}

@font-face {font-family: 'EvelethSlantRegular';src: url('https://www.nycharities.org/app/nysty/css/fonts/2CAC55_F_0.eot');src: url('https://www.nycharities.org/app/nysty/css/fonts/2CAC55_F_0.eot#iefix') format('embedded-opentype'),url('https://www.nycharities.org/app/nysty/css/fonts/2CAC55_F_0.woff2') format('woff2'),url('https://www.nycharities.org/app/nysty/css/fonts/2CAC55_F_0.woff') format('woff'),url('https://www.nycharities.org/app/nysty/css/fonts/2CAC55_F_0.ttf') format('truetype');}

body {
    background-color: #f6f6f6;
    color: #787878;
    color: #454545;
    font-family: "ProximaNova-Regular", helvetica, sans-serif;
    font-size: 20px !important;
    font-weight: 300;
    line-height: 1.5em;
}

a, a:visited {
	color: #dd3449;
	}

h3, h4, h5, h6 {
	color: #003462;
    font-family: "ProximaNova-Bold", helvetica, sans-serif;
}

h1 {
	color: #FFFFFF;
    font-family: "EvelethSlantRegular";
    font-size: 30px;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 14px;
}

h2 {
	color: #003462;
    font-family: "EvelethSlantRegular";
}

strong {
	color: #003462;
}

#content ul {
    list-style-position: outside;
    list-style-type: square;
    margin-left: 5px;
    padding-left: 15px;
}

body #wrap {
	padding-top: 90px !important;
}

#logo {
    display: block;
    padding: 5px 0;
}

#logo img {
	max-width: 205px;
}

#header {
    height: 80px;
	padding-top: 5px;
}

#header.stuck {
	height: 70px;
}

#header.stuck #logo {
	display:none;
    padding: 7px 0;
}

#sticky-logo {
	display:none;
}

#header.stuck #sticky-logo {
    display: block;
    padding: 7px 0;
}

#header.stuck .sf-menu > li > a, #header.stuck .sf-menu > li.dropdown > a {
    padding: 25px 0;
}

#page-header {
    background: none no-repeat scroll center top / cover rgba(0, 0, 0, 0);
    height: 649px;
    margin-bottom: 90px;
    min-height: 270px;
}

.sf-menu {
	clear: both;
}

.sf-menu > li {
	margin-right: 9px;
}

.sf-menu a, .sf-menu a:visited, sf-menu a:visited:hover {
    border: 0px solid #6dcff6;
    color: #323232;
    font-family: "ProximaNova-Regular", helvetica, sans-serif;
}

.sf-menu > li > a, .sf-menu > li.dropdown > a {
padding: 30px 0 30px 0;
}

.sf-menu > li.current > a span:before, .sf-menu li.sfHover > a span:before, .sf-menu a:hover span:before, .sf-menu li.sfHover a:hover span:before, .sf-menu > li.current-menu-item a span:before, .sf-menu > li.current-menu-ancestor a span:before {
	border-color: none;
    color: #323232;
}

.sf-menu > li > a span:before {
	border: 0 none;
}

.sf-menu > li > a span:after {
    background-color: transparent;
}

.sf-menu > li > a:hover, .sf-menu > li > a span:hover, .sf-menu > li.current > a span, .sf-menu li.sfHover > a span, .sf-menu a:hover span, .sf-menu li.sfHover a:hover span, .sf-menu > li.current-menu-item > a span, .sf-menu > li.current-menu-ancestor > a span {
    background-color: transparent;
    color: #dd3449;
}

.sf-menu > li#menu-item-23 > a span, 
.sf-menu > li#menu-item-23 > a span:after,
#mobile-menu > li#menu-item-23,
#mobile-menu > li#menu-item-23 > a span, 
#mobile-menu > li#menu-item-23 > a span:after {
    background-color: #dd3449;
    border-color: none;
    color: white;
}

.sf-menu li.dropdown ul li a {
    transition: none 0s ease 0s ;
}

.sf-menu li.dropdown ul li a:after {
    background-color: #ffffff;
    position: absolute;
    transition: none 0s ease 0s ;
}

.sf-menu li.dropdown ul li a:hover:after{ 
    background-color: #ffffff;
}

.menu-social-menu-container {
	float: right;
	margin-right: 9px;
	margin-top: 10px;
}

#header.stuck .menu-social-menu-container {
	display:none;
}

.menu-social-menu-container ul {
	list-style: outside none none;
	list-style-type: none;
	margin-bottom: 0;
}

.menu-social-menu-container ul li {
	float: left;
   	margin-bottom: 0px;
}

.menu-social-menu-container ul li a {
	background-image: url(../images/social_follow_sprite_16.png);
	background-repeat: no-repeat;
	display:block;
	height: 16px;
	margin-right: 5px;
	opacity: 0.8;
    text-indent: -9999em;
	width: 16px;
}

.menu-social-menu-container  ul li.pinterest a{
	margin-right: 0;
}

.menu-social-menu-container  ul li.facebook a {  background-position:  -20px 0 ; 
	width: 17px; }

.menu-social-menu-container  ul li.twitter a {  background-position: -62px 0; }

.menu-social-menu-container  ul li.instagram a {  background-position: 0 0; } 

.menu-social-menu-container  ul li.pinterest a {  background-position: -41px 0; }

ol {
}

ol li {
	margin-left: 1.5em;
	list-style-position: outside;
	margin-bottom:6px;
}

select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
	float: left;
}

select {
	height: auto;
	margin-left: 10px;
}

input[type="radio"] {
	margin: 8px 0 0px;
}

label span {
	color: #454545;
}

span.wpcf7-list-item-label {
	margin-left:1em;
}

#wpcf7-f402-p19-o1 {
	padding: 40px;
	background: #f9f9f9;
	border: 1px solid #ccc;
}

#wpcf7-f402-p19-o1 input.wpcf7-form-control.wpcf7-text {
	background: #fefefe;
}

.donate-text, .donation-amount, .recurring {
	clear:none;
	float: left;
}

.donate-text {
	line-height: 2.5em;
	margin-left: 5em;
}

.donation-amount {
	width: 100px;
}

span.wpcf7-list-item {
		margin-left: 5em;
		display: block;
}

.donation-designation-wrapper {
	clear: both;
	padding-top: 30px;
}

.donation-designation {
		display: block;
		clear: both;
		float: left;
}

.nine-twelve-gp-text {
		display: block;
		clear: both;
		float: left;
		font-size: 12px;
		margin-left: 10em;
}

.additional-information {
	clear: both;
	padding-top: 30px;
}

.gift-type-text {
	float: left;
}

.matching-gift  {
	clear: both;
	padding-top: 50px;
	}

hr {
	clear:both;
}

#content {
    position: relative;
    top: 22px;
}

.fullwidth-section {
    overflow: visible;
}

.nfw-row {
    width: 1170px;
    width: 940px;
}

.nfw-row-narrow {
    width: 600px;
}

.nfw-row-semi-narrow {
    width: 940px;
}

.home .nfw-row {
    max-width: 1170px;
    width: 100%;
}

.home .fullwidth-section > .nfw-row {
    width: 100%;
    max-width: none;
}

#header .nfw-row, #footer .nfw-row, #footer-bottom .nfw-row {
    max-width: 1170px;
    width: 100%;
    
}

.top-row {
	background-position: center center;
	background-size: cover !important;
	color: #ffffff;
    height: 600px;
    max-height: 476px;
}

.home .top-row {
    height: auto;
    margin-bottom: 0;
    max-height:none;
    max-width: none;
    width: 100%;
}

.top-row h1, .top-row p {
	text-shadow: 0 1px 5px rgba(24, 24, 24, 0.6);
}

.home .top-row .wpb_text_column {
    background: none repeat scroll 0 0 rgba(0, 52, 98, 0.45) !important;
	margin: -30% auto 0;
	position: absolute;
    width: 100%;
    z-index: 50;
}

.vc_custom_1424883616077 {
	
}

.home .top-row .wpb_text_column .wpb_wrapper {
	margin: 0 auto;
	max-width: 680px;
	padding: 20px 0;
}

.home-row-video {
	background: none repeat scroll 0 0 rgba(136, 205, 242, 0.45) !important;
	margin-bottom: 0;
	padding-top: 70px;
	position: relative;
}

.wpb_content_element.home-video {
    margin: 0 auto;
    max-width: 1280px;
}

.row-home-our-journey .wpb_text_column {
	margin-bottom: 0;
}

.row-home-our-journey h2 {
	color: #003462;
    font-family: 'EvelethSlantRegular', helvetica, sans-serif;
	font-size: 35px;
}

.row-home-our-journey .portfolio-filter {
	display:none;
}

.row-home-our-journey .portfolio-item-description a {
	display:none;
}

.page-id-13 .top-row {
	max-height: 500px;
}

.portfolio-grid .item {
    width: 25%;
}

.headline {
    font-size: 16px;
    margin: 65px 0 50px;
    position: relative;
    text-align: center;
}

.headline:before, .headline:after {
    border: 0 solid #6dcff6;
}

.headline h2:before, .headline h2:after {
    border: 0 solid #6dcff6;
}

.page-id-261 .headline {
    font-size: 16px;
    margin: 65px auto 50px;
    position: relative;
    text-align: left;
    width: 60%;
}

.headline h2 {
    line-height: 1em;
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
}

.headline h1, .headline h2 {
	color: #003462;
    font-family: 'EvelethSlantRegular', helvetica, sans-serif;
}

.blue_text {
	color: #003462;
}

.red_text {
	color: #dd3449;
}

.portfolio-item-description {
    left: 55px;
    padding: 30px 10px;
    right: 55px;
    top: 40%;
}

.portfolio-item-description p {
	color: #003462;
	font-size: 16px;
    line-height: 1.25em;
    margin-bottom: 0px;
}



.milestone .milestone-content {
 	color: #003462;
}

.wpb_content_element .wpb_tabs_nav li a {
    border: 1px solid #003462 !important;
}

.wpb_content_element .wpb_tabs_nav li a::after {
    background-color: #003462;
}

.home .portfolio-item-description {
			font-size: 14px;
			left: 15px;
			padding: 20px 10px;
			right: 15px;
			top: 40%;
		}
		
		.home .portfolio-item-description h5 {
		    font-size: 14px;
    		line-height: 1em;
			margin-bottom: 5px;
		}
		
		.home .portfolio-item-description p {
			font-size: 12px;
			line-height: 1.25em;
			margin-bottom: 0;
		}
		
.page-id-13 .nfw-row	 {
			max-width: 1170px;
			width: 100%;
	}

.page-id-13 .nfw-row .nfw-row {
    width: auto;
}

.page-id-13 .nfw-span4 {
		margin-left: 1%; 
		width: 32%;
}

.page-id-13 h3 {
		color: #ffffff;
		font-family: 'EvelethSlantRegular', helvetica, sans-serif;
		font-size: 20px;
		line-height: 1em; 
		text-transform: uppercase;
}

.page-id-13 h4 {
	font-size: 13px;
   	line-height: 1em;
   	margin-bottom: 5px;
   	margin-top: -8px;
	text-align: left;
	text-transform: uppercase;
}

.page-id-13 .col-911-ar h4 {	padding-top: 21px;}

.page-id-13 .col-n9f h4 {	padding-top: 13px;}

.page-id-13 .col-hs h4 { padding-top:21px;}

.page-id-13 .education-area-column h4 { padding-top: 8px;}


.page-id-13 p, .page-id-13 li {
	color: #454545;
	font-size: 12px;
	line-height: 1.25em;
	text-align: left;
}
		
.page-id-13 .headline {		
		margin: 65px 0 10px;
}

.page-id-13 .headline p {
			color: #003462;
			 font-family: 'EvelethSlantRegular', helvetica, sans-serif;
			 font-size: 30px; 
			 line-height: 1em;
			margin-bottom: 0;
			padding-bottom: 0;
			position: relative;
			text-align: center;
		}
		
.page-id-13 .intro-text  {
			margin: 0 auto 25px;
			width: 75%;
		}
		
.page-id-13 .intro-text p {
			line-height: 1.25em;
			font-size:	22px;
}
		
.focus-areas-row .disaster-relief-main-column {
		width: 58.5%;
}

.focus-areas-row .education-arts-main-column {
		margin-left: 0;
		width: 40.5%;
}

.page-id-13 .nfw-span6  {
	 margin-left: 0;
	}

.nfw-span6.the-arts-area-column {
	 margin-left: 1%;
	}

.disaster-relief-heading-row {
		background: #003462;
}

.education-heading-row {
		background: #dc5061;
}

.arts-area-heading-column {
		background: #91bf47;
}

.disaster-relief-heading-row .wpb_content_element, .education-heading-row .wpb_content_element, .arts-area-heading-column .wpb_content_element {
	margin-bottom: 0px;
	padding: 22px 0;
}

.sponsor-slider .vc_carousel-slideline-inner {
	margin: 0 auto !important;
}

.chart-row {
	margin-top:-35px;
	padding-bottom: 100px;
}

.chart-row .wpb_text_column.wpb_content_element {
	margin-top: -50px;
}

.chart-index-col {
	margin-top: 50px;
}

.chart-row .icon-box-4  {
	margin-bottom: 20px; 
}

.chart-row .icon-box-4 .icon-box-content {
	margin-left: 30px;
}

.chart-row .icon-box-4 > i {
	color:  #f38630;
	font-size: 20px; 
	line-height: 1.5em;
}

.chart-row .icon-box-4:first-child > i {
	color: #003462;
}

.chart-row .icon-box-4:last-child > i {
	color: #dd3449;
}

#footer {
    background: none repeat scroll 0 0 #ffffff;
    color: #f9f9f9;
    padding: 0px 0 0px;
    position: relative;
    
}

#footer-bottom {
    background-color: #003462;
    color: #f9f9f9;
    padding: 30px 0;
}

#footer-bottom .textwidget {
    color: #ccc;
    font-size: 11px;
}

@media only screen and (max-width: 1145px) {
		
		.education-arts-areas-row img.aligncenter {
			width: 96%;
		}
		
		img.aligncenter.wp-image-332.size-full {
			width: auto;
		}
		
}

@media only screen and (max-width: 1024px) {
			
			body #wrap {
			padding-top: 0px !important;
		}
		
		.home .portfolio-item-description p {
			font-size: 11px;
			line-height: 1.25em;
			margin-bottom: 0;
		}
		
		#header {

		}
		
		#header #sticky-logo {
    		display: none;
		}
		
		#header .nfw-row, #footer .nfw-row,#footer-bottom .nfw-row {
			width: 100%;
		}
		
		.sf-menu > li > a, .sf-menu > li.dropdown > a {
			padding: 30px 0 0px 0;
		}
		
		.nfw-row {
			padding: 0 4%;
			top: 0;
			width: 92%;
		}
		
		.top-row .nfw-row {
			padding: 0;
		}
		
		.page-id-13 .focus-areas-row {
			width: 98%;
		}
		
		.nfw-span6.disaster-relief-main-column {
			margin-left: 1%;
		}
		
		.the-arts-heading-row {
			padding: 0;
		}
		
		.chart-row {
		padding-bottom: 100px;
	}

		
}

@media only screen and (max-width: 980px) {
		#mobile-menu-trigger {
			float: right;
			clear: both;
			margin-top: 21px;
		}
		
		.menu-social-menu-container {
		margin-right: 0px;
		}


}

@media only screen and (max-width: 768px) {

		body {
				font-size: 18px !important;
				font-weight: 300;
				line-height: 1.5em;
			}

		h1, h2 {
				font-size: 24px;
			}

		.fullwidth-section {
			overflow: visible;
		}
		
		.home .top-row {
			height: auto;
			max-height: none;
		}
		
		.nfw-row {
			margin: 0 4%;
			width: 92%;
		}

		#header .nfw-row, #footer .nfw-row, #footer-bottom .nfw-row {
			padding: 0;
			width: 100%;
		}
		
		.home .nfw-row {
    		width: 100%;
    		margin: 0;
		}
		
		#header .nfw-row {
			margin: 0 2%;
			width: 96%;
		}
		
		.home .top-row {
			height: auto;
			margin: 0;
			max-height: none;
    		width: 100%;
		}
		
		#header {
			
		}
		
		#header #logo img {
			
	}
	
	#header .nfw-span9 {
		width: 72.46808510638297%; 
		margin-left: 0; 
	}
	
	.menu-social-menu-container {
		display:none;
	}
		
		.home .top-row .wpb_content_element {
			margin-bottom: 0px;
		}
	
		.home .top-row .wpb_text_column {
    		background: none repeat scroll 0 0 rgba(0, 52, 98, .45) !important;
		}
		
		.home .top-row .wpb_text_column .wpb_wrapper {
			max-width: 100%
		}
		
		.home .top-row .wpb_text_column .wpb_wrapper p {
			margin: 0 auto;
			padding: 0 20px;
			}
			
		.home-main-slider #rev_slider_1_1_wrapper {
			left: 0 !important;
		}
		
		.home-row-video {
			padding-top: 35px;
		}
		
		.focus-areas-row {
			margin: 0 3%;
		}
		
		.nfw-span6.disaster-relief-main-column {
			margin-left: 0;
		}
		
		.focus-areas-row .disaster-relief-main-column {
			width: 96%;
		}
		
		.focus-areas-row .education-arts-main-column {
			width: 96%;
		}
		
		.disaster-relief-heading-row  {
			width: 95.5%;
			margin:0 auto;
		}
		
		.disaster-relief-areas-row {
			width: 100%;
			margin: 0 auto;
		}
		
		.page-id-13 .col-911-ar {
			margin-left: .5%;
		}
		
		.focus-areas-row .education-arts-main-column {
			width: 67%;
			margin: 0 auto;
			float: none;
		}
		
		img.aligncenter.wp-image-331.size-full {
			width: auto;
		}
		
		.page-id-13 .headline p {
			font-size: 24px;
		}
		
		.page-id-261 .headline {
			text-align: center;
			width: auto;
		}
		
		.chart-row .wpb_text_column.wpb_content_element {
			margin-top: -20px;
		}
		
		.chart-row .chart-col {
			float: none;
			margin-top: 20px;
			margin: 20px auto;
		}
		
		.chart-row .chart-col .alignright.wp-chart-wrap {
			float: none;
			text-align: center;
			margin: 0 auto !important;
		}
		
		.chart-row .chart-index-col {
			margin: 0px auto 0;
			float: none;
			width: 200px;
			padding-top: 10px;
			clear: both;
		}


}

@media only screen and (max-width: 736px) {

		.page-id-13 .nfw-span4 {
			float: left;
		}
		
		.page-id-13 .education-arts-main-column {
			float: none;
			margin: 0 auto;
			width: 67%;
		}
		
		.page-id-13 .education-arts-main-column .nfw-span6 {
			float: left;
			width: 48.93617021276595%;
}

@media only screen and (max-width: 568px) {
		.home .top-row .wpb_text_column {
			margin: -40% auto 0;
		}


}

@media only screen and (max-width: 480px) {


		
		#header {
			
		}

		#logo img {
			
		}

		.home .vc_custom_1424883616077 {
			padding: 5px 0 !important;
		}
		
		.home .top-row .wpb_text_column {
			margin: -70% auto 0;
		}
		
		.home .top-row .wpb_text_column .wpb_wrapper {
			padding: 5px 0;
		}
		
		.home .portfolio-item-description {
			font-size: 14px;
			left: 2px;
			margin-top: -20px;
			padding: 2px 0px;
			right: 2px;
			top: 40%;
		}
		
		.home .portfolio-item-description h5 {
			font-size: 12px;
		}
		
		.home .portfolio-item-description p {
			font-size: 9px;
			display:none;
			}
		
		.top-row {
			height:300px;
			max-height: 300px;
		}
		
		.top-row.vc_custom_1426087383708 {
			background-position: right top;
		}
		
		.top-row p {
			line-height: 1.25em;
		}
		
		.disaster-relief-areas-row .nfw-span4 {
			float: none;
			width: 70%;
			border-bottom: 1px solid #ccc;
			margin-bottom: 25px;
			margin: 0 auto 40px;
		}
		
		.page-id-13 .education-arts-main-column {
			float: none;
			margin: 0 auto;
			width: 90%;
		}
		
		img.aligncenter.wp-image-332.size-full {
			width: 76%;
		}
		
		.wpb_tabs .wpb_tabs_nav li {
			margin-bottom: 10px !important;
			margin-right: 10px !important;
		}
		
		select {
			margin-left: 0;
		}
		
		span.wpcf7-list-item {
			margin-left: 3em;
		}
		
		
		.donate-text{
			margin-left: 0em;
		}
		
		.nine-twelve-gp-text {
			font-size: 11px;
			margin-left: 0;
		}
		
		.wpcf7-submit {
			padding: 6px;
		}

}

@media only screen and (max-width: 320px) {

			#mobile-menu-trigger {
				top: 0px;
			}
			
			ul#mobile-menu.fixed {
				margin-top: 20px;
			}
			
		.home .top-row .wpb_text_column {
			margin: -80% auto 0;
		}
}