/* CSS */
/* Reset */
/*body{color:#333;background:#FFF;font-family: Arial, sans-serif;}*/
body{color:#333;background:#FFF;font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0.3px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
p {font-size:100%;font-weight:normal;}
input,textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*strong {font-weight: bold;}*/
em {font-style: italic;}

/* General */
html {height: 100%;}
body {
  height: 100%;
  background: #3b3b3b;
}

body, html, #wrapper, #content
{
  height: 100%;
  margin: 0;
  padding: 0;

  -moz-user-select     : none;
  -khtml-user-select   : none;
  -webkit-user-select  : none;
  -o-user-select       : none;
  user-select          : none;
  /*background-color: #3b3b3b;*/
}

#wrapper {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

#wrapper-basic {
  /*height: 100%; */
  width: 100%;
  overflow: hidden; 
}

body.modal-body, #wrapper.modal-body,body.modal-body #content, html.modal-body{
    background-color: transparent;
    background-image: none;
}

/* * * * * start container * * * * */
#container {
  position: relative;
  width: 100%;
  background-color: #3b3b3b;
  /* 100% - height of footer and header, falls back on JS*/
  height:  -webkit-calc(100% - 70px);
  height: -moz-calc(100% - 70px);
  height: calc(100% - 70px);
  overflow: hidden;
}
/*
body.aetv_showBranding_font_amperscript #container,
body.aetv_showBranding_font_amperserif #container {
  height:  -webkit-calc(100% - 60px);
  height: -moz-calc(100% - 60px);
  height: calc(100% - 60px);
}
*/
.modal-body #container {
  position: relative;
  width: 100%;
  /* 100% - height of footer and header, falls back on JS*/
  /*height:  -webkit-calc(100% - 5px);
  height: -moz-calc(100% - 5px);
  height: calc(100% - 5px);*/
  height: 100%!important;
  background: transparent;
  overflow: hidden;
}

.modal-body #site_nav {
  /*display: none;*/
}


/* * * * * end container * * * * */

.loader-wrapper {

  display: table;
  height: calc(100% - 81px);
  width: 100%;
  position: absolute;
  top: 0px;
}

.loader-holder {
  position: absolute;
  /*background-image: url("/profiles/aetv/modules/custom/aetv_season/images/ajax-loader.gif?v=2");*/
  background-image: url('/profiles/aetv/themes/custom/aetv/images/AE_Loading_Ampersand_Small.gif');
  width: 159px;
  height: 92px;
  top: 50%;
  left: 50%;
  margin-left: -80px;
  margin-top: -46px;
}

/*
* drupal specific resets
 */
.not-logged-in #branding,
.not-logged-in #skip-link { display:none; }

#page {
  margin: 0;
  padding: 0;
}

.block ul {
  margin: 0;
}


/*  MODAL WINDOW */
.modal-body #toolbar {
  display: none;
}

.aetv_modal .close_modal{
  position: absolute;
  background-image: url("/profiles/aetv/modules/custom/aetv_episode/images/close.png");
  width: 30px;
  height: 30px;
  top:50px;
  right:50px;
}

/*blur*/
/*
.do-blur {
    -webkit-filter: blur(1px);
       -moz-filter: blur(1px);
        -ms-filter: blur(1px);
         -o-filter: blur(1px);
            filter: blur(1px);
  }
*/
.no-blur {
  -webkit-filter: none;
     -moz-filter: none;
      -ms-filter: none;
       -o-filter: none;
          filter: none;
}



.box-shadow {
  -webkit-box-shadow: 0px 0px 3px 1px rgba(00, 00, 00, 0.2);
  box-shadow: 0px 0px 3px 1px rgba(00, 00, 00, 0.2);
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }


/*TEXT*/

.light-text {
  color: #f7f8f3;
}

.lighter-text {
  color: #fff;
}

.dark-text {
  color: #3b3b3b;
}

.darker-text {
  color: #333;
}


/* Fix for iOS7 ipad 20px bug */
/*
@media (orientation:landscape) {
  .ios7_ipad #footer {
    bottom: 20px;
  }
}
*/
/* Fix for iOS7 ipad 20px bug */

@media (orientation:landscape) {
  .ios7_ipad body {
    position: fixed;
    bottom: 0px;
    height: 672px!important;
  }
  .ios7_ipad body.modal-body {
    position: absolute;
    bottom: 0px;
    
  }
}

.tunein_Amperscript {
  font-family: 'Amperscript';
}

.tunein_Amperserif  {
  font-family: 'Amperserif';
}


