/*
Theme Name: Flora Child
Description: Child theme for the Flora
Author: Your name here
Template: flora
*/


h1 {
	font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 60px !important;
    color: #a00b10;
    line-height: 62px;
}


h2 {
	font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 40px !important;
    color: #001a3e;
    line-height: 42px;
}

h3 {
	font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 30px !important;
    color: #001a3e;
    line-height: 32px;
    display: inline-block !important;
}

h4 {
    font-size: 20px !important;
    color: #a00b10;
    line-height: 28px;
    font-style: italic !important;
    letter-spacing: -0.5px;    
}

h5 {
    font-size: 20px !important;
    color: #a00b10;
    line-height: 26px;
    letter-spacing: -1px;
    font-style: italic !important;    
}

h6 {
    font-size: 20px !important;
    color: #a00b10;
    line-height: 26px;
    letter-spacing: -1px;
    font-style: normal !important;    
}

#header-logo img {
	max-height: inherit;
}

#header .header-wrapper {
    height: 136px;
}
        
.dropdown-nav > ul > li > a {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 17px;
    text-shadow: 0.1em 0.1em 0.2em #2f415a !important;
    height: auto;
}    

#header .top-menu li:hover > a {
	color: #fff !important;
}

.dropdown-nav ul li:hover, .dropdown-nav ul li a:hover {
	color: #d0d4da !important;
    text-shadow: 0.1em 0.1em 0.2em #9f0b10 !important;	
}    

#top-nav .top-menu {
	margin-top: -36px;
}

.w-dark .top-menu li ul {
	background: #001a3e;
}

.w-dark .top-menu ul a {
    color: white;
    font-style: italic;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: none !important;
}

.w-dark .top-menu ul a:hover {
	background: #003258;
}

#header .top-menu li.current-menu-item > a, #header .top-menu li.current-menu-ancestor > a {
	color: #fff !important;
}

@media only screen and (min-width: 1200px) { 
	.menu-register {
	max-height: 32px !important;
	width: 145px;
	-webkit-transform: skew(-20deg);
	   -moz-transform: skew(-20deg);
	     -o-transform: skew(-20deg);
	background: #9f0b10;
    box-shadow: 5px 5px #011e3c;
    top: 0 !important;
    display: inline-block !important;
	}
}

/* .menu-register a {
	-webkit-transform: skew(20deg);
	   -moz-transform: skew(20deg);
	     -o-transform: skew(20deg);
} */

.home-banner {
	margin-top: -100px;
	margin-bottom: -100px;
	z-index: 9999;
}

.home-banner-image img {
	width: 100%;
}

.home-parallax {
	/*margin-top: -180px;*/
	margin-top: -275px;
	background-color: #E5EAF0;
	z-index: 0;
}

.home-headline {
	padding-top: 130px;
}

.home-tagline {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 20px;
	text-shadow: 0.1em 0.1em 0.2em #fff;
}



.w-button {
	-webkit-transform: skew(-20deg);
	   -moz-transform: skew(-20deg);
	     -o-transform: skew(-20deg);
	background: #9f0b10 !important;
    box-shadow: 5px 5px #011e3c;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 20px;
    border: none !important;
    display: block !important;
   	width: 145px;
   	margin-top: 12px;
    margin-bottom: 12px;	
}


.custom-button {
    margin: 0 auto !important;
    text-align: center !important;
}

.w-button a {
	-webkit-transform: skew(20deg) !important;
	   -moz-transform: skew(20deg) !important;
	     -o-transform: skew(20deg) !important;
}

.home-races {
	margin-top: -180px;
}

.home-races-background {
	margin-top: -440px;
	z-index: -999;
	height: 250px;
}

#footer-text {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 16px;	
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    position: absolute;
	margin: 0 auto !important;
	width: 70%;
	margin-top: 23px !important;
}

#footer-text a {
	color: #688193;
}

#footer-text a:hover {
	color: #ffffff;
}

#footer-widget {
	padding: 80px 0;
}

.footer-v2 #footer-bottom .social-icons {
	z-index: 9999;
	position: relative;
}

.footer-v2 #footer-logo {
	z-index: 9999;
	position: relative;
}

.sponsors-title {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 47px !important;
    text-align: center;
    letter-spacing: 1px;
	text-transform: uppercase;
	color: #d0d9df;
	line-height: 48px;
}

.sponsors-title a {
	color: #d0d9df;
}

.sponsors-title a:hover {
	color: #ffffff;
}

.sponsors-link {
	color: #688193 !important;
	font-size: 16px;
	font-style: italic;
	text-transform: uppercase;
	font-weight: bolder;
	text-align: center !important;
}

.sponsors-link a {
	color: #688193 !important;
}

.sponsors-link a:hover {
	color: #ffffff !important;
}

#header.active.w-fixed #top-nav .top-menu {
	top: 80%;
	-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

#header.w-sticky {
	position: fixed;
	max-height: 96px !important;
}

.title-wrapper .title {
	color: #ffffff;
	text-transform: uppercase !important;
	font-size: 47px !important;
}

.title-wrapper.w-size-s {
	padding: 140px 0 100px;
}

.bg-image {
	background-position: bottom !important;
}

.title-wrapper {
	background: none !important;
}

/* .title-background {
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg);
-webkit-transform-origin: 85% 0;
transform-origin: 85% 0;
bottom: 0;
left: -25%;
z-index: 1;
width: 150%;
height: 75%;
background: inherit;
position: absolute;
content:'';
}

.title-wrapper.w-size-s {
    padding: 296px 0 35px;
}
*/

.fsBody p {
	margin-bottom: 0 !important;
}

.fsBody .fsForm .fsSectionHeader {
	background-color: #ffffff !important;
}

.fsBody .fsForm .fsSectionHeading {
	line-height: 40px !important;
}

.w-separator {
    border-color: #688193;
    width: 100% !important;
}

.home-header-desktop {
		display: block;	
		z-index: 1;
		padding-bottom: 0px !important;
}
.home-header-desktop > .section-background{
	height: calc(100% - 95px);
}
	
.home-header-mobile {
		display: none;	
}	

.image-proud {
	padding-top: 20px;
}

.image-crits {
	padding-top: 30px;
}

.main-content.full-width {
	background: none !important;
}

.tablepress tfoot th, .tablepress thead th {
	background-color: #9f0b10 !important;
	color: white !important;
	text-shadow: none !important;
}

.tablepress th {
	padding: 3px !important;
}

.sponsors-container {
	background: #2f415a;
}

#fancybox-title {
	display: none !important;
}


/*special slant title Boxes*/

.slant_box > h3 {
	color: #a00b10;
	padding: 13px 15px 15px 15px;
	background-color: rgba(255, 255, 255, 0.6705882352941176);
	border: solid 2px darkblue;
	box-shadow: 0 2px 0 darkblue;
	line-height: 1em;
	transform: skew(0deg, -5deg);
	display: block !important;
	margin: 0 auto;
}


/*Homepage*/
.extra_z{
	z-index: 5;
	top: -95px;
}
.owl-carousel .owl-item img{
	/*transform: skew(0deg, 5deg);*/
}

.skewed_box{
	transform: skew(0deg, -4deg);
}




.row.container{
	margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
}

/* responsive/mobile styles */

@media only screen and (max-width: 1200px) { 
	.dropdown-nav > ul > li > a {
		font-size: 16px;	
	}
}	

@media only screen and (max-width: 1070px) { 
	/*.home-header-desktop {
		display: none;	
	}*/
	.home-header-mobile {
		display: block;	
	}	
	.home-races-background {
		display: none;
	}
	.home-parallax { 
		padding-bottom: 0px;
	}
	.home-races {
		margin-top: 0px;
		padding-bottom: 0px;
	}
	#footer-text { 
		width: 83% !important;
	}
}	

@media only screen and (max-width: 992px) { 
	.sponsors-container img {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#footer-text {
		position: relative;
	}
}

@media only screen and (max-width: 630px) { 
	.home-banner {
		margin-top: -30px;
	}	
	.home-header-mobile {
		background-color: #2f415a;
	}
	h1 {
		font-size: 40px !important;
		line-height: 42px;
	}
}	

