@import url("fontface-OpenSans.css");
@import url("coursepage.css");

body { 
     background-color:#fff; 
     font-family:'open_sansregular';
}

.container { 
     font-family:'open_sansregular';
}


.navbar-default {
    background-color:#268cca !important;
    border:none !important;
    font-family:'open_sansregular' !important;
    border-radius:0 !important;
}

.navbar-default .navbar-nav>li>a {
    font-weight:normal !important;
    font-size:14px !important;
    color:#fff !important;
}

.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:visited, 
.navbar-default .navbar-nav>li>a:active {
    color:#fff !important;
}

.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:hover, 
.navbar-default .navbar-nav>.open>a:focus {
    background-color:#268cca !important;   
    color:#fff !important;
}

.dropdown-menu { 
    background-color:#268cca !important;        
    border:none !important;
}

.dropdown-menu>li>a { color:#fff !important; }

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color: #f5f5f5 !important;
    text-decoration: none !important;
    background-color: #08486f !important;
}

/* CAROUSEL */

#myCarousel {
    margin-bottom:0;
}

#myCarousel .btn-primary {
    color: #fff;
    background-color:#019283;
    padding: 10px 26px;
    border-radius:0;
}

.carousel-caption {
    right: 50%;
    left: 15%;
    text-align:left;
    text-shadow:none;
}

.carousel-caption h1 {
    text-transform:uppercase;
    color:#094581;
    font-size:48px;
    font-family:'open_sanslight';
}

.carousel-caption h1 a {
    color:#094581;
    text-decoration:none;
}

.carousel-caption h1 a:hover {
    color:#094581;
    text-decoration:none;
}

.carousel-caption p {
    color:#3c3c3c;
    font-size:16px;
    font-family:'open_sansregular';
}



.carousel-control {
    width:5%;
}

.carousel-control.right, .carousel-control.left {
    background-image:none;
}



.imagebar {
    margin-bottom:3%;
}

.caseStudies { text-align:center; }
.cStudBox { border:1px solid #d9d9d9; width:262px; font-size:12px; padding:2px 2px 5px 2px; margin:3% auto; background-color:#fff; }
.cStudBox a { color:#5a5a5a; text-decoration:none; }
.cStudBox a:hover { text-decoration:none; color:#019283; }
.cStudBox a img { margin:0px 0px 3px 0px; }


.custFooter { color:#fff; text-transform:uppercase; font-size:12px; line-height:20px; }
.custFooter div { margin-bottom:1%;}
.custFooter a { color:#fff; text-decoration:none; }
.custFooter a:hover { color:#fff; text-decoration:underline; }
.custFooterBox2 { font-size:36px; font-family:arial; }
.custFooterBox3 { margin-top:1%; }
.custFooterBox4 { margin-top:1.5%; }
ul.legalLinks { list-style-type:none; margin:0; padding:0;}
ul.legalLinks li { display:inline; padding: 0px 10px;  }



/** learning zone button and bar **/
.homeBar { 
    width:100%;
    background-color:#c7cfce;
    padding-top:1%;
    padding-bottom:1%;
    margin-bottom:3%;
    text-align:right;
}

.LearnZone, .OffersBtn { 
    color:#fff;
    background-color:#268cca;
    border-color:#268cca;
}

.LearnZone:hover, .OffersBtn:hover { 
    color:#fff;
    background-color:#019283;
    border-color:#019283;
}


/* TYPO */

h1 { 
    font-family:'open_sanslight';
    text-transform:none;
    color:#094682;
    font-size:30px;
}


h2 { 
    font-family:'open_sanslight';
    color:#094682;
    font-size:26px;
}

h3 { 
    font-family:'open_sanslight';
    color:#094682;
    font-size:22px;
    text-transform:none;
}

p {
    font-size: 14px;
    line-height: 1.6;
}

p .btn-primary {
    color: #fff;
    background-color:#a2a3a5;
    padding: 10px 26px;
    border-radius:0;
    border-color:#a2a3a5;
}

p .btn-primary:hover {
    color: #fff;
    background-color:#268cca;
    border-color:#268cca;
}

a { color: #487d7a; text-decoration: none; }
a:hover { color: #487d7a; text-decoration: underline; }

label { font-weight:normal; }


        
	/* Top level rollover boxes */

div.CSBox {
	height:220px;
    width:240px;
    overflow:hidden;
    float:left;
    margin:9px 15px 6px 0px;
	font-family:arial;
	font-size:12px;
    
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

div.CSBox a {
	display:block;
    height:220px;
    width:240px;
    overflow:hidden;
    text-decoration:none;
}

div.CSBox a:hover {
    text-decoration:none;
    background-image:url('../images/30percentTranspWh.png');
    background-repeat:repeat;
}

span.CSOverlay {
	display:block;
    height:170px;
    width:240px;
    overflow:hidden;
    margin:175px 0px 0px 0px;
    background-image:url('../images/90percentTranspWh.png');
    background-repeat:repeat;
}

span.csTitle {
    display:block;
    height:32px;
    width:240px;
    overflow:hidden;
    text-decoration:none;
    text-indent:10px;
    color:#5a5a5a;
    font-size:14px;
    line-height:42px;
    font-weight:bold;
	
	background-image:url('../images/csH3bg.png');background-repeat:no-repeat;
}



span.CSBoxSummary {
    display:block;
    margin: 15px 0px 0px 10px;
    overflow:hidden;
    text-decoration:none;
    color:#3d3d3d;
    font-size:11px;
    line-height:16px;
    width:225px;
}

span.readmore { color:#7fb42c; }



.accreds .ukba {font-size:12px !important; }   



/** enquiry form **/

#Form_Form input.text {
    border: 2px solid #8b939b; 
    padding: 5px;
    margin: auto 0;
    width:100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color:#268cca;
    font-family:'open_sansregular';
    font-weight: 400;
    font-size:12px;
    outline:none;
}

#Form_Form textarea {
    border: 2px solid #8b939b; 
    padding: 5px;
    margin: auto 0;
    width:100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color:#268cca;
    font-family:'open_sansregular';
    font-weight: 400;
    font-size:12px;
    outline:none;
}

#Form_Form input#Form_Form_action_process {
    border: 2px solid #8b939b; 
    background-color:#8b939b; 
    padding: 5px;
    margin: 15px 0;
    width:100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color:#fff;
    font-family:'open_sansregular';
    font-weight: 400;
    font-size:12px;
    outline:none;
}

#Form_Form input#Form_Form_action_process:hover {
    background-color:#268cca;
}



div.VideoBox div.twoboxInner { 
     background-color:#000;
     padding:5px 10px;
     min-height:300px;
}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
    margin-top:25px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}





.miniBlock {
    padding:15px;
    background-color: #e9f9fb;
    -webkit-border-radius: 10px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 10px;
    -moz-border-radius-topleft: 0;
    border-radius: 10px;
    border-top-left-radius: 0;
}




/* Blog WP Overrides */


.navbar-default {
    background-image: none;
 }
 
 
 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
   background-color:transparent;
   background-image: none;  
   webkit-box-shadow: none;
   box-shadow: none;
}

#main-column .post, #main-column .page {
    border: none;
    padding: 0px 10px 0px 0px;
}

#sidebar-left .widget, #sidebar-right .widget {
    border: none;
    padding: 0px 0px 0px 10px;
}









/* SPECIFIC RESP */

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Smallest */
@media (max-width: 767px) {
         
    .navbar-default .navbar-nav>li>a {
        margin-top:0;
        padding:10px 10px;
        font-size:13px;
    }
    
    .navbar-brand {
        background-image:url('../images/logoMini.png');
        height:29px;
        width:88px;
        margin-top:10px;
        margin-left:0px;
    }
    
    .navbar-default .navbar-nav .open .dropdown-menu>li>a, 
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color:#fff;
        font-size:13px;
    }
    
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        text-decoration:underline;
    }

    .navbar-default .navbar-nav>.open>a, 
    .navbar-default .navbar-nav>.open>a:hover, 
    .navbar-default .navbar-nav>.open>a:focus {
        color:#fff;
    }
    
    .smallLogo { display:none; }
    .legalLinks { text-align:center; }
    
    .accreds .logos { text-align:center; }
    .accreds .ukba {text-align:center;}   
    
    
    .carousel-caption { padding-bottom:1%; } 
    .carousel-caption h1 { font-size:22px;margin-bottom:0px; }
    .carousel-caption p { display:none; }
    
    .footerAddr { display:block; clear:left;margin-top:10px; }
    .custFooterBox2 { text-align:left; }

}



/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .navbar-brand {
        background-image:url('../images/logoMini.png');
        height:29px;
        width:88px;
        margin-top:10px;
    }
    
    .navbar-right {
        float: none!important;
    }
    
    .navbar-nav>li {
         float: right;
         padding: 0 15px;
    }
    
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    #bs-example-navbar-collapse-1 > ul
    

    .carousel-caption { padding-bottom:3%; } 
    .carousel-caption h1 { font-size:36px;margin-bottom:0px; }
    .carousel-caption p { display:none; }
    

    .accreds .logos { text-align:center; }
    .accreds .ukba {text-align:center; } 
    
    .footerAddr { display:inline-block; }
    .custFooterBox2 { text-align:right; }
        
}


/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {
       
    .navbar-default .navbar-nav>li>a {
        margin-top:10px;
        padding:10px 10px;
        font-size:14px;
    }
    
    .navbar-right {
      float: right!important;
     }
     
    .navbar-nav>li {
         float: left;
         padding: 0;
    }
     
    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
     
    .carousel-caption { padding-bottom:3%; } 
    .carousel-caption h1 { font-size:44px;margin-bottom:0px; }
    .carousel-caption p { display:none; }
     
    
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
      
    .navbar-default .navbar-nav>li>a {
        margin-top:30px;
        padding:10px 15px;
    }
    
    .navbar-brand {
        background-image:url('../images/logo.png');
        height:75px;
        width:160px;
        margin:0;
    }
    
    .carousel-caption { padding-bottom:0; } 
    .carousel-caption h1 { font-size:36px;margin-bottom:10px; }
    .carousel-caption p { display:block; }
    
    
    .accreds .logos { text-align:left; }
    .accreds .ukba {text-align:right; } 
         
}

/* Large(R) devices (1200px and up) */
@media (min-width: 1500px) {

    .carousel-caption { padding-bottom:2%; } 
    .carousel-caption h1 { font-size:42px;margin-bottom:10px; }
    .carousel-caption p { display:block; }

}

img {
	max-width: 100%;
}