/*
Theme Name: Together
Theme URI: http://together.transy.edu
Description: Theme customizations for #TogetherForTransy
Author: Lee Boone (Transylvania University Department of Communications)
Author URI: http://www.transy.edu
Template: twentyseventeen
Version: 1.2
*/

/* Generated by Orbisius Child Theme Creator (http://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Mon, 15 May 2017 14:34:51 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/
body, html body{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering:optimizeLegibility;
}

h1, h2{
	font-family: 'Gentium Book Basic', sans-serif;
}
h1,h2,h3,h4,h5,h6{
	padding: 0;
	margin: .75em 0 0;
	letter-spacing: 0;
}
h1+h2,h2+h3,h3+h4,h4+h5,h5+h6{
	margin-top:.25em;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
p:first-child,
ul:first-child,
ol:first-child,
dl:first-child{
	margin-top:0;
}

h1{
	font-size: 2.5rem;
}
h2{
	font-size: 2.0rem;
	color:#9E2036;
}
h3{
	font-size: 1.6rem;
	font-weight: bold;
}
h4{
	font-size: 1.3rem;
}
h5{
	font-size: 1.1rem;
	text-transform: none;
	color:#9E2036;
}
h6{
	font-size: 1.0rem;
	text-transform: uppercase;
	font-weight: normal;
}

ul,ol{
	padding:0 0 0 18px;
}

a{
	color: #9E2036;
}
hr{
	margin:1.5em;
	clear:both;
}

.btn{
	box-shadow: 2px 2px 5px rgba(0,0,0,0.8);
	display: inline-block;
	padding: 8px 16px;
	border-radius: 0;
	color: #FFF;
	background-color: #9E2036;
	border-color: 1px solid rgba(0,0,0,0.2);
	transition:all 0.6s;
	text-shadow:none;
	font-weight: bold;
}
#challenges .current-challenge .slide .btn{
	color:#FFF;
}
.btn:hover{
	color:#9E2036;
	background-color: #FFF;
}
#challenges .current-challenge .slide .btn:hover{
	color:#9E2036;
}

#page{
	overflow-x:hidden;
}

.has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding{
	display: block;
	text-align: center;
}
.site-branding a{
	padding-right:0;
}

.page .panel-content .entry-title, 
.page-title, 
body.page:not(.twentyseventeen-front-page) .entry-title{
	font-size: 2rem;
	letter-spacing: 0;
	font-weight: bold;
	text-transform: none;
}

.navigation-top {
	opacity: .9;
	background-color: #F7F4EA;
	position: relative;
	z-index: 1001;
	font-size: 1rem;
}
.navigation-top.site-navigation-fixed{
	z-index: 1001;
}
.navigation-top a{
	font-weight: bold;
}
.main-navigation .donate:not(.current-menu-item) a {
    color:#9E2036;
}
body .main-navigation  a:hover, body .main-navigation .donate:not(.current-menu-item) a:hover {
    color:#000;
}

#totals {
	color: #FFF;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.8);
	font-weight: bold;
	padding: 1.5em 2em 2em;
	border: 2px solid;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.5) inset, 2px 2px 5px rgba(0,0,0,0.8);
	background-color: rgba(0,0,0,0.1);
	text-align: center;
	z-index: 1000;
	position: relative;
	margin: 15px;
}
#totals h2{
    color: #FFF;
    font-weight: bold;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
#totals h3 {
    color: #FFF;
    font-weight: bold;
}
#totals p {
    font-size: 1.8rem;
    margin-bottom: 0;
    line-height: 1;
}
#totals .social-navigation{
	width: 100%
}
#totals #menu-social-navigation {
    text-align: center;
    margin: 20px 0 0;
    padding:0;
}
#totals #menu-social-navigation li{
	display: inline-block;
}
#totals #menu-social-navigation li a{
	margin:5px 8px 2.5px;
	transition:background-color .6s;
	box-shadow: 2px 2px 5px rgba(0,0,0,.8);
}
#totals #menu-social-navigation .insider{
	display: block;
}
#totals #menu-social-navigation .insider a{
	width:auto;
	padding:0 10px 0 5px;
}
#totals #menu-social-navigation .insider a .screen-reader-text {
    clip: unset;
    height: auto;
    width: auto;
    position: static !important;
    overflow: visible;
    margin: 8px 10px;
    display: inline-block;
}
#totals .btn-donate {
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 140px;
    margin-left: -70px;
}

#totals #menu-social-navigation li a:hover{
	background-color: #9D2135;
}



.challengeFeature{
	padding:15px;
	background-color:#9E2036;
	color: #FFF;
}
.challengeFeature *{
	color:#FFF;
}
.challengeFeature :last-child{
	margin-bottom: 0;
}

.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
	height: 100%;
	display: block;
	background: none;
	position: static;
}
.custom-header{
	margin-bottom: 0 !important;
}
.custom-logo-link img{
	max-height: 120px;
}


.wrap.readmore {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    margin-top: -160px;
    margin-bottom: 70px;
    z-index: 6;
    position: relative;
    padding: 100px 0 20px;
}
.wrap.readmore .btn{
	position: relative;
	top:70px;
}

#challenges{
	position: relative;
	margin-bottom: 50px;
}
#challenges .placeholder{
	opacity: 0;
	display:none;
}
.home #challenges .placeholder{
	opacity: 0;
	display:block;
}
#challenges .slides {
    display: block;
    margin: 0 auto 15px;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.home #panel2 .entry-title{
	display: none;
}
.page-template-template-challenges #challenges .challenge{
	padding-top: 70px;
	margin-top: -55px;
}
#challenges .challenge {
    padding: 0 8px 16px;
    box-sizing: border-box;
    display: block;
    max-width: 300px;
    float: left;
}
#challenges .challenge .slide {
    min-height: 200px;
    display: block;
    padding: 0;
    background-color: #9E1C34;
}
#challenges .challenge .slide .pop{
	padding:15px;
}
.home #challenges .challenge .slide .pop{
	position:absolute;
	clip:rect(0,0,0,0);
}

#challenges .current-challenge .slide{
	background-color: #EFEADC;
}
#challenges .slide *{
	color: #FFF;
}
.home #challenges .slide .img img{
	display: block;
}
#challenges .current-challenge .slide *{
	color:#222;
}
#challenges .current-challenge .slide h4{
	color:#9E1C34;
}
#challenges .slide .amount {
    font-family: 'Gentium Book Basic', sans-serif;
    font-size: 32px;
    font-weight: bold;
    font-style: italic;
    line-height: 1em;
}
#challenges .slide p{
	margin-bottom: 10px;
}
#challenges .slide :last-child{
	margin-bottom: 0;
}
#tt{
	max-width: 240px;
}

.colorblocks {
    padding: 0;
    margin: 0;
    list-style: none;
}
.colorblocks li {
    display: block;
    float: left;
    padding: 15px;
    margin: 10px 0;
    background-color: #9e1c34;
    color: #FFF;
    font-weight: 500;
}

body #efblcf .efbl_info{
	background-color: #9E1c34;
}
body #efblcf .efbl_post_content .efbl_author_info p a{
	font-weight: bold;
}
#leaderboard tr td{
	padding:.4em;
}
#leaderboard tr:nth-of-type(2n) td{
	background-color: rgba(0,0,0,0.02);
}
:not(.twentyseventeen-front-page):not(.home).has-header-image .custom-header-media img{
	bottom: 50%;
	transform:translateX(-50%)translateY(50%);
	position: absolute;
	top: auto;
	left:50%;
}


@media screen and (min-width: 30em){
	.site-branding{
		padding: 1em 0
	}
	#challenges{
		max-width: 1000px;
		margin:0 auto;
	}
	#challenges .flex-viewport{
	}
	#challenges:hover .flex-direction-nav .flex-prev{
		opacity: 1 !important;
		left:10px !important;
	}
	#challenges:hover .flex-direction-nav .flex-next{
		opacity: 1 !important;
		right:10px;
	}
	#challenges .flex-direction-nav a{
		margin-top: -25px;
		height: 50px;
	}

	body.page:not(.twentyseventeen-front-page) .entry-title{
		font-size: 2.5rem;
	}

}

@media screen and (min-width: 48em) {

body .main-navigation a{
	padding:1em;
}


body.home.title-tagline-hidden.has-header-image .custom-logo-link img, 
body.home.title-tagline-hidden.has-header-video .custom-logo-link img{
	max-height: 300px;
	max-width: 375px;
}

.site-header .menu-scroll-down .icon {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    width:24px;
    height:24px;
}	
.has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding{
	display: table-cell;
	text-align: left;
}

.panel-content .wrap {
    padding:5vh 2vw;
}

.page.page-one-column .entry-header, 
.twentyseventeen-front-page.page-one-column .entry-header, 
.archive.page-one-column:not(.has-sidebar) .page-header{
	margin-bottom: .2em;
}

.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
	height: 1200px;
	height: 50vh;
	max-height: 100%;
	overflow: hidden;
	min-height: 500px;
}

.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
.admin-bar.home.blog.has-header-image .custom-header-media,
.admin-bar.home.blog.has-header-video .custom-header-media {
	height: calc(50vh - 32px);
	min-height: 465px;
}

#totals{
    position: absolute;
    right: 10%;
    top:2em;
}

.site-info{
	text-align: center;
	width:100%;
}

.site-footer .widget_easy_facebook_feed{
    height: 280px;
    overflow-y: scroll;
    padding-right: 10px;
}

.page-id-280 figure.alignleft:nth-of-type(2n+1){
	clear:left;
}


}


@media screen and (min-width: 72em) {
.home #map,.home #leaderboard{
}
}