/* 
LA Ries V1.0
*/

/* 
MAIN COLORS:

Black = #030303
Yellow = #f7c00e
*/

/* Generic styles */
body{background-color: #252525; background-image: url(../../gfx/laries-bg.png); background-position: bottom right; background-repeat: no-repeat;}
h1{font-size: 1.6em; margin: 0 0 1em 0; color: #FFF;}
h2{font-size: 1.4em; margin: 0 0 0.8em 0; color: #f7c00e; font-weight: normal;}
h3{font-size: 1.2em; margin: 0 0 0.8em 0; color: #f7c00e; font-weight: normal;}
p, ul li, ol li, td, blockquote{font-size: 1.1em; font-weight: 300; color: #DDD;}
a{color: #f7c00e;}
a:hover{text-decoration: underline; color: #f7c00e;}
iframe{width: 100% !important;}
.thin{font-weight: normal;}
.yellow{color: #f7c00e;}

/* Animations */
a,
a img:hover,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

/* Navigation */
.navbar-default{background: #252525 !important; border: 0; margin: 0;}
.navbar-header button{background: #252525; border: 0; margin-top: 20px;}
.navbar-header button:hover{background: #252525 !important; }
.navbar-header button.navbar-toggle.collapsed span.icon-bar, .navbar-header button.navbar-toggle span.icon-bar{background: #f7c00e !important;}
.navbar-nav{position: relative; float: right; margin-top: 15px;}
ul.nav > li a{text-align: left; color: #DDD !important; font-size: 15px; font-weight: 500;}
ul.nav > li a:hover{color: #f7c00e !important;}
ul.navbar-right{margin: 38px 0 0 0;}
div.navbar-collapse{border: 0;}
div.collapse.in > ul, div.collapsing > ul{float: left; margin: 0 !important; background: #252525;}
a.navbar-brand img.hidden-xs{padding: 10px 0;}
a.navbar-brand img.visible-xs{padding: 0 !important; margin-left: 30px !important;}
a.navbar-brand:hover{opacity: 0.8 !important;}
.menu-item a{color: #DDD;}
ul.nav > li.current-menu-item a{background: #252525 !important; color: #f7c00e !important;}
li.open a{background: #FFF !important;}
li.current-menu-ancestor a, li.current-menu-parent a{background: #252525 !important; color: #f7c00e !important;}
ul.dropdown-menu{border-radius: 0 !important; border: 0; box-shadow: none;}
ul.dropdown-menu li a{color: #DDD;}
ul.dropdown-menu li.active a{color: #f7c00e !important;}

/* Highlights */
div.jumbotron{background: #FFF; height: 250px; margin: 0; padding: 0; border-radius: 0 !important;}
div.slides, div.item{height: 250px;}
div.item{position: relative; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-position: center center; background-repeat: no-repeat; height: 250px;}
div.item > div.container-fluid{position: absolute; min-height: 190px; padding-bottom: 1.5em; top: 30px; left: 0; width: 100%;}
div.item h1, div.item p{color: #FFF; background: rgba(0,0,0,0.7); display: inline-block; padding: 20px;}
div.item h1{font-size: 2em; font-weight: normal;}

div.page{height: 250px !important;}
div.page div.item{position: relative; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-position: bottom center;}

/* Homepage + slider */
div.cycle-slideshow{margin-bottom: 20px;}
div.usp{height: 250px; background-size: cover; position: relative; width: 100%;}
div.usp h2{position: absolute; bottom: 25px; left: 0; width: 100%; display: block; background: rgba(103,185,223,0.8); color: #FFF; padding: 10px;}

/* Alter FB Like box */
#fb-root {display: none;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {width: 100% !important;}
.fb-like-box{margin: 10px 0 20px 0; width: 100% !important;}

.button{border: 0; margin: 0 0 25px 0; font-size: 1.2em; color: #FFF; padding: 5px 15px; display: inline-block; text-decoration: none; text-align: center;}
.button:hover{text-decoration: none; color: #FFF; opacity: 1;}
.button.white{background: #FFF; color: #00519e;}
.button.full{width: 100%; display: block !important; text-align: center;}

/* Responsive YouTube-embeds */
.video-container {position: relative; padding-bottom: 56.25%; margin-bottom: 10px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 50%; height: 100%; }

/* Content pages */
div.maincontent{margin-top: -150px;}
div.maincontent-page{margin-top: -100px;}
div.content{margin: 2em 0 2em 0; background: rgba(3,3,3,0.6); padding-top: 15px;}
div.content h1{margin: 0 0 0.4em 0;}
div.content h2{margin: 0 0 0.3em 0; display: block;}
div.content h3{margin: 0 0 0.3em 0;}
div.content p{margin: 0 0 1em 0;}
div.content ol{color: #444;}
img.alignright{float: right; margin: 0 0 30px 30px;}
img.alignleft{float: left; margin: 0 30px 30px 0;}
div.content img {margin-bottom: 10px; display: block; box-shadow: 0 2px 3px rgba(0,0,0,0.3);}
blockquote p{margin: 0 !important;}
blockquote{font-weight: normal; border-left-width: 2px; font-style: italic;}
div.content a img:hover{opacity: 0.8;}
div.content div.row{margin-top: 10px;}

/* Forms */
.screen-reader-response{display: none;}
.wpcf7-list-item-label, label{font-size: 1.1em; font-weight: 500; color: #DDD;}
.wpcf7-list-item-label{font-weight: 300; margin: 0 10px 0 5px; position: relative; top: 2px;}
input.button{background: #f7c00e !important; border: 0; border-radius: 0;}
input.button:hover{opacity: 0.9;}
textarea{height: 100px !important;}
input, textarea{border-radius: 0 !important; background: rgba(255,255,255,0.9) !important;}
input:focus, textarea:focus{background: #FFF !important; border-color: #f7c00e !important;}
.wpcf7-list-item{clear: left; display: block; margin: 0 0 5px 0 !important;}
span.last{margin: 0 0 10px 0 !important;}
.wpcf7-list-item-label{display: block; margin: -22px 0 10px 30px;}
.wpcf7-list-item input{width: 20px; float:left;}

	/* Alerts */
	.wpcf7-mail-sent-ok{border: 0 !important; margin: 0 0 15px 0 !important; padding: 10px; background: #dff0d8; color: #3c763d; font-size: 14px; text-align: center; display: block;}
	.wpcf7-validation-errors{border: 0 !important; margin: 0 0 15px 0 !important; padding: 10px; background: #f2dede; color: #a94442; font-size: 14px; text-align: center; display: block;}
	.wpcf7-not-valid-tip{color: #a94442 !important; font-size: 14px;}
	.wpcf7-not-valid{background: #f6ecec;}
	
/* Footer */
div.gray-bg{color: #DDD; padding: 20px !important; background: #333; box-shadow: 0 5px 15px rgba(0,0,0,0.4) inset;}

/* Change Navbar breakpoint */
@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}