/*
Camp Lohikan PAGES CSS
Author: Mat Kraner | Creative DBS
Version: 1.0



COLORS:
*******
yellow: 			      #fee03f
yellow /w opacity:  rgba(254, 224, 63, 1.0)
light blue:			    #194c91
dark blue: 			    #061A38
lighest blue:       #337ab7

*/

@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,800,800italic,900,900italic); /* font-family: 'Alegreya Sans', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Aldrich); /* font-family: 'Aldrich', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Viga); /* font-family: 'Viga', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Rambla:400,400italic,700,700italic); /* font-family: 'Rambla', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Strait); /* font-family: 'Strait', sans-serif; */


@font-face {
    font-family: 'pussycat_snickers';
    src: url('../fonts/pusss-webfont.eot');
    src: url('../fonts/pusss-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pusss-webfont.woff2') format('woff2'),
         url('../fonts/pusss-webfont.woff') format('woff'),
         url('../fonts/pusss-webfont.ttf') format('truetype'),
         url('../fonts/pusss-webfont.svg#pussycat_snickers') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Impact';
    src: url('../fonts/Impact.eot');
    src: url('../fonts/Impact.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Impact.woff') format('woff'),
         url('../fonts/Impact.ttf') format('truetype'),
         url('../fonts/Impact.svg#Impact') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Home Page */


/* Juniors 1 - 4 */
/*ul.interior-ul {color: #7b112f; font-size: 22px; font-weight: bold; line-height: 32px;}
ul.interior-ul li {padding: 0 0 38px;}*/
.hide-show-video-btn {visibility: visible; display: block;}
.parents-header-video-button {display: block; position: absolute; right: 20px; bottom: 0px; width: 100%; z-index: 999;}
.parents-header-video-button img {float:right; height:auto; max-width: 200px; padding-top: 0px;}
.hp-header-video-button-container {
  position: relative;
  bottom: -80px;
  width: 100%;
  overflow: visible;
  text-align: right;
  z-index: 100;
}

@media (max-width: 768px) {
  .hp-header-video-button-container {
    text-align: center;
    bottom: inherit;
  }
}

.header-video-button-container {
  text-align: center;
  overflow: visible;
}

.header-vt-button-container {
  position: absolute;
  bottom: 0;
  z-index: 999;
  text-align: center;
  overflow: visible;
  width: 100%;
}

.header-vt-button,
.header-video-button {
    background: rgba(254, 224, 63, 0.8);
    background: rgba(42, 120, 187, 0.8);
    border-radius: 8px 8px 0 0;
    box-shadow: 0px -2px 10px rgba(0, 0, 0, .6);
    display: inline-block;
}

.header-vt-button a,
.header-video-button a {
    padding: 0.5em 1em;
    padding-left: 0;
    display: inline-block;
    color: #fee03f;
    font-family: 'Strait', sans-serif;
    font-size: 2em;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
    vertical-align: middle;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    z-index: 999;
}

.header-vt-button:before,
.header-video-button:before {
   margin-left: 1em;
   content: '';
   display: inline-block;
   height: 2em;
   width: 2em;
   background: url(../images/play_button.png) no-repeat;
   background-size: 2em;
   vertical-align: middle;
 }

 .header-vt-button:before {
   margin-left: 0;
   background: url(../images/play_button.png) no-repeat;
   background: none;
   background-size: 2em;
   background-size: cover;
 }

 .hp-header-video-button-container .header-video-button {
   border-radius: 8px;
 }

 .hp-header-video-button-container .header-video-button:before {
    background: url(../images/play_button_yellow.png) no-repeat;
    background-size: 2em;
  }


/* Tuition */
.rates-discount-box {position:relative; display:block; width:100%; padding:5px; font-size:14px; line-height:20px; text-align:center; background:#91268f; margin:0 0 10px 0; border-radius:5px;}
.top-row-rates {background: rgba(0, 0, 0, 0.09); color: #91268f; font-weight: bold; border-top: 1px dashed #999;}
.bottom-row-rates {border-bottom: 1px dashed #999;}
.top-row-rates {border-top: 2px dotted #999;}
.tuit-table {border-left: 1px dashed #999; border-right: 1px dashed #999;}
.purple-color {color:#91268f;}
.purple-color-bold {color:#91268f; font-family: 'Impact', 'Arvo', serif; letter-spacing:1.2px;}

/* High and Low Ropes */
/*ul.interior-smaller-ul {color: #7b112f; font-size: 19px; font-weight: normal; line-height: 22px;}
ul.interior-smaller-ul li {padding: 0 0 15px;}*/

/* Owners Directors */
.player-holder {position: relative; display: block; width: 100%; height: auto;}
.player-holder .centered-button { position: absolute; top: 50%; left: 50%; margin-top: -60px; margin-left: -60px; color: #E67D24; font-size: 120px; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #333;}

/* About Us Landing */
/*ul.interior-about-ul {color: #7b112f; font-size: 19px; line-height: 26px; padding: 0 0 0 15px;}
ul.interior-about-ul li {padding: 0 0 20px;}*/


/* ONLY BIG SCREENS */
/* Small Devices, Tablets */
@media only screen and (min-width : 767px) {

}


/* IN-BETWEENERS */
/* Small Devices, Tablets */
@media only screen and (max-width : 1200px) and (min-width : 1100px) {

  .parents-header-video-button {bottom: 10px;}
  .parents-header-video-button img {max-width: 150px;}

}


/* Small Devices, Tablets */
@media only screen and (max-width : 1099px) and (min-width : 1000px) {

  .parents-header-video-button {bottom: 10px;}
  .parents-header-video-button img {max-width: 150px;}

}

@media only screen and (max-width : 999px) and (min-width : 768px) {

  .parents-header-video-button {bottom: 10px;}
  .parents-header-video-button img {max-width: 130px;}

}


/* ONLY SMALL SCREENS */
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
  /* Juniors 1 - 4 */
  ul.interior-ul {color: #7b112f; font-size: 18px; font-weight: bold; line-height: 26px;}
  ul.interior-ul li {padding: 0 0 28px;}
  .parents-header-video-button {bottom: 10px;}
  .parents-header-video-button img {max-width: 100px;}

  /* About Us Landing */
  ul.interior-about-ul {color: #7b112f; font-size: 17px; line-height: 23px;}
  ul.interior-about-ul li {padding: 0 0 18px;}

  .header-vt-button a, .header-video-button a {
    font-size: 1em;
  }

/* Tuition */
.rates-discount-box {font-size:11px; line-height:16px;}

}









/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
}














/*******
********
********
********
********
********
*******/

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}