/* Custom CSS
-------------------------*/



/*IMPORT FONTS*/
@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('/onlinecourses/theme/enjoytfl/style/proximanova-regular-webfont.eot');
    src: url('/onlinecourses/theme/enjoytfl/style/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/onlinecourses/theme/enjoytfl/style/proximanova-regular-webfont.woff2') format('woff2'),
         url('/onlinecourses/theme/enjoytfl/style/proximanova-regular-webfont.woff') format('woff'),
         url('/onlinecourses/theme/enjoytfl/style/proximanova-regular-webfont.ttf') format('truetype'),
         url('/onlinecourses/theme/enjoytfl/style/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('/onlinecourses/theme/enjoytfl/style/ProximaNova-Bold-webfont.eot');
    src: url('/onlinecourses/theme/enjoytfl/style/ProximaNova-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/onlinecourses/theme/enjoytfl/style/ProximaNova-Bold-webfont.woff2') format('woff2'),
         url('/onlinecourses/theme/enjoytfl/style/ProximaNova-Bold-webfont.woff') format('woff'),
         url('/onlinecourses/theme/enjoytfl/style/ProximaNova-Bold-webfont.ttf') format('truetype'),
         url('/onlinecourses/theme/enjoytfl/style/ProximaNova-Bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@media (min-width: 1024px) and (max-width: 1199px) {
  nav#top-nav .dropdown-menu {
    padding: 35px 10px !important;
  }
}
@media (min-width: 1200px){
nav#top-nav .dropdown-menu {
    padding: 35px 10px !important;
  }
}
nav#top-nav .dropdown-menu .dropdown-item{
   /* font-size:14px;*/
    line-height:18px;
}

@media (min-width: 1024px) and (max-width: 1199px) {
 nav#top-nav .dropdown-menu .nav-menu-image{
 /*   width:200px !important;*/
    height:340px !important;
  }
}
@media (min-width: 1200px){
nav#top-nav .dropdown-menu .nav-menu-image {

    height:340px !important;
  }
}
@media (max-width: 1288px){
nav#top-nav .dropdown-menu .nav-menu__link-box{
/*display:none;*/
}
}
@media (max-width: 1288px){
nav#top-nav .dropdown-menu .nav-menu-image{
 width:200px !important;
}
}

@media (min-width: 1024px) and (max-width: 1199px) {
 nav#top-nav .dropdown-menu .nav-menu-image a{
    font-size:18px;
  }
}
@media (min-width: 1200px){
nav#top-nav .dropdown-menu .nav-menu-image a{
   font-size:18px;
  }
}




nav#top-nav .dropdown-menu .nav-menu-image{
    width:260px;
    height:340px;
}


nav#top-nav .dropdown-menu h4 {

    margin-bottom:10px;
}

.dropdown-item {
    white-space: normal;
}
/*#page-my-index body{font-family:'proxima_nova_rgregular'}*/
#page-my-index body{font-family:'Gotham SSm A'}






/*nav bar*/








/*USE PROXIMA AS OUR MAIN FONT*/
/*body{font-family:'proxima_nova_rgregular'!important;}*/


/*LOGO DISPLAY*/
a.logo {
    background: url([[setting:logo]]) no-repeat 0 0;
    display: block;
    float: left;
    height: 100px!important;
    margin: 0;
    padding-bottom: 20px;
    /*width: 100%;*/
    width:204px;
}

@media (max-width:769px){a.logo{float:none; /*margin:0 auto;*/ margin-left:10px;}}

@media (max-width:979px){a.logo {margin-top:50px!important;}}

.dir-rtl a.logo {
    background: url([[setting:logo]]) no-repeat 100% 0;
    display: block;
    float: right;
}



/*.collapse{  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition:none!important;
  -moz-transition:none!important;
  -o-transition: none!important;
  transition:none!important }*/




/* ############# QUIZ STUFF ########### */


/*OLD VERSION - ALL WORKING THOUGH!*/
/*PUT A BACKGROUND IMAGE ON QUIZ PAGES*/
/*#page-mod-quiz-attempt {background:url('/onlinecourses/theme/enjoytfl/imgs/quiz.jpg') no-repeat center center fixed;  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
#page-mod-quiz-summary {background:url('/onlinecourses/theme/enjoytfl/imgs/quiz.jpg') no-repeat center center fixed;  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
#page-mod-quiz-review {background:url('/onlinecourses/theme/enjoytfl/imgs/quiz.jpg') no-repeat center center fixed;  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}*/



/*THIS WORKS ON IPAD 3 & 4*/
/*@media only screen 
and (min-device-width : 768px) 
and (max-device-height : 1024px) and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 2){

    #page-mod-quiz-attempt, #page-mod-quiz-summary, #page-mod-quiz-summary {background:url('/onlinecourses/theme/enjoytfl/imgs/pad3quizport.jpg') no-repeat center center;  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
    }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-height : 1024px) and (orientation : landscape) 
and (-webkit-min-device-pixel-ratio: 2){

    #page-mod-quiz-attempt, #page-mod-quiz-summary, #page-mod-quiz-summary {background:url('/onlinecourses/theme/enjoytfl/imgs/pad3quizport.jpg') no-repeat center center;  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
}*/


/*WORKS FOR IPAD 1*/
/*@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1){
    #page-mod-quiz-attempt #background_wrap{z-index:-1!important; position:fixed!important; top:0!important; left:0!important; height:100%!important;width:100%!important;background-size:100%!important;background:url('/onlinecourses/theme/enjoytfl/imgs/quizportrait.jpg'); background-attachment:fixed!important}
}*/

/*#################### END #############################*/






/*###### IGNORE BELOW #############*/

/*#page-mod-quiz-attempt #background_wrap, #page-mod-quiz-summary #background_wrap, #page-mod-quiz-review #background_wrap {z-index:-1; position:fixed; top:0; left:0; height:100%;width:100%;background-size:100%;background:url('/theme/enjoytfl/imgs/quiz.jpg'); background-attachment:fixed }*/



/*Same for portrait mode - different images Ipad 3/4 Gen*/
/*@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { #page-mod-quiz-attempt #background_wrap, #page-mod-quiz-summary #background_wrap, #page-mod-quiz-review #background_wrap
     {z-index:-1!important; position:fixed!important; top:0!important; left:0!important; height:100%!important;width:100%!important;background-size:100%!important;background:url('/onlinecourses/theme/enjoytfl/imgs/pad3quizland.jpg'); background-attachment:scroll!important; }
#page-mod-quiz-attempt, #page-mod-quiz-summary.add-on #page-mod-quiz-review {background:none!important;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) { #page-mod-quiz-attempt #background_wrap, #page-mod-quiz-summary #background_wrap, #page-mod-quiz-review #background_wrap
     {z-index:-1!important; position:fixed!important; top:0!important; left:0!important; height:100%!important;width:100%!important;background-size:100%!important;background:url('/onlinecourses/theme/enjoytfl/imgs/pad3quizport.jpg'); background-attachment:scroll!important; }
#page-mod-quiz-attempt, #page-mod-quiz-summary.add-on #page-mod-quiz-review {background:none!important;}
}*/
/*@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {*/ /* STYLES GO HERE */ /*}*/


/*@media only screen and (min-device-width : 768px) 
and (max-device-width : 1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 1){

    #page-mod-quiz-attempt #background_wrap, #page-mod-quiz-summary #background_wrap, #page-mod-quiz-review #background_wrap {z-index:-1!important; position:fixed!important; top:0!important; left:0!important; height:100%!important;width:100%!important;background-size:100%!important;background:url('/onlinecourses/theme/enjoytfl/imgs/quizportrait.jpg'); background-attachment:fixed!important}
#page-mod-quiz-summary {background:url('/theme/enjoytfl/imgs/quizportrait.jpg') no-repeat center center fixed!important;  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
#page-mod-quiz-review {background:url('/theme/enjoytfl/imgs/quizportrait.jpg') no-repeat center center fixed!important;  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}


}*/




/*CUSTOM QUIZ IMAGE*/
/*.modtype_book img.iconlarge{height:31px!important; width:47px!important}*/ 
/*.modtype_book .instancename{background-color:#7a973a!important;  color:white!important;display:inline-block;margin-left:-6px;  height: 31px!important;font-size: 20px!important;  padding-left: 10px;   line-height: 30px!important; padding-right:10px;}*/
/*.modtype_quiz img.iconlarge{width:300px!important; height:31px!important;}*/ 
.modtype_quiz .instancename{display:none;}

/*HIDE QUIZ ICONS*/
 .modtype_quiz {display:none!important;}


 /*.activity .quiz .modtype_quiz  {display:none!important}*/

 


/*.activity img.activityicon{vertical-align:top!important;}*/
.submitbtns a {color:white;}

#page-mod-quiz-summary h2, h3, th {color:white!important;
}
#page-mod-quiz-attempt h3{color:#166f8d!important
}

#page-mod-quiz-review table.quizreviewsummary th.cell {color:#166f8d!important;} 
#page-mod-quiz-review h3 {color:#166f8d!important;}


.que .formulation{background-color:white!important;}

/*#######################################################*/





/*############ PAGE BANNER #################*/

/*TOP PAGE BANNER*/
.topbanner{max-width:1200px; margin:0 auto; margin-top:-40px;}
.topbannerlogin{max-width:1200px; margin:0 auto; margin-top:-40px; border-bottom: 1px solid gray;
  padding-bottom: 20px;}
.menu li {display:inline; padding: 0 20px 0 20px; font-weight:500; color:#575756!important;}

.menu2 li {display:inline; padding: 0 40px 0 40px;font-size:18px; color:#1183a5; font-weight:500;}
.nopad{padding-right:0!important;}
.padtop{padding-top:40px;}

/*##############################################*/

/*################# HOMEPAGE ###################*/
.tfllogin h2{
    font-size: 26px;
    font-weight: 700;
    color: #1183a5;
    font-family: 'Gotham SSm A';
}


.support{color:#f15b28!important;font-weight:700;}


@media (max-width:365px){

    .support{font-size:18px!important;}

}
.homeblue{font-size: 26px;
  font-weight: 100;
  line-height: 32px;
  margin-bottom: 30px; font-weight:700; color:#1183a5;}
.homeorange {
font-size: 26px;
  font-weight: bold;
  line-height: 32px;
  margin-bottom: 30px; color:#f15b28}

.tfllogin{max-width:1200px; margin:0 auto;}

.well{background-color:white!important;/*border-top:1px solid #58a8bf!important;border-bottom:1px solid #58a8bf!important*/border:none!important;
       -moz-border-radius:0!important; -webkit-border-radius:0!important;border-radius:0!important;box-shadow:none!important;
       font-weight: 100!important;
  font-size: 18px!important;
  line-height: 28px!important;
  color: #575756!important;
  font-weight:bold!important;
}




#account-menu{margin-top:10px!important;}
#menu-main-nav{margin-top:10px;}

/*####################### FOOTER STUFF ##################################*/

/*HIDE MOODLE FOOTER*/
#page-footer{display:none;}
/*NEWSLETTER BOXES*/


#fieldName{margin-right:20px; width:300px;}
#fieldckkhdi{margin-right:20px; width:300px;}
#fieldEmail{width:400px; margin-right:10px;}


.customfooter{max-width:1200px; margin:0 auto;padding-top:20px;}
.customfooter2{max-width:1200px; margin:0 auto;padding-top:5px;}
.customfooter3{max-width:1200px; margin:0 auto;padding-top:30px;}

.customfooter a {color:white;}
.customfooter a:hover {color:white;}

.customfooter4{max-width:1200px; margin:0 auto;padding-top:20px; padding-left:20px; padding-right:20px;}
.customfooter4 a {color:white;}
.customfooter4 a:hover {color:white;}

.tflfooter{min-height:540px; background-color:#84a73f; bottom:0; color:white;}
.tflfooterbottom{min-height:480px;background-color:#1283a5; color:white;}
.tflfooterbottom h3{font-size:28px!important;line-height: 32px!important;}

.tflfootermid{min-height:60px;background-color:#1283a5; color:white;}

.tflfooterbottomcourse{min-height:440px;background-color:#1283a5; color:white; padding-bottom:40px;}

.footermenu1{text-align:left; padding-top:40px;}
.customfooter h3{font-size: 17px!important;
  font-weight: 400!important;
  margin-bottom: 25px!important;}


.right{float:right}
@media (max-width:500px) {.right{float:left;}
}

.socialmenu {text-align:right; padding-top:40px;}
@media (max-width:431px){
    .socialmenu {text-align:left!important;}

}

@media (max-width:538px){
    #fieldEmail {width:300px!important; margin-right:20px;}

}

@media (max-width:431px){
    #fieldEmail, #fieldName, #fieldckkhdi {margin-right:10px!important; margin-left:10px!important;}

}

@media (max-width:384px){
    #fieldEmail, #fieldName, #fieldckkhdi {width:280px!important;}

}

@media (max-width:360px){
    #fieldEmail, #fieldName, #fieldckkhdi {width:250px!important;}

}

@media (max-width:337px){
    #fieldEmail, #fieldName, #fieldckkhdi {width:220px!important;}

}

@media (max-width:307px){
    #fieldEmail, #fieldName, #fieldckkhdi {width:200px!important;}

}
.input-append, .input-prepend {
   display: inline-block;
    margin-bottom: 10px;
    /*font-size: 0;*/
    white-space: nowrap;
    vertical-align: middle;

}


.input-append .add-on, .input-prepend .add-on {
   
      display: inline-block;
            min-width: 16px;
            padding: 4px 5px 4px 5px;
            font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
        border-radius: 4px 4px 4px 4px;
         }


.inputheight{
    height:30px!important;
    width:auto;
    border: 1px solid #ccc;
        vertical-align: top;
         border-radius: 4px 4px 4px 4px;
           padding-left: 6px;  
}

.add-on{height:30px!important; background-color:#f15b28!important;color:white!important; text-shadow:none!important;border:1px solid #f15b28!important;

          display: inline-block;
    min-width: 16px;
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 5px;
    line-height: 20px;
    border-radius: 4px 0 0 4px;
 


}

/*.orange{background-color:#f15b28!important; color:white;background-image:none!important; -moz-border-radius:0!important; -webkit-border-radius:0!important;border-radius:0!important; padding:9px 25px!important; text-shadow:none!important; border:none!important}*/


.btn-info{background-color:#166f8d!important;}

/*#page-my-index .customfooter{max-width:1200px; margin:0 auto;padding-top:20px; padding-left:20px; padding-right:20px;}
#page-course-view-weeks .customfooter{max-width:1200px; margin:0 auto;padding-top:20px; padding-left:20px; padding-right:20px;}
#page-mod-page-view .customfooter{max-width:1200px; margin:0 auto;padding-top:20px; padding-left:20px; padding-right:20px;}
#page-mod-quiz-view .customfooter{max-width:1200px; margin:0 auto;padding-top:20px; padding-left:20px; padding-right:20px;}
#page-mod-quiz-attempt .customfooter{max-width:1200px; margin:0 auto;padding-top:20px; padding-left:20px; padding-right:20px;}
#page-mod-quiz-summary .customfooter{max-width:1200px; margin:0 auto;padding-top:20px; padding-left:20px; padding-right:20px;}
#page-mod-quiz-review .customfooter{max-width:1200px; margin:0 auto;padding-top:20px; padding-left:20px; padding-right:20px;}*/

@media (max-width:1173px){
    .course_title  h2{font-size:25px;}

}

@media (max-width:1068px){
    .course_title  h2{font-size:18px;}

}
@media (max-width:828px){
    .course_title  h2{font-size:16px;}

}

@media (max-width:605px){
    .course_title  h2{font-size:25px;}

}
@media (max-width:553px){
    .course_title  h2{font-size:20px;}

}

@media (max-width:469px){
    .course_title  h2{font-size:16px;}

}

@media (max-width:399px){
    .course_title  h2{font-size:10px!important;}

}


.padright{margin-right:15px;}
.padleft{margin-left:15px;}

@media (max-width:786px){
    .padright{margin-right:10px;}
.padleft{margin-left:10px;}

}

@media (max-width:541px){
    .padright{margin-right:5px;}
.padleft{margin-left:5px;}

}

@media (max-width:481px){
    .customfooter a {font-size:12px;}


}

.sectionname{color:#1183a5!important;}

.signup{border:none!important; height:40px!important; -moz-border-radius:0!important; -webkit-border-radius:0!important;border-radius:0!important;}

.bx-wrapper .bx-viewport{left:0px!important}

.breadcrumb{background-color:#1283a5!important}

.breadcrumb a {color:white!important}

.breadcrumb > li {text-shadow:none!important;}

#inst293 img { -moz-border-radius:4px!important; -webkit-border-radius:4px!important;border-radius:4px!important;
}


.navbar-inner {background-image:none!important; background-color:#166f8d!important;

}


.navbar-inner .brand{color:white!important;text-shadow:none!important;}
.navbar-text{color:white!important;}
.navbar-text a {color:white!important;}




.myhomecustom{width:100%; height:200px; margin-bottom:20px;}

.block_course_overview .coursebox{padding:0!important;}
.coursebox{margin-bottom:0px!important;border:none!important;-moz-border-radius:0!important; -webkit-border-radius:0!important;border-radius:0!important;}

.tflloginpage h2 { font-size: 26px;
    font-weight: 700;
    color: #1183a5;
    font-family: 'Gotham SSm A';}

.block_course_overview  {border:none!important;}

/* HIDE LESSON PLAN FEEDBACK */
.sectionbody .section  #module-1387{
    display:none;
}
.sectionbody .section  #module-1388{
    display:none;
}


/*xxxxxxxxxxxxxxxxxx THIS BLOCK OF CODE CAN BE USED TO PUT A RESPONSIVE IMAGE UNDER THE COURSE TITLES xxxxxxxxxxxxxxxxxxxxxxx*/
/* ######**** THIS WILL ONLY WORK IF WE HAVE THE ACTUAL COURSE IDs ******~~~~~~~~~~ */

.block_course_overview .content h2.title{padding-top:1em!important; float:none!important;}

/*COURSE ID 7*/

/*.block_course_overview .content #course-7 .course_title:after {*/


    .block_course_overview .content #course-7 .course_title .title a:after{
    content: '';
    display: block;
    max-width: 100%;
    
    background-image: url('/onlinecourses/theme/enjoytfl/imgs/enjoy40.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 27.7%;}

/*COURSE ID 6*/

.block_course_overview .content #course-6 .course_title .title a:after {
    
    content: '';
    display: block;
    max-width: 100%;
    
    background-image: url('/onlinecourses/theme/enjoytfl/imgs/newcourse6.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 27.7%;}

/*COURSE ID 5*/
.block_course_overview .content #course-5 .course_title .title a:after {
    
    content: '';
    display: block;
    max-width: 100%;
    
    background-image: url('/onlinecourses/theme/enjoytfl/imgs/newcourse5.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 27.7%;}

/*COURSE ID 4*/

.block_course_overview .content #course-4 .course_title .title a:after {
    
    content: '';
    display: block;
    max-width: 100%;
    
    background-image: url('/onlinecourses/theme/enjoytfl/imgs/course4-small.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    /*padding-top: 18.25%;*/
    padding-top: 27.7%;

}

/*COURSE ID 3*/

.block_course_overview .content #course-3 .course_title .title a:after {
    
    content: '';
    display: block;
    max-width: 100%;
    
    background-image: url('/onlinecourses/theme/enjoytfl/imgs/course3-small.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    /*padding-top: 18.25%;*/
    padding-top: 27.7%;
}

/*COURSE ID 2*/

.block_course_overview .content #course-2 .course_title .title a:after {
    
    content: '';
    display: block;
    max-width: 100%;
    
    background-image: url('/onlinecourses/theme/enjoytfl/imgs/course2-small.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    /*padding-top: 18.25%;*/
     padding-top: 27.7%;
}

/*COURSE ID 8*/

.block_course_overview .content #course-8 .course_title .title a:after {
    content: '';
    display: block;
    max-width: 100%;
    background-image: url('/onlinecourses/theme/enjoytfl/imgs/mybrandyou.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    /*padding-top: 18.25%;*/
     padding-top: 27.7%;
}

/*COURSE ID 9*/

.block_course_overview .content #course-9 .course_title .title a:after {    
    content: '';
    display: block;
    max-width: 100%;
    background-image: url('/onlinecourses/theme/enjoytfl/imgs/myblogging.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
     padding-top: 27.7%;
}

/*COURSE ID 16*/

.block_course_overview .content #course-16 .course_title .title a:after {    
    content: '';
    display: block;
    max-width: 100%;
    background-image: url('/onlinecourses/theme/enjoytfl/imgs/mybusiness.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
     padding-top: 27.7%;
}

/*COURSE ID 17*/

.block_course_overview .content #course-17 .course_title .title a:after {    
    content: '';
    display: block;
    max-width: 100%;
    background-image: url('/onlinecourses/theme/enjoytfl/imgs/myleadership.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
     padding-top: 27.7%;
}

/*COURSE ID 18*/

.block_course_overview .content #course-18 .course_title .title a:after {    
    content: '';
    display: block;
    max-width: 100%;
    background-image: url('/onlinecourses/theme/enjoytfl/imgs/mysocialmedia.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
     padding-top: 27.7%;
}



.block_course_overview .content #course-28 .course_title .title a:after {    
    content: '';
    display: block;
    max-width: 100%;
    background-image: url('/onlinecourses/theme/enjoytfl/imgs/my220.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
     padding-top: 27.7%;
}

.block_course_overview .content #course-31 .course_title .title a:after {    
    content: '';
    display: block;
    max-width: 100%;
    background-image: url('/onlinecourses/theme/enjoytfl/imgs/my120upgrade.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
     padding-top: 27.7%;
}

.block_course_overview .content #course-32 .course_title .title a:after {    
    content: '';
    display: block;
    max-width: 100%;
    background-image: url('/onlinecourses/theme/enjoytfl/imgs/my200upgrade.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
     padding-top: 27.7%;
}

/*COURSE ID 15*/

.block_course_overview .content #course-15 .course_title .title a:after {    
    content: '';
    display: block;
    max-width: 100%;
    background-image: url('/onlinecourses/theme/enjoytfl/imgs/mynutrition.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
     padding-top: 27.7%;
}

/*COURSE ID 14*/

.block_course_overview .content #course-14 .course_title .title a:after {    
    content: '';
    display: block;
    max-width: 100%;
    background-image: url('/onlinecourses/theme/enjoytfl/imgs/mylifelong.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
     padding-top: 27.7%;
}

/*COURSE ID 13*/

.block_course_overview .content #course-13 .course_title .title a:after {    
    content: '';
    display: block;
    max-width: 100%;
    background-image: url('/onlinecourses/theme/enjoytfl/imgs/mytravel.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 27.7%;
}

/*COURSE ID 12*/

.block_course_overview .content #course-12 .course_title .title a:after {    
    content: '';
    display: block;
    max-width: 100%;
    background-image: url('/onlinecourses/theme/enjoytfl/imgs/myexcel.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 27.7%;
}

/*COURSE ID 11*/

.block_course_overview .content #course-11 .course_title .title a:after {    
    content: '';
    display: block;
    max-width: 100%;
    background-image: url('/onlinecourses/theme/enjoytfl/imgs/mycoaching.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 27.7%;
}

/*COURSE ID 10*/

.block_course_overview .content #course-10 .course_title .title a:after {    
    content: '';
    display: block;
    max-width: 100%;
    background-image: url('/onlinecourses/theme/enjoytfl/imgs/myphotography.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 27.7%;
}


/*xxxxxxxxxxxxxxxxxxxxxxxxx  END  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.course-content ul.gridicons li p.icon_content {
    display: inline-block!important;
    white-space: normal!important;
    overflow: visible!important;
}



/*######## HIDE NAV MENU ITEMS #####################*/

.block_tree .type_setting.depth_2  {display:none!important;} /*REMOVE SITE HOME LINK IN NAVIGATION BLOCK*/
.block_tree .type_course.depth_2 { display: none; } /*Remove "Site pages"*/ 
.block_tree .type_user.depth_2 { display: none; } /*Remove "My profile"*/ 
/*.block_tree .type_setting.depth_2 { display: none; }  Remove "My home" 
 
    



 
div#settingsnav p#usersettings { display: none; }  Remove "My profile settings"*/ 

/*HIDE QUIZZES IN NAVIGATION BLOCK*/
/*ENJOYTEFL COURSE*/

.block_tree .type_system.depth_2 {display:none!important}

/*.block_tree .type_unknown .depth_4 {display:none!important}*/

/*.course-2 #expandable_branch_41{display:none!important;}
.course-2 #expandable_branch_45{display:none!important;}
.course-2 #expandable_branch_49{display:none!important;}
.course-2 #expandable_branch_53{display:none!important;}
.course-2 #expandable_branch_69{display:none!important;}
.course-2 #expandable_branch_73{display:none!important;}
.course-2 #expandable_branch_77{display:none!important;}
.course-2 #expandable_branch_81{display:none!important;}
.course-2 #expandable_branch_85{display:none!important;}
.course-2 #expandable_branch_89{display:none!important;}
.course-2 #expandable_branch_117{display:none!important;}
.course-2 #expandable_branch_121{display:none!important;}
.course-2 #expandable_branch_125{display:none!important;}
.course-2 #expandable_branch_129{display:none!important;}
.course-2 #expandable_branch_133{display:none!important;}
.course-2 #expandable_branch_153{display:none!important;}
.course-2 #expandable_branch_157{display:none!important;}
.course-2 #expandable_branch_161{display:none!important;}
.course-2 #expandable_branch_165{display:none!important;}
.course-2 #expandable_branch_169{display:none!important;}
.course-2 #expandable_branch_173{display:none!important;}
.course-2 #expandable_branch_177{display:none!important;}
.course-2 #expandable_branch_181{display:none!important;}
.course-2 #expandable_branch_185{display:none!important;}
.course-2 #expandable_branch_213{display:none!important;}
.course-2 #expandable_branch_217{display:none!important;}
.course-2 #expandable_branch_221{display:none!important;}
.course-2 #expandable_branch_225{display:none!important;}
.course-2 #expandable_branch_229{display:none!important;}
.course-2 #expandable_branch_233{display:none!important;}
.course-2 #expandable_branch_237{display:none!important;}
.course-2 #expandable_branch_241{display:none!important;}
.course-2 #expandable_branch_245{display:none!important;}
.course-2 #expandable_branch_249{display:none!important;}
.course-2 #expandable_branch_253{display:none!important;}
.course-2 #expandable_branch_257{display:none!important;}
.course-2 #expandable_branch_261{display:none!important;}
.course-2 #expandable_branch_265{display:none!important;}
.course-2 #expandable_branch_269{display:none!important;}
.course-2 #expandable_branch_341{display:none!important;}
.course-2 #expandable_branch_361{display:none!important;}*/

/*MCC Course*/
/*.course-4 #expandable_branch_45{display:none!important;}
.course-4 #expandable_branch_57{display:none!important;}
.course-4 #expandable_branch_69{display:none!important;}
.course-4 #expandable_branch_81{display:none!important;}
.course-4 #expandable_branch_93{display:none!important;}
.course-4 #expandable_branch_105{display:none!important;}
.course-4 #expandable_branch_117{display:none!important;}
.course-4 #expandable_branch_129{display:none!important;}
.course-4 #expandable_branch_141{display:none!important;}*/

/*MCI*/


.block .header .title h2{/*font-size:25px;*/ color:#f15b28!important;}
/*.block .header .title{border-bottom:2px solid #84a73f!important;}*/

.block_course_overview .header .title h2{padding-top:20px;padding-bottom:20px; text-align:center; font-size:30px;color:#166f8d!important; line-height: 1em; display:none;}


.block{background-color:white!important; border:0!important; -moz-border-radius:0!important; -webkit-border-radius:0!important;border-radius:0!important; -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important;}



@media (max-width:767px){

    .padwhensmall{padding-left:20px!important; padding-right:20px!important}
}

@media (max-width:674px){

    .tflfooterbottom{min-height:250px;}

}

@media (max-width:319px){
    .tflfooterbottom{min-height:300px;}

}

@media (max-width:1185px){
    .tflfooterbottom{min-height:530px;}

}

@media (max-width:1001px){
    .tflfooterbottom{min-height:550px;}

}

@media (max-width:991px){
    .tflfooterbottom{display:inline-block; padding-bottom:40px; width:100%;}

}
@media (max-width:1185px){.tflfooter{min-height:590px!important;}}

@media (max-width:1001px){.tflfooter{min-height:610px!important;}}
/*@media (max-width:996px){
    .span6 .padleft {margin-left:7px!important;}
    .span6 .padright {margin-right:7px!important;}

}*/


 /*#footlog{text-align:right!important;}
@media (max-width:441px){
    #footlog{text-align:center!important;}

}*/

 
 @media (max-width:1199px){.menu2 li {padding:0 20px 0 20px!important;}}
 @media (max-width:800px){.menu2 li {padding:0 8px 0 8px!important;}}
 @media (max-width:800px){.menu2 {text-align:left!important;}}
 @media (max-width:636px){.menu2 li {padding:0 6px 0 6px!important;}}





@media (max-width:670px){.menu {padding-top:30px!important;}}

@media (max-width:514px){.menu li{padding:0 10px 0 10px!important;}}

@media (max-width:514px){.menu {text-align:center!important; margin:0!important; padding-bottom:15px!important;}}

@media (max-width:414px){.menu li{padding:0 10px 0 10px!important;}}

@media (max-width:388px){.menu{text-align:left!important;}}

@media (max-width:388px){.menu li{padding:0 5px 0 5px!important; font-size:11px!important;}}

#page-mod-quiz-summary .r1 {background-color:white!important;}
/*#page-mod-quiz-summary h2, h3, .header {color:white!important;


}*/

#sugimg{background-image:url('/onlinecourses/theme/enjoytfl/imgs/suggested-reading-blank.png'); display:block; background-repeat:no-repeat; width:300px; height:32px; text-indent:70px; color:white; padding-top:5px;}
#pdfimg {background-image:url('/onlinecourses/theme/enjoytfl/imgs/pdf.png'); display:block; background-repeat:no-repeat; width:300px; height:32px; text-indent:70px; color:white; padding-top:5px;}
#vidimg {background-image:url('/onlinecourses/theme/enjoytfl/imgs/video.png'); display:block; background-repeat:no-repeat; width:300px; height:32px; text-indent:70px; color:white; padding-top:5px;}
#audimg {background-image:url('/onlinecourses/theme/enjoytfl/imgs/audiobutton.jpg'); display:block; background-repeat:no-repeat; width:300px; height:34px; text-indent:70px; color:white; padding-top:8px;}

/*HIDE AUDIO RESOURCE*/
.modtype_resource {display:none!important}

.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
margin-left:20px;
margin-right:20px;
margin-bottom:20px;
}

.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/* Custom CSS Settings
-------------------------*/
[[setting:customcss]]