/*
	Theme Name: LANI
    Author: Taprootfoundation.org
    Author URI: http://www.taprootfoundation.org/
    Template: foundation
*/

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

h1, h2, h3, h4 {
    line-height: normal;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: none;
}

h4 {
    color: #1d9dca;
}

p {
    margin: 0 0 1em 0;
}

a:hover { 
	color: #474847; 
	text-decoration: underline;
}

.small-logo {
    display: none;
}

/*  Child Theme Styles go below this Line

/* header */

#logo h1 {
    position: static;
    z-index: 1;
}

.top-donate {
    position: absolute;
    right: 0;
    margin-top: -74px;
    z-index: 100;
}


/* ---------- projects sidebar --------- */
#sidebar {margin-bottom:10px;}
table.milestones, table.status, table.contacts, table.comment {margin:10px 0px;}
table.milestones caption, table.status caption, table.contacts caption, table.status caption, .mapcaption {text-align:left;font-size:22px!important;font-weight:bold;color:#00607c;}
table.comment {background-color:#86c2de;color:#ffffff;font-weight:bold;}
table.comment td {padding:10px;font-style:italic;}
body.projects div#sidebar {position:relative;top:-15px;}
/* ---------- projects sidebar --------- */

/* ------- donate button ------- */

.donate-graph-cover {
display: none;
}
/* ------- donate button ------- */

/* -------- Neighborhood map -------- */

.wpgmza_map {margin: 1em 0 !important;
    width: 64% !important;
    float: left;
}

#wpgmza_marker_holder_1, #wpgmza_marker_holder_3 {
    width: 33% !important;
    float: right;
}

.wpgmza_table_description, .wpgmza_table_address, .wpgmza_table_category {
    display: none;
}

.wpgmza_table_title {
    width: 96% !important;
}

.dataTables_length {
    display: none;
}

.dataTables_filter {
    float: none !important;
    margin-right: 0 !important;
}

.nowidth {
    width: 0 !important;
}

/*
.wpgmza_table {
left: 635px;
top: -890px;
position: relative;
width: 325px!important;
clear: both;
}
*/


#filter_text {position:relative;top:140px;left:30px;}
.dataTables_filter, .dataTables_paginate {
margin-right: 48px;
}

.wpgmza_table tr.odd td {background-color:#c7eafd !important;}
.wpgmza_table_title, .wpgmza_table_address,.wpgmza_table_category, .wpgmza_table_description {color:#ff7800;}
/* -------- Neighborhood map -------- */

/* -------- About Us -------- */

div#links {border:1px solid #ccc;height:250px;width:300px;}
div#links h4 {width:300px;position:relative;left:14px;padding-left:20px;}
table.links {margin-left:20px;}
table.links a {padding-left:10px; position:relative;top:-3px;}

/* -------- About Us -------- */

/* -------   site-wide --------------- */
p.post-meta {display:none;}
.breadcrumbs {margin-top:15px!important;}
.breadcrumbs a{color:#999!important; border: none !important;
}
h4.widget-title {background:none;}
div#page-full h1, article>h1, div#content h1 {
    top: -10px;
    position: relative;
    display: block;
    font-size: 1.6em;
    color: #fcaf00!important; 
    text-transform: none !important;
    font-weight: bold;
}
.breadcrumbs {font-size: 12px;
color: #ff7700; padding-left: 10px;
}
blockquote {margin:0px;}
div.two_third {padding-right:25px;}
/* -------   site-wide --------------- */

/* ---------- staff ------------------- */
body.term-board-of-directors div#content h1,
body.testimonials div#content h1
 {top: -15px;
position: relative;
display: block;
font-size: 24px;
color: #ff7800;}
.staff-details p {
font-size: 16px;
}

/* ---------- staff ------------------- */
p.staff-contact {
margin-bottom: 30px;
}

body.term-board-of-directors p.staff-meta {
    margin-bottom: 0;
}
/* ---------- staff ------------------- */


/* -------  home page slider --------------- */
p.slide-caption {
width:100%;
left: -8px;
margin-bottom: -8px;
}

ul.flex-direction-nav {right: -4px;
top: 8px;
position: relative;
}
/* -------  home page slider --------------- */

/* -------   news & events page --------------- */

p.post-meta + h1 {display:none;}

.featured-staff {
    width: 20%;
    float: left;
    margin-right: 3%;
    padding-top: 0.4em;
}

.featured {
    width: 20%;
    float: left;
    margin-right: 3%;
    padding-top: 0.4em;
}

.blog-post {
    width: 75%;
    float: left;
}

body.blog #sidebar .widget_black_studio_tinymce, .quote-box {
    background: #86c2de;
    padding: 1em !important;
    color: #fff;
    font-style: italic;
}

body.blog #sidebar .widget_black_studio_tinymce p, .quote-box p {
    font-size: 16px !important;
}

.single-press {
    padding-left: 10px;
}

/* --------- home page --------------- */
body.home .breadcrumbs {display:none;}
#logo {
margin-left: -12px;
margin-top: 0px;
margin-bottom: 0px;
width: 970px;
}
#logomap area {outline:none!important;}

body.home div#navigation {position:relative;top:0px;}
#navigation {background-image:none!important;}
/* #navigation #menu-top li a {color:#ff7800!important;} */
#navigation .menu a{
color: #ff7800!important;
font-weight:bold!important;
padding: 15px 8px!important;}

#navigation .menu a:visited {
color: #fff;
}

.shadow {-webkit-box-shadow:none!important;box-shadow:none!important;moz-box-shadow:none!important;}
#navigation {border-bottom: 1.5px solid #aaa; border-top: 1.5px solid #aaa;}
.menu-item {border-right:1px solid #aaa!important;line-height:1px;}
#navigation .menu a {
    text-transform: uppercase;
}
#navigation .menu a:hover {
    text-decoration: none;
}
#navigation .menu #menu-item-1334 {border-right:none!important;}
#navigation .menu #menu-item-1334 a {font-size:12px; color: #15729c !important;font-weight:bold;}
#navigation .menu-item a:hover, #navigation .current-menu-item a, #navigation .current-menu-item ul.sub-menu li a:hover, #navigation .current-menu-parent ul.sub-menu li a:hover, #navigation .current-menu-parent ul.sub-menu li.current-menu-item a {
    color: #fff !important;
    background: #1e9dca !important;
}
#navigation .menu #menu-item-1334.current-menu-item a, #navigation .menu #menu-item-1334 a:hover {
    color: #fff !important;
}

body.home div#sidebar {margin-top:-3px;}
body.home div#sidebar div.textwidget li {margin:5px 0px;}
body.home #sidebar {
    color: #15729c;
}
#home-widgets .featured-posts {width:31%!important;}
#home-widgets .featured-posts h3 {font-size:16px!important;}
.featured-posts h3 a {color:#00607c;font-weight:bold;text-transform:none!important;}
h4.widget-title {font-weight:bold;}
div.featured-posts h4.widget-title, div#text-10 h4.widget-title {font-weight:bold!important;padding-left:25px;}
div.featured-posts h3 a {border-bottom:1px solid #15729c; margin-left:25px;font-size: 18px !important; font-weight:normal;}
div.featured-posts h3 a:hover {color:#105575;}
div.featured-posts p.post-meta {margin-top:-15px;margin-left:25px;}

div#featuredposts-2, div#text-10, div#featuredposts-4, .Testimonials_Widget_Widget {border:1px solid #ccc;height:250px;}
div#featuredposts-2 h4 {left: -2px;
position: relative;
width: 298px;}

div#wysiwyg_widgets_widget-3 {padding-right: 14px!important;
padding-left: 14px!important;
border: 1px solid #ccc;
height: 250px;
top: 0px;
left: 660px;}

#currentproj_wrapper {height:218px;width:290px;overflow:auto;}
#currentproj_wrapper ul#currentproj {list-style-type: none;}
#currentproj_wrapper ul#currentproj li {background-image: url('http://gator3141.hostgator.com/~lani/wp/wp-content/uploads/2013/08/dot.gif'); padding: 5px 20px 0px 20px; background-repeat: no-repeat; background-position: 0 .4em; }
#currentproj_wrapper ul#currentproj li {margin:4px 0!important;}
#currentproj_wrapper ul#currentproj li a {color: #00607c!important;}
#currentproj_wrapper ul#currentproj li a:hover {text-decoration:underline;}

.widget {padding:0px!important;}
#home-widgets {margin-top:15px!important;}
#home-widgets .post {
margin: 0px!important;
}

/* news & events home widget */

ul.front-blog-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.front-blog-list li {
    overflow: hidden;
    padding: 0.6em 1em;
    margin: 0.5em -1em;
}

ul.front-blog-list li.odd {
    background: #c7eafd;
    border: none;
}

.front-thumb {
    width: 21%;
    margin-right: 1em;
    float: left;
}

.front-thumb img {
    max-width: 100%;
    height: auto;
}

.front-blog {
    width: 72%;
    float: left;
}

.front-blog h4 {
    font-weight: bold;
    margin-bottom: 0;
}

.front-blog h4 a {
    text-decoration: underline;
    text-transform: none;
}

.front-blog h4 a:hover {
    text-decoration: underline;
    text-transform: none;
    color: #474847;
}

.front-date {
    color: #111;
    font-size: 0.8em;
}

/* current projects widget */

.front-current {
    height: 265px;
    overflow-y: scroll;
    overflow-x: auto;
    padding-right: 1em;
}

.front-current ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.front-current li {
    background: url('../../uploads/2013/08/dot.gif') no-repeat left top;
    padding-left: 25px;
    margin-bottom: 1em;
}

/* testimonials widget */

.widget .cycle-slide {
    height: 260px;
}

.attribution {
    color: #fc7100;
    font-size: 0.8em;
    font-weight: bold;
    margin-top: 1em;
}

/* -------- footer ------------ */
#footer-left p, #footer-right a {color:#00607c!important; font-size: 12px !important;
}
#footer-right .menu-footer-container ul li a:hover {color:#fbaf00 !important;}
#footer-right {font-size:12px;}
#footer-right {
margin-top: 6px;}
#footer-left a {display:none;}
.tagger {
    font-size: 12px; color: #00607c;
}

#footer {margin: 0px auto;
background: url(/wp-content/uploads/2013/08/LANI_Homepage-shapesflat_09.jpg) no-repeat top left;
border-top:none; padding: 1em;
}

#menu-footer a:hover {text-decoration: none; color: #fc7100 !important;
}

#footer {/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #FFFFFF 40%, #C7EBFC 90%);

/* Mozilla Firefox */ 
background: -moz-linear-gradient(bottom, #FFFFFF 40%, #C7EBFC 90%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #FFFFFF 40%, #C7EBFC 90%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.4, #FFFFFF), color-stop(0.9, #C7EBFC));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #FFFFFF 40%, #C7EBFC 90%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #FFFFFF 40%, #C7EBFC 90%);}

/* colorzilla gradient */
#footer {
background: #c7ebfc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3ZWJmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #c7ebfc 0%, #ffffff 90%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7ebfc), color-stop(90%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c7ebfc 0%,#ffffff 90%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c7ebfc 0%,#ffffff 90%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c7ebfc 0%,#ffffff 90%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c7ebfc 0%,#ffffff 90%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7ebfc', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
/* colorzilla gradient */

#footer-widgets #black-studio-tinymce-4 {
    float: left;
    width: 21%;
    margin-right: 1%;
}

#footer-widgets #black-studio-tinymce-4 .widget-title {
    text-align: center;
}

#footer-widgets #black-studio-tinymce-4 img {
    width: 25px;
    height: auto;
}

#footer-widgets #black-studio-tinymce-4 a:hover {
    opacity: 0.8;
}

#footer-widgets .widget_text {
    float: left;
    width: 17%;
    margin-right: 1%;
}

#footer-widgets #black-studio-tinymce-5 {
    float: right;
    width: 59%;
    margin-top: 3em;
}


.footertextbox {float:right;width:22em!important;height:2.4em;margin-right:10em;color:#999;}
#ninja_forms_field_1 {height:2.6em;width:70%;}
.footersubmit {float:right;left: -1.7em;
top: -3.4em;
position: relative;}
#ninja_forms_required_items, .ninja-forms-req-symbol {display:none;}

#ninja_forms_widget-2 {float: right;
width: 50%;
top: -4.3em;
position: relative;}

#home_newsletter_maillink {
top: -8em;
left: 380px;
width: 350px;
float: right;
position: relative;
}
#home_newsletter_maillink a {font-size:12px;color: #00607c!important;}
#home_newsletter_maillink a:hover {text-decoration:underline;}

.footer_donate_div {
    margin-top: 1.8em;
}
.footerdonate img {border:1px solid #ccc;}

#footer-widgets .widget, #footer-widgets h4.widget-title {background:transparent!important;background-color:transparent!important;}
#footer-widgets h4.widget-title {color:#00607c!important;background-color:transparent!important;}
div#text-14 h4.widget-title {color:#00607c!important;background-color:transparent!important;}

/* -------- footer ------------ */

/* -------- project posts ----- */

.category-projects h1, .category-projects p.post-meta, .category-projects div.flexslider {display:none;}
.category-projects {margin-top:-10px;}

/* resources page */

#accordion {
    margin-bottom: 1em;
}

#accordion ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mainlink {
    display: block;
    padding: 0.7em;
    font-weight: bold;
    text-decoration: none;
    background: #c7eafd;
    color: #00607c !important;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #acacac;
}

.mainlink:hover, a.active {
    background: #fcaf00;
    color: #fff !important;
    text-decoration: none;
}

body.page-template-page-faq-php .mainlink {
    text-transform: none;
}

.panel {
    padding: 1em;
    overflow: hidden;
    border-bottom: 1px solid #acacac;
    border-right: 1px solid #acacac;
    border-left: 1px solid #acacac;
}

/* projects pages */

.single-project {
    padding-left: 10px;
}

.next-step-label {
    font-weight: 600;
    color: #fbaf00;
    overflow: hidden;
    margin-bottom: 0.3em;
}

.next-step-label .activity, .next-step-label .step-date, .next-step-label .location {
    text-decoration: underline;
}

.next-step {
    clear: both;
    margin-bottom: 0.3em;
    overflow: hidden;
}

.activity {
    width: 43%;
    float: left;
    margin-right: 1.2em;
}

.step-date {
    width: 19%;
    float: left;
    margin-right: 1.2em;
}

.location {
    width: 31%;
    float: left;
}

body.single-projects pre {
    background: none;
    padding: 0;
    margin: 1em 0 0;
    border: none;
}

body.single-projects #sidebar, body.page-template-page-casestudy-php #sidebar {
    color: #00607c;
}

body.single-projects #sidebar h3, body.page-template-page-casestudy-php #sidebar h3 {
    color: #00607c;
    font-size: 1.4em;
    text-transform: none;
    font-weight: 600;
}

body.single-projects h4, body.page-template-page-casestudy-php h4 {
    color: #1d9dca;
    text-transform: none;
    font-size: 1.1em;
    font-weight: 600;
}

.mapp-layout {
    border: none;
    margin: 0 !important;
    height: 300px !important;
}

.mapp-map-links {
    display: none;
}

.mapp-canvas {
    margin-top: 1em;
    margin-bottom: 1em;
}

.milestones {
    overflow: hidden;
    margin-bottom: 0.3em;
}

.milestones label {
    color: #ff7800;
    width: 35%;
    float: left;
    font-weight: 600;
}

.project-contacts span {
    color: #ff7800;
}

/* other overrides. Added by Jenn de la Fuente */

h4.widget-title {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    font-weight: bold !important;
    text-transform: uppercase;
}

.widget-graybox {
    border: 1px solid #acacac;
    padding: 1em;
    height: 310px;
    overflow: hidden;
}

#sidebar .widget-graybox {
    height: auto;
}

body.home #sidebar ul {
    list-style: disc;
    padding-left: 18px;
}

body.home #sidebar li {
    background: none;
    padding-left: 0;
}

#sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#sidebar li {
    background: url('../../uploads/2013/08/dot.gif') no-repeat left top;
    padding-left: 25px;
}

#sidebar ul li a {
    font-size: 18px;
}

#sidebar .gform_body li {
    background: none;
    padding-left: 0;
}

#sidebar .menu-item {
    line-height: 1.2;
    border: none !important;
    padding-bottom: 2em;
}

article {
    padding-left: 10px;
    overflow: hidden;
    padding-top: 5px;
}

h2 {
    color: #2195c6 !important;
    text-transform: none;
    font-size: 1.3em;
}

a.button, p.paging-next a, p.paging-prev a, input:hover.button, input[type="button"], input[type="submit"] {
    padding: 3px 8px;
    background: #ff7800;
    background-image: none !important;
    color: #fff !important;
}

#sidebar .wp-caption, .widget_sp_image-description {
    text-align: left;
    padding: 0;
    margin-bottom: 0;
    max-width: 100%;
    border: none;
}

#sidebar .wp-caption p.wp-caption-text, .widget_sp_image-description p {
    color: #666;
    padding: 5px 0;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
    background: #ff7800;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover {
    background: #00607c;
}

a.emaillist {
    color: #fff;
    text-decoration: none;
    margin-right: 1em;
}

a:hover.emaillist {
    text-decoration: none;
    color: #fff;
}

.post {
    padding-bottom: 1.5em;
}

/* slideshow stuff */

.slideshow_container {
    margin: 0 0 2em !important;
}

.slideshow_container_style-light .slideshow_transparent {
    opacity: 1 !important;
}

.slideshow_container_style-light .slideshow_description {
    background: #1A9BCB !important;
}

.slideshow_container_style-light .slideshow_description p {
    text-align: left !important;
}

.flex-direction-nav a {
    background: url(images/arrows.png) no-repeat 0 center;
}

p.slide-caption {
    background-color: #1A9BCB !important;
}

.slideshow_container img {
    height: auto !important;
}
    
/* other classes */

.clear {
    clear: both;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

/* map */

.wpgmza_table tr.odd td:first-of-type, .wpgmza_table tr.even td:first-of-type, table.dataTable thead .sorting {
display: none; }

/* cross-browser */

.gecko a.emaillist {
    font-weight: 400;
}

/* responsive styles */

@media only screen and (max-width: 768px) {
    
    #logo {
        width: 95%;
    }
    
    .top-donate {
        margin-top: -65px;
    }
    
    #footer-widgets #black-studio-tinymce-4 {
        width: 29%;
    }
    
    #footer-widgets .widget_text {
        width: 24%;
    }
    
    #footer-widgets #black-studio-tinymce-5 {
        width: 44%;
        margin-top: 0.7em;
    }
    
    #footer-widgets #black-studio-tinymce-5 a[title="Contact Us"] {
        display: block;
    }
    
    article {
        padding-left: 0;
    }
    
    .breadcrumbs {
        padding-left: 0;
    }
    
    .single-project {
        padding-left: 0;
    }
       
}

@media only screen and (max-width: 568px) {
    
    .large-image {
        display: none;
    }
    
    .small-logo {
        display: block;
        overflow: hidden;
    }
    
    .small-logo img {
        width: 100px;
        height: auto;
        margin: 0 0 0.7em 0;
    }
    
    .small-logo h2 {
        float: left;
        width: 339px;
        font-weight: bold;
        margin: 2.5em 0 0 2em !important;
    }
    
    .top-donate {
        margin-top: -61px;
    }
    
    #footer-widgets #black-studio-tinymce-4 {
        width: 47%;
    }
    
    #footer-widgets .widget_text {
        width: 51%;
    }
    
    #footer-widgets #black-studio-tinymce-5 {
        width: 100%;
        float: none;
        margin-top: 0;
        clear: both;
    }
    
    a.emaillist {
        display: block;
        text-align: center;
    }
    
    #wpgmza_marker_holder_1, #wpgmza_marker_holder_3 {
        width: 100% !important;
        float: none;
    }
    
    .wpgmza_map {
        width: 100% !important;
    }
    
    article {
        padding-left: 0;
    }
    
    .breadcrumbs {
        padding-left: 0;
    }
    
    .single-project {
        padding-left: 0;
    }
    
    .activity {
        width: 41%;
    }
    
    .slideshow_container_style-light { height: 302px !important; overflow: hidden !important;
    }
    
    .slideshow_container .slideshow_view { height: 328px !important; }
    
    .slideshow_container .slideshow_view .slideshow_slide {
         height: 300px !important;
    }
    
    .widget h2 {
        clear: both;
    }
    
    #sidebar .quote-box {
        width: 45%;
        float: left;
        margin: 15px 0 15px 0;
    }
    
    #mapp0 {
        width: 76% !important;
    }
       
}

@media only screen and (max-width: 480px) {
    
    .large-image {
        display: none;
    }
    
    .small-logo {
        display: block;
        overflow: hidden;
    }
    
    .small-logo img {
        width: 100px;
        height: auto;
        margin: 0 0 0.7em 0;
    }
    
    .small-logo h2 {
        float: left;
        width: 339px;
        font-weight: bold;
        margin: 2.5em 0 0 !important;
    }
    
    .top-donate {
        margin-top: -61px;
    }
    
    p.slide-caption {
        left: 0;
        margin-bottom: 0;
    }
    
    #footer-widgets #black-studio-tinymce-4 {
        width: 47%;
    }
    
    #footer-widgets .widget_text {
        width: 51%;
    }
    
    #footer-widgets #black-studio-tinymce-5 {
        width: 100%;
        float: none;
        margin-top: 0;
        clear: both;
    }
    
    a.emaillist {
        display: block;
        text-align: center;
    }
    
    #wpgmza_marker_holder_1, #wpgmza_marker_holder_3 {
        width: 100% !important;
        float: none;
    }
    
    .wpgmza_map {
        width: 100% !important;
    }
    
    article {
        padding-left: 0;
    }
    
    .breadcrumbs {
        padding-left: 0;
    }
    
    .single-project {
        padding-left: 0;
    }
    
    .activity {
        width: 41%;
    }
    
    .slideshow_container_style-light { height: 302px !important; overflow: hidden !important;
    }
    
    .slideshow_container .slideshow_view { height: 328px !important; }
    
    .slideshow_container .slideshow_view .slideshow_slide {
         height: 300px !important;
    }

}

@media only screen and (max-width: 320px) {
    
    .large-image {
        display: none;
    }
    
    .small-logo {
        display: block;
        overflow: hidden;
    }
    
    .small-logo img {
        width: 100px;
        height: auto;
        margin: 0 0 0.7em 0;
    }
    
    .small-logo h2 {
        float: left;
        width: 188px;
        font-weight: bold;
        margin: 2em 0 0 !important;
    }
    
    #logo {
        width: 100%;
        margin: 0;
    }
    
    p.slide-caption {
        left: 0;
        margin-bottom: 0;
    }
    
    .top-donate {
        position: relative;
        margin-top: 0;
        margin-bottom: 0.7em;
    }
    
    #footer-widgets #black-studio-tinymce-4 {
        width: 100%;
        float: none;
    }
    
    #footer-widgets .widget_text {
        width: 100%;
        float: none;
        margin-right: 0;
    }
    
    #footer-widgets #black-studio-tinymce-5 {
        width: 100%;
        float: none;
        margin-top: 1em;
    }
    
    a.emaillist {
        display: block;
        text-align: center;
    }
    
    #wpgmza_marker_holder_1, #wpgmza_marker_holder_3 {
        width: 100% !important;
        float: none;
    }
    
    .wpgmza_map {
        width: 100% !important;
    }
    
    article {
        padding-left: 0;
    }
    
    .breadcrumbs {
        padding-left: 0;
    }
    
    .single-project {
        padding-left: 0;
    }
    
    .activity {
        width: 36%;
    }
    
    .slideshow_container_style-light { height: 245px !important; overflow: hidden !important; }
    
    .slideshow_container .slideshow_view { height: 300px !important; }
    
    .slideshow_container .slideshow_view .slideshow_slide {
         height: 244px !important;
    }
    
}