/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */



@import url(../warp/css/layout.css);





/* Spacing

----------------------------------------------------------------------------------------------------*/



.module,

#header,

#breadcrumbs,

#content,

#footer { margin: 8px; }



#menu .module { margin: 10px 5px; }



#footer .module { margin: 0; }



#toolbar,

#headerbar { margin-bottom: 1px; }





/* Layout

----------------------------------------------------------------------------------------------------*/

/* Blocks*/

#block-toolbar {

  padding: 5px 0;

  background: #fff;

}



#block-header {

  padding: 2px 0;

  background: #A603AC;

  color:#FFF;

        border-bottom: 0px solid #c0c0c0;}



#block-top-a {

  background-color: #159CBC;  /*background: -moz-radial-gradient(center, #279fea 10%, #296b94 100%);

  background: -webkit-radial-gradient(center, #279fea 10%, #296b94 100%);

  background: -o-radial-gradient(center, #279fea 10%, #296b94 100%);

  background: radial-gradient(#279fea 10%, #296b94 100%);*/

}

.wrapper.max-width65 { max-width: 65%; }

.wrapper.max-width80 { max-width: 80%; }

.wrapper.max-width100 { max-width: 100%; }



#block-main {

  padding: 15px 0;

  background: #fff;

}



#block-bottom {

  box-shadow: 0 -1px 0 rgba(255,255,255,0.05) inset;

  color: #000;

  padding-top: 0px;

  padding-right: 0;

  padding-bottom: 5px;

  padding-left: 0;

  background-color: #FFF;

  background-image: none;

}



body#page { background: #252525; }



#block-footer {

  padding: 15px 0;

  background: -moz-linear-gradient(top, #1f1f1f 0%, #252525 40px);

  background: -webkit-linear-gradient(top, #1f1f1f 0%, #252525 40px);

  background: -o-linear-gradient(top, #1f1f1f 0%, #252525 40px);

  background-color: #5F0778;

  background-image: url(../images/footer-bg.jpg);

  background-repeat: repeat;

  background-position: center top;

}



/* Header */

#toolbar {

  line-height: 26px;

  font-size: 12px;

}



#header { min-height: 35px; }



/* Block Separators */

#top-a:after,

#top-b:after,

#innertop:after {

  content: "";

  display: block;

  margin: 0 15px;

  height: 1px;

}



#bottom-a:before,

#innerbottom:before {

  content: "";

  display: block;

  margin: 0 15px;

  height: 1px;

}



/* Remove Block Separators if System Output is disabled */

#header + #bottom-a:before,

#top-a + #bottom-a:before,

#top-b + #bottom-a:before { display: none; }



/* Footer + Header */

#toolbar,

#toolbar a,

#headerbar

 { color: #777; }

#headerbar a,

#footer a { color: #bbb; }

#toolbar a:hover,

#headerbar a:hover { color: #252525; }



/* Footer */

#footer{

  color:#FFF;}



#footer a {font-size: 12px; line-height: 18px;}



#footer a:hover { color: #fff; }



#totop-scroller {

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  z-index: 1;

  width: 20px;

  height: 20px;

  background: url(../images/totop_scroller.png) 50% 50% no-repeat;

  text-decoration: none;

}



div.module.mod-box.ready.deepest{

  min-height:450px;

  background-attachment: fixed;

  background-image: url(../images/ready-bg.jpg);

  background-repeat: no-repeat;

  background-position: center bottom;

  background-color: #a603ac;

  margin-top:20px;

}



div.module.mod-box.timer.deepest{

  background-color: #159cbc;

  text-align:center;

  padding:8px;

  color:#FFF;

  }

  

.countdown_title {

  font-size:1.5em;

  color:#FFF;

  font-weight:600;

  text-transform:uppercase;

  }

  

.countdown_daycount{

  color:#FFF!important;

  font-size:4.5em!important;}

  

.countdown_displaydate, .countdown_dney{

  color:#FFF!important;

  }

  

div.module.mod-box.green-box.deepest

{

  background-image: url(../images/carnival-bg.jpg);

  background-repeat: no-repeat;

  background-position: center top;

  background-color: #13A783;

  }

div.module.mod-box.yellow-box.deepest

{

  background-image: url(http://www.ncctt.org/new/images/stories/2019_news/registration/register.jpg);

  background-repeat: no-repeat;

  background-position: center top;

  background-color: #fff600;

  }


div.module.mod-box.red-box.deepest

{

  background-image: url(http://www.ncctt.org/new/images/2015_template/carnival-results-2016.jpg);

  background-repeat: no-repeat;

  background-position: center top;

  background-color: #dc7688;

  }



div.module.mod-box.purple-box.deepest

{

  background-image: url(http://www.ncctt.org/new/images/2015_template/carnival-bg-2019.jpg);

  background-repeat: no-repeat;

  background-position: center top;

  background-color: #8613a7;

  }



div.module.mod-box.blue-box.deepest

{

  background-image: url(http://www.ncctt.org/new/images/2015_template/coe-2018.jpg);

  background-repeat: no-repeat;

  background-position: center top;

  background-color: #000000;

  }



div.module.mod-box.orange-box.deepest{

  background-color: #F26522;

}



div.module.mod-box.welcome-banner.deepest{

  background:none;

  color:#FFF;

  font-size:16px;

  padding-top: 8px;

  padding-bottom: 8px;

}

  

img.hover-image-effect:hover{

   opacity: 0.5;

    filter: alpha(opacity=50);}

  

  

@media all and (max-width: 1200px)

{

.dj-main img {

  width:100px!important;}

  

.dj-main{

    min-height:120px!important;}

}



@media all and (max-width: 1000px)

{

.dj-main img {

  width:90px!important;}

  

.dj-main li a.dj-up_a{

  padding-left:0px!important;

  padding-right:0px!important;

  }



  .dj-main{

    min-height:110px!important;}

    

.dj-main li.hover ul.dj-submenu {

top: 100px!important;



}

}

@media all and (max-width: 700px)

{

    div.module.mod-box.breaking.deepest{

      height:75px;

  }

  

    div.module.mod-box.ready.deepest{

  min-height:300px;



}

}



@media all and (max-width: 360px)

{

    div.module.mod-box.breaking.deepest{

      height:110px;

  }

}



@media all and (max-width: 330px)

{

    div.module.mod-box.breaking.deepest{

      height:190px;

  }

  

  div.module.mod-box.ready.deepest{

  min-height:200px;



}

}