/*
Theme Name: Free Arts NYC
Theme URI: http://yellowlionmedia.com
Author: Yellow Lion Media
Author URI: http://yellowlionmedia.com
Description: Custom WordPress theme for Free Arts NYC
Version: 1.0.0
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Client Brand Colors
# Normalize
# Header
# Menu
# Home
# Page and Post
# Page Specific Content
    # Our Partners
    # Free Arts Days
    # Community Partners
    # Staff
    # Financials
    # Teen Arts Program
    # Corporate Volunteering
    # Jobs & Internships
    # Donate Now
    # Supporters
    # Mission
    # Our Latest
    # Events
    # Programs
    # Board
    # Video
# Sidebar
# Alignments
# Responsive Video Wrappers
# Footer
# Vendor Specific
# Responsive (iphone/android)
# Desktop Only
    # Our Latest
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Client Brand Colors

* blue: #1574BA;
* orange: #r3r3r3;
* gray: #A0A09F;
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}
body {
    margin: 0;
    padding:0;
    /* background:#E6E5E5; */
    font-family: 'Montserrat', sans-serif;
}
ul {
    margin:0;
    padding:0;
}
.wrap {
    width:980px;
    background:white;
    display:table;
    margin:0 auto;
}
.container {
    width:800px;
    margin:0 auto;
}
.desktopno {
    display:none;
}
.overlay-image {
    display: block;
    position: relative;
}
.image-overlay {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.5) inset;
    transition:opacity 0.4s;
    -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition:opacity 0.4s;
}
.overlay-image:hover .image-overlay {
    opacity: 1;
}
.bold {
    font-weight:900;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header#main {
    float:left;
    width:980px;
    position:fixed;
    height:170px;
    padding:0;
    background:white;
    z-index: 999;
    margin-top: none !important;
    padding-top: 22px !important;
}
header#main #logo {
    float:none;
    width:auto;
    margin:0 auto;
    display:table;
}
header#main #logo a img {
    width: 260px;
    height: 122px;
    padding-top: 20px;
}
header#main #donate_now {
    float:right;
    width:auto;
    top:-75px;
    left: -85px;
    position:relative;
    margin:0 7px 0 0;
    background:#1574BA;
    border:2px solid white;
    -webkit-box-shadow: 2px 2px 2px 2px #ccc;
    -moz-box-shadow: 2px 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px 2px #ccc;
    padding:5px 26px;
}
header#main #donate_now a {
    text-align:center;
    padding:0;
    text-decoration:none;
    color:white;
    text-transform:uppercase;
}
header#main #donate_now a:hover {
    background:none;
}
header#main #donate_now:hover {
    background-color:#EA5A42;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    -ms-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

/* jerm add 190408 */

#join_now {
    float: right;
    width: auto;
    top: -75px;
    left: -85px;
    position: relative;
    margin: 0 7px 0 0;
    background: #1574BA;
    border: 2px solid white;
    -webkit-box-shadow: 2px 2px 2px 2px #ccc;
    -moz-box-shadow: 2px 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px 2px #ccc;
    padding: 5px 26px;
}

/* jerm add 191126 */
#review {
    background: #1574BA;
    position: fixed;
    width: 100%;
    z-index: 9999;
    color: #fff;
    text-align: center;
	visibility:hidden;
}
#review:after {
    clear: both;
    display: block;
    content: '';
}
#review a {
    padding: 4px;
    margin: 0;
    color: #fff;
    text-decoration: none;
    display: block;
}
#review a:hover {
    background: #28a4ff;
} /*end 191126*/


/*--------------------------------------------------------------
# Menu
---------------------------------------------------------------*/
.mobilemenubars {
    background:black;
    height:4px;
    margin:0 0 5px 0;
    width:24px;
    float:right;
}
#menu_close {
    display:none;
}
#menu_btn {
    background:white;
    width:31px;
    height:4px;
    float:right;
    display:none;
    margin:0;
    top:24px;
    right:15px;
    position:absolute;
}
header#main #menu {
    float:left;
    width:100%;
    margin:-20px 0 0 0;
    padding:0;
}
header#main #menu ul li:nth-child(1) {
    width:200px
}
header#main #menu ul li:nth-child(2) {
    width:95px;
	margin-right:140px;
}
header#main #menu ul li:nth-child(3) {
    width:124px;
}
header#main #menu ul#primary-menu > li:nth-child(4) {
    padding:0;
    float: right;
}
header#main #menu ul#primary-menu > li:nth-child(4) a {
    /* color: #939391; */
    cursor: pointer;
}
header#main #menu ul li a {
    color:black;
    text-transform:uppercase;
    text-decoration:none;
    font-weight:450;
}
header#main #menu ul li a:hover {
    color: #1574BA !important;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}
header#main #menu ul {
    position:relative;
    float:none;
    width:796px;
    margin:0 auto;
    display:table;
    border-bottom:2px solid #1574BA;
	border-top:2px solid #1574BA;
	background:white;
	padding: 2px;
    list-style:none;
}
header#main #menu ul li {
    position:relative;
    float:left;
    height:auto;
}
header#main #menu ul ul {
    display:none;
    position: absolute;
    top:83%;
    width:200px;
    left:-70px;
    padding-right: 10px;
    background:white;
    border: none;
}
header#main #menu ul ul li {
    float:left;
    /*width:100% !important;
    margin:0;*/
    padding:0;
    /*display:inline;*/
    height:auto;
}
header#main #menu ul ul li a {
    color: black;
    text-align:center;
    float:left;
    width:100%;
    padding:5px;
    margin:0;
    font-size:15px;
    font-weight: 400;
    text-transform:uppercase;
	background: #fff;

}
/* keep current menu item blue */
header#main #menu ul li.current-menu-item > a {
    color: #1574BA;
}
header#main #menu ul li:hover > ul {
    display:block;
}
/* third level */
header#main #menu ul ul li ul, header#main #menu ul ul li:hover > ul {
    left:210px;
    top:-13px;
}
/* change mouse cursor to default over links with no children */
ul#primary-menu > li.menu-item-has-children > a {
    cursor: default;
    color: black !important;
}
ul#primary-menu > li.menu-item-has-children > a:hover {
    color: #939391 !important;

}

/*--------------------------------------------------------------
# Home
---------------------------------------------------------------*/
#home_slider {
    float:left;
    width:100%;
    margin:13px 0 13px 0 !important;
}
#home_ctablocks {
    float:left;
    width:100%;
}
#home_ctablocks .row {
    float:left;
    width:100%;
    margin:0 0 20px 0;
}

/* homepage only */
.home #home_ctablocks .row {
    margin:0 0 13px 0;
}

.home #home_ctablocks .row .item {
    width:32.53%;
    float:left;
}
#home_ctablocks .row .item {
    width:32.53%;
    float:left;
}
#home_ctablocks .row .item {
}

/*--------------------------------------------------------------
# Home
---------------------------------------------------------------*/
#home_slider {
    float:left;
    width:100%;
    margin:13px 0 13px 0 !important;
}
#home_ctablocks {
    float:left;
    width:100%;
}
#home_ctablocks .row {
    float:left;
    width:100%;
    margin:0 0 20px 0;
}

/* homepage only */
.home #home_ctablocks .row {
    margin:0 0 13px 0;
}

.home #home_ctablocks .row .item {
    width:32.53%;
    float:left;
}
#home_ctablocks .row .item {
    width:244px;
    float:left;
}
#home_ctablocks .row .item a {
    position: relative; display: block;
}
/* homepage only */
.home #home_ctablocks .row .item a {
    /* border: 1px solid #fff; */
}
#home_ctablocks .row .item .hover_text {
    display:none;
    background: rgba(47, 46, 46, 0.6);
    color:white;
    text-align:center;
    position:absolute;
    top: 43px;
    bottom: 0;
    left: 0;
    right: 0;
    font: 0/0 a; /* zero out the font, get rid of spacing between inline block elements */
}
#home_ctablocks .row .item:hover .hover_text {
    display:block;
    -webkit-animation: fadeIn .5s;
    animation: fadeIn .5s;
}
/* create a nudge that is 100% height, so the span inside is vertically aligned */
#home_ctablocks .row .item .hover_text:before {
    content: ' ';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
#home_ctablocks .row .item .hover_text span {
    display: inline-block;
    vertical-align: middle;
    font: 18px/1  'Montserrat', sans-serif; /* reset the font property so it doesn't inherit 0 from parent */
    padding: 0 15px;
}
#home_ctablocks .row .item img {
    /* border: 1px solid rgba(47, 46, 46, 1); */
    vertical-align: middle; /* remove gaps at bottom of inline image */
	width:100%; /*makes images go to edge of the menu*/
}
/* homepage only */
.home #home_ctablocks .row .item img {
    /* border: 1px solid rgba(47, 46, 46, 1); */
    vertical-align: middle; /* remove gaps at bottom of inline image */
    width: 100%;
    height: auto;
}

/* homepage only */
.home #home_ctablocks .row .item:nth-child(2), .home #home_ctablocks .row .item:nth-child(3) {
    float:left;
    margin:0 0 0 1.2%;
}
#home_ctablocks .row .item:nth-child(3) {
    float:right;
}
#home_ctablocks .row .item:nth-child(2) {
    float:left;
    margin:0 0 0 35px;
}
/*
#home_ctablocks .row .item:nth-child(3) {
    float:right;
}
*/
#home_ctablocks .row .item h3 {
    /* float:left; */
    width:100%;
    text-align:center;
    color:#1574BA;
    font-size:14px;
    text-transform:uppercase;
    margin:0 0 5px 0;
    font-weight: 500;
}


/* homepage only */
.home #home_ctablocks .row .item h3 {
    text-transform: none;
    font-size:17px;
    font-weight: 400;
	display: none;
}

/* add black border around a to z block only */
.home #home_ctablocks .row .item a.a-z-block {
    border: 1px solid #000;
}
.home #home_ctablocks .row .item a.a-z-block {
   /*  padding-top: 1px; */
}
/* add white border around others so they align */
/*
.home #home_ctablocks .row .item img {
    border: 1px solid #fff;
}
*/


/*--------------------------------------------------------------
# Page and Post
--------------------------------------------------------------*/
page, post {
    margin:175px 0 0 0;
    float:left;
    width:100%;
}

.prev-posts-link {float: left;}
.next-posts-link {float: right;}
.prev-next-arrows {margin: 20px auto;}

page #content, post #content {
    width:800px;
    margin:0 auto;
}
page #content #featured_image, post #content #featured_image {
    float:left;
    width:100%;
    margin:20px 0 10px 0;
}
page #content #wp_content, post #content #wp_content {
    float:left;
    width:100%;
    margin:0 0 30px 0;
}
page #content p, post #content p {
    color:black;
    font-size:17px;
    line-height: 106%;
    font-weight: 400;
}
page #content p a, post #content p a {
    color:#1574BA;
    font-size:15px;
}
page #content h1, post #content h1 {
    color:#1574BA;
    font-size:32px;
}
page #content h2, post #content h2 {
    color:#1574BA;
    font-size:24px;
}
page #content h3, post #content h3 {
    color:black;
    font-size:18px;
	font-weight: 200;	
}
page #content h4, post #content h4 {
    color:#1574BA;
    font-size:16px;
}
page #content ul, post #content ul {
    font-size: 15px;
    font-weight: 400;
}

/*----------------------------------------------------
# Page Specific Content
--------------------------------------------------------------*/

/* # Our Partners */
#our_partners_blocks {
    float:left;
    width:100%;
}
#our_partners_blocks .row {
    float:left;
    width:100%;
    margin:0 0 20px 0;
}
#our_partners_blocks .row .item {
    width:244px;
    float:left;
}
#our_partners_blocks .row .item:nth-child(2), #our_parters_blocks .row .item:nth-child(5) {
    float:left;
    margin:0 0 0 35px;
}
#our_partners_blocks .row .item:nth-child(3), #our_partners_blocks .row .item:nth-child(6) {
    float:right;
}
#our_partners_blocks .row .item h3 {
    width:100%;
    text-align:center;
    color:#1574BA;
    font-size:14px;
    text-transform:uppercase;
    margin:0 0 10px 0;
    font-weight: 500;
}
#our_partners_blocks .row .item img {
    vertical-align: middle;
}

/* Free Arts Days */

#free_arts_days_blocks {
    float:left;
    width:100%;
    margin-bottom: 30px;
	margin-top: 10px;
}
#free_arts_days_blocks .row {
    float:left;
    width:100%;
}
#free_arts_days_blocks .row .item {
    width:184px;
    min-height: 175px;
    padding: 8px 5px 5px 5px;
    float:left;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    overflow: hidden;
}
#free_arts_days_blocks .row .item:nth-child(2), #free_arts_days_blocks .row .item:nth-child(3) {
    float:left;
    margin:0 0 0 8px;
}
#free_arts_days_blocks .row .item:nth-child(4) {
    float:right;
}

#free_arts_days_blocks .row .item h4 {
    margin: 15px 0 0 0;
}
#free_arts_days_blocks .row .item h4 p {
    /* font-weight: bold; */
    font-size: 20px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 21px;
}
#free_arts_days_blocks .row .item p {
    margin: 0;
}

/*  Free Arts Days  column 1 */
#free_arts_days_blocks .row .item:first-child {
    background-color: #fff;
	box-shadow: 0 0 0 3px #b2ddf1 inset;
}
#free_arts_days_blocks .row .item:first-child h4 p {
    color: #1574BA;
}
#free_arts_days_blocks .row .item:first-child p.fad-p {
    color: #1574BA;
    padding: 10px 5px 0 5px;
}


/* Free Arts Days column 2 */
#free_arts_days_blocks .row .item:nth-child(2) {
	background-color: #fff;
	box-shadow: 0 0 0 3px #e686b4 inset;
}
#free_arts_days_blocks .row .item:nth-child(2) h4 {
    margin-top: 0;
}
#free_arts_days_blocks .row .item:nth-child(2) h4 p {
    color: #8F297D;
}
#free_arts_days_blocks .row .item:nth-child(2) p.fad-p{
    color: #8F297D;
    margin-top: 0;
    padding: 6px 5px 0 5px;

}


/* Free Arts Days  column 3 */
#free_arts_days_blocks .row .item:nth-child(3) {
	background-color: #fff;
	box-shadow: 0 0 0 3px #bcd854 inset;
}
#free_arts_days_blocks .row .item:nth-child(3) h4 p {
    color: #358824;
}
#free_arts_days_blocks .row .item:nth-child(3) p.fad-p {
    color: #358824;
    padding: 10px 5px 0 5px;

}

/* Free Arts Days  column 4 */

#free_arts_days_blocks .row .item:nth-child(4) {
 	background-color: #fff;
	box-shadow: 0 0 0 3px #f05523 inset;
}
#free_arts_days_blocks .row .item:nth-child(4) h4 {
    margin-top: 0;
}
#free_arts_days_blocks .row .item:nth-child(4) h4 p {
    color: #EC883D;
}
#free_arts_days_blocks .row .item:nth-child(4) p.fad-p {
    color: #EC883D;
    padding: 10px 5px 0 5px;

}

/* sponsor button */


#fad-sponsor-button {
   /*  margin:0 7px 0 0; */
    background:#1574BA;
    border:2px solid white;
    -webkit-box-shadow: 2px 2px 2px 2px #ccc;
    -moz-box-shadow: 2px 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px 2px #ccc;
    padding:5px 26px 4px 26px;
    display: inline-block;
}
#fad-sponsor-button a {
    text-align:center;
    padding:0;
    text-decoration:none;
    color:white;
    text-transform:uppercase;
}
#fad-sponsor-button a:hover {
    background:none;
}
#fad-sponsor-button:hover {
    background-color:#EA5A42;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}
#fad-bottom {
    text-align: center;
}
#fad-bottom p {
    margin-right:0;
}
#fad-bottom a {
    margin-right: 20px;
}


/* # Community Partners */
.page-id-10 page #content ul {
    margin: 0 0 0 30px;
}
.page-id-10 page #content ul ul {
    margin-top: 3px;
}
.page-id-10 page #content ul li {
    margin-bottom: 3px;
}

#community_partners_blocks .row .item {
    float: left;
    width: 49%;
}

#community_partners_blocks .row .item:nth-of-type(2) {
    margin-left: 2%;
}

/* # Staff */
.page-id-17 page #content h3 {
    font-size: 15px;
    margin: 27px 0 10px 0;
}
.page-id-17 page #content a[href^="mailto"] {
    color: #414141;
}


#staff-blocks .row {width: 100%;}
#staff-blocks .row .item {width: 50%; float: left;}

/* # Financials */
.page-id-21 page #home_ctablocks .row .item img {
    border: 0;
    vertical-align: middle;
}
.page-id-21 page #home_ctablocks .row {
    margin: 0 0 40px 0;
}

/* # Teen Arts Program */
.page-id-25 page #content h3 {
    font-size: 15px;
    margin: 35px 0 10px 0;
}

.teen-arts-block {
    border: 3px solid transparent;
    padding: 10px 15px 15px 10px;
    margin-bottom: 20px;
}

#teen-arts-blocks .teen-arts-block p {
    line-height: 19px;
}

.teen-arts-block p:first-child {
    margin-top: 0;
}

.teen-arts-block p:last-child {
    margin-bottom: 0;
}

.teen-arts-block.block-4 {
    border-color: #f05523 !important;
}

/* # Corporate Volunteering */
.page-id-29 page #content h3 {
    font-size: 15px;
    margin: 20px 0 0 0;
}
.page-id-29 page #content p {
    margin-top: 5px;
}
.page-id-29 page #content ul {
    margin: 5px 0 15px 30px;
}

/* # Jobs & Internships */
.page-id-31 page #content h3 {
    font-size: 15px;
    margin: 20px 0 0 0;
}
.page-id-31 page #content ul {
    margin: 0 0 0 30px;
}
.page-id-31 page #content ul ul {
    margin-top: 3px;
}

/* # Donate Now */
.donate_now .eighty_wrap {
    margin:0 auto;
    width:87%;
}
.donate_now #intro_text {
    float:left;
    padding:10px 0;
    margin:0 0 10px 0;
    border-top:2px solid #ccc;
}
.donate_now #intro_text p {
    width:80%;
    margin:0 auto;
    font-size:20px;
    line-height:22px;
    display:table;
}
.donate_now #three_block {
    float:left;
    width:100%;
    /* border-bottom:2px solid #ccc; */
    padding:0 0 10px 0;
}
.donate_now #three_block .item {
    float:left;
    width:46%;
}
.donate_now #three_block .item img {
    width:100%;
    height:auto;
}
.donate_now #three_block .item:nth-child(2) {
    margin:0 0 0 44px;
}
.donate_now #three_block .item:nth-child(3) {
    float:right;
}
.donate_now #under_block_cta {
    float:left;
    width:100%;
    padding:0 0 10px 0;
}
.donate_now #under_block_cta h3 {
    font-size:20px;
    color:#A0A09F;
    margin:20px 0 5px 0;
    text-transform:uppercase;
    text-align:center;
    font-weight: 600;
}
.donate_now #under_block_cta p {
    margin:0 auto;
    display:table;
    width:87%;
    font-size: 20px;
}
.donate_now #row_cta {
    float:left;
    width:100%;
}
.donate_now #row_cta .row {
    border-top:1px solid #ccc;
    float:left;
    width:100%;
    padding:10px 0;
}
.donate_now #row_cta .row p {
    padding:0 0 10px 0;
    margin:0;
}
.donate_now #row_cta .row .left {
    float:left;
    width:29%;
    text-align:right;
    line-height: 27px;
    font-weight: 500;
}

/* individual row colors */
.donate_now #row_cta .row:nth-of-type(1) .left {
    color: #656565;
}
.donate_now #row_cta .row:nth-of-type(2) .left {
    color: #F5A542;
}
.donate_now #row_cta .row:nth-of-type(3) .left {
    color: #B9B9B9;
}
.donate_now #row_cta .row:nth-of-type(4) .left {
     color: #E55F26;
}
.donate_now #row_cta .row:nth-of-type(5) .left {
    color: #146FAC;
}

.donate_now #row_cta .row .left .donor-level-title {
    font-size: 20px;
}
.donate_now #row_cta .row .left .donor-level-amount {
    font-size: 35px;
}
.donate_now #row_cta .row .right {
    float:right;
    width:65%;
}
.donate_now #row_cta .row .right .donor-level-intro p {
    font-weight: 500;
}
.donate_now #post_row_cta {
    float:left;
    width:100%;
    padding:15px 0;
    border-top:2px solid #ccc;
}
.donate_now #post_row_cta #title p {
    text-align:center;
    font-size:20px;
    line-height:21px;
    margin:0 auto 20px auto;
    max-width: 600px;
}
.donate_now #post_row_cta #left {
    float:left;
    width:228px;
}
.donate_now #post_row_cta #left img {
    width:100%;
    height:auto;
}
.donate_now #post_row_cta #middle {
    float:left;
    width:33%;
    margin:0 0 0 20px;
    font-size:15px;
}
.donate_now #post_row_cta #middle p {
    font-size:15px;
    margin: 0;
}
.donate_now #post_row_cta #right {
    float:right;
    width:34%;
}
.donate_now #post_row_cta #right p {
    font-size:15px;
    margin: 0;
}
.donate_now #other_ways {
    float:left;
    width:100%;
    border-top:2px solid #ccc;
}
.donate_now #other_ways h3 {
    /*
    text-align:center;
    font-size:20px;
    text-transform:uppercase;
    margin:20px 0;
    color:#B9B9B9;
    */
}
.donate_now #other_ways h3 p {
    margin:20px 0;
}
.donate_now #other_ways .row {
    float:left;
    margin:0 0 20px 0;
    width:100%;
}
.donate_now #other_ways .row img {
    width:100%;
    height:auto;
}
.donate_now #other_ways .row #left {
    float:left;
    width:205px;
    background-color: #fff;
    box-shadow: 0 0 0 3px #b2ddf1 inset;
}
.donate_now #other_ways .row #middle {
    float:left;
    margin:0 0 0 95px;
    width:205px;
    background-color: #fff;
    box-shadow: 0 0 0 3px #BCD854 inset;
}
.donate_now #other_ways .row #right {
    float:right;
    width:205px;
    background-color: #fff;
    box-shadow: 0 0 0 3px #b2ddf1 inset;

}
.donate_now #other_ways .row #one {
    float:left;
    width:205px;
    margin:0 0 0 130px;
    background-color: #fff;
    box-shadow: 0 0 0 3px #FDEEA7 inset;
}
.donate_now #other_ways .row #two {
    float:right;
    width:205px;
    margin:0 130px 0 0;
    background-color: #fff;
    box-shadow: 0 0 0 3px #FDEEA7 inset;

}

.donate_now #other_ways .row .other-ways-box {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    position: relative;
}

.donate_now #other_ways .row .other-ways-box .box-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.donate_now #other_ways .row .other-ways-title {
   /*
    color: #black;
    text-align: center;
    font-weight: 400;
    padding-top: 17px;
    */
}
.donate_now #other_ways .row .other-ways-title p {
    color: black;
    text-align: center;
    font-weight: 400;
    margin-bottom: 5px;
    padding-top: 5px;
}
.donate_now #other_ways .row .other-ways-text p {
    text-align: left;
    font-size: 14px;
    color: #000;
    padding: 10px;
    margin: 0;
}
.donate_now #other_ways .row .other-ways-text a {
    color: inherit;
    text-decoration: none;
    font-size: inherit;
}

/* to be appended after, new sizes */
.donate_now #other_ways .row.other-ways-row-1 .other-ways-box {
    width: 30% !important;
    margin-left: 5% !important;
    min-height: 175px;
}
.donate_now #other_ways .row.other-ways-row-1 .other-ways-box:first-child {
    margin-left: 0 !important;
}
.donate_now #other_ways .row.other-ways-row-2 #one, .donate_now #other_ways .row.other-ways-row-2 #two {
    text-align: center;
    width: 240px;
    min-height: 175px;
}

.donate_now #other_ways .row.other-ways-row-2 #one img {
    width: 150px;
    height: auto;
    margin-top: 15px;
}

.donate_now #other_ways .row.other-ways-row-2 #two img {
    width: 110px;
    height: auto;
    margin-top: 10px;
}

/* # Supporters */
#supporters_ctablocks {
    float:left;
    width:100%;
    margin:20px 0 0 0;
}
#supporters_ctablocks .row{
    display:none;
    float:left;
    width:100%;
    margin:0 0 50px 0;
}
#show_more {
    color:#2F2E2E;
    text-decoration: underline;
    font-size: 12px;
    cursor:pointer;
    float:left;
    width:100%;
    text-align:center;
}
#show_more:hover {
    color:black;
}
#supporters_ctablocks .row .item {
    width:15%;
    margin:0 49px 0 0;
    float:left;
    font: 0/0 a; /* prevent gaps between inline blocks */
    height: 130px;
}

#supporters_ctablocks .row .item:before { /* add a nudge so chlld elements are 100% height */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}


#supporters_ctablocks .row .item:last-child {
    margin:0;
}
#supporters_ctablocks .row .item img {
    width:100%;
    height:auto;
    display: inline-block;
    vertical-align: middle;
}

#supporters-bottom-section {
    margin-top: 20px;
}

/* # Mission */
.mission #featured_image {
    margin:0 0 10px 0;
}
.mission #intro_text {
    float:left;
    width:100%;
    padding:15px 0;
    margin:0 0 20px 0;
    border-top:2px solid #ccc;
    border-bottom:2px solid #ccc;
}
.mission #intro_text p {
    text-align:center;
    font-size:19px;
    color:#414141;
    width:90%;
    margin:0 auto;
    line-height:23px;
}
.mission #need_impact {
    float:left;
    width:100%;
    margin:0 0 20px 0;
}
.mission #need_impact h1 {
    color:#000;
    font-size:25px;
    margin:0 0 15px 0;
    padding:0;
    font-weight:100;
    text-align:center;
    text-transform:uppercase;
}
.mission #need_impact #need {
    float:left;
    width:49%;
}
.mission #need_impact #need .row {
    float:left;
    width:100%;
	border: 2px outset #006baa;
    color:#146FAC;
    margin:0 0 10px 0;
    padding:5px 0;
}
/* individual rows */
.mission #need_impact #need .row:nth-of-type(1) {
    padding: 14px 0;
}
.mission #need_impact #need .row:nth-of-type(2) {
    max-height: 102px;
}

.mission #need_impact #need .row:nth-of-type(2) .left {
    padding: 10px 0;
}
.mission #need_impact #need .row:nth-of-type(3) {
    padding: 15px 0;
}
.mission #need_impact #need .row .left {
    width:41%;
    float:left;
    text-align:center;
    font-size:35px;
    font-weight: bold;
}
.mission #need_impact #need .row .right {
    float:right;
    width:58%;
    font-size: 18px;
}
.mission #need_impact #impact {
    float:right;
    width:49%;
}
.mission #need_impact #impact .row {
    float:left;
    width:100%;
    margin:0 0 10px 0;
    color:#1A9A48;
	border: 2px outset #1A9A48;
    text-align:center;
    padding:5px 0 9px 0;
}
.mission #need_impact #impact .row p {
    color: inherit;
    font-weight: inherit;
    margin-bottom: 0;
    margin-top: 0;
    text-align: left;
    width: 92%;
    margin-left: 18px;
    font-size: 18px;
    padding:10px 0 7px 0;
    line-height: 18px;

}
.mission #need_impact #impact .row:nth-of-type(2) {
    padding: 12px 0 12px 0;
}

.mission #need_impact #impact .row:nth-of-type(3) {
    padding: 8.5px 0;
}

.mission #need_impact #impact .row .larger-text {
    font-size: 30px;
    font-weight: bold;
}
.mission #our_approach {
    float:left;
    width:100%;
    margin:20px 0 0 0;
}
.mission #our_approach h1 {
    color:#000;
    font-size:25px;
    text-transform:uppercase;
    margin:0 0 10px 0;
    padding:0;
    font-weight:100;
    text-align:center;
}
.mission #our_approach #left {
    float:left;
    width:49%;
    margin:0 0 5px 0;
}
.mission #our_approach #left .row {
    float:left;
    width:100%;
    color:#E55F26;
    margin:0 0 15px 0;
    padding: 4px 0;
	border: 2px outset #E55F26;
 }
/* second row */
.mission #our_approach #left .row:nth-of-type(2) {
    padding: 18px 0;
}
.mission #our_approach #left .row:nth-of-type(2) .left {
    width: 35%;
}
.mission #our_approach #left .row:nth-of-type(2) .right {
    width: 59%;
}
/* third row */

.mission #our_approach #left .row:nth-of-type(3) {
    padding: 6.5px 0;
}

.mission #our_approach #left .row:nth-of-type(3) .left {
    width: 35%;
}
.mission #our_approach #left .row:nth-of-type(3) .right {
    width: 60%;
}
.mission #our_approach #left .row:nth-of-type(3) .left p {
    padding: 3px 9px;
}
.mission #our_approach #left .row:nth-of-type(3) .right p {
    padding-top: 7px;
}
.mission #our_approach #left .row .left {
    float: left;
    width: 40%;
    text-align: left;
    padding-left: 9px;
}
.mission #our_approach #left .row .left p {
    font-weight:bold;
    color:#E55F26;
    font-size:30px;
    margin: 0;
    padding:18px 0 0 0;
    line-height: 28px;

}
.mission #our_approach #left .row:nth-of-type(3) .left {
    padding: 0;
}
.mission #our_approach #left .row .right {
    float:right;
    width:56%;
    font-size:18px;
    padding:5px 5px 5px 0;
}
.mission #our_approach #left .row .right p {
    color: inherit;
    font-size: 18px;
    margin: 0;
    font-weight: 400;
}
.mission #our_approach #right {
    float:right;
    width:49%;
    margin:0 0 5px 0;
}
.mission #our_approach #right .row {
    float:left;
    width:100%;
    color:#E55F26;
	border: 2px outset #E55F26;
    margin:0 0 15px 0;
    padding: 4px 0;
}
/* row 2 */
.mission #our_approach #right .row:nth-of-type(2) {
    padding: 18px 0;
}
.mission #our_approach #right .row .left {
    float:left;
    width:40%;
    text-align:left;
    font-weight:900;
    font-size:30px;
    padding:15px 0 0 10px;
}
.mission #our_approach #right .row .left p {
    font-weight: bold;
    color: #E55F26;
    font-size: 30px;
    margin: 0;
    padding: 4px 0 0 0;
    line-height: 28px;
}
/* row 1 */
.mission #our_approach #right .row:nth-of-type(1) .left {
    width: 25%;
}
.mission #our_approach #right .row:nth-of-type(1) .right {
    width: 70%;
}
/* row 2 */
.mission #our_approach #right .row:nth-of-type(2) .left {
    width: 33%;
}
.mission #our_approach #right .row:nth-of-type(2) .right {
    width: 60%;
}
/* row 3 */
.mission #our_approach #right .row:nth-of-type(3) .left {
    width: 27%;
}
.mission #our_approach #right .row:nth-of-type(3) .right {
    width: 63%;
}


.mission #our_approach #right .row .right {
    float:right;
    width:55%;
    font-size:18px;
    padding:5px 5px 5px 0;
}
.mission #our_approach #right .row .right p {
    color: inherit;
    font-size: 18px;
    margin: 0;
    font-weight: 400;
}
.mission #evaluation {
    float:left;
    width:100%;
    margin:10px 0 0 0;
    border-top:2px solid #ccc;
}
.mission #evaluation h1 {
    text-align:center;
    color:#A0A09F;
    font-size:25px;
    font-weight:100;
    margin:20px 0 10px 0;
    text-transform:uppercase;
}
.mission #evaluation h1 p {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}
.mission #evaluation p {
    text-align:center;
    font-size:20px;
    line-height:115%;
    color:#414141;
    padding:0;
    word-wrap:break-word;
}
.mission #evaluation #left {
    float:left;
    width:49%;
}
.mission #evaluation #left .top {
    float:left;
    width:100%;
    background:#2E6EAB;
    text-align:center;
}
.mission #evaluation #left .top .title {
    /* text-transform:uppercase; */
    font-size:15px;
    color: #D7ECF8;
    margin:10px 0 5px 0;
    /* font-weight: bold; */
}
.mission #evaluation #left .top .title p {
    font-size: 15px;
    color: inherit;
    margin: inherit;
    width: 100%;
    line-height: inherit;
}
.mission #evaluation #left .top p {
    font-size:14px;
    line-height:15px;
    color: #D7ECF8;
    width:90%;
    margin:0 auto 20px auto;
}
.mission #evaluation #left ul {
    list-style-type:none;
    background:#D7ECF8;
    padding:10px 0 20px 0;
    float:left;
    width:100%;
}
.mission #evaluation #left ul li {
    text-align:center;
    font-size:16px;
    font-weight:900;
    /* text-transform:uppercase; */
    padding:8px 0 9px 0;
    color:#2E6EAB;
    position: relative;
}
/* add bottom line that is 80% width */
.mission #evaluation #left ul li:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    height: 2px;
    width: 80%;
    border-bottom:2px solid #BBE0F2;
}


.mission #evaluation #left ul li:last-child,.mission #evaluation #right ul li:last-child {
    border-bottom:none;
}

.mission #evaluation #left ul li:last-child:before,.mission #evaluation #right ul li:last-child:before {
    display: none;
}

.mission #evaluation #right {
    float:right;
    width:49%;
}
.mission #evaluation #right .top {
    float:left;
    width:100%;
    background:#279B4C;
    text-align:center;
}
.mission #evaluation #right .top .title {
    /* text-transform:uppercase; */
    font-size:15px;
    color:#DBE9A9;
    margin:10px 0 5px 0;
    /* font-weight: bold; */
}
.mission #evaluation #right .top .title p {
    font-size: 15px;
    color: inherit;
    margin: inherit;
    width: 100%;
    line-height: inherit;
}
.mission #evaluation #right .top p {
    font-size:14px;
    line-height:15px;
    color:#DBE9A9;
    width:90%;
    margin:0 auto 20px auto;
}
.mission #evaluation #right ul {
    list-style-type:none;
    background:#DBE9A9;
    padding:10px 0 20px 0;
    float:left;
    width:100%;
}
.mission #evaluation #right ul li {
    text-align:center;
    font-size:16px;
    font-weight:900;
    /* text-transform:uppercase; */
    padding:15px 0 15px 0;
    color:#279B4C;
    position: relative;
}
/* add bottom line that is 80% width */
.mission #evaluation #right ul li:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    height: 2px;
    width: 80%;
    border-bottom:2px solid #CBDF86;
}

.mission #content_block {
    float:left;
    width:100%;
    border-top:2px solid #ccc;
    padding:20px 0;
    margin:20px 0 0 0;
}
.mission #content_block p {
    font-size:15px;
    line-height:21px;
    color:#1574BA;
    margin:0;
    padding:0 0 10px 0;
}
.mission #content_block > img {
    margin-right: 10px;
}
.mission #content_block.director-section p {
    margin-bottom: 10px;
}
.mission #content_block .name p {
    text-align:right;
    margin:10px 0 0 0;
    padding:0;
}
.mission #content_block .title p {
    text-align:right;
    margin:0;
    padding:0;
}
/* # Our Latest */
.page-id-33 #home_ctablocks .row .item h3 {
    text-transform: none;
}

.page-id-33 #home_ctablocks .row .item h3 p {
    color: inherit;
    font-size: inherit;
    margin: inherit;
    margin-bottom: 0px;
    font-weight: inherit;
}
.page-id-33 #home_ctablocks .row .item h3 p:last-child {
    margin-bottom: inherit;
}

/* # Events */
#home_ctablocks.events-page .row .item h3 {
    width: 100%;
    text-align: center;
    color: #1574BA;
    font-size: 14px;
    margin: 0 0 5px 0;
    font-weight: 500;
    text-transform: none;
}
#home_ctablocks.events-page .row .item h3 p {
    color: inherit;
    font-size: inherit;
    margin: inherit;
    margin-bottom: 0;
    font-weight: inherit;
}

/* # Programs */

#home_ctablocks.programs-page .row .item h3 {
    width: 100%;
    text-align: center;
    color: #1574BA;
    font-size: 14px;
    margin: 0 0 5px 0;
    font-weight: 500;
    text-transform: none;
}
#home_ctablocks.programs-page .row .item h3 p {
    color: inherit;
    font-size: inherit;
    margin: inherit;
    margin-bottom: 0;
    font-weight: inherit;
}


/* # Board */

.board-blocks .row {width: 100%;}
.board-blocks .row .item {width: 50%; float: left;}
#junior-board-heading {text-align: center;}
page #content h4#join-junior-board {margin-bottom: 5px; font-size: 15px;}
p#join-jb {margin-top: 5px;}
.junior-board-heading {

}

/* # Videos */

#free_arts_video_blocks .row {
    margin-bottom: 40px;
}

#free_arts_video_blocks .row .item {
    width: 47%;
    float: left;
}
#free_arts_video_blocks .row .item:nth-of-type(2) {
    margin-left: 6%;
}
.fan-video-title {
    text-align: center;
    margin-bottom: 10px;
}
.fan-video-title a {
    text-decoration: none;
    color: #1574BA;
    font-size: 15px;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

    /*--------------------------------------------------------------
    # Alignments
    --------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.textcenter {
    text-align: center;
}
#left {
    float:left;
    width:49%;
}
#right {
    float:right;
    width:49%;
}

.clearfix:after { /* clear divs after floating them */
    display: block;
    content: "";
    clear: both;
}


/*--------------------------------------------------------------
# Responsive Video Wrappers
---------------------------------------------------------------*/
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer#main {
    float:left;
    width:100%;
    padding:30px 0 15px 0;
    border-top:1px solid #ccc;
}
footer #footer-inner {
    max-width: 800px;
    margin: 0 auto;
}
footer#main #left {
    float:left;
    width:30%;
	text-align: left;
    /* margin:0 0 0 10px; */
}
footer#main #left #donate_now {
    float:left;
    width:120px;
    margin:0 0 15px 0;
    border:2px solid white;
    -webkit-box-shadow: 2px 2px 2px 2px #ccc;
    -moz-box-shadow: 2px 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px 2px #ccc;
    padding:5px 30px;
    background:#1574BA;
}
footer#main #left #donate_now a {
    background:none;
    text-align:center;
    text-decoration:none;
    padding:0;
    color:white;
    text-transform:uppercase;
}
footer#main #left #donate_now a:hover {
    background:none;
}
footer#main #left #donate_now:hover {
    transition: background-color 0.2s ease;
    background-color:#EA5A42;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    -ms-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}
footer#main #left #social_links {
    float:left;
    width:100%;
}
footer#main #left #social_links ul {
    list-style-type:none;
    float:left;
    width:100%;
    margin:0 0 0 0px;
}
footer#main #left #social_links ul li {
    float:left;
    display:inline;
    padding:0 20px 0 0;
}
footer#main #left #bottom_links {
    float:left;
    width:100%;
}
footer#main #left #bottom_links p {
    margin:0;
    padding:0 0 3px 0;
}
footer#main #left #bottom_links a, footer#main .footer-newsletter a {
    color:#999997;
    font-size:12px;
}
footer#main .footer-newsletter {
    margin-bottom: 15px;
}
footer#main .footer-newsletter p {
    margin: 0;
}
footer#main #middle {
    float:left;
    width:240px;
    margin:0 0 0 30px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 0 10px;
}
footer#main #right {
    float:right;
    width:217px;
    /* margin:0 10px 0 0; */
}
footer#main #middle h3, footer#main #right h3 {
    text-transform:uppercase;
    text-align:center;
    margin:0 0 10px 0;
    color:black;
    font-size:18px;
    font-weight: 400;
}
footer#main #middle p, footer#main #right p {
    color:black;
    font-size:14px;
	text-align:center;
}
footer#main #middle p, footer#main #right p a {
    color: inherit;
    text-decoration: inherit;
	text-align: center;
}
footer p {
    font-weight: 300;
}

/*---------------------------------------------------------------
# Vendor Specific
---------------------------------------------------------------*/
.cycloneslider-template-standard {
    margin-bottom: 0 !important;
	margin-top: 10px !important;
}

/*---------------------------------------------------------------
# Responsive (iphone/android)
---------------------------------------------------------------*/
@media only screen and (max-width:500px) {
    .container, footer#main #left, footer#main #middle, footer#main #right, header#main, page #content, post #content, #left, #right {
        float: left;
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #home_ctablocks .row .item, #our_partners_blocks .row .item, #free_arts_days_blocks .row .item, .home #home_ctablocks .row .item {
        float: none;
        display: table;
        width: 82%;
        margin: 0 auto 10px auto;
        padding: 0;
    }

    .wrap {
        padding: 0 10px;
        width: 93%;
    }

    page, post {
        float: left;
        width: 100%;
        margin: 30px 0 0 0;
        display: block;
    }

    #home_ctablocks .row .item:nth-child(2), #home_ctablocks .row .item:nth-child(5), #home_ctablocks .row .item:nth-child(3), #home_ctablocks .row .item:nth-child(6), #our_partners_blocks .row .item:nth-child(2), #our_partners_blocks .row .item:nth-child(5), #our_partners_blocks .row .item:nth-child(3), #our_partners_blocks .row .item:nth-child(6), #free_arts_days_blocks .row .item:nth-child(2), #free_arts_days_blocks .row .item:nth-child(3), #free_arts_days_blocks .row .item:nth-child(4), .home #home_ctablocks .row .item:nth-child(2), .home #home_ctablocks .row .item:nth-child(3) {
        margin: 0 auto 10px auto;
        float: none;
    }

    #home_ctablocks .row, #our_partners_blocks .row {
        margin: 0;
    }

    img {
        width: 100%;
        height: auto;
    }

    .donate_now .eighty_wrap {
        width: 90%;
    }

    .donate_now #three_block .item, .donate_now #three_block .item:nth-child(2) {
        margin: 0;
        float: left;
        width: 100%;
    }

    .donate_now #row_cta .row .left, .donate_now #row_cta .row .right {
        float: left;
        width: 100%;
    }

    .donate_now #post_row_cta #middle, .donate_now #post_row_cta #right {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
    }

    .donate_now #other_ways .row #left, .donate_now #other_ways .row #middle, .donate_now #other_ways .row #right, .donate_now #other_ways .row #one, .donate_now #other_ways .row #two {
        margin: 0 auto 10px auto;
        float: none;
        display: table;
    }
    .donate_now #other_ways .row {
        margin-bottom: 0;
    }
    .donate_now #post_row_cta #left {
        margin: 0 auto 20px auto;
        float: none;
    }

    /* new for mobile, overwrites */
    .donate_now #other_ways .row.other-ways-row-1 .other-ways-box {
        width: 85% !important;
        margin: 0 auto 15px auto !important;
    }
    .donate_now #other_ways .row.other-ways-row-1 .other-ways-box:first-child {
        margin-left: auto !important;
    }
    .donate_now #other_ways .row.other-ways-row-2 #one, .donate_now #other_ways .row.other-ways-row-2 #two {
        width: 85%;
        margin-bottom: 15px;
    }

    header#main {
        height: auto;
        position: inherit;
    }

    header#main #donate_now {
        margin: 0 auto;
        display: table;
        float: none;
        top: 10px;
        left: 0;
        position: relative;
    }

    header#main #logo {
        margin: 0 auto 10px auto;
    }

    /*mobile menu*/
    header#main #menu .menu-header-main-navigation-menu-container {
        margin: 70px 0 0 0;
    }

    header#main #menu {
        float: left;
        background: #E8E6E6;
        width: 100%;
        top: 0;
        height: 100%;
        position: absolute;
        z-index: 999999999;
    }

    header#main #menu ul {
        margin: 0;
        width: 100%;
        padding: 0 0 0 10px;
        border: none;
        text-align: center;
    }

    header#main #menu ul ul {
        position: inherit;
        left: 0;
        top: inherit;
        float: left;
        width: 100%;
        padding: 0 0 0 10px;
        border-top: none;
        font-size: 17px;
        display: none;
    }

    header#main #menu ul li ul {
        position: inherit;
        float: left;
        background: inherit;
        margin: 0 0 20px 0;
        width: 93%;
    }

    header#main #menu ul li {
        float: left;
        height: auto;
        padding: 11px 0 12px 0;
        border-bottom: 1px solid #ccc;
    }

    header#main #menu ul li:before {
        content: "+";
        width: 20px;
        left: 40px;
        position: absolute;
        font-weight: 100;
        font-size: 23px;
        top: 4px;
    }

    header#main #menu ul ul li:before {
        display: none;
    }

    header#main #menu ul li a, header#main #menu ul ul li a {
        text-align: center;
        color: #414141;
    }

    #menu_close {
        font-size: 23px;
        font-weight: 900;
        text-align: right;
        float: right;
        right: 10%;
        z-index: 99999;
        position: absolute;
        color: #333;
        text-decoration: none;
        top: 3%;
    }

    header#main #menu ul ul li:hover {
        background: none;
    }

    header#main #menu ul ul li {
        float: left !important;
        width: 100%;
        margin: 0;
        border-bottom: none;
        padding: 0 0 10px 0px;
    }

    header#main #menu ul li:nth-child(4) {
        float: left;
    }

    header#main #menu {
        margin: 0;
    }

    header#main #menu ul ul li ul, header#main #menu ul ul li:hover > ul {
        float: left;
        width: 90%;
        margin: 0;
        padding: 0 0 0 10px;
        top: inherit;;
        left: inherit;
        top: 0;
    }

    #menu_btn {
        display: block;
    }

    footer#main #left #bottom_links {
        margin: 0 0 20px 0;
    }

    header#main #menu ul li:nth-child(1), header#main #menu ul li:nth-child(2), header#main #menu ul li:nth-child(3) {
        width: 100%;
    }

    header#main #menu ul#primary-menu > li:nth-child(4) {
        float: left;
        width: 100%;
    }

    .mobileno {
        display: none !important;
    }

    header#main #menu ul li:hover > ul {
        display: block;
    }

    header#main #menu ul#primary-menu > li:nth-child(4) {
        padding: 11px 0 12px 0;
    }

    .mission #need_impact #need, .mission #need_impact #impact, .mission #our_approach #left, .mission #our_approach #right, .mission #evaluation #left, .mission #evaluation #right {
        float: left;
        width: 100%;
    }

    .donate_now #row_cta .row p {
        text-align: left;
    }

    #supporters_ctablocks .row .item, #supporters_ctablocks .row .item:last-child {
        width: 75%;
        float: none;
        margin: 0 auto 10px auto;
        display: table;
    }

    /* board page */
    .board-blocks .row .item {
        width: 100%;
        float: none;
    }

    /* staff page */
    #staff-blocks .row .item {
        width: 100%;
        float: none;
    }

    /* mission page */
    .mission #evaluation #left {
        margin-bottom: 15px;
    }
    .mission #need_impact #need {
        margin-bottom: 20px;
    }
    .mission #content_block.director-section img {margin-bottom: 15px;}

    /* overwrite desktop spacing */
    .mission #our_approach #left .row .left, .mission #our_approach #left .row .right {
        float: none !important;
        width: 95% !important;
    }

    .mission #our_approach #right .row .right, .mission #our_approach #right .row .left {
        float: none !important;
        width: 95% !important;
    }

    .mission #our_approach #left .row .right, .mission #our_approach #right .row .right {
        padding-left: 12px;
    }

    .mission #our_approach #left .row:nth-of-type(2), .mission #our_approach #right .row:nth-of-type(2) {
        padding: 4px 0;
    }

    .mission #our_approach #right .row .left {
        padding: 10px 0 0 10px;
    }

    .mission #our_approach #left .row:nth-of-type(3) .left p {
        padding: 10px 0 0 10px;
    }

    .mission #our_approach #left .row:nth-of-type(3) .right p {
        padding-top: 0;
    }

    /* free arts days */
    #free_arts_days_blocks .row .item:nth-child(2) h4 p, #free_arts_days_blocks .row .item:nth-child(4) h4 p {
        padding-top: 10px;
    }

    /* # Video */

    #free_arts_video_blocks .row {
        margin-bottom: 0;
    }

    #free_arts_video_blocks .row .item {
        width: 85%;
    /* creating the gap in the menu */
    /* select 3rd menu item */
    ul#primary-menu li:nth-child(3) ul.sub-menu {
        left: -77px !important; width: 250px !important;
    }

    /* select 4th menu item */
    ul#primary-menu li:nth-child(4) ul.sub-menu {
        left: -38px !important; width: 150px !important;
    }

    ul#primary-menu > li > ul.sub-menu:before {
        content: "";
        display: block;
        position: relative;
        top: -5px;
        width: 100%;
    }
    .our-partners-menu > ul.sub-menu {width: 250px !important;}

    header#main #menu ul ul {
        background: #fff;
        padding-right: 10px;
		padding-top: 10px;
		padding-left: 7px; 
    }
    header#main #menu ul ul li {
        background: #fff;
    }
    header#main #menu ul ul li:first-child {
    }

    /* About Menu */
    header#main #menu ul li:nth-child(1) > ul {
        left: -80px;
    }

   /* # Staff */
    #staff-blocks .row .item.last > h3 {
        margin-top: 15px;
    }


    /* # Our Latest , events, and programs */

    .page-id-33 #home_ctablocks .row .item img, #home_ctablocks.events-page .row .item img, #home_ctablocks.programs-page .row .item img {
        max-width: 100%;
        height: auto;
    }


}