/*
Theme Name: Rite of Passage
Author: Victor Navarro
Author URI: http://www.webflydesigns.com/
Version: 0.1
*/

@import url("css/bootstrap.min.css");

/*some resets*/
@media (min-width: 1200px) {
    .container{
        max-width: 1000px;
    }
}
*{
	margin:0;
	padding:0;
}

body{
	font-family: 'Roboto Condensed', sans-serif;
	color:#727272;
	min-width:250px;
}
h1, h2, h3, h4, h5, h5{
	font-family: 'PT Serif Caption', serif;
	color:#3a5810;
	font-weight:bold;
}
h1{
	font-size:2em;
}
h2{
	font-size:1.6em;
}
h3{
	font-size:1.4em;
}
h4{
	line-height:25px;
}
a{
	color:#4a7c16;
	font-weight:bold;
}
a:hover{
	color:#203a05;
}
/*end resets*/
/*main divs styles*/
header{
	width:100%;
	min-height:102px;
	background:url("img/headerBg.jpg") repeat-x #d5e1c5;
}
header .learnmore{
	width:220px;
	position:absolute;
	top:5px;
	right:0;
	font-weight:bold;
	color:#3a5810;
}
#logo{
	cursor:pointer;
}
#logo img{
		-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#logo img:hover{
	opacity: 0.7;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
footer{
	width:100%;
	min-height:200px;
	padding:20px 0;
	border-top:thin #8eaf60 solid;
}
.footerMenu{
	float:right;
}
.footerMenu p{
	color:#4d682d;
	font-weight:bold;
	display:block;
	padding:0 0 0 15px;
	clear:both;
}
.footerMenu a{
	display:block;
	float:left;
	padding:15px 10px;
	color:#4d682d;
	font-weight:bold;
	position:relative;
	text-transform:uppercase;

}
.footerMenu ul li:last-child a::after{
	display:none;

}
.footerMenu a::after{
	content:"•";
	position:absolute;
	color:#4d682d;
	right:0;
}
.footerMenu li{
	list-style-type:none;

}
.associated{
	max-width:300px;
}
.content{
	padding:20px 0;
}

#content h1, h2{
	padding:20px 0;
}
#content{
	margin-top:-20px;
	font-size:1.1em;
}
.home #content{
	margin-top:-20px;
	font-size:1.1em;
	margin-bottom: 0;
}

.home .homeContainer{
	background-color:#eff7f4;
}
.home footer{
	margin-top:0 !important;
}
article{
	margin-bottom:20px;
}
.sidebar{
	border-left:thin #d8e1cb solid;
	border-right:thin #d8e1cb solid;
}
aside{
	background-color:#f2f2f2;
	padding:0 15px;
	position:relative;
	top:0;
}
aside h3{
	text-transform:uppercase;
}
aside li{
	margin-left:15px;
	list-style-type:none;
	display:block;
	padding:10px 0;
	border-bottom:thin #cbd6be solid;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;

}
aside li:hover{
	margin-left:25px;
}
aside li li{
	border:none;
}
aside li::before{
    content: "\f138 ";
    display:block;
    float:left;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color:#72b62e;
    margin-left:-15px;
}
/*main divs end*/
/*---------------------------------------------------------*/
/*Main menu styles*/
.navbar{
	background:#8eaf60;
	font-weight:bold;
}

.navbar-default .navbar-nav>li>a {
   position:relative;
   padding: 15px 29px;
   color: #FFFFFF;
   text-align:center;
   z-index:1;
   text-transform:uppercase;
	-webkit-font-smoothing: antialiased !important;
	font-weight:100 !important;
   -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.navbar-default .navbar-nav>li>a::after{
	content: "•";
	position:absolute;
	right:0;
	color:white;
}
.menu-item-74 a::after{
	display:none;
}

.navbar-default .navbar-nav>li>a:visited {
    color: #FFFFFF;
}
.navbar-default .navbar-nav>li>a:hover {
   color: #3a5810;

}
.navbar-default .navbar-nav>li>a:hover::before{
	content:" ";
	position:absolute;
	background-color:rgba(74, 124, 22, 0.5);
	width:83%;
	height:50px;
	left:0;
	right:0;
	top:0;
	z-index:-1;
	margin:0 auto;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-animation: menu 0.3s linear; /* Chrome, Safari, Opera */
    -moz-animation: menu 0.3s linear; /* Chrome, Safari, Opera */
    animation: menu 0.3s linear;

}
/*START ANIMATION FOR MAIN MENU */
@-webkit-keyframes menu {
	from {
		height:2px;
	}
    to {
		height:50px;
	}
}
@-moz-keyframes menu {
	from {
		height:2px;
	}
    to {
		height:50px;
	}
}

@keyframes menu {
	from {
		height:2px;
	}
    to {
		height:50px;
	}
}
.navbar-default .current_page_item a{
    color: #3a5810 !important;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #3a5810;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: white;
    background-color: transparent;
}
.navbar-default .navbar-toggle {
    border-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #4b7e17;
}
.menuHead{
	position:absolute;
	color:white;
	top:15px;
	left:20px;
	text-transform:uppercase;
}
nav{
	font-family: 'PT Serif Caption', serif;

}

/*end main menu*/
/*Slider styles*/
#homeSlider{
	width:100%;
	min-height:100px;
	border-bottom:thin #f2f2f2 solid;
	padding: 25px 0 25px 0;
}
#homeSlider .slide-data{
	display:none;
}
#flexslider_hg_homepage_wrapper{
	max-width:999px;
	margin:0 auto;
}
#flexslider_hg_homepage_wrapper img{
	width:100%;
	height:auto;
}
.flex-control-paging{
	display:none;
}

.flexslider .flex-direction-nav a,
.flexslider .flex-direction-nav a {
display: block; /* I added this line */
}

.flex-direction-nav .flex-next { right: 0 !important; margin-right: -40px; opacity: 1 !important; }
.flex-direction-nav .flex-prev { left: 0 !important; opacity: 1 !important; margin-left: -40px; }

/*end slider*/
/*wordpress images alignment*/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
/*end wp images*/
/*inputs styles*/
.wpcf7 input[type="text"], input[type="email"], textarea{
	width:95%;
}
#content textarea:focus{
	background-color:#e9f0de;
	  -webkit-transition: all 0.30s ease-in-out;
	  -moz-transition: all 0.30s ease-in-out;
	  -ms-transition: all 0.30s ease-in-out;
	  -o-transition: all 0.30s ease-in-out;
	  outline: none;
	  padding:12px;
	  border: 2px solid rgba(58,88,16,0.5);
		
}
#content input:focus{
	background-color:#e9f0de;
	  -webkit-transition: all 0.30s ease-in-out;
	  -moz-transition: all 0.30s ease-in-out;
	  -ms-transition: all 0.30s ease-in-out;
	  -o-transition: all 0.30s ease-in-out;
	  outline: none;
	  padding:12px;
	  border: 2px solid rgba(58,88,16,0.5);
			
}
#content input{
	padding:8px;
	border:none;
	background-color:#f2f2f2;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin:8px 0 8px 0;
}
#content textarea{
	padding:8px;
	border:none;
	background-color:#f2f2f2;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin:8px 0 8px 0;
}

/*end input styles*/
/*buttons styles*/
/*input type submit*/

#content input[type='submit']{
	padding:8px 20px;
	color:white;
	font-size:16px;
	background-color:#5d9820;
	  background: -webkit-linear-gradient(top,rgba(115,183,46,1),rgba(73,123,22,0.9)); /*Safari 5.1-6*/
	  background: -o-linear-gradient(bottom,rgba(115,183,46,1),rgba(73,123,22,0.9)); /*Opera 11.1-12*/
	  background: -moz-linear-gradient(bottom,rgba(115,183,46,1),rgba(73,123,22,0.9)); /*Fx 3.6-15*/
	  background: linear-gradient(to bottom, rgba(115,183,46,1), rgba(73,123,22,0.9)); /*Standard*/
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	border:2px white solid;
	text-decoration:none;

}
#content input[type='submit']:hover{
	background-color:#4a7c16;
	  background: -webkit-linear-gradient(top,rgba(73,123,22,0.9),rgba(115,183,46,1)); /*Safari 5.1-6*/
	  background: -o-linear-gradient(bottom,rgba(73,123,22,0.9),rgba(115,183,46,1)); /*Opera 11.1-12*/
	  background: -moz-linear-gradient(bottom,rgba(73,123,22,0.9),rgba(115,183,46,1)); /*Fx 3.6-15*/
	  background: linear-gradient(to bottom, rgba(73,123,22,0.9),rgba(115,183,46,1)); /*Standard*/
}

/*green*/
a.btnGreen{
	padding:8px 20px;
	color:white;
	font-size:16px;
	background-color:#5d9820;
	  background: -webkit-linear-gradient(top,rgba(115,183,46,1),rgba(73,123,22,0.9)); /*Safari 5.1-6*/
	  background: -o-linear-gradient(bottom,rgba(115,183,46,1),rgba(73,123,22,0.9)); /*Opera 11.1-12*/
	  background: -moz-linear-gradient(bottom,rgba(115,183,46,1),rgba(73,123,22,0.9)); /*Fx 3.6-15*/
	  background: linear-gradient(to bottom, rgba(115,183,46,1), rgba(73,123,22,0.9)); /*Standard*/
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	border:2px white solid;
	text-decoration:none;

}
a.btnGreen:hover{
	background-color:#4a7c16;
	  background: -webkit-linear-gradient(top,rgba(73,123,22,0.9),rgba(115,183,46,1)); /*Safari 5.1-6*/
	  background: -o-linear-gradient(bottom,rgba(73,123,22,0.9),rgba(115,183,46,1)); /*Opera 11.1-12*/
	  background: -moz-linear-gradient(bottom,rgba(73,123,22,0.9),rgba(115,183,46,1)); /*Fx 3.6-15*/
	  background: linear-gradient(to bottom, rgba(73,123,22,0.9),rgba(115,183,46,1)); /*Standard*/
	  -webkit-animation:btns 0.7s infinite; /* Chrome, Safari, Opera */
      -moz-animation: btns 0.7s infinite; /* Chrome, Safari, Opera */
      animation: btns 0.7s infinite;
}
/*blue*/
a.btnBlue{
	padding:8px 10px;
	color:white;
	font-size:14px;
	background-color:#074c7f;
	  background: -webkit-linear-gradient(top,rgba(76,131,171,1),rgba(0,70,122,0.9)); /*Safari 5.1-6*/
	  background: -o-linear-gradient(bottom,rgba(76,131,171,1),rgba(0,70,122,0.9)); /*Opera 11.1-12*/
	  background: -moz-linear-gradient(bottom,rgba(76,131,171,1),rgba(0,70,122,0.9)); /*Fx 3.6-15*/
	  background: linear-gradient(to bottom, rgba(76,131,171,1),rgba(0,70,122,0.9)); /*Standard*/
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	border:2px white solid;
	text-decoration:none;

}
a.btnBlue:hover{
	background-color:#5a88ad;
	  background: -webkit-linear-gradient(top,rgba(0,70,122,0.9),rgba(76,131,171,1)); /*Safari 5.1-6*/
	  background: -o-linear-gradient(bottom,rgba(0,70,122,0.9),rgba(76,131,171,1)); /*Opera 11.1-12*/
	  background: -moz-linear-gradient(bottom,rgba(0,70,122,0.9),rgba(76,131,171,1)); /*Fx 3.6-15*/
	  background: linear-gradient(to bottom, rgba(0,70,122,0.9),rgba(76,131,171,1)); /*Standard*/
	  -webkit-animation:btns 0.7s infinite; /* Chrome, Safari, Opera */
      -moz-animation: btns 0.7s infinite; /* Chrome, Safari, Opera */
      animation: btns 0.7s infinite;
      -webkit-border-bottom-right-radius: 8px;
	
}

/*animation for buttons*/
/*end buttons*/
@-webkit-keyframes btns {
	from {
		margin-left:-5px;
	}
    to {
		margin-left:20px;
	}
}

@keyframes btns {
	from {
		margin-left:-5px;
	}
    to {
		margin-left:20px;
	}

}
/*selecciones*/
::selection {
background:#487915;
color:#fff;
}
::-moz-selection {
background:#487915;
color:#fff;
}
::-webkit-selection {
background:#487915;
color:#fff;
} 

/*micelanious*/
.wp-caption {
    display: block;
    float: left;
}
#mc-embedded-subscribe{
  padding:0 10px !important;
}
aside input{
	background-color:#fff !important;
}
#wp-calendar{
	width:100%
}
#errorpage{
	text-align:center;
	color:#eff7f4;
	font-size:15em;
}
hr{
	border:thin #f2f2f2 dashed;
}
.so-widget-sow-google-map{
	border:thin #8eaf60 solid;
}
.wp-post-image{
	float:left;
	margin-right:10px;
	border:4px white solid;
	box-shadow:1px 1px 6px rgba(0,0,0,0.3);
}
.home #pgc-7-0-1{
	border-left: thin #c5d9d1 solid;
	padding:0 30px 0 0;
}
.home #panel-7-0-1-1{
	border-top: thin #c5d9d1 solid;
}
/*-------------------------------------------------------------------*/

/*media queries*/
@media screen and (max-width: 1200px){
	.navbar-default .navbar-nav>li>a {
    	position: relative;
    	padding: 15px 20px;
	}
   	
}
@media screen and (max-width: 996px){
	.navbar-default .navbar-nav>li>a {

   		padding: 15px 15px;
   		font-size:12px;

	}
	.sidebar{
		clear:both;
	}
}
@media screen and (max-width: 768px){
.flexslider .flex-direction-nav a, .flexslider .flex-direction-nav a {
    display: none;
}
	.home #pgc-7-0-1{
		border-top: thin #c5d9d1 solid;
		border-left:none;
		padding:0 30px 0 0;
	}
	.home #pgc-7-0-1 h3{
		padding-top:20px;
	}
	.footerMenu a{
		display:block;
		width:100%;
		margin:0 auto;
		text-align:center;
		border-bottom:thin #f2f2f2 solid;

	}
	#content img{
		display:block;
		margin:15px auto;
		clear:both;
		float:none;

	}
	.footerMenu a::after{
		content:"";
	}
	.footerMenu span{
		display:block;
		width:90%;
		height:50px;
		text-align:center;

	}

	#logo{
		margin-top:15px;
	}
	#logo img{
		top:20px;
		width:300px;
		height:auto;
	}

	.navbar-default .navbar-nav>li>a::after{
	content: "";

	}
	.navbar-default .navbar-nav>li>a{
		border-bottom:thin #f2f2f2 solid;
	}
	.navbar-default .navbar-nav>li:last-child a{
		border-bottom:none;
	}
	.associated{
		margin:0 auto;
	}
}	
@media screen and (max-width: 568px){
	#content h1{
		text-align:center;
	}
	#content h2{
		text-align:center;
	}	
	#content h3{
		text-align:center;
	}

	#logo{
		width:100%;
		text-align:center;
		clear:both;
	}
	header .learnmore{
		position:relative;
		margin:0 auto;
	}
	header{
	background:url("img/headerBg.jpg") repeat-y #d5e1c5;
	}

}
@media screen and (max-width: 400px){
		#logo img{
		top:20px;
		width:180px;
		height:auto;
	}
}
/*hack for safari*/

@media screen and (-webkit-min-device-pixel-ratio:0) {

    /* Safari 5+ ONLY */
   ::i-block-chrome, .navbar-default .navbar-nav>li>a{
	font-weight:100 !important;
    	
    }
    .footerMenu a{
	font-weight:100 !important;
    }
    .footerMenu p{
	font-weight:100 !important;
    }
}
/* Safari 6.1+ (9.0 is the latest version of Safari at this time) */

@media screen and (min-color-index:0) 
and(-webkit-min-device-pixel-ratio:0) { @media
{
    /* Safari 5+ ONLY */
   ::i-block-chrome, .navbar-default .navbar-nav>li>a{
	font-weight:100 !important;
    	
    }
    .footerMenu a{
	font-weight:100 !important;
    }
    .footerMenu p{
	font-weight:100 !important;
    }
}}
 
/*end media queries*/