/*
Theme Name:         Larson International
Theme URI:          https://primitivesocial.com
Description:        Custom Theme
Version:            8.4.0
Author:             Primitive Social
Author URI:         https://primitivesocial.com
Text Domain:        sage

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/


.top-nav {
	background:#f7f7f7;
}



.top-nav a.menu {
	padding-top: 90px;
    display: inline-block;
    padding-right: 30px;
    font-size: 24px;
    letter-spacing: 1px;
    color: #111;
}

.nav-logo {
	max-width: 350px;
    margin: 30px;
}



.top-nav a:hover {
	text-decoration: none;
	color:#c00;
}

.hero {
	min-height:70vh;
	
	background-size:cover;
	background-position: center center;
	    margin-top: -70px;
}

.home-about {
	padding-top:50px;
	padding-bottom:50px;
}

.home-about img {
	max-width:100px;
}

.home-about p {
	font-size:18px;
}

.sub-hero {
	min-height:35vh;
	background:url('/wp-content/themes/larson/assets/images/sub-hero-new.jpg');
	background-size:cover;
	background-position: center center;
	margin-bottom:30px;
}

a.home-ride-wrap {

	min-height:200px;
	margin-bottom:20px;
	display: block;
}

.home-ride-desc {
    position: absolute;
    top: 0px;
    min-height: 300px;
    padding-top: 100px;
    text-align: center;
    width: 200px;
    background: rgba(0,0,0,.5);
    color: #fff;
    font-size: 22px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 10px solid #c00;
    transition: all .9s;
    display: none;
}

.home-ride-wrap:hover > .home-ride-desc {
    display: block;
}

.bottom-hero {
	min-height:20vh;
	background:url('/wp-content/themes/larson/assets/images/bot-hero.jpg');
	background-size:cover;
	background-position: center center;
	margin-top:30px;
}

.footer {
	background:#000;
	color:#fff;
	padding:24px;
}

.footer img {
	max-height:60px;
}


.sub-page-hero {
	min-height:35vh;
	background:url('/wp-content/themes/larson/assets/images/sub-page-hero.jpg');
	background-size:cover;
	background-position: center center;
	margin-top: -70px; 
}

.sub-page-nav {
	background:#333;
	margin-bottom:50px;
}

.sub-nav {
	padding:40px 20px;
	font-size:18px;
	color:#fff;
	text-align: center;
}

.sub-nav:nth-child(1) {
	background:#A00707;
}

.sub-nav:nth-child(2) {
	background:#E23224;
}

.sub-nav:nth-child(3) {
	background:#E06714;
}

.sub-nav:nth-child(4) {
	background:#0081C3;
}

.sub-nav a {
	color:#fff;
	text-decoration: none;
}

.sub-page-wrap {
	font-size:18px;
	line-height: 1.6;
}

.desc-hdr {
	background:#A00707;
	color:#fff;
	padding:20px;
	font-weight: 300;
	margin-left:-15px;
	margin-right:-15px;
}

.spec-hdr {
	background:#E23224;
	color:#fff;
	padding:20px;
	font-weight: 300;
	margin-left:-15px;
	margin-right:-15px;
}

.dimensions-hdr {
	background:#E06714;
	color:#fff;
	padding:20px;
	font-weight: 300;
	margin-left:-15px;
	margin-right:-15px;
}

.contact-hdr {
	background:#0081C3;
	color:#fff;
	padding:20px;
	font-weight: 300;
	margin-left:-15px;
	margin-right:-15px;
}


.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-inner > .item > img {
    margin: 0 auto;
}

.alignnone {
	width:100%;
	height:auto;
}

.sub-page-nav h1 {
	text-align: center;
	color:#fff;
}

.sub-ride {
	padding: 10px;
    font-size: 16px;
    border: 2px dashed #ddd;
    margin-bottom: 10px;
}

.roller_img {
	min-height: 300px;
	width: 200px;
	background-position: center center;
	background-size: cover;
}


@media (min-width: 992px){
	.col-md-2 {
	    width: 20%;
	}
}



@media only screen and (max-width: 1200px) {
	.home-ride-desc {
	    position: absolute;
	    top: 0px;
	    min-height: 246px;
	    padding-top: 50px;
	    text-align: center;
	    width:  164px;
	    background: rgba(0,0,0,.5);
	    color: #fff;
	    font-size: 22px;
	    padding-left: 10px;
	    padding-right: 10px;
	    border-bottom: 10px solid #c00;
	    transition: all .9s;
	    display:none;
	}
} 

@media only screen and (max-width: 990px) {
	.home-ride-desc {
	    position: absolute;
	    top: 0px;
	    min-height: 300px;
	    padding-top: 90px;
	    text-align: center;
	    width:  200px;
	    background: rgba(0,0,0,.5);
	    color: #fff;
	    font-size: 22px;
	    padding-left: 10px;
	    padding-right: 10px;
	    border-bottom: 10px solid #c00;
	    transition: all .9s;
	    display:none;
	}
} 

@media only screen and (max-width: 767px) {
	.hide_small {
		display: none;
	}
	.logo-wrap {
		text-align: center;
	}
	
	.nav-wrap {
		background:#c00;
		text-align: center;
	}
	
	.nav-wrap a.menu {
		padding:20px !important;
		color:#fff !important;
	}
	
	.home-rides div {
		text-align: center;
	}
	
	a.home-ride-wrap {
		text-align: center;
	margin:0 auto;
	min-height:200px;
	margin-bottom:20px;
	display: block;
}
	
.home-ride-desc {
    position: absolute;
    top: 0px;
    min-height: 300px;
    padding-top: 90px;
    text-align: center;
    width: 200px;
    background: rgba(0,0,0,.4);
    color: #fff;
    font-size: 22px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 10px solid #c00;
    transition: all .9s;
    display: block;
}
}