/*
	Theme Name: REI
	Theme URI: 
	Description: A boilerplate theme by GuRuStu Group.  Edit application.scss for styles
	Author: The GuRuStu Group
	Author URI: http://www.gurustugroup.com
	Version: 0.1
	Tags: custom-menu, editor-style, theme-options, threaded-comments, sticky-post, microformats, rtl-language-support, translation-ready

	License: GNU General Public License v2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

	This CSS file is a concatenation of style.css from HTML5 Boilerplate and style.css from Starkers.
	Comment blocks indicate where each begins and ends, like this, for example...
*/

.social ul a {
	text-indent: -9999px;
}

.linkedin a {
	display: block;
    width: 36px;
    height: 36px;
	background-image: url(images/linkedin-128.png);
	background-size: contain;
}
#footer .top .social li {
	vertical-align: middle;
}
#footer .social {
	padding-top: 7px;
}
.instagram a {
	display: block;
    width: 36px;
    height: 36px;
	background-image: url(images/instagram.png);
	background-size: contain;
}
.translator{
    display: inline-block;
}
@media only screen and (max-width: 420px){
    #logo{
        margin-top: 20px !important;
    }
    a.enews-button{
        margin-top: 125px !important;
    }
}
.board-member{
	padding: 20px;
	border-bottom: 1px solid #999;
	line-height: 140%;
	transition-property: all; 
    	transition-duration: .5s;
}
.board-member:hover{
	background: rgba(255,255,255,.8);
}
#first{
	
}
#last{
	border-bottom: none;
}
.board-member .photo, .board-member .bio{
	display: inline-block;
	vertical-align: middle;
	float: none;
}
.board-member .photo{
	min-height: 280px;
	height: 30vh;
	width: 40%;
	margin-right: 1%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.board-member .bio{
	width: 58%;
}
.board-member .bio p{
	padding-bottom: .7em;
	font-size: .75em;
	line-height: 140%;
}	
.board-member .bio h1{
	padding-top: .7em;
	font-size: 1.618em;
}
.board-member .bio h2{
	font-weight: 100;
	font-style: italic;
	margin-bottom: .5em;
	color: #777 !important;
}
.board-member .bio h3{
	font-size: .6em;
	text-transform: uppercase;
	line-height: 140%;
	margin-bottom: .5em;
	margin-top: 1em;
	font-family: "franklin-gothic-urw-comp","Arial Narrow",Arial,sans-serif;
}
@media screen and (max-width: 420px){
	.board-member .photo{
		width: 100%;
		min-height: 30vh;
		margin-right: 0;
	}
	.board-member .bio{
		width: 100%;
		text-align: left;
	}
}
@media only screen and (min-width: 421px){
	#footer .bottom section.middle{
		width: 475px !important;
	}
	#footer .bottom section.middle .location{
		width: 50% !important;
	}
} 
#neighborworks, #best-places{
	height: 80px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin: 0 2em !important;
}
#neighborworks{
	background-image: url(../rei/images/neighborworks.png);
	margin-bottom: 2em !important;
}
#best-places{
	background-image: url(../rei/images/best-places.png);
}
@media only screen and (min-width: 421px){
	#neighborworks, #best-places{
		width: 350px;
	}
}
ul.events li .right h3.event-title a{
	font-family: "franklin-gothic-ext-comp-urw";
}
.event-display-boxes .read-more{
	display: none;
}
@media screen and (max-width:940px){
	#content table tr td{
		font-size: 20px;
	}
	.fc-header-title h2{
	    font-size: 1.75em;
	    line-height: 130%;
	}
	#espresso_calendar{
		position: relative;
		z-index: 0;
	}
}
@media screen and (max-width:575px){
	.fc-header-title h2{
		font-size: 3em;
	}
	#content table tr td{
		font-size: 10px;
	}
}
@media screen and (max-width: 500px){
    .fc-header-title h2{
		font-size: 2em;
	}
}
@media screen and (max-width:375px){
	.fc-header-title h2, #content table tr td{
		font-size: 9px;
	}
}
.button.menu-item a {
    padding: 0.5em 0 !important;
    color: white !important;
}
/*Calendar*/
/*#espresso_calendar .fc-event-title {
    line-height: 100%;
    display: inline-block;
    font-family: "franklin-gothic-urw-comp",sans-serif;
    font-size: 1.1em;
}
#espresso_calendar .fc-event-skin{
    background-color: transparent;
    border: none;
}
#espresso_calendar a.fc-event-skin {
    background-color: rgba(64,194,204,1);
    padding: 0.75em 0.5em 0.5em;
    border-radius: .5em;
    font-size: .95em;
    margin-bottom: 0.5em;
}
#espresso_calendar .fc-event-skin:hover{
    background-color: #555;
}
.event-categories {
    padding-bottom: 0.75em;
    margin-bottom: 1em;
    border-bottom: 1px solid #999;
    font-family: "franklin-gothic-urw-comp",sans-serif;
}
.cat-label {
    font-size: 1.25em;
    padding-right: 0.5em;
    text-transform: uppercase;
}
.fc-state-default .fc-button-effect{
    display: none;
}
.fc-header{
    background: #A8B33D;
    border-radius: 10px 10px 0 0;
}
.fc-grid .fc-day-number{
    padding-right: 10px;
}
.fc-header-title h2{
    color: white;
}
.fc-header-title {
    margin: 0.25em 0;
}
.fc-header .fc-button{
    margin: 0.9em 0;
}
.fc-content tbody td{
    color: #555;
    background: #dcdcdc;
    border-color: #efefef;
    font-family: "franklin-gothic-urw-comp",sans-serif;
    border-width: 1px 1px 0 0;
}
.fc-other-month {
    background-color: rgb(200,200,200) !important;
    border-color: #dcdcdc !important;
}
.fc-content tbody td:first-child{
    border-left: 1px solid white;
}
.fc-content tbody td:hover{
    background: #dcdcdc;
}
.calendar-wrap .entry-title{
    text-align: center;
}
@media screen and (min-width: 551px){
    .calendar-wrap article {
        width: 90vw;
    }
}
@media screen and (max-width: 551px){
    #espresso_calendar .fc-event-title{
        font-size: .8em;
    }
    #espresso_calendar a.fc-event-skin{
        padding: 0.5em 0.25em 0.25em;
    }
    .event-categories{
        font-size: .7em;
    }
    .cal-button{
        padding: 0.1em 0.5em;
    }
    .fc-header-title{
        font-size: .65em;
    }
}*/
#espresso-search-form-dv {
    margin-bottom: 1em;
}
#espresso-search-form-dv form:before{
    content: "Event Search:";
    font-family: "franklin-gothic-urw-comp", "Arial Narrow", Arial, sans-serif;
    text-transform: uppercase;
    font-size: 1.4em;
    margin-left: 0.7em;
}
.event-details .event-list-display {
    max-width: 912px;
    margin: auto;
    background: rgba(255, 255, 255, 0.75);
    padding: 1em 2em;
    line-height: 140%;
    list-style: none;
    border-bottom: 1px solid #efefef;
}
.event-details .event-list-display .left{
    width: 24%;
}
.event-details .event-list-display .right{
    width: 75%;
    font-size: .8em;
}
.event-details .event-list-display .right, .event-details .event-list-display .left{
    margin-left: 0 !important;
    margin-right: 0 !important;
    vertical-align: top !important;
    display: inline-block;
}
.event-details .add-to-ical{
    display: none;
}
.event-details .event-list-display .month, .event-details .event-list-display .day {
    display: inline-block;
    font-weight: 800;
    font-size: 1.25em;
    color: black;
}
.event-details .event-list-display .event-title a {
    font-size: 1.5em;
    margin-bottom: 0.5em;
    border: none;
    text-decoration: none;
}
.event-details .event-list-display:hover .city{
    color: black !important;
}
.event-details .event-list-display .register a {
    padding: 0.25em 1em;
    display: inline-block;
    text-decoration: none;
    background: #FFD041;
    color: #796646;
    text-transform: uppercase;
}
.event-details .event-list-display .register a:hover {
    background: #796646;
    color: #FFD041;
}
.blog article {
    padding: 2em 1em;
    font-size: 1.75em;
    line-height: 140%;
    border-bottom: 1px solid #999;
}
.blog article:last-child{
    border-bottom: none;
}
.blog article .entry-title {
    font-size: 1.5em;
    line-height: 120%;
    margin-bottom: 0.25em;
}
.blog article .entry-meta {
    font-size: .75em;
    font-style: italic;
    color: #888;
    margin-bottom: 0.5em;
}
.blog .main-content-wrapper{
    margin: 1em 0;
}
.blog .navigation {
    margin: 2em;
    font-size: 1.5em;
}
.blog .nav-previous, .blog .nav-next {
    display: inline;
    margin: 0.5em;
}
.blog-sidebar li {
    list-style: none;
    padding: 0 1em 1em;
}
.blog-sidebar li ul li {
    padding: 0 1em;
}
.blog-sidebar {
    font-size: 1.5em;
    line-height: 160%;
    background-color: lightgray;
    padding-top: 1em;
    max-width: 23.8%;
    display: inline-block;
    vertical-align: top;
    margin-left: 1.6%;
}
.blog-sidebar .widget-title {
    font-size: 1.25em;
    margin-bottom: 0.25em;
    border-bottom: 1px solid #999;
}
.loop-wrap {
    max-width: 74%;
    display: inline-block;
}
.single-wrap .post .entry-title{
    text-align: center;
}
.single-sidebar {
    margin-top: 5em;
}
.single-wrap .post .entry-title {
    text-align: center;
    line-height: 70%;
    margin-top: 1em;
}
.blog-sidebar #searchsubmit, .blog-sidebar input[type="search"], .blog-sidebar select {
    width: 100%;
    margin-top: 0.5em;
}
.meta-sep, .vcard {
    display: none;
}
.blog-feed .entry-content a{
    display: block;
    width: fit-content;
    margin-top: 0.5em;
    text-decoration: none;
}
@media screen and (max-width: 767px){
    .blog-sidebar, .loop-wrap{
        min-width: 96.8%;
        max-width: unset;
        margin-top: 0;
    }
}