@charset "utf-8";
@import url("../webfonts/ImparaMed/stylesheet.css");
@import url("../webfonts/ImparaMedIta/stylesheet.css");
@import url("../webfonts/ImparaReg/stylesheet.css");
@import url("../webfonts/ImparaBol/stylesheet.css");
@import url("../webfonts/ImparaLig/stylesheet.css");
@import url("../webfonts/ImparaIta/stylesheet.css");

a:hover { 
  color: #074f7a; 
  text-decoration: none;
}
a:focus {
  outline: thin dotted rgba(150,150,150,.75);
  outline-offset: -2px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  display: inline;
}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#215A6B;}
h1{font-size:38px;}
h2{font-size:30px;}
h3{font-size:26px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}
h1 small{font-size:24.5px;}
h2 small{font-size:17.5px;}
h3 small{font-size:14px;}
h4 small{font-size:10px;}
h1 .h1{
  font-weight:normal;
  font-family:ImparaBol, "Arial Black", sans-serif;
  color:#215a6b;
}
h2, h3, h4, h5, h6, .h2,.h3,.h4,.h5,.h6 {
  font-weight:normal;
  font-family:ImparaMed, Helvetica, Arial, sans-serif;
  color:#215a6b;
}
p {
  font-weight:normal;
  font-family:ImparaReg, Arial, Helvetica, sans-serif
}
strong {
  font-weight:normal;
  font-family:ImparaMed, Helvetica, Arial, sans-serif;
}
em{
  font-style:normal;
  font-family:ImparaIta, "Times New Roman", serif;
  margin-bottom:10px;
}
.med-ital {
  font-weight:normal;
  font-family:ImparaMedIta, Georgia, serif;
  font-size:inherit;
}
body {
  font-family: ImparaReg, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #ffffff;
}
/*CONTENT*/
#mobile-head {
  text-align:center;
}
#mobile-head .head-logo img {
  margin: 0 auto;
}
.head-info a {
  color:#215A6B;
}
.head-info a:hover, .head-info a:focus{
  color:#333;
}
article.container {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
article.container h2:first-child {
  margin-top: 0;
}
#pg-head{
  padding-bottom:60px;
}
#pg-head #head-info {
  text-align: right;
}
#pg-head #head-info a {
  color:#fff;
  text-shadow: 3px 3px 2px rgba(0,0,0,.9)
}
#pg-head #head-info a:hover, #pg-head #head-info a:focus{
  color:#fff;
  text-shadow: 3px 3px 3px rgba(0,0,0,.9), 0px 0px 6px rgba(254,233,194,.9)
}

header.page {
  background:url(../img/nebula.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.section-title {
  line-height: 3;
  text-align: center;
  padding:20px 0;
  overflow: hidden;
}
.section-title h1 {
  display: inline-block;
  position: relative;  
}
.section-title h1:before,
.section-title h1:after {
  content: "";
  position: absolute;
  height: 5px;
  border-top: 2px solid #fee9c2;
  top: 20px;
  width: 100%;
}
.section-title h1:before {
  right: 100%;
  margin-right: 25px;
}
.section-title h1:after {
  left: 100%;
  margin-left: 25px;
}
.section-title h1 {
  color: #fbb351;
  text-transform: uppercase;
  font-family: ImparaMed, Helvetica, Arial, sans-serif;
}
.section-title.inverse h1 {
  color: #fff;
  text-shadow: 1px 1px 0 #fbb351;
}
.section-title h1 small {
  color: #fbb351;
}

.btn.btn-resource {
  color: #fff;
  background-color: #39b54a;
  border-color: #11897d;
  display: block;
  width: 100%;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
  white-space: normal !important;
  margin-bottom:20px;
}
.price {
  display:inline;
  background-color:#215a6b;
  padding: 0 10px;
  position: relative;
  float:right;
  margin:-5px -30px 0 10px;
}
.price:after {
  top: 100%;
  right: 0px;
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-top: 0px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #112d36;
}
.price h4 {
  color:#fff;
}
.course h3 {
  display:inline;
}

.harry {
  background:url(../img/nebula3.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
blockquote {
  position: relative;
  color: rgb(126, 126, 126);
  font-family: ImparaIta,"Times New Roman",serif;
  font-style: normal;
  font-size: 18px;
  text-align: left;
  line-height: 26px;
  padding: 0px 35px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: medium none;
}
blockquote:before {
  content: "\f10d";
  font-family: FontAwesome; 
  position: absolute;
  font-size: 30px;
  color: #ddd;
  top: 0;
  left: 0;
}
blockquote.overlay {
  color: #fff;
  text-shadow:2px 2px 3px #08183c;
  font-family: ImparaMedIta, Georgia, serif;
  font-size: 28px;
  line-height: 36px;
}
blockquote.overlay cite small{
  color:#fff;
  text-align:right;
}

/* Main Slider
-------------------------------------------------- */
#feature_slider {
  height: 550px;
  background: #262626;
  z-index: 1;
}
#feature_slider h1 {
  font-weight: 100;
  color: #ccc;
  font-size: 60px;
  line-height: 66px;
  text-align: center;
  position: relative;
  top: 20px;
  width: 100%; }
#feature_slider h1 strong {
  text-transform: uppercase;
  font-size: 14px;
  margin: 0 0 20px; }
#feature_slider #pagination {
  position: absolute;
  top: 480px;
  z-index: 3;
  margin: 0;
  padding: 0;
  display: none;
  list-style-type: none; }
#feature_slider #pagination li {
  text-indent: -99999em;
  float: left;
  padding: 0 6px;
  cursor: pointer; }
#feature_slider #pagination li a {
  width: 12px;
  height: 12px;
  box-shadow: 0px 0px 1px 2px #000;
  background: #fff;
  border-radius: 18px;
  display: block;
  opacity: .7;
  -webkit-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  transition: opacity .1s linear; }
#feature_slider #pagination li.active a {
  background: rgba(237,25,62,.9);
  box-shadow: none;
  box-shadow: 0px 0px 1px 2px #fff;
}
#feature_slider #pagination li:hover a {
  opacity: 1; }
#feature_slider .slide {
  width: 100%;
  height: 550px;
  position: absolute;
  top: 0;
  display: none;
  overflow: hidden;
  z-index: 1;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  /* Custom styles for each slide */
  /* Slide 1 */
  /* Slide 2 */
  /* Slide 3 */
  /* Slide 4 */ }
#feature_slider .slide.previous {
  z-index: 1; }
#feature_slider .slide.active {
  z-index: 2; }
#feature_slider .slide.hidden {
  display: none; }
#feature_slider .slide#trees .info {
  position: relative;
  top: 60px;
  margin-left:auto;
  margin-right:auto;
  width: 60%;
  text-align: center;
  z-index: 10; }
#feature_slider .slide#trees .info h2 {
  color: #220000;
  font-size: 44px;
  font-weight: normal;
  line-height: 54px;
  text-shadow: 3px 3px 1px #fffeb1;
}
#feature_slider .slide#world .info {
  position: relative;
  top: 20px;
  left: 49%;
  width: 40%;
}
#feature_slider .slide#world .info h2 {
  color: #fff;
  font-size: 32px;
  font-weight: normal;
  line-height: 38px;
  text-shadow: 3px 3px 1px #0c255d;
}
#feature_slider .slide#path .info {
  position: relative;
  top: 30px;
  margin-left:auto;
  margin-right:auto;
  width: 58%;
  text-align: center;
  z-index: 10;
}
#feature_slider .slide#path .info h2 {
  color: #fff;
  font-size: 38px;
  font-weight: normal;
  text-shadow: 3px 3px 1px #26171c;
  line-height: 48px;
}
#feature_slider .slide#improve .info {
  position: absolute;
  top: 80px;
  left: 15%;
  width: 30%; }
#feature_slider .slide#improve .info h2 {
  color: #fff;
  font-size: 50px;
  font-weight: normal;
  text-shadow: 3px 3px 1px #424b16;
  line-height: 60px;
}
#feature_slider .slide .info {
  display: none;
  z-index: 10; }
#feature_slider .slide .info a:hover {
  opacity: .8; }
#feature_slider .slide .asset, #feature_slider .slide .fade {
  position: absolute;
  display: none; }
#feature_slider #slide-left {
  width: 31px;
  height: 37px;
  display: block;
  position: absolute;
  top: 250px;
  left: 0;
  background: url(../img/leftright-arrows.png) no-repeat;
  opacity: .5;
  -webkit-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  transition: opacity .1s linear;
  display: none;
  z-index: 2; }
#feature_slider #slide-left:hover {
  opacity: 1; }
#feature_slider #slide-right {
  width: 31px;
  height: 37px;
  display: block;
  position: absolute;
  top: 250px;
  left: auto;
  right: 0;
  background: url(../img/leftright-arrows.png) no-repeat;
  background-position: -31px 0;
  opacity: .5;
  -webkit-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  transition: opacity .1s linear;
  display: none;
  z-index: 2; }
#feature_slider #slide-right:hover {
  opacity: 1; }
header {
  position: relative;
  margin-bottom:5px;
}
nav {
  position:absolute;
  bottom:0;
  width:100%;
}
#feature_slider #head {
  display:none;
}
.navbar-inverse {
  background-color:rgba(30,30,30,.85)
}
.navbar-inverse .navbar-nav>li>a {
color: #dcdcdc;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
color: #fff;
background-color: rgba(10,10,10,.9);
}
.navbar-collapse {
  padding-right: 0;
  padding-left: 0;
}
.navbar {
  border-radius: 0px;
}
.sticky-nav {
  position: relative;
  width: 100%;
  height: 50px;
  z-index: 1001;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.sticky-nav.stuck {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
}
.nav.nav-just {
  width:100%;
}
.nav.nav-just> li {
  float:none;
}
.nav.nav-just> li > a {
  margin-bottom:5px;
  text-align:center;
}
.navbar-collapse.in>.nav-just>li>a, .navbar-collapse.collapsing>.nav-just>li>a  {
  text-align: right;
}
.nav.nav-just li.dropdown .dropdown-menu {
  left: auto;
  top: auto;
}
#banner {
  background:url(../img/cwa-banner.png) center bottom;
  border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px 8px 8px 8px;
  color:#1C256B;
  margin-bottom:20px;
  padding: 5px 15px;
}
#banner h2 {
  color:#1C256B;
  text-shadow: 1px 1px 0 #fff, 1.5px 1.5px 0 #bbb;
}
aside.well em.lead {
  font-size:18px;
}
#calendar {
  width: 100%;
  margin: 20px auto 0 auto;
}
.gcal-event:hover {
  background-color:#215a6b;
}
#honeypot {
  display: none;
}
#footer {
  margin-top:40px;
}

/*RESPOSIVES*/
@media (min-width: 410px){
h4{font-size:24px;}
#feature_slider .slide#world .info h2 {
  font-size: 38px;
  line-height: 46px;
}
#feature_slider .slide#trees .info {
  top: 130px;
  margin-left:auto;
  margin-right:auto;
  width: 60%;
  text-align: left;
}
#feature_slider .slide#trees .info h2 {
  font-size: 45px;
  line-height: 55px;
}
#feature_slider .slide#path .info {
  top: 50px;
  width: 65%;
}
#feature_slider .slide#path .info h2 {
  font-size: 46px;
  line-height: 56px;
}
}

@media (min-width: 565px){
#feature_slider {
  height: 650px;
}
#feature_slider .slide {
  height: 650px;
}
#mobile-head {
  display:none;
}
#feature_slider #head {
  display:inherit;
  position: relative;
  z-index:50;
}
.head-info {
  text-align: right;
}
.head-info a {
  color:#fff;
  text-shadow: 3px 3px 2px rgba(0,0,0,.9)
}
.head-info a:hover, .head-info a:focus{
  color:#fff;
  text-shadow: 3px 3px 3px rgba(0,0,0,.9), 0px 0px 6px rgba(254,233,194,.9)
}
#feature_slider #pagination {
  top: 545px;
}
#feature_slider .slide#world .info {
  position: relative;
  top: 120px;
  left: 52%;
  width: 40%;
}
#feature_slider .slide#world .info h2 {
  color: #fff;
  font-size: 45px;
  font-weight: normal;
  line-height: 55px;
  text-shadow: 3px 3px 1px #0c255d;
}
#feature_slider .slide#trees .info {
  top: 200px;
  margin-left:auto;
  margin-right:auto;
  width: 60%;
  text-align: left;
}
#feature_slider .slide#trees .info h2 {
  font-size: 50px;
  line-height: 60px;
}
#feature_slider .slide#path .info {
  top: 150px;
  width: 65%;
}
#feature_slider .slide#path .info h2 {
  font-size: 50px;
  line-height: 60px;
}
#feature_slider .slide#improve .info {
  top: 150px;
  left: 15%;
  width: 30%; }
#feature_slider .slide#improve .info h2 {
  font-size: 55px;
  line-height: 65px;
}
}
@media (min-width: 768px){
.head-logo {
  text-align:left;
}
#banner li {
  font-size:18px;
}
.nav.nav-just > li {
  display:table-cell;
  width: 1%;
}
.nav.nav-just > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
}
.nav.nav-just > li > a {
  margin-bottom:0;
}
#feature_slider #pagination {
  top: 525px;
}
.slide#responsive .info {
    position: absolute;
    top: 170px;
    right: 6%;
    width: 25%; 
}
.slide#tour .info {
  font-size: 15px;
}
.slide#tour .info a {
  font-size: 15px;
} 
#feature_slider .slide#trees .info {
  top: 240px;
  margin-left:auto;
  margin-right:auto;
  width: 60%;
  text-align: left;
}
#feature_slider .slide#trees .info h2 {
  font-size: 55px;
  line-height: 65px;
}
#feature_slider .slide#path .info {
  top: 190px;
  width: 65%;
}
#feature_slider .slide#path .info h2 {
  font-size: 54px;
  line-height: 64px;
}
#feature_slider .slide#improve .info {
  top: 220px;
  left: 13%;
  width: 30%; }
#feature_slider .slide#improve .info h2 {
  font-size: 60px;
  line-height: 70px;
}
}

@media (min-width: 992px){
aside.well em.lead {
  font-size:22px;
}
#feature_slider .slide#world .info {
  top: 180px;
}
#feature_slider .slide#world .info h2 {
  color: #fff;
  font-size: 50px;
  font-weight: normal;
  line-height: 60px;
  text-shadow: 3px 3px 1px #0c255d;
}
#feature_slider .slide#trees .info {
  top: 210px;
  width: 50%;
  text-align: center;
}
#feature_slider .slide#trees .info h2 {
  font-size: 60px;
  line-height: 70px;
}
#feature_slider .slide#path .info {
  top: 230px;
  margin-left:auto;
  margin-right:auto;
  width: 58%;
  text-align: center;
}
#feature_slider .slide#path .info h2 {
  font-size: 60px;
  line-height: 70px;
}
#feature_slider .slide#improve .info {
  top: 235px;
  left: 12%;
  width: 30%; }
#feature_slider .slide#improve .info h2 {
  font-size: 60px;
  line-height: 70px;
}
}

@media (min-width: 1175px){
#feature_slider .slide#world .info {
  position: relative;
  top: 180px;
  left: 52%;
  width: 40%;
}
#feature_slider .slide#world .info h2 {
  font-size: 60px;
  line-height: 70px;
}
}

@media (min-width: 1565px){
#feature_slider .slide#world .info {
  position: relative;
  top: 230px;
  left: 52%;
  width: 40%;
}
#feature_slider #world.slide .info h2 {
  font-size: 60px;
  line-height: 70px;
}
#feature_slider .slide#trees .info {
  top: 235px;
  width: 40%;
}
#feature_slider .slide#trees .info h2 {
  font-size: 62px;
  line-height: 72px;
}
}

@media (min-width: 1628px){
#feature_slider .slide#trees .info {
  top: 250px;
  width: 40%;
}
#feature_slider .slide#trees .info h2 {
  font-size: 64px;
  line-height: 74px;
}
}

@media (min-width: 1860px){
    #feature_slider .slide#trees .info {
  width: 35%;
}
}