/*
Theme Name: Tour des Chutes 2015
Author: Astir Agency
Author URI: http://weareastir.com/
Description: Custom Theme for Tour des Chutes
Version: 2.0

*/

/* Import the necessary TK Bootstrap WP CSS additions */
@import url( includes/css/bootstrap-wp.css );



/* My Minimal WordPress Styling comes here */

/* This is a small security for too long strings titles */
body {
    word-wrap: break-word;
	font-family: 'Open Sans', sans-serif;
}

body h1,body h2,body h3,body h4,body h5,body h6 {font-family: 'Open Sans', sans-serif;}
body h1 {font-weight: 300; text-transform:uppercase}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

.flex {
	  		display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
	   display: -moz-box;      /* OLD: Firefox (buggy) */ 
	   display: -ms-flexbox;   /* MID: IE 10 */
	   display: -webkit-flex;  /* NEW, Chrome 21+ */
	   display: flex;          /* NEW: Opera 12.1, Firefox 22+ */
	   -webkit-box-align: center; -moz-box-align: center; /* OLD… */
	   -ms-flex-align: center; /* You know the drill now… */
	   -webkit-align-items: center;
	   align-items: center;


}

.vid {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px; height: 0; overflow: hidden;
}
 
.vid iframe,
.vid object,
.vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.rotate {

/* Safari */
-webkit-transform: rotate(-10deg);

/* Firefox */
-moz-transform: rotate(-10deg);

/* IE */
-ms-transform: rotate(-10deg);

/* Opera */
-o-transform: rotate(-10deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10*1/90 );

}

/* generic treatments */
.uppercase {text-transform:uppercase;}
.centered {text-align: center; margin:auto}

.light {font-weight: 300;}
.normal {font-weight: 400;}
.semibold {font-weight: 600;}

.margintop {margin-top: 20px;}
.marginbottom {margin-bottom: 20px;}
.marginleft {margin-left: 20px;}
.marginright {margin-right: 20px;}
.margintophalf {margin-top: 10px;}
.marginbottomhalf {margin-bottom: 10px;}
.marginlefthalf {margin-left: 10px;}
.marginrighthalf {margin-right: 10px;}
.nomargin {margin: 0;}

.paddingtop {padding-top: 20px;}
.paddingbottom {padding-bottom: 20px;}
.paddingleft {padding-left: 20px;}
.paddingright {padding-right: 20px;}
.paddingtophalf {padding-top: 10px;}
.paddingbottomhalf {padding-bottom: 10px;}
.paddinglefthalf {padding-left: 10px;}
.paddingrighthalf {margin-right: 10px;}
.nopadding {padding: 0}

.bordertop {border-top: 1px solid #ccc;}
.borderbottom {border-bottom: 1px solid #ccc;}



.noheight {height: 0; overflow:visible}


.tab-pane {padding: 30px 15px;}
.nav-tabs > li > a {border-radius: 0; background-color: #F4C827}

/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}


/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/* Content */
.main-content-inner {
	padding-bottom: 1.5em;
}
.hentry {
	margin: 0 0 1.5em;
}


/* Clearing */
.clear {
	clear: both;
}


/* Here some needed widget styles 
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line. 
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!  
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; } 
 
/* start TDC  */

a {color: #555;}
a:hover{color: #ED1B24}
.main-content a {text-decoration: underline;}


.yellow, a.yellow {color: #F4C827}
.yellowbg {background-color: #F4C827; color: #231F20;}
.yellowtopborder {border-top: 1px solid #F4C827;}

.red, a.red {color: #ED1B24}
a.red:hover {color: rgba(229,0,29,.6)}

.dark {color: #231F20;}
.darkbg {background-color: #231F20; color: #fff;}


/* HEADER */
.regcontainer {display: none;}
.header-noslide img, .carousel-inner img,.carousel-inner > .item img  {width: 100%}




/* NAV*/
.navwrapper {z-index: 1; position:relative;}
.navbar-brand {display: block; width: 112px; height:80px; top: -15px; left:50%;margin-left:-56px; position:absolute; background: url(includes/images/logo.png); background-size:contain; text-indent:-5000px; z-index:50;}

.site-navigation .container {padding:0 15px;}
.navbar {margin-bottom: 0; margin-top:-1px;}
.navbar-default {border: none; background-color:transparent; }
.navbar-default a{color: #231F20;}
.navwrapper { background:url(includes/images/nav-shadow.png); background-position:bottom; background-repeat:no-repeat; padding-bottom: 35px; background-size:200% 35px;}

.navbar-default .navbar-nav > li > a {color: #222;}
.navbar-toggle, .navbar-register {background:url(includes/images/bg-menu.png); border: 1px solid #ddd; font-weight:bold;}
.navbar-register{
float: left;
margin-left: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
border-radius: 4px;
text-transform:uppercase}
/* TOP SLIDER */

.carousel-caption h2 {font-size: 4em;font-family: 'Kalam', cursive; margin: 0 auto; line-height:.65;}
.carousel-caption {font-size: 3.5em;font-family: 'Kalam', cursive;}
.carousel-caption a {color: #fff;}

div.carousel-caption.flex {top: 0;
bottom: 0;
margin: 0;
padding: 0;
}

.carousel-control.left, .carousel-control.right {background: none; background-image:none}
/* FOOTER */

/* HOMEPAGE */
.home h1 {font-size: 23px; margin-bottom:0;}
.home h3 {font-size: 13px; font-weight:300; color: #555; text-transform:uppercase; margin-top:5px;margin-bottom: 30px;}

.homeboxes {overflow: hidden; max-width:1170px; margin: auto;}
.homeboxes .homebox {background-size: 100% auto; background-position:top; margin-bottom:-1000px; padding-bottom: 1000px; background-repeat:no-repeat; min-height:1210px;border-right: 1px solid #fff;}
.homeboxes #featuredvideo {border-right: 1px solid #fff;}
.homeboxes .inner {width: 80%; padding-top: 15px;}
.homeboxes .black a{color: #ed1c24;}
.homeboxes .white, .homeboxes .white a {color: #fff;}
 .homeboxes .white a:hover {color: #ed1c24;}
 
 #featuredpost, #featuredvideo {position: relative; width: 100%; height:0; padding-bottom:56.25%; overflow: hidden;}
#featuredpost .inner {position: relative;}
#featuredpost-inner svg {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
}
#featuredpost-inner, #featuredpost-inner svg {
    height: 100.5%;
    width: 100%;
	border-right: 1px solid #fff;
}

#yellow {
    opacity: 1;
}
#featuredpost .textover {position: absolute; top: 0; left: 0;right: 0; bottom: 0; color: #fff; text-decoration: none;display: block; height: 1em; padding: 15px;text-transform:uppercase;}
#featuredpost .textover a {font-size: 1.5em; font-weight:300; text-decoration:none; color: #fff; }
#featuredpost .textover a:hover {text-decoration: underline;}

 
 
/* SECONDARY PAGES */
.colorblock { clear:both; display:block; padding: 15px;} 
.colorblock:nth-child(2n) {background-color:#eeeeee; } 

#post-2273 .entry-content td {padding: 0 2em 2em 0;}
.tab-content h3 {font-weight: 300; clear: both; margin-top: 2.5em; border-bottom: 1px solid #F4C827; padding-bottom:5px;}
.tab-content h3:first-child { margin-top: 0;}

.galleriesgrid a {display: block; width: 100%; background-size:cover; padding: 3em 15px 1em; color: #fff; font-weight:bold;text-decoration: none; text-align:center; margin-bottom: 2em; font-size:2em; background-position:center;}
.galleriesgrid a:hover {color: #F4C827;}


/* SIDEBAR */
.sidebar { background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(243,243,243,0) 66%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(66%,rgba(243,243,243,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(243,243,243,0) 66%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(243,243,243,0) 66%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(243,243,243,0) 66%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(243,243,243,0) 66%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */}

.sidebar-padder {z-index: 50;}

h3.widget-title{font-size: 22px; font-weight:500;  border-bottom: 1px solid  #F4C827; text-transform:uppercase; padding-bottom: 10px; margin-bottom: 30px;}

/* SPONSORS */
.sponsors, .sponsorstext {max-width: 1170px; margin: auto; padding: 3em 0;}

.sponsors h2 {font-size: 26px; font-weight:300; text-align:center; text-transform:uppercase; padding-bottom: 30px;}
.sponsors h3 {font-size: 22px; font-weight:500;  border-bottom: 1px solid  #F4C827; text-transform:uppercase; padding-bottom: 10px; margin-bottom: 30px;}
.sponsors .texttitle {margin-top:50px;}

.sidebar .sponsors { padding: 1.5em 0;}
.sidebar .sponsors h3 {padding-bottom: 10px;}
.sidebar .sponsors .sponsor {margin-bottom: 1em; }
.sidebar .sponsors .group {clear: both; margin-bottom: 3em;}
.sidebar .sponsors .premiere .sponsor { height:100px}
.sidebar .sponsors .title .sponsor { height:80px}
.sidebar .sponsors .yellow-jersey .sponsor { height: 70px;}
.sidebar .sponsors .texttitle {margin-top: 35px;}

.sponsors .group {clear: both; margin-bottom: 5em;}
.sponsors .sponsor {margin-bottom: 3em; }
.sponsors div {position:relative;}
.sponsors  a, .sponsors div div div {display: block; position: absolute;left: 0px; right: 0px; bottom: 0; top:0; height: 100%; width: 80%; background-repeat:no-repeat;background-size:contain; background-position:center; margin: auto; text-indent:-5000px;}

.sponsors .premiere .sponsor { height:160px}
.sponsors .title .sponsor { height:140px}
.sponsors .yellow-jersey .sponsor { height: 100px;}
.sponsors .polka-dot .sponsor {height: 75px;}
.sponsors .green-jersey .sponsor {height: 75px;}
.sponsors .aid-station .sponsor {height: 125px;}
.sponsors .aid-station .sponsor a {height: 75px;}
.sponsors .white-jersey .sponsor {height: 3em;}
.sponsor.flex  {text-align: center;}
.sponsor.flex a, .sponsor.flex div {text-indent: 0; color: #555; font-weight:500;}

.sponsors h4 , .sponsorstext h4{text-transform: uppercase; border-bottom: 1px solid #F4C827; padding-bottom: 5px;}
.sponsors .aid-station  h4{text-transform: none; border-bottom: 1px solid #999; padding-bottom: 5px; font-size: 12px; font-weight:bold; margin-bottom: 1em;}

 
 /* FOOTER */
 #colophon {padding: 2em; color: #fff;}
 #colophon a {color: #fff;}
 #colophon a:hover {color: rgba(255,255,255,.6);}
 #colophon .socialicons {padding-bottom: 1em;}
  #colophon .socialicons a {padding: 1em .2em; font-size: 32px;}
 
  @media (max-width: 467px) { 
.carousel {
overflow:hidden;}
.carousel-inner  {width:200% ;margin-left: -50% }

.carousel-inner .item  .carousel-caption img {width: 50%; margin:auto}
.carousel-control {z-index: 50;}
.navbar-register{ margin-left: 0;}
.navbar-toggle {margin-right: 0;}
 }

 @media (min-width: 468px) { 
/* HEADER */

/* NAV*/

/* TOP SLIDER */

/* FOOTER */

/* HOMEPAGE */

/* SECONDARY PAGES */

/* SIDEBAR */

/* SPONSORS */
 }
 
  @media (min-width: 768px) { 
/* HEADER */

/* NAV*/
.navbar-brand {left: 50%; width: 251px; height:179px; top: -90px; margin-left: -125px;}
.navwrapper {padding-bottom: 45px; background-size:150% 45px;}


/* TOP SLIDER */

/* FOOTER */

/* HOMEPAGE */
 #featuredpost, #featuredvideo {width: 50%;  padding-bottom:28%; float: left; border-top: 1px solid #fff;}
/* SECONDARY PAGES */

/* SIDEBAR */

/* SPONSORS */
 }


@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}


 @media (min-width: 992px) { 
/* HEADER */
.regcontainer {display: block; padding: 0 15px; margin-bottom:-1px;}
.top-register {display: block; width: 100px; height: 61px; background-image:url(includes/images/register.png); background-size:contain; position:absolute; top: 0; right: 130px; z-index:1000; text-indent:-5000px;}
.top-register-soon {display: block; width: 100px; height: 61px; background-image:url(includes/images/register-soon.png); background-size:contain; position:absolute; top: 0; right: 130px; z-index:1000; text-indent:-5000px;}
.top-ed {position:absolute; top: 4px; left: 0; z-index:1000; color: #fff; font-weight:bold}
.top-ed:hover {color: rgba(255,255,255,.8); }
#headsocial {display: block; position:absolute; height: 21px; top: 5px; right:15px; z-index:1000;}
#headsocial a {color: #fff; padding: 3px 5px;}
#headsocial a:hover {color: rgba(255,255,255,.5)}

/* NAV*/
.navbar-brand {width: 251px; height:179px; top: -90px; margin-left: -125px; }
.navbar-register {display: none;}
.navbar-nav {text-align: center; float: none; font-size: 12px; margin-left: -15px; margin-right: -15px;}
.navbar-nav > li {display: inline-block; float: right; }
.navbar-nav > li:nth-child(1),.navbar-nav > li:nth-child(2),.navbar-nav > li:nth-child(3) {float: left;}
.navbar-nav  li  li {float: none; display:block; text-transform:none; text-align:left;}

.navwrapper {padding-bottom: 65px; background-size:100% 65px;}


/* TOP SLIDER */

/* FOOTER */

/* HOMEPAGE */
.homeboxes .homebox { min-height:1210px;}
.homeboxes .inner {width: 70%}
  #featuredpost .textover a {font-size: 2em; }

/* SECONDARY PAGES */

/* SIDEBAR */
.sidebar {margin-top: -65px; padding-top: 65px; }
h3.widget-title{padding-top: 45px;}
/* SPONSORS */
 }


 @media (min-width: 1200px) { 
/* HEADER */

/* NAV*/

.navbar-brand {width: 314px; height:224px; top: -120px; margin-left: -157px; font-size: 14px;}
.navbar-nav { font-size: 14px;}

/* TOP SLIDER */

/* FOOTER */

/* HOMEPAGE */
.homeboxes .homebox { min-height:1210px;}
.homeboxes .inner {width: 60%}
/* SECONDARY PAGES */

/* SIDEBAR */

/* SPONSORS */
 }