/*
 Theme Name:     Ride
 Theme URI:      http://rideneworleans.org
 Description:    A bare-bones child theme for use with WordPress Twenty Seventeen Theme. Pick matching colors quickly at <a href="http://www.html-color-names.com/">html-color-names.com</a>.
 Author:         Christina Reeser
 Author URI:     http://www.iostudio.new/
 Template:       twentyseventeen
 Version:        1.0.0
*/
 
/* Add Custom CSS after this line */

/*
orange #ef4f24 rgba(239, 79, 36, 1)
light orange: #f5eeea
teal #1d89aa rgba(29, 137, 170, 1)
light teal #e9f3f7;
green #87be45


font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Open Sans', sans-serif;


*/

body { 
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
    color: #1d89aa;
    text-decoration: none;
    outline: 0 !important;
}

.custom-logo-link img {
    display: inline-block;
    max-height: 100px;
    width: auto;

}

body.home .custom-logo-link img {
    display: inline-block;
    max-height: 200px;
    width: auto;
}

.site-branding {
 padding: 1.5em 0;
}


h1, h2, h3, h4 { 
font-family: 'Open Sans Condensed', sans-serif;
font-weight: normal;
}

h1.entry-title { text-align: center;}

body.single h1.entry-title { text-align: left; margin-top: 20px;}

h2.widget-title {
font-size: 1.2em;
font-weight: normal;
}

h3 { font-size: 1.5em;}

h3 a { text-decoration: none !important; box-shadow: none !important;}


.fancy_section h1, .fancy_section h2, .fancy_section h3, .fancy_section h4 { color: #fff; }

body.page:not(.twentyseventeen-front-page) .entry-title {
    color: #222;
    font-size: 3.5em;
    font-weight: normal;
    letter-spacing: 0em;
    text-transform: none;
}

.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
    color: #222;
    font-size: 3.5em;
    font-weight: normal;
    letter-spacing: 0;
    text-transform: none;
}

.main-navigation {
    float: left;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: normal;
}

body.home .main-navigation {
    float: none;
}

#top-menu { font-size: 18px; font-weight: normal;}

.social-navigation a {
    background-color: #ef4f24; 
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
}

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

.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {
box-shadow: none !important;
opacity: .6;
}

body.blog article:nth-child(even),
body.category article:nth-child(even) { 
	background: #e9f3f7; padding: 20px; margin-bottom: 4em;
}

.section { 
	background-color: #f5eeea; 
	padding: 20px 0 60px; 0;
	position: relative;
}

.page:not(.home) #content {
    padding-bottom: 0em;
}


.page:not(.home) #main {
    padding-bottom: 3.25em;
}

.fancy_section { 
	padding: 20px 0 60px; 0;
	position: relative;
  	background: #dddddd url(images/whatwedo.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    font-size: larger;
}

.fancy_section .wrap {position: relative; }

.fancy_section a { color: #fff; text-decoration: underline;}

a,
a:focus,
a:active,
a:visited {
outline: 0;
text-decoration: none;
box-shadow: none !important;
}

/*
body.home .navigation-top .social-navigation { display: none }
*/

.navigation-top .social-navigation { 
float: right;
clear: none; 
width: auto;
}

.navigation-top .social-navigation a {
margin: 0 5px 0 0;
}

.navigation-top .social-navigation li { 
/*float: right;*/
}


.wrap, .navigation-top .wrap {
    max-width: 1200px;
}

.page-one-column .panel-content .wrap {
    max-width: 1200px;
}

.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
	max-width: 100% !important;
}

/*
.home-logo {display: none;}

body.home .custom-logo-link { display: none; }
*/

.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;
    top: 0;
    left: 0;
    height: auto;
    padding-top: 0;
    position: absolute;
    width: 100%;
    text-align: center
    position: relative;
	top: 50%;
	transform: translateY(-50%); 
	text-align: center;
	opacity: 1;
}

.site-description {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 4em;
	text-shadow: 2px 2px 8px #000;
}

.site-header .menu-scroll-down {
	display: none;
}
.site-description .menu-scroll-down {
	display: inline;
	right: auto;
	position: relative;
	top: 0em;
}

.site-branding-text { display: none !important;}

body.home .site-branding { margin-bottom: 0!important;}

body.home .site-branding-text { display: block !important; opacity: 1;}
body.home .site-branding-text h1 { display: none !important; opacity: 1;}


body.home .navigation-top {
    top: 0;
    bottom: auto;
    background: transparent;
	border: 0;
	position: absolute;
}


.navigation-top a { font-weight: normal; }

/*
body.home .menu-primary-container {float: right;}
*/

body.home .navigation-top .current-menu-item > a, 
body.home .navigation-top .current_page_item > a,
body.home .navigation-top .current-menu-item > a, 
body.home .navigation-top .current_page_item > a:visited {
    color: #fff;
}

body.home .navigation-top li a {
    color: #fff;
    text-transform: uppercase;
}    

body.home .navigation-top li li a {
    color: #333;
    text-transform: none;
}

body.home .navigation-top li li a:hover {
    color: #fff;
}

/*
body.home .custom-logo-link { display: none; }

body.home .menu-scroll-down { color: #fff;}


.home-logo {float: left; width: 125px;}

.home-logo img {width: 100%;}

.site-description {
font-size: 4em;
opacity: 1;
}


*/
.menu-primary-container { float: left;}

.site-title {
font-family: 'Open Sans Condensed', sans-serif;
text-transform: none;
font-weight: bold;
font-size: 5em;
letter-spacing: 0em;
}




.site-content-contain ul,
.site-content-contain ol { margin: 0 0 40px 20px;}

.widget ul,
.widget ol { margin: 0px;}

ul.space li { margin: 0 0 1.5em;}

a.button, .button { 
border: 2px solid #fff;
color: rgba(64, 64, 65, 0.9);
border-color: rgba(64, 64, 65, 0.9);
background-color: rgb(255, 255, 255);
font-size: 16px;
padding: 7px 35px;
min-width: 95px;
font-weight: 600;
display: inline-block;
vertical-align: middle;
overflow: hidden;
position: relative;
outline: 0;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 18px;
line-height: 1.7em;
text-align: center;
cursor: pointer;
webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
-webkit-transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out,background-position .3s ease,opacity .2s ease-out;
-moz-transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out,background-position .3s ease,opacity .2s ease-out;
transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out,background-position .3s ease,opacity .2s ease-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-shadow: none !important;
}

a.button:hover {
background-color: #666;
color: #fff !important;
box-shadow: none;
}


.homesection { 
padding: 40px 0;
}

#homesection-1 i,
#homesection-3 i { font-size: 56px;}

#homesection-1 {
    background-color: #e9f3f7 !important;
    *background-color: #e9f3f7 !important;
    text-align: center;
}

#homesection-3 {
    background-color: #f4eeea !important;
    *background-color: #f4eeea !important;
    text-align: center;
}

#homesection-2, #homesection-5, #homesection-problem {
	position: relative;
    background: #dddddd url(images/thesolution.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    font-size: larger;
}

#homesection-2 .entry-content,
#homesection-5 .entry-content,
#homesection-problem .entry-content { 
	position: relative; }

.homesection h2 {
	font-size: 50px;line-height: 88px;font-weight: 300;letter-spacing: 0px;text-align: center;
}

#homesection-problem {
    background-image: url(images/problem1.jpg);
    text-align: center;
     padding-top: 100px;
    padding-bottom: 100px;
}

#homesection-2 {
    padding-top: 100px;
    padding-bottom: 100px;
} 

#homesection-5 {
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: url(images/whatwedo.jpg) !important;
    color: #fff;
}      

#homesection-2 h2,
#homesection-problem h2{
	color: #fff;
	line-height: 1.25em;
}


#homesection-5 h2{
	color: #fff;
	margin: 0;
	padding: 0;
	line-height: 1em;
}

#homesection-1 h3,
#homesection-2 h3,
#homesection-5 h3,
#homesection-problem h3 {
margin-top:0; padding-top: 0;
}

#homesection-5 h3 { text-align: center;}

#homesection-problem h3,
#homesection-5 h3 {
	color: #fff;
	line-height: 1.25em;
}


#homesection-3 h2 {
	margin-bottom: 0;
}

#homesection-2 ul {
list-style: none; 
text-align: center;
margin-top: 40px;
}

#homesection-4 .col-300 {
box-shadow: 1px 1px 3px #eee;
padding: 0 20px 20px 0;
}

#homesection-4 .col-300:nth-child(4) {
margin-right: 0;
}

.donatenow { 
	font-family: 'Open Sans Condensed', sans-serif;
	text-align:center;
	color: #fff;
	font-weight: normal;
	font-size: 2em;

	}
	
.donatenow a {
	display:inline-block;
	width: 100%;
	height: 100%;
	padding: 40px 0;
	background-color: #1d89aa;
	color: #fff;
	-webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
}

.donatenow a:hover {
	background-color: #176e88;
	color: #fff;
}

#homesection-4 .more-link { display: none;}

.home-post-meta { 
	border-top: 1px solid #ccc;
	padding-top: 10px;
	font-size: smaller;
	
}

.home-post-meta .home-cat a {
color: #999; 
text-transform: uppercase;
text-decoration: none !important; box-shadow: none !important;
}

.home-post-meta .home-date { float: right; }

.statistics, .statistics-inner, .stat { background-color: transparent; margin: 0; padding: 0;}
.statistics h3 { display: none;}

.stat .number {
	font-size: 85px;
	color: #ED2924;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
}

.count-title {
	font-size: 38px !important;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
}

.mkd-gradient-overlay, .mkd-gradient-overlay-animation {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .6;

}


.site-footer {
background-color: #000;
color: #fff;
margin: 0;
padding: 20px 0;
}

.site-footer  .widget {
    padding-bottom: 0em;
}


body.home .site-footer {
margin-top: 0em;
}

.site-footer a, .site-footer a:hover {
    color: #fff;
   }
   
.site-footer h2.widget-title {
    color: #fff;
font-size: 24px;    
font-weight: 300;
}

.footer-copy { text-align: right;}



 .fade:before{
  position: absolute;
  content:" ";
  top:0;
  left:0;
  width:100%;
  height:100%;
  display: block;
  z-index:0;
  background-color: rgba(29, 137, 170, 1);
  transition: opacity 0.45s;
  opacity: .6;
  
}

 .fade:after{
  background-color: rgba(29, 137, 170, 1);
  transition: opacity 0.45s;
  opacity: .6;
  
}

:hover.fade:before {
	background-color: rgba(29, 137, 170, 1);
	transition: opacity 0.45s;
	opacity: 1;
 }
 
 .fade a:hover { opacity: 1; }
 
 
.box { border: 1px solid #e3dbca; padding: 10px 20px; margin: 0 0 1.5em; }

.skinny {
	width: 760px; 
	margin: 0 auto;
}


body.single-campaign_type .attachment-twentyseventeen-featured-image { display:none;}

body.single-campaign_type .more-link { padding-top: 0;}

body.single-campaign_type .entry-content .more-link::before {
    content: "";
    display: block;
    margin-top: 0;
}

.listing-item { border-bottom: 1px solid #ccc; margin-bottom: 20px;}


.campaign-item { 
	min-height: 243px;
	margin-right: 3%;
	color: #fff;
	position: relative;
	background-size: cover;
	text-align: center;
	width: 47%;
	margin-top: 3%;
	padding-top: 70px;
	} 

.campaign-item a, .campaign-item a:hover {
	color: #fff;
}

.campaign-item:last-child { 
	margin-right: 0px;
	} 
.campaign-item h1 {
	position: relative;
	margin-top: 20%;
	display: block;
	width: 100%;
	letter-spacing: 0px;
	font-size: 2em;
	line-height: 1;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #fff;
	}

.campaign-item h1 span {
	display: block; position: relative; 
	padding: 20px 20px;
	}
.campaign-item h1:hover span {
	color: #fff; 
	}
	

.gform_body ul li, .gform_body ol li {
    border: 0 !important;
    padding: 0;
 }
 
.gform_fields ul, .gform_body,  .gform_footer { margin: 0; padding: 0; border: 0;}

.grid {
	float: left;
	margin-bottom: 2.127659574468%;
	padding-top: 0;
}

.grid-right {
	float: right;
	margin-bottom: 2.127659574468%;
	padding-top: 0;
}

.col-60,
.col-140,
.col-220,
.col-300,
.col-380,
.col-460,
.col-540,
.col-620,
.col-700,
.col-780,
.col-860 {
	display: inline;
	margin-right: 2.127659574468%;
}

.col-60 {
	width: 6.382978723404%;
}

.col-140 {
	width: 14.893617021277%;
}

.col-220 {
	width: 23.404255319149%;
}

.col-300 {
	width: 31.914893617021%;
}

.col-380 {
	width: 40.425531914894%;
}

.col-460 {
	width: 45%;
	margin-right: 5%;
}

.col-540 {
	width: 57.446808510638%;
}

.col-620 {
	width: 65.957446808511%;
}

.col-700 {
	width: 74.468085106383%;
}

.col-780 {
	width: 82.978723404255%;
}

.col-860 {
	width: 91.489361702128%;
}

.col-940 {
	width: 100%;
}

.fit {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* ---------->>> SHORTCODES <<<-----------*/	


.to_top { 
	display: block; 
	text-decoration: none; 
	margin: 20px 0; 
	box-shadow: none !important;
}

.to_top:hover { 
	opacity: .8;
}

.toggle {
    padding: 0;
    margin-bottom: 20px;
}


.toggle .trigger {
	margin: 0; padding: 0;
	font-size: 1.2em;
	font-weight: 300;
	padding: 10px;
	display: block;
	float: none;
	text-transform: uppercase;
	position: relative; 
	font-family: 'Open Sans', sans-serif;
	background-color: #e5e4e0;
    }
 .toggle .trigger:focus,  .toggle .trigger:active {
 	outline: 0;
 	color: #333 !important;
    }   

.toggle .trigger:hover {
	background-color: #f2f1ee;
    }    


.toggle .trigger span {
    display: block;
    float: left;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    text-align: center;
}

.toggle .trigger:before { 
   font-family: FontAwesome;
   content: "\f055";
   padding-right: 10px;
}

.toggle .active:before {
   font-family: FontAwesome;
   content: "\f056";
}

.toggle .box {
	padding: 20px;
	border: 1px solid #f2f1ee;
	background-color: #f7f5f5;
}

.box a { 
	font-weight: 400 !important;
}

/* PAGE STYLES */

.boxed {
	background-color: #eee;
	padding: 10px 20px;
	margin-bottom: 20px;
}

.shadowboxed {
	background-color: #eee;
	padding: 10px 20px;
	margin-bottom: 20px;
    /* shadow */
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5)";
    filter: progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5);
}

.featured_text {
	color: #365761;
	font-family: 'Times', sans-serif;
	font-weight: 400;
	font-size: 22px;
	line-height: 26px;
}

	.single_column {
    width: 100%;
	}



.pum-container h2 { margin-top: 20px; padding-top: 0;}	


@media only screen and ( max-width: 1200px ) {

	.wrap { max-width: 90% !important; }

}

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

.navigation-top .wrap {
	max-width: 90%;
    padding: 0.75em 0;
	}
	
	.skinny { width: 100% !important;}

}

@media only screen and ( max-width: 780px ) {
	
	
	
	
	.wrap { max-width: 95% }
	
	.navigation-top .social-navigation { 
	display: block;
	float: none;
	clear: both; 
	width: auto;
	margin: 0 auto;
	text-align: center; 
	margin: 20px 0;	
	}

	.home-logo { display: none;}
	
	.site-description {
	font-size: 2.5em;
	line-height: 1.25em;
	}
	
	body.home .navigation-top  { 
	background-color: #fff;
	}


	
	
	.col-60,
	.col-140,
	.col-220,
	.col-300,
	.col-380,
	.col-460,
	.col-540,
	.col-620,
	.col-700,
	.col-780,
	.col-860 {
	width: 100%;
	margin-right: 0;
	}
	
	.grid img { display: block; float: none; margin: 0 auto}
}


@media only screen and ( max-width: 780px ) {
	.main-navigation, 
	.menu-primary-container,
	body.home .navigation-top {
    float: none;
    clear: both;
    width: 100% !important;
    z-index: 9999;
	}
	
	
	body.home .navigation-top .current-menu-item > a, 
	body.home .navigation-top .current_page_item > a,
	body.home .navigation-top .current-menu-item > a, 
	body.home .navigation-top .current_page_item > a:visited {
	color: #333;
	
	}


	body.home #top-menu li a {
    color: #333;
    padding: 1em 1em;
	}    

	body.home .navigation-top li li a {
    color: #333;
	}

	body.home .navigation-top li li a:hover {
    color: #333;
	}

}



@media only screen and ( max-width: 762px ) {

body.home .custom-logo-link img {
    display: inline-block;
    max-height: auto;
    width: 100px;
    margin-top: 80px;
	}

}	


@media only screen and ( max-width: 600px ) {
	.single_column {
    width: 100%;
	}
	
	.one_column .form, 
	.form_wrap,
	.page_stream_wrap {
    width: 100%;
	}
}


/* andriod landscape */
@media screen 
  and (max-width: 768px) 
  and (orientation: landscape) {
  
	body.home .social-links-menu {
	display: none;
	}
	.site-description {
	font-size: 26px;
	}
	
	body.home .custom-logo-link img {
		margin-top: 100px;
	}	
}

@media only screen and ( max-width: 480px ) {

	body.home .social-navigation { display: none;}

	.site-title {
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: none;
	font-weight: 500;
	font-size: 4em;
	letter-spacing: 0em;
	}
	
	.site-description {
	font-size: 36px;
	}
	.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 {
   
    }
    #wp-custom-header-video-button {
    display: block;
	}
}