/*
Theme Name:     GirlsInc
Theme URI:      http://websitedev.biz/
Description:    GirlsInc is a child theme for the Twenty Eleven theme.
Author:         WebsiteDev.biz
Author URI:     http://websitedev.biz/
Template:       twentyeleven
Version:        0.1.0
*/

html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, li {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0px;
	outline: 0;
	padding: 0px;
	vertical-align: baseline;
}


:focus {
	outline: 0;
}

html, body{
    font-size: 1em;
    font-family: 'Sanchez', serif;
}

body{
    background-image: url('images/bg.png');
    background-repeat: repeat;
    background-position: top left;
    background-attachment: fixed;
    min-width: 300px;
}

h1{
    font-family: 'Sanchez', serif;
    font-size: 30px;
    color: #EC0045;
}

h2{
    font-family: 'Sanchez', serif;
    font-size: 18px;
    color: #EC0045;
    margin-bottom: 8px;
}

p{
    font-family: 'Sanchez', serif;
    font-size: 14px;
    color: #000000;
}

em{
    font-style: italic !important;
}

.hidden{
    display: none;
}

.small, p.small, span.small, li.small, li.small p, table.small, td.small{
    font-size: 10px !important;
}

.tiny, p.tiny, span.tiny, li.tiny, li.tiny p{
  font-size: 10px;
  line-height: normal;
  letter-spacing: normal;
}

.em{
    font-style: italic;
}

.block{
    display: block;
}

.nowrap{
    white-space: nowrap !important;
}

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

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

.valign-middle{
    vertical-align: middle;
}

.margin-top-20{
    margin-top: 20px;
}

.gray{
    color: #808080;
}

.red{
    color: #EC0045;
}

.main-container{
    background-color: #FFFFFF;
    position: relative;
    max-width: 980px !important;
    /*width: 100%;*/
    margin: 0px auto;
    padding: 0px;
    border: 1px solid #FFFFFF;
    display: none;
    box-shadow: 0px 0px 10px #808080;
}

.header{
    padding: 0px 45px 0px 45px;
    border: 0px solid red;
    background-color: #FFFFFF;
    color: #EC0045;
    position: relative;
    min-height: 125px !important;
    font-family: 'Sanchez', serif;
    overflow: hidden;
}

.header a, .header a:visited{
    text-decoration: none;
    color: #EC0045;
}

.header a:hover{
    text-decoration: none;
    color: #EC0045;
    text-decoration: underline;
}

.top-right{
    float: right;
    border: 0px solid red;
    margin: 20px 0px;
    z-index: 5;
}

.top-right .contact{
    float: left;
    margin: 0px 5px 0px 0px;
}

.top-right .social{
    float: left;
    margin: 0px 4px 0px 5px;
}

.top-right .social-icon{
    width: 17px;
    height: 17px;
    margin: 2px 1px;
    background-repeat: no-repeat;
    float: left;
}

.top-right .blog-icon{
    background-image: url('images/Blog-Icon.png');
}

.top-right .facebook-icon{
    background-image: url('images/Facebook-Icon.png');
}

.top-right .twitter-icon{
    background-image: url('images/Twitter-Icon.png');
}

.top-right .linkedin-icon{
    background-image: url('images/Linkedin-Icon.png');
	
}

.top-right .instagram-icon{
    background-image: url('https://girlsincomaha.org/wp-content/uploads/2017/10/GIO-Instagram-Icon-e1507734292781.png');
    width: 14px;
	height: 14px;
    margin-top: 3px;
}

.search-container{
    float: left;
    padding: 0px !important;
    /*width: 140px;
    max-width: 140px !important;*/
    height: 25px;
    max-height: 25px;
    /*overflow: hidden;*/
    vertical-align: middle;
    margin: -2px 0px 0px 4px;
}

.search-field{
    text-align: center;
    min-width: 140px !important;
    width: 140px;
    max-width: 140px;
    height: 20px;
    max-height: 20px;
    background-image: url('images/Search-Rounded-Box.png');
    background-position: left center;
    background-repeat: no-repeat;
    border: 0px;
    font-family: 'Sanchez', serif;
    color: #969696;
    font-size: 14px;
    margin: 0px;
    padding: 0px;

}

.clear{
    clear: both !important;
    display: block !important;
}

.float-left{
    float: left;
}

.float-right{
    float: right;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.logo{
    float: left;
    max-width: 226px;
    width: 226px;
    height: 83px;
    background-color: #FFFFFF;
    background-image: url('images/Girls-Inc-Logo-&-Tag.png');
    background-repeat: no-repeat;
    margin: 20px 0px;
}

/* =Menu
-------------------------------------------------------------- */

.nav{
    padding: 0px 0px 0px 0px;
    margin: -8px -20px 0px 0px !important;
    display: block;
    float: right;
    font-family: 'Sanchez', serif;
    background: #FFFFFF;
}

#access ul {
	font-size: 15px;
	list-style: none;
	margin: 0;
	padding-left: 0;
    float: right;
}

#access li {
	float: left;
	position: relative;
}

#access a {
	color: #EC0045;
	line-height: 3.333em;
	padding: 0 8px;
	text-decoration: none;
}

#access ul ul {
	list-style: none;
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 40px;
	left: 0;
    width: 580px !important;
	z-index: 99999;
}

#access ul ul li {
    list-style-type: none !important;
	display: inline !important;
    float: left !important;
}

.seperator{
   margin: 0px 2px;
}

#access ul ul ul {
	left: 100%;
	top: 0;
}

#access ul ul a {
	border-bottom: 0px dotted #ddd;
	/*color: #a7a9ac;*/
    color: #808080;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.4em;
}

#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	/*background: #efefef;*/
}

#access li:hover > a,
#access a:focus {
    position: relative;
    top: -2px;
    left: -1px;
	color: #EC0045;
    text-shadow: 1px 1px 1px #969696;
}

#access ul li:hover > ul {
    width: 600px;
    /*display: block;*/
}

#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	position: relative;
    top: -2px;
    left: -1px;
	color: #EC0045;
    text-shadow: 1px 1px 1px #969696;
}

#access .current-menu-item,
#access .current-menu-ancestor,
#access .current_page_item,
#access .current_page_ancestor {
	display: inline;
}

.top-shadow{
    position: absolute;
    top: 0px;
    left: 0px;
    float: left;
    background-image: url('images/shadow-top.png');
    background-repeat: no-repeat;
    height: 50px !important;
    max-height: 50px !important;
    min-height: 50px !important;
    width: 100% !important;
    border: 0px solid blue;
    z-index: 3;
}

.body{
    position: relative;
}

/* =Background Slides
-------------------------------------------------------------- */

.content-background{
    border: 0px solid blue;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.slides{
    list-style: none !important;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    top: 0px;
    left: 0px;
}

.slides li{
    margin: 0px;
    padding: 0px;
    position: relative;
    top: 0px;
    left: 0px;
}

.gallery, .flex-control-nav, .flex-direction-nav{
    display: none;
}

/* =Templates
-------------------------------------------------------------- */

.page-template-no-sidebar-template-php #secondary, .events-archive #secondary{
    display: none;
}

.post-content{
    border: 0px solid orange;
    width: 100% !important;
    margin: 0px !important;
}

.page-template-primary-template-php .nav-arrow-next-container{
    margin: 0px auto 0px auto;
    width: 43px !important;
    max-width: 43px !important;
    min-width: 43px !important;
    height: 27px !important;
    max-height: 27px !important;
    min-height: 27px !important;
    position: relative;
    z-index: 6;
}

.page-template-primary-template-php .nav-arrow-next{
    background: url('images/Down-Arrow.png') center center no-repeat;
    width: 43px !important;
    max-width: 43px !important;
    min-width: 43px !important;
    height: 27px !important;
    max-height: 27px !important;
    min-height: 27px !important;
}

.page-template-primary-template-php div.post-content{
    border: 0px solid orange;
    height: 265px;
    min-height: 265px !important;
    width: 100% !important;
    margin: auto 0px !important;
    float: left;
    position: absolute;
    top: 60%;
    display: none;
    z-index: 3 !important;
}

.page-template-primary-template-php div.post-background{
    border: 0px solid red;
    height: 100% !important;
    min-height: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    margin: auto 0px !important;
    position: absolute;
    top: 0px;
    z-index: 2;
}

.page-template-primary-template-php div.post-background img{
    height: 100% !important;
    min-height: 265px !important;
    width: 100% !important;
}

.page-template-primary-template-php  div.entry-content{
    position: relative;
    padding: 45px 60px 25px 60px;
    text-align: center;
    z-index: 4;
}

.page-template-primary-template-php h1{
    padding-bottom: 20px;
}

.page-template-primary-template-php p{
    line-height: 25px;
}

.page-template-primary-template-php .next-arrow-container{
    display: none;
}

.page-template-primary-template-php .previous-arrow-container{
    display: none;
}

/* Secondary Template */

div.nav-above{
    width: 100%;
}

div.nav-above a{
    color: #EC0045;
    text-decoration: none;
}

div.nav-previous{
    float: left;
}

div.nav-next{
    position: relative;
    float: right;
    z-index: 4;
}

.page-template-secondary-template-php div.post-content{
    border: 0px solid orange;
    /*height: 100%;*/
    min-height: 265px !important;
    width: 100% !important;
    max-width: 451px !important;
    margin: 0px auto 0px 45px !important;
    float: left;
    position: absolute;
    top: 50%;
    display: none;
    z-index: 5 !important;
}

.page-template-secondary-template-php div.post-background{
    border: 0px solid red;
    height: 100% !important;
    min-height: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    margin: auto 0px !important;
    position: absolute;
    top: 0px;
    z-index: 2;
}

.page-template-secondary-template-php div.post-background img{
    height: 100% !important;
    min-height: 265px !important;
	max-height: 650px !important;
    width: 100% !important;
}

.page-template-secondary-template-php div.entry-content{
    min-height: 265px !important;
    position: relative;
    padding: 30px 60px 0px 60px;
    text-align: left;
    z-index: 4;
}

.page-template-secondary-template-php div.entry-content a{
    color: #EC0045;
    text-decoration: none;
}

.page-template-secondary-template-php h1{
    font-size: 24px;
    padding-bottom: 20px;
}

.page-template-secondary-template-php p{
    font-size: 14px;
    line-height: 20px;
}

.page-template-secondary-template-php #primary a{
    text-decoration: none;
    color: #EC0045;
}

.page-template-secondary-template-php .nav-arrow-next-container{
    display: none;
}

.page-template-secondary-template-php .next-arrow-container{
    float: right;
    margin: 0px 10px 0px 0px;
    width: 43px !important;
    max-width: 43px !important;
    min-width: 43px !important;
    height: 27px !important;
    max-height: 27px !important;
    min-height: 27px !important;
    position: relative;
    bottom: 0px !important;
    z-index: 6;
    padding-bottom: 30px;
}

.page-id-28 .next-arrow-container{
    /* Stories */
    float: right;
    margin: -50px 10px 0px 0px;
    width: 43px !important;
    max-width: 43px !important;
    min-width: 43px !important;
    height: 27px !important;
    max-height: 27px !important;
    min-height: 27px !important;
    position: relative;
    bottom: 0px !important;
    z-index: 6;
    padding-bottom: 30px;
}

.page-id-50 .next-arrow-container{
    /* Stories */
    float: right;
    margin: -50px 10px 0px 0px;
    width: 43px !important;
    max-width: 43px !important;
    min-width: 43px !important;
    height: 27px !important;
    max-height: 27px !important;
    min-height: 27px !important;
    position: relative;
    bottom: 0px !important;
    z-index: 6;
    padding-bottom: 50px;
}

.page-template-secondary-template-php .nav-arrow-next{
    background: url('images/Down-Arrow-Graphic.png') center center no-repeat;
    width: 44px !important;
    max-width: 44px !important;
    min-width: 44px !important;
    height: 27px !important;
    max-height: 27px !important;
    min-height: 27px !important;
}

.page-template-secondary-template-php .previous-arrow-container{
    float: right;
    margin: 0px -50px 0px 0px;
    width: 44px !important;
    max-width: 44px !important;
    min-width: 44px !important;
    height: 27px !important;
    max-height: 27px !important;
    min-height: 27px !important;
    position: relative;
    z-index: 6;
}

.page-template-secondary-template-php .nav-arrow-previous{
    background: url('images/Up-Arrow-Graphic.png') center center no-repeat;
    width: 44px !important;
    max-width: 44px !important;
    min-width: 44px !important;
    height: 27px !important;
    max-height: 27px !important;
    min-height: 27px !important;
}

.page-template-secondary-template-php div.mobile-image{
    display: none;
    border: 0px solid red;
}

.content-background-clone{
        box-shadow: 0px 0px 8px #808080;
}

/* =Widgets
-------------------------------------------------------------- */

aside#recent-posts-3 ul li{
    padding-bottom: 10px !important;
}

aside#categories-3{
    text-align: center;
}

aside#categories-3 ul{
    margin: 10px 0px !important;
    padding: 0px !important;
}

aside#search-3{
    text-align: center;
    margin: 0px !important;
    padding: 0px !important;
}


/* =Footer
-------------------------------------------------------------- */

footer.entry-meta{
    padding: 10px;
    text-align: center;
    position: relative;
    z-index: 5;
}

.footer{
    width: 100%;
    min-height: 200px !important;
    border: 0px solid red;
    background: url('images/footer-shadow.png') bottom center no-repeat;
    position: absolute;
    z-index: 3 !important;
    bottom: 0px;
    overflow: visible;
}

.footer-mobile{
    width: 100%;
    /*min-height: 200px !important;*/
    border: 0px solid red;
    background: url('images/footer-shadow-large.png') top center no-repeat;
    margin: -40px 0px 0px 0px !important;
    position: relative;
    z-index: 3 !important;
}

.footer-buttons{
   margin: 70px 45px 0px 0px;
   display: block;
   list-style: none;
}

.footer-buttons li{
   margin: 0px 10px 10px 0px;
   float: left;
   width: 106px;
   text-align: center;
}

.footer-buttons li a{
   line-height: 39px;
   color: #FFFFFF;
   font-size: 18px;
   font-family: 'Sanchez', serif;
   text-decoration: none;
}

.footer-button.events{
    background: url('images/Event-Button-Graphic.png') center center no-repeat;
}

.footer-button.donate{
    background: url('images/Donate-Button-Graphic.png') center center no-repeat;
}

.footer-button.girls-only{
    background: url('images/Girls-Only-Button-Graphic.png') center center no-repeat;
}

.footer-text{
    margin: 10px 45px 20px 45px;
    font-size: 11px;
    font-weight: bold;
    font-family: "Helvetica", "Arial", sans-serif;
    color: white !important;
    float: left;
    clear: left;
}

.footer-text p{
    font-size: 11px;
    font-weight: bold;
    font-family: "Helvetica", "Arial", sans-serif;
    color: white;

}



.footer-graphic{
    float: right;
    margin: 0px 45px 20px 45px;
}

.footer a, .footer-mobile a{
    color: #EC0045;
}

/* =Blog Pages
-------------------------------------------------------------- */

.page-template-no-sidebar-template-php .post-background,
.error404 .post-background,
.blog .post-background,
.single .post-background,
.archive .post-background,
.search .post-background{
    display: none;
}

.page-template-no-sidebar-template-php #primary,
.error404 #primary,
.blog #primary,
.single #primary,
.page-template-default #primary,
.archive #primary,
.search #primary{
    position: relative;
    width: 95%;
    max-width: 650px;
    float: left;
    margin: 50px 0px 125px 45px;
    z-index: 4;
}

section#primary{
    width: 100%;
}

.blog div#secondary,
.single div#secondary,
.archive div#secondary,
.search div#secondary{
    position: relative;
    max-width: 210px;
    float: left;
    margin: 55px 45px 200px 30px;
    z-index: 4;
}

.error404 div#secondary,
.page-template-default div#secondary{
    position: relative;
    max-width: 200px;
    float: left;
    margin: 55px 45px 200px 30px;
    z-index: 6;
}

.page-template-no-sidebar-template-php div.content-background,
.blog div.main-container div.content-background,
.single div.main-container div.content-background,
.page-template-default div.main-container div.content-background,
.error404 div.main-container div.content-background,
.archive div.main-container div.content-background,
.search div.main-container div.content-background{
    z-index: 3;
}

.page-template-no-sidebar-template-php .entry-title,
.page-template-no-sidebar-template-php .entry-title a,
.blog .entry-title,
.blog .entry-title a,
.single .entry-title,
.single .entry-title a,
.page-template-default .entry-title a,
.error404 .entry-title a,
.archive .entry-title a,
.search .entry-title a{
    font-size: 24px;
    color: #EC0045;
    /*text-align: center;*/
    text-decoration: none;
}

.page-template-no-sidebar-template-php .entry-title,
.blog .entry-title,
.single .entry-title,
.archive .entry-title,
.search .entry-title{
  margin: 0px 0px 20px 0px !important;
}

.page-template-no-sidebar-template-php .post,
.blog .post,
.single .post,
.archive .post,
.search .post{
    margin: 0px 0px 30px 0px !important;
}

.blog .nav-above,
.single .nav-above,
nav#nav-single,
nav#nav-above{
    margin-bottom: 20px;
}

.blog .nav-above a,
.single .nav-above a,
nav#nav-single a,
nav#nav-above a{
    font-size: 14px;
    color: #EC0045;
    text-decoration: none;
}

.more-link{
    font-size: 14px;
    color: #EC0045;
    text-decoration: none;
}

nav#nav-above h3{
    display: none;
}

.archive nav#nav-above,
.category nav#nav-above,
.search nav#nav-above{
    padding: 10px 0px;
}

.blog .entry-meta,
.single .entry-meta,
.archive .entry-meta,
.search .entry-meta{
   margin-bottom: 10px;
   font-size: 12px;
   font-style: italic;
   color: #a7a9ac;
}

.blog #secondary h3,
.single #secondary h3,
.archive #secondary h3,
.search #secondary h3{
    /*color: #a7a9ac;*/
    color: #808080;
    font-size: 12px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
}

.error404 #secondary h3,
.page-template-default #secondary h3{
    color: #808080;
    font-size: 12px;
    text-transform: capitalize;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}

div.textwidget{
    padding-bottom: 30px;

}

div.textwidget, div.textwidget p{
    font-size: 13px;
    color: #808080;
}

.error404 aside,
.page-template-default aside{
    border-bottom: 0px dotted #808080;
}

.error404 #secondary ul,
.page-template-default #secondary ul,
.blog #secondary ul,
.single #secondary ul,
.archive #secondary ul,
.search #secondary ul{
    list-style: none;
}

.error404 #secondary li,
.page-template-default #secondary li,
.blog #secondary li,
.single #secondary li,
.archive #secondary li,
.search #secondary li{
    padding-bottom: 5px;
}

.error404 #secondary li a,
.page-template-default #secondary li a,
.blog #secondary li a,
.single #secondary li a,
.archive #secondary li a,
.search #secondary li a{
    /*color: #a7a9ac;*/
    color: #808080;
    font-size: 14px;
    text-decoration: none;
    text-transform: capitalize;
}

.error404 #secondary li a:hover,
.page-template-default #secondary li a:hover,
.blog #secondary li a:hover,
.single #secondary li a:hover,
.archive #secondary li a:hover,
.search #secondary li a:hover{
    text-decoration: underline;
}

.page-template-default #secondary .widget_search,
.error404 #secondary .widget_search,
.blog #secondary .widget_search,
.single #secondary .widget_search,
.archive #secondary .widget_search,
.search #secondary .widget_search{
    margin-left: 16px;
}

.blog footer.entry-meta,
.single footer.entry-meta,
.archive footer.entry-meta,
.search footer.entry-meta{
    color: #808080;
    margin: 20px 0px;
    background-color: #FFFFFF;
    font-size: 12px;
    box-shadow: 1px 1px 8px #EEEEEE;
}

.archive.category h1.page-title{
    margin-bottom: 10px;
}

.archive.category .nav-above{
    margin-bottom: 10px;
}

.entry-meta a, .entry-summary a, .entry-content a{
    color: #EC0045;
    text-decoration: none;
}

span.nav-next{
    float: right;
}

h3.entry-title, h3.entry-title a{
    color: #000000 !important;
    font-style: italic;
    text-decoration: none;
    padding: 0px 0px 10px 0px;
}

.blog .entry-content{
    font-size: 14px;
    max-width: 100%;
}

.entry-content p, .textwidget p{
    margin-bottom: 10px;
    display: block;
}

.imported-image{
    margin: 10px;
    max-width: 300px;
    height: auto;
    box-shadow: 1px 1px 8px #000000;
}

/* =Image Captions
-------------------------------------------------------------- */

.wp-caption a{
    color: #EC0045;
    text-decoration: none;
}

.wp-caption img{
    box-shadow: 1px 1px 8px #000000;
}

.wp-caption-text{
    padding: 8px 0px 0px 0px;
}

/* =Stories
-------------------------------------------------------------- */

div.stories-section{
    padding: 0px 0px 10px 0px;
}

div.stories-section p{
    padding-bottom: 10px;
}

/* =Give
-------------------------------------------------------------- */

table.normal-view td{
    vertical-align: top;
    padding: 0px;
}

td.zip{
    padding: 0px 0px 0px 10px !important;
}

table.normal-view td.city{
    padding: 2px 0px 0px 0px;
}

p.address{
    font-size: 10px !important;
    line-height: 10px !important;
}

div.entry-content.give p{
   font-size: 16px;
}

form#DonationForm{
    font-size: 14px !important;
    line-height: 14px;
}

form#DonationForm ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    max-width: 330px;
    min-width: 280px;
}

form#DonationForm ul li{
    max-width: 155px;
    float: right;
}

form#DonationForm ul li.leftColumn{
    float: left;
    margin-right: 10px;
    clear: left;
}

form#DonationForm ul li.rightColumn{
    min-width: 155px;
    margin-top: -1px;
}

form#DonationForm .state, form#DonationForm .state input, form#DonationForm .zip, form#DonationForm .zip input{
    max-width: 60px;
}

form#DonationForm .zip{
    margin: 0px 0px 0px 10px !important;
}

/*form#DonationForm .state{
    margin-left: 0px;
    margin-bottom: 10px;
}



form#DonationForm .zip input{

}*/

form#DonationForm label{
    display: block;
    margin-top: 5px;
    /*font-size: 10px !important;*/
}

form#DonationForm .donate {
    background: url('images/Donate-Button-Graphic.png') center center no-repeat;
    width: 106px;
    height: 39px;
    line-height: 39px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Sanchez', serif;
    text-decoration: none;
    border: 0;
    cursor: pointer;
}

li.in-support-of{
    /*line-height: 14px;*/
    clear: right;
}

li.submit-button{
    padding: 10px 0px;
}

table.in-support-of td{
    padding: 0px;
    vertical-align: middle !important;
}

td.in-support-of-field{
    padding: 0px 0px 2px 0px !important;
}

td.in-support-of-label{
    /*font-size: 10px !important;*/
    padding: 0px 0px 0px 0px !important;
}

/* =Staff & Board
-------------------------------------------------------------- */

table.staff-board{
    width: 280px;
    max-width: 280px;
    border: 0px solid red;
    margin: 10px 0px;
}

table.staff-board td{
    font-size: 12px;
    padding: 4px;
}

table.staff-board td.red{
    color: #EC0045;
}

/* =Events
-------------------------------------------------------------- */

table.tribe-events-calendar, .tribe-events-calendar td {
    background-color: #FFFFFF !important;
}

#tribe-events-calendar-header, .tribe-events-calendar, #tribe-events-content .ical, .events-single #content .ical, a.gmap, .tribe-events-event-list-meta td, .tribe-events-nav, #tribe-events-event-meta, span.back, .eventsListWidget .dig-in, .eventsAdvancedListWidget .dig-in, .gcal-add, .tribe-events-calendar-buttons a{
    font-family: 'Sanchez', serif !important;
    font-weight: normal !important;
}

.tribe-events-calendar .daynum, .tribe-events-calendar .daynum a, .tribe-events-calendar .daynum a{
  font-weight: normal !important;
}

.tribe-events-calendar th, .tribe-events-calendar td.tribe-events-present .daynum, .tribe-events-calendar td.tribe-events-present .daynum > a, .tribe-events-calendar-buttons a.tribe-events-button-on {
    background-color: #EC0045 !important;
    color: #FFFFFF !important;
}

a.tribe-pjax, .tribe-events-nav a{
    color: #EC0045 !important;
}

.tribe-events-events .tribe-events-event-list-meta {
    float: left !important;
    display: block !important;
    clear: both !important;
    margin: 20px 0px;
}

.navlink.tribe-previous, .navlink.tribe-next{
    display: none !important;
}


/* =News
-------------------------------------------------------------- */

.news div.stories-section{
    font-size: smaller;
}

.widgettitle{
    line-height: 20px;
}

.widgettitle .social-icon{
    float: left;
}

.news .entry-title{
    margin-bottom: 0px;
}

/* =Comments
-------------------------------------------------------------- */

#comments{
    position: relative;
    z-index: 4;
    padding: 20px;
}

/* =Mobile
-------------------------------------------------------------- */


/*===========================================================================
Custom form
===========================================================================*/
.gform_wrapper{margin: 8px 0!important;}


.gform_wrapper label.gfield_label{font-size: 14px!important; font-weight: normal!important;}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){padding: 0 1px!important;}
body .gform_wrapper .top_label div.ginput_container{margin-top: 0!important;}
body .gform_wrapper ul li.gfield{margin-top: 5px!important;}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label{
	margin: 1px 0 4px 1px!important;
}
.gform_wrapper.gf_browser_chrome select {
    padding: 0px 0 0px 3px!important;
}
.gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select, .gform_wrapper.gf_browser_chrome .ginput_complex select{margin-bottom: 0!important;}
.gform_wrapper ul.gfield_checkbox, .gform_wrapper ul.gfield_radio{margin: 0!important;}
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label{font-size: 13px!important;}
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio]{margin-top: 3px!important;}


.gform_wrapper .gform_footer {
    padding: 0px 0px 0px!important;
    margin: 5px 0 0!important;
}

.gform_wrapper .gform_footer .gform_button{
    background: url(images/Donate-Button-Graphic.png) center center no-repeat;
    width: 106px;
    height: 39px;
    line-height: 39px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Sanchez', serif;
    text-decoration: none;
    border: 0;
    cursor: pointer;
}

.gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li{min-height: 22px!important;}


body .gform_wrapper li.gfield.gfield_error, body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent!important;
    margin-bottom: 0!important;
    border: none!important;
    padding-bottom: 0!important;
    padding-top: 0!important;
    box-sizing: border-box;
}

.validation_message{display: none!important;}

.gform_wrapper div.validation_error {
    font-size: 14px!important;
    font-weight: normal!important;
    margin-bottom: 0!important;
    padding: 6px 0!important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{margin-top: 0!important;}

.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label{margin-top: 1px!important;}


.address_line_1 label{display: none!important;}



.gfield_contains_required .address_city label:after, .gfield_contains_required .address_state label:after, .gfield_contains_required .address_zip label:after, .gfield_contains_required .address_country label:after{content: '*'; color: #790000; margin-left: 4px;}

.gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio]{vertical-align: top!important;}

.gform_wrapper .gfield_radio li label {
    margin: 0px 0 0 4px!important;
}


@media only screen and (min-width: 641px){
	.gform_wrapper li.gfield.gfield_error.gfield_contains_required{padding-right: 16px!important;}
	.gform_wrapper .top_label li.gfield.gfield_error.gf_left_half{margin-right: 0!important;}
	.gform_wrapper .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half {
	    max-width: none!important;
	}
	body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
		max-width: none!important;
	}
}



/*===========================================================================
END Custom form
===========================================================================*/









/*=======================================================*/
/* Responsive Dropdown Menu Style */
/*=======================================================*/

#mobile_menu {
    position: relative;
    display: none;
    float: right;
    width: 276px;
    text-align:center;
    margin-bottom: 10px;
    margin-left:0;
    border: 1px solid #e2e0e0 !important;
    padding: 0;
    z-index: 9999px;
    list-style:none;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

}

#mobile_menu ul {
    margin-left: 0px !important;
    padding-left: 0px;
    list-style:none;
}

.mobile_menu {
    z-index: 1000;
    display: none;
    text-align: left;
}
.mobile_menu ul {
    display: block !important;
    visibility: visible !important;
    border-bottom: 1px solid #e2e0e0;
    padding-bottom: 10px;
    margin: 0;

}
.mobile_menu li {
    padding: 2px 10px;
    margin: 0;
}
.mobile_menu li a {
    border-bottom: 0px solid #e2e0e0;
    margin: 0 !important;
}
.mobile_menu li:last-child a {
    border-bottom:none;
    padding-bottom: 15px;
}
.mobile_menu li a:hover {
    color: #2565ac;
}
.mobile_menu > li.current_page_item > a {
    color: #2565ac;
}
.mobile_menu ul li a {
    margin-left:12px !important;
    padding-top: 12px !important;
    padding-bottom: 4px !important;
}
.mobile_menu ul li:last-child a {
    padding-bottom: 10px !important;
}
.mobile_menu ul a {
    border-bottom: none;
}

.mobile_nav {
    color: #3B3B3B;
    background: #f8f8f8;
    border: 1px solid #e2e0e0;
    position: relative;
    padding: 11px 22px 11px 46px;
    width:208px;
    margin-bottom:0;
    margin-top:0px;
    display: inline-block;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.mobile_nav:hover {
    text-decoration: none !important;
    color:#3B3B3B;
}
.mobile_nav > span {
    display: block;
    width: 15px;
    height: 10px;
    background: url(images/responsive_arrow_closed.png) no-repeat;
    position: absolute;
    top: 19px;
    left: 40px;
}

.mobile_nav.opened > span {
    background: url(images/responsive_arrow_opened.png) no-repeat;
}

.mobile_nav.closed > span {
    background: url(images/responsive_arrow_closed.png) no-repeat;

}


/*Added for resolution 500-800px*/
#footer_ipad{display:none;}

@media only screen and (min-width: 0px) and (max-width: 1000px) {

    h1 {
font-family: 'Sanchez', serif;
font-size: 26px;
color: #EC0045;
}

div.entry-content h3{
    font-size: 14px !important;
}
}

@media only screen and (min-width: 0px) and (max-width: 980px) {

    #secondary{
        float:left;
    }

    .blog #primary, .single #primary, .page-template-default #primary, .archive #primary {
        margin: 50px 0px 0px 45px;
    }

    .blog div#secondary, .single div#secondary, .page-template-default div#secondary, .archive div#secondary {
        margin: 50px 45px 200px 30px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 960px) {

    .blog div#secondary, .single div#secondary, .page-template-default div#secondary, .archive div#secondary {
        margin: 0px 45px 150px 30px;
    }

    .page-template-no-sidebar-template-php #secondary, .events-archive #secondary{
        display: none;
        margin: 0px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 925px) {

    .footer-graphic{
        float: left;
    }
}

@media only screen and (min-width: 0px) and (max-width: 880px) {

    h1 {
font-family: 'Sanchez', serif;
font-size: 20px;
color: #EC0045;
}

div.entry-content h3{
    font-size: 12px !important;
}
}

@media only screen and (min-width: 0px) and (max-width: 800px) {

    #mobile_menu {
        display: inline-block;
    }



    .nav {
        display: none;
    }

    .page-template-secondary-template-php .footer-mobile{
        clear: both;
        display: block;
    }



    .page-template-secondary-template-php .footer-buttons .unitedway{
        display: visible;
    }

    .page-template-secondary-template-php .footer-graphic.unitedway{
        display: visible;
    }

    #secondary{
        float:left;
    }

    .page-template-no-sidebar-template-php #primary, .blog #primary, .single #primary, .page-template-default #primary, .archive #primary {
        margin: 50px 20px 0px 20px;
    }

    .blog div#secondary, .single div#secondary, .page-template-default div#secondary, .archive div#secondary {
        margin: 0px 45px 30px 20px;
    }

    .post-background{
        background-color: #FFFFFF;
        opacity: .8;
        filter: alpha(opacity=80);
    }

    .post-content.staff table{
        width: 280px !important;
        max-width: 280px !important;
        min-width: 280px !important;
        border: 0px solid red;
    }

    .post-content.staff table td{
        width: 140px !important;
        max-width: 140px !important;
        min-width: 140px !important;
    }

    .post-content.staff table td.subtitle{
        text-align: right;
    }

    .footer-text{
        /*color: #000000;
        text-shadow: 0px 1px 3px #FFFFFF;*/
    }

    .footer-text p{
        /*color: #000000;
        text-shadow: 0px 1px 3px #FFFFFF;*/
    }

    .page-template-no-sidebar-template-php #secondary, .events-archive #secondary{
        display: none;
        margin: 0px;
    }

    #tribe-events-content{
        width: 100%;
        margin: 0px !important;
        padding: 0px !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 780px) {

    h1 {
font-family: 'Sanchez', serif;
font-size: 20px;
color: #EC0045;
}

div.entry-content h3{
    font-size: 12px !important;
}
}

@media only screen and (min-width: 0px) and (max-width: 540px) {

    .footer-mobile{
        clear: both;
        display: block;
    }

    .footer{
        display: none;
    }

    .footer-buttons .unitedway{
        display: inline-block;
    }

    .footer-graphic.unitedway{
        display: none;
    }

    .footer-graphic{
        float: left;
    }
}

@media only screen and (min-width: 0px) and (max-width: 695px) {

    .entry-content.staff table.alignleft{
        display: block;
        float: none;
        clear: both;
    }
}

@media only screen and (min-width: 0px) and (max-width: 670px) {

    #mobile_menu {
        float: none;
        margin-top:  10px;
    }

    .top-right {
        float: none;
        padding-bottom: 0px;
        margin: 0px;
    }

    .logo {
        margin: 10px 0px 0px 0px;
        float: none;
    }

    .header{
        padding: 20px;
    }

    .search-container{
        margin: 0px auto 0px 3px;
        float:none;
        clear: both;
    }
}

@media only screen and (min-width: 0px) and (max-width: 600px) {

    .page-template-no-sidebar-template-php #primary,
    .error404 #primary,
    .blog #primary,
    .single #primary,
    .page-template-default #primary,
    .archive #primary,
    .search #primary{
        position: relative;
        width: auto;
    }


    .page-template-primary-template-php h1{
        padding-bottom: 10px;
        font-size: medium;
    }

    .page-template-primary-template-php p{
        font-size: smaller;
        line-height: 15px;
    }

    .tribe-events-calendar td {
        height: 50px !important;
    }

    span.tribe-events-calendar-buttons{
        float: none;
        clear: both;
        display: block;
        position: relative;
        top: auto;
        left: auto;
        margin: 0px;
        padding: 0px;
    }

    span.tribe-events-month-nav{
        float: none;
        clear: both;
        display: block;
        position: relative;
        top: auto;
        left: auto;
        margin: 10px 0px 0px 0px;
        padding: 0px;
    }

    span.tribe-events-month-nav form{
        float: none;
        clear: both;
        display: block !important;
        position: relative;
        top: auto;
        left: auto;
        margin: 5px 0px 5px 0px;
        padding: 0px;
    }

    #tribe-events-events-picker, #tribe-events-picker {
        display: block !important;
    }

    .tribe-events-calendar-buttons a{
      margin: 10px 10px 10px 0px !important;
    }

    .tribe-events-events .tribe-events-event-list-meta {
        width: 100% !important;
        float: left;
        clear: both;
        position: relative;
        top: auto;
        left: auto;
        margin: 5px 0px 5px 0px;
        padding: 0px;
    }

    .events-archive h1{
        float: none;
        clear: both;
        display: block !important;
        position: relative;
        top: auto;
        left: auto;
        margin: 5px 0px 5px 0px;
        padding: 0px;
    }

    #tribe-events-content.upcoming .tribe-events-calendar-buttons{
        float: none;
        clear: both;
        display: block !important;
        position: relative;
        top: auto;
        left: auto;
        margin: 5px 0px 5px 0px;
        padding: 0px;
    }

    .events-archive #tribe-events-nav-below {
        margin: 0px !important;
    }

    .events-archive .hentry {
        margin: 0;
        padding: 0px !important;
    }

    div#tribe-events-event-meta dl.column{
        display: block !important;
        clear: both !important;
        width: 100% !important;
    }

}

@media only screen and (min-width: 0px) and (max-width: 542px) {

    .page-template-secondary-template-php div.post-content{
        border: 0px solid orange;
        min-height: 265px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0px 0px 0px 0px !important;
        float: left;
        position: absolute;
        top: 50%;
        display: none;
        z-index: 3 !important;
    }

    .page-template-secondary-template-php div.mobile-image{
        display: inline-block;
        margin: 0px 0px 10px 0px;
    }

    .content-background-clone, .content-background-clone ul, .content-background-clone ul li, .content-background-clone ul li img{
        min-width: 150px !important;
    }

}

@media only screen and (min-width: 0px) and (max-width: 450px) {

	#footer_ipad{display:none;}
    form#DonationForm ul li {
        clear: both;
        float: left;
    }

    form#DonationForm .state {
        margin-left: 0px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 435px) {

	#footer_ipad{display:none;}
    /*.footer-buttons {
        margin: 50px 45px 0px 0px;
        display: block;
        list-style: none;
    }

    .footer-buttons li{
        float: none;
        clear: both;
    }*/

    .footer-buttons .unitedway{
        display: inline-block;
    }

    .footer-graphic.unitedway{
        display: none;
    }
}

@media only screen and (min-width: 0px) and (max-width: 355px) {

	#footer_ipad{display:none;}
    .alignleft{
        display: block;
        float: none;
        clear: both;
    }

    .alignright{
        display: block;
        float: none;
        clear: both;
    }

    .search-container{
        float:none;
        clear: both;
    }

    .top-right {
        padding: 0px 0px 0px 10px;
        margin: 0px auto 10px auto;
        width: 160px;
    }

    .footer-mobile .footer-text{
        clear: both;
        display: block;
    }

    li.slide:first-child{
        display: block;
        opacity: 1.0;
        filter: alpha(opacity=100);
    }

    .blog #primary, .page-template-no-sidebar-template-php #primary {
        margin: 50px 0px 0px 10px;
        max-width: 300px;
    }

    .blog .entry-content img{
        max-width: 280px;
    }

    div#wds-container {
        width: 100% !important;
    }

    img.imported-image{
        margin: 10px 0px !important;
        max-width: 100% !important;
        height: auto;
        box-shadow: 1px 1px 8px #000000;
    }

    section#primary{
        width: auto;
    }

    .tribe-events-calendar td {
        height: 50px !important;
    }

    span.tribe-events-calendar-buttons{
        float: none;
        clear: both;
        display: block;
        position: relative;
        top: auto;
        left: auto;
        margin: 0px;
        padding: 0px;
    }

    span.tribe-events-month-nav{
        float: none;
        clear: both;
        display: block;
        position: relative;
        top: auto;
        left: auto;
        margin: 10px 0px 0px 0px;
        padding: 0px;
    }

    span.tribe-events-month-nav form{
        float: none;
        clear: both;
        display: block !important;
        position: relative;
        top: auto;
        left: auto;
        margin: 5px 0px 5px 0px;
        padding: 0px;
    }

    #tribe-events-events-picker, #tribe-events-picker {
        display: block !important;
    }

    .tribe-events-calendar-buttons a{
      margin: 10px 10px 10px 0px !important;
    }

    .tribe-events-events .tribe-events-event-list-meta {
        width: 100% !important;
        float: left;
        clear: both;
        position: relative;
        top: auto;
        left: auto;
        margin: 5px 0px 5px 0px;
        padding: 0px;
    }

    .events-archive h1{
        float: none;
        clear: both;
        display: block !important;
        position: relative;
        top: auto;
        left: auto;
        margin: 5px 0px 5px 0px;
        padding: 0px;
    }

    body.events-gridview {
        background-color: #FFFFFF;
        background-image: none;
        width: 530px !important;
    }

    .events-gridview .main-container {
        background-color: #FFFFFF;
        border: 0px solid #FFFFFF;
        box-shadow: none;
    }

    #tribe-events-content.upcoming .tribe-events-calendar-buttons{
        float: none;
        clear: both;
        display: block !important;
        position: relative;
        top: auto;
        left: auto;
        margin: 5px 0px 5px 0px;
        padding: 0px;
    }

    .events-archive #tribe-events-nav-below {
        margin: 0px !important;
    }

    .events-archive .hentry {
        margin: 0;
        padding: 0px !important;
    }

    div#tribe-events-event-meta dl.column{
        display: block !important;
        clear: both !important;
        width: 100% !important;
    }

    div#secondary{
        margin: 0px auto 30px auto !important;
        float: none !important;
    }

    iframe{
        width: 280px !important;
        height: 158px !important;
    }

    form#DonationForm .zip{
        margin: 0px 0px 0px 10px !important;
        max-width: 62px;
    }

}

@media only screen and (min-width: 540px) and (max-width: 800px) {

    .footer .footer-buttons,.footer .footer-text,.footer .footer-graphic, .footer-mobile{display:none !important;}
	.nav {
        display: none !important;
    }

	.page-template-secondary-template-php div.post-background img{
    display: none;
}
	td.zip{
    padding: 0px 0px 0px 15px !important;
}
	#footer_ipad {
		background-color: #000000;
		bottom: -142px;
		display: block;
		position: absolute;
		width: 100%;
		z-index: 600;

	}
	#footer_ipad .footer-buttons {
		margin: 17px 45px 0 0;
	}
	#footer_ipad .footer-graphic
	{margin: 0 0 20px;}

	#mobile_menu {
        float: none;
        margin-top:  10px;
		margin-left: 100px;
    }

	a[href^=tel]{
    color:white;
	text-decoration: none;
border-bottom: 1px solid blue;
}

}