/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/*CONTENTS
*mobile course buttons
*uk-button-success
*logo
*header background
*showcase banner
*tm-block-dark sections
*.ministry
*.cma-phone
*.cma-search
*front page course styling
*responsive design
*/

/*MOBILE COURSE BUTTONS*/
.uk-panel-box-secondary:hover {
  background-color: #EC1C24;
    color: #FFFFFF;
}

.uk-panel-box-secondary p {
  color: #EC1C24;
  font-size: 1.5em;
}

.uk-panel-box-secondary p:hover {
  color: #FFFFFF;
  font-size: 1.5em;
}


/*BUG FIXES*/

/* - BUTTON SUCCESS -*/
.uk-button-success {
  padding: 10px;
  border-radius: 5px;
}

/* === CUSTOMOZED MODULE SETTINGS === */

/* - LOGO - */
.tm-logo {
  margin: -15px 0 -30px 0;
}

/* - HEADER BACKGROUND - */
.tm-headerbar {
  background-color: #fff;
}

/* - SHOWCASE BANNER - */
.tm-fullscreen {
  background-image: url('/images/accs-fullscreen3.jpg');
  background-repeat:no-repeat;
  background-position: center center;
  background-size: cover;
}

/* - BOTTOM NAVIGATION - */

.tm-bottom-b {
  font-size: 14px;
}

/* copyright */
.tm-bottom {
  background-color: #222222;
  padding: 40px 0;
  color: #FFFFFF;
}

.tm-bottom p {
  color: #FFFFFF;
}
.tm-bottom a {
  color: #DDDDDD !important;
}

.tm-bottom a:hover {
  color: #FFFFFF;
}


/* - "DARK" SECTIONS - */

/* Background and Font color */
.tm-block-dark {
  background-color: #444444;
  color: #eeeeee;
}

/* Link color */
.tm-block-dark a {
  color: #efefef;
}

.tm-block-dark a:hover {
  color: #ff0000;
}

/* Heading 3 color */
.tm-block-dark h3 {
  color: #fff;
}

/* === CUSTOM MODULE SUFFIX STYLES === */

/* - - */
.ministry {
  color: #ffffff;
  font-size: 5em;
  line-height: 1em;
  font-weight: bold;
}

/* - STLYING FOR PHONE MODULE - */

.cma-enrol {
 padding-top: 30px;
 font-size: 1.5em;  
}

.cma-phone {
  font-size: 1.8em;
}

.cma-phone i {
  color: #EC1C24;
}

/* - SEARCH BAR - */
.cma-search {
  padding-top: 20px;
}


/* =====FRONT PAGE COURSE STYLING===== */

/*image*/
.imagetitle1 {
   position: relative;  
   width: 100%; /* for IE 6 */
}

/*text positioning*/
.h2title1 { 
   position: absolute; 
   top: 80px; 
   left: 30px; 
   width: 25%; 
}


/*text styling*/
.h2title1 span { 
   color: white;
   line-height: 2em;
   font-size: 1em;
   letter-spacing: -1px;
   background: rgb(23, 95, 172); /* fallback color */
   background: rgba(250, 0, 0, 0.7);
   padding: 5px 10px; 
}

/*image 2*/
.imagetitle2 {
   position: relative;  
   width: 100%; /* for IE 6 */
}

/*text positioning 2*/
.h2title2 { 
   position: absolute; 
   top: 80px; 
   left: 30px; 
   width: 70%; 
}


/*text styling 2*/
.h2title2 span { 
   color: white;
   line-height: 2em;
   font-size: 1em;
   letter-spacing: -1px;
   background: rgb(23, 95, 172); /* fallback color */
   background: rgba(250, 0, 0, 0.7);
   padding: 5px 10px; 
}

/*image 3*/
.imagetitle3 {
   position: relative;  
   width: 100%; /* for IE 6 */
}

/*text positioning 3*/
.h2title3 { 
   position: absolute; 
   top: 70px; 
   left: 10px; 
   width: 100%; 
}


/*text styling 3*/
.h2title3 span { 
   color: white;
   line-height: 0.75em;
   font-size: 0.6em;
   letter-spacing: -1px;
   background: rgb(23, 95, 172); /* fallback color */
   background: rgba(250, 0, 0, 0.7);
   padding: 5px 10px; 
}

.h2title1 a {
  color: #fff;
}
.h2title2 a {
  color: #fff;
}
.h2title3 a {
  color: #fff;
}


/* ===== ===== */


/* ========== RESPONSIVE NAVIGATION FONT SIZE ========== */

/* IPAD PORTRAIT */
@media (max-width: 821px) {
  .uk-navbar-nav > li > a{
  		font-size: 8px;
	}
    .h2title1 { 
   position: absolute; 
   top: 20px; 
   left: 50px; 
   width: 100%; 
 }
  /*text positioning 3*/
.h2title3 { 
   position: absolute; 
   top: 10px; 
   left: 5px; 
   width: 100%; 
}
    .h2title3 span { 
   color: white;
   line-height: 0.6em;
   font-size: 0.4em;
   letter-spacing: -1px;
   background: rgb(23, 95, 172); /* fallback color */
   background: rgba(250, 0, 0, 0.7);
   padding: 3px 5px; 
}
}

/* IPAD PORTRAIT */
@media (min-width: 822px) and (max-width: 874px) {
  .uk-navbar-nav > li > a{
  		font-size: 9px;
	}
    .h2title1 { 
   position: absolute; 
   top: 30px; 
   left: 10px; 
   width: 100%; 
 }
  /*text positioning 3*/
.h2title3 { 
   position: absolute; 
   top: 20px; 
   left: 10px; 
   width: 100%; 
}
  .h2title3 span { 
   color: white;
   line-height: 0.6em;
   font-size: 0.5em;
   letter-spacing: -1px;
   background: rgb(23, 95, 172); /* fallback color */
   background: rgba(250, 0, 0, 0.7);
   padding: 3px 5px; 
}
}

/* IPAD LANDSCAPE */
@media (min-width: 875px) and (max-width: 984px) {
  .uk-navbar-nav > li > a{
  		font-size: 10px;
	}
    .h2title1 { 
   position: absolute; 
   top: 40px; 
   left: 10px; 
   width: 100%; 
 }
  /*text positioning 3*/
.h2title3 { 
   position: absolute; 
   top: 40px; 
   left: 10px; 
   width: 100%; 
}
  
}

/* DESKTOP */
@media (min-width: 985px) and (max-width: 1219px) {
  .uk-navbar-nav > li > a{
  		font-size: 12px;
	}
  .h2title1 { 
   position: absolute; 
   top: 60px; 
   left: 20px; 
   width: 100%; 
 }
  /*text positioning 3*/
.h2title3 { 
   position: absolute; 
   top: 50px; 
   left: 10px; 
   width: 100%; 
}
}

/* LARGE */
@media (min-width: 1220px) {
  .uk-navbar-nav > li > a{
  		font-size: 14px;
	}
}

.tm-page {
  position: relative;
  z-index: 10;
}

.tm-fullscreen {
    height: 590px !important;
 }

table.GeneratedTable {
  width: 100%;
  background-color: #ffffff;
  border-collapse: collapse;
  border-width: 2px;
  border-color: #ff0000;
  border-style: solid;
  color: #000000;
}

table.GeneratedTable td, table.GeneratedTable th {
  border-width: 2px;
  border-color: #ff0000;
  border-style: solid;
  padding: 2px 4px;
}

tbody tr:nth-child(even) td {
    background-color: #d8d8d8;
}

table thead {
  background-color: #ff0000;
}

.formResponsive .formHorizontal .rsform-block {
margin-bottom: 0px !important;
}

.bfQuickMode .bfNextButton, .bfQuickMode .bfPrevButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {
    float: none;
}



@media screen and (max-width: 700px) {
.GeneratedTable table {width:100%;}
.GeneratedTable thead {display: none;}
.GeneratedTable tr:nth-of-type(2n) {background-color: inherit;}
.GeneratedTable tbody td {display: block;  text-align:center;}
.GeneratedTable tbody td:before { 
    content: attr(data-th); 
    display: block;
    text-align:center;  
  }
}


/* ========== END === RESPONSIVE NAVIGATION FONT SIZE === END ========== */