/* @font-face kit by Fonts2u (http://www.fonts2u.com) */
 @font-face {font-family:"Calluna-Regular";src:url("Calluna-Regular.eot?") format("eot"),url("Calluna-Regular.woff") format("woff"),url("Calluna-Regular.ttf") format("truetype"),url("Calluna-Regular.svg#Calluna-Regular") format("svg");font-weight:normal;font-style:normal;}


html {
  /*height: 100% !important;*/
  /*background: url(../img/DSC_3053.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position:50% 0%;*/
}

body {
  font-family: 'Gentium Basic', serif;
  background: url(../img/img/DSC_3053a.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   background-position:50% 0%;
   font-size: 17px;
   margin: auto;
   position: relative !important;
}

#workshopsIsActive{
  display: none !important
}


.navbar-nav > li {
  font-size: 24px;
  font-weight: 400;
}

.nav > li > a {
  color: #575757;
  padding: 5px 15px;
}

.nav > li > a:hover {
  background-color: rgba(236, 240, 241, 0.66);
}

 .nav > li > a:active {
}

 .nav > li > a:focus {
    background-color: transparent;
}

.navbar{
  min-height: 10px;
}

.navbar-default{
  background-color: rgba(255, 255, 255, .95) !important;
}

.navbar-brand {
  color: #575757 !important;
}

.navbar-toggle{
  border-radius: 0px;
  background-color: rgba(44, 62, 80, 0.65);
  border-color: rgba(44, 62, 80, 0.65);
}

.nav-justified{
    font-size: 22px;
    font-weight: 400;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: rgba(26, 36, 47, 0.63);
}

.addNavText{
  /*font-size: 11px*/
}



/*.active { color: #fff!important;}*/
a {
    /*color: #575757;*/
      /*color: #2c3e50;*/
}

img {
    width: 100%;
    height: auto;
}

.imgDivOW{
  width: 80%;
  margin: auto;
  margin-top: 19px;
  border: 1px solid rgba(0, 0, 0, 0.07);
}

.imgDivHome{
  width: 100%;
  margin: auto;
  border: 20px solid rgba(0, 0, 0, 0.07);
}

.imgDivSm{
  width: 100%;
  margin: auto;
  padding: auto;
}

p{
	color: #292929;
	text-align: justify;
  hyphens: auto;
  color: #575757;
  margin-top: 0px;
  padding: 9px 9px 0px 9px;
}

h1{
    font-weight: 400;
    color: #575757;
    text-align: justify;
    margin-right: 15px; 
    text-transform: none;
    font-family: 'Gentium Book Basic', serif !important;
    font-size: 24px;
}

h4{
    font-weight: 400
}

.name{
	font-weight: 400;
	font-size: 19px;
}

a:hover {
    /*color: #575757;*/
    text-decoration: underline;
}


a:focus{
	outline: none;
}

address{
  color: #575757;
  font-size: 21px;
}

.artsCouncilLogo{
height: 48px;
width: 96px;
opacity: 0.6;
bottom: 0;
right: 0;
position: relative;
/*margin-top: 5%;*/
}

.footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.footerCc{
    margin: 10px 0px;
}

.outerBox{
 
    border: 3px solid #f6eeee; 
}

.thumbnail {   
  background-color: none;
  border: none;
  border-radius: 0px;
  background-color: rgba(255, 255, 255, 0);
}

.imgLandscape{

}

.indoCoverPhoto{

}

.carousel-caption{
  position: initial;
  text-shadow:none;
  padding-bottom: 50px;
  padding-top: 0px; 
}

.carousel-control.right{
background-image: none;
}
.carousel-control.left{
background-image: none;
}

.carousel-indicators li{
  border: 1px solid #505050;
}

.header{
 font-family: 'Gentium Book Basic', serif !important;
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.carousel {

    padding-left: 15px;
    padding-right: 15px;
}

.carousel-inner {
    margin-top: 3%;
}



section#home, section#other, section#events, section#contact, section#portfolio, section#workshops{
  padding-top: 72px;
  
}

section#events, section#workshops{
  padding-bottom: 72px
}

section#other/*, section#events, section#contact, section#portfolio*/{
  /*padding-top: 40px*/
}

.btn{
  border-radius: 0px
}

.btn-success{
  border:none;
  background-color:#2c3e50
}

.btn-success:hover, .btn-success:active, .btn:focus {
  background-color: rgba(44, 62, 80, 0.76);
}

.leftArrow, .rightArrow {
  width: 27%;
  margin-top: 62%;
}

.rcwLink{
  font-size: 20px
}

@media (min-width: 1024px){

  section#home, section#other, section#contact, section#portfolio, section#workshops{
    height: 100vh;
  }

  section#home{
    /*margin-bottom: 5%;*/
  }


  .imgDivHome{
    width: 92%;
    /*width: 100%*/
  }

  .imgPortrait{
    width:20%
    }

  .imgLandscape2{
    width: 19%;
    margin-left: 20%;
  }

  .imgHenn{
    width: 19%;
    margin-left: 20%;
  }

}

@media (max-width: 1199px){
  section#other, section#events, section#contact, section#portfolio, section#workshops{
    padding-bottom: 8%;
  }
}

@media (min-width: 992px){
       section#home, section#other, section#events, section#contact, section#portfolio, section#workshops{
  /*height: 100vh;*/
  }

  .imgLandscape {
    width: 30%;
    margin-left: 14%;
  }
}

@media (max-width: 992px){
  .carousel {
    border: none;
  }

  section#other, section#events, section#contact, section#portfolio, section#workshops{
    padding-bottom: 16%;
  }

    section#contact{
    height: 100vh;
  }

  .imgLandscape2{
  margin-left: 20%;
  width: 22%;
    } 

  .imgPortrait{
      width: 26%;
      margin-left: 13%;
    }

  .imgLandscape{
      margin-left: 13%;
  }

  .imgHenn{
    margin-left: 20%;
    width: 22%;
  } 

}



@media(min-width: 768px){

  section#home, section#other, section#events, section#contact, section#portfolio, section#workshops{
  /*height: 100vh;*/
  }

  section#contact{
    height: 100vh;
  }
}

@media(min-width: 481px) and (max-width: 767px){

  .img-wrapper{
      margin-top: 3%;
      width: 36%;
      /*margin-left: 30%;*/
          margin-left: 32%;
  }

  .imgDivHome{
    width: 60%;
    margin-bottom: 15px;
  }

  .imgLandscape{
    width: 48%;
    margin-left: 26%;
  } 

  .imgLandscape2{
    width: 34%;
    margin-left: 32%;
  }




  .thumbnail{
    background-color: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(189, 189, 189, 0.33);
  }

  .textSmCentr{
    text-align: center;
  }

  h1{
    font-size: 24px; 
  }

  .nav-justified{
        font-size: 20px;
  }

  h3{
    font-size: 21px
  }
}

@media(max-width: 480px){
  .img-wrapper{
    width: 62%;
    margin-left: 19%;
  }

  .imgLandscape{
    width: 65%;
    margin-left: 18%
  }

  .nav-justified {
    font-size: 19px;
    font-weight: 400;
  }

  .imgLandscape2{
  width: 48%;
  margin-left: 25%;
    }

  .imgHenn{
    width: 48%;
  margin-left: 25%;
  }

  .imgDivHome{
    margin-bottom: 10px;
  }

  h3{
    font-size: 20px
  }

  address{
    font-size: 18px
  }

  .rcwLink{
    font-size: 18px
  }

}