/*

Theme Name: WRRF-Bootstrap

Theme URI: http://www.wrrf.x10.mx

Description: This is a simple theme using Twitter Bootstrap to create a Wordpress theme for WRRF.

Author URI: 

Version: 1.0

Tags: bootstrap

*/



@import url('assets/css/bootstrap.css'); 

@import url('assets/css/bootstrap-responsive.css'); 

body { 

     padding-top: 0px; 

     padding-bottom: 40px; 

}

em{

	display:block;

}

p{

	display:block;

	padding:5px 0px 5px 0px;

}

h1{font-size: 26px;}

h2{font-size: 20px;}



.middle{

	vertical-align:middle;

	margin-top:auto;

	margin-bottom:auto;

}

.simplemodal-container {

	position:fixed !important;

	top: 5% !important;

	height:90%;

}

.text-content{

	max-width:690px;

}

.wrrf-purple{

	color:#560F6B;

}

.wrrf-purple-bg{

	background-color:#560F6B;

}

.wrrf-green{

	color: #006C54;

}

.wrrf-green-bg{

	background-color: #006C54;

}



.wrrf-yellow{

	color: #ECA400;

}

.wrrf-yellow-bg{

	background-color: #ECA400;

}



.tab-content{

	padding:20px;

	max-width:700px;

}

.metaslider{

	width:100%;

	margin-left:auto;

	margin-right:auto;

	padding: 15px 0px 10px 0px;

}

/* navbar */

.navbar-default {

    background-color: #ECA400;

    border-color: #E7E7E7;

}

.navbar{

	border:none;

}

.navbar-brand{

	height:auto;

	padding: 0px;

}

.page-header{

	color:#000;

	padding: 55px 0px 15px 30px;

	margin: 0;

	font-family: Century Gothic, sans-serif;

	font-size:30px;

	float:left;

	position:relative;

	border:none;

}

.logo-header{

	float:left;

	padding: 15px 0px 15px 20px;

}

.row{

	margin-left:0px;

	margin-right:0px;

}

/* title */

.navbar-default .navbar-brand {

    color: #ecf0f1;

}

.navbar-default .navbar-brand:hover,

.navbar-default .navbar-brand:focus {

    background-color:#F5AA00;

	color:#fff;

}

/* link */

.navbar-default .navbar-nav > li > a {

    color: #ecf0f1;

}

.navbar-default .navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li > a:focus {

    color: #fff;

	background-color: #F5AA00;

}

.navbar-default .navbar-nav > .active > a, 

.navbar-default .navbar-nav > .active > a:hover, 

.navbar-default .navbar-nav > .active > a:focus {

    color: #fff;

    background-color: #F5AA00;

}

.navbar-default .navbar-nav > .open > a, 

.navbar-default .navbar-nav > .open > a:hover, 

.navbar-default .navbar-nav > .open > a:focus {

    color: #fff;

    background-color:#F5AA00;

}

/* caret */

.navbar-default .navbar-nav > .dropdown > a .caret {

    border-top-color: #ecf0f1;

    border-bottom-color: #ecf0f1;

}

.navbar-default .navbar-nav > .dropdown > a:hover .caret,

.navbar-default .navbar-nav > .dropdown > a:focus .caret {

    border-top-color: #fff;

    border-bottom-color: #fff;

}

.navbar-default .navbar-nav > .open > a .caret, 

.navbar-default .navbar-nav > .open > a:hover .caret, 

.navbar-default .navbar-nav > .open > a:focus .caret {

    border-top-color: #E8BB0C;

    border-bottom-color: #E8BB0C;

}

/* mobile version */

.navbar-default .navbar-toggle {

    border-color: #DDD;

}

.navbar-default .navbar-toggle:hover,

.navbar-default .navbar-toggle:focus {

    background-color: #DDD;

}

.navbar-default .navbar-toggle .icon-bar {

    background-color: #CCC;

}

@media (max-width: 767px) {

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {

        color: #ecf0f1;

    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {

        color: #333;

    }

}





.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {

margin-right: 0px;

margin-left: 0px;

}



.mobile{

	display:none;

}



.front-page-bar{

	min-height:150px;

}



.footer-icon{

	max-height:40px;

	line-height:40px;

}



@media (max-width: 767px) {

	.logo-header{

		display:none;

	}

	.page-header, h1{

		font-size:24px;

	}

	.page-header{

		padding: 10px 5px 10px 5px;

		text-align:center;

	}

	.desktop{

		display:none;

	}

	.mobile{

		display:block;

	}

}

/* Bootstrap tweeks 





.dropdown-submenu{position:relative;}

.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}

.dropdown-submenu:active>.dropdown-menu{display:block;}

.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}

.dropdown-submenu:active>a:after{border-left-color:#ffffff;}

.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

.navbar-nav > li:hover > .dropdown-menu {

  display: block;

}

.navbar-nav > li:hover li:hover > .dropdown-menu {

  display: block;

}

.dropdown-menu > .active > a:hover {

  color: #262626;

  text-decoration: none;

  background-color: #f5f5f5;

}

.dropdown-menu > .active > a,

.dropdown-menu > .active > a:focus {

  color: #333;

  text-decoration: none;

  background-color: #fff;

  outline: 0;

} */