/*
Theme Name: Health and safety
Theme URI: https://abertaytraining.co.uk
Author: A-one Infotech
Author URI: http://www.aoneinfotech.net/
Description: This is Train the Trainer theme for first aid, manual handling, fire safety, health and safety, taqa, education and training, infection control, food safety, aed, sova, child protection, medication administration build from scratch
*/

/* Global Styles */
.bg33{
background-color:#7ac9c6;
color:#fff;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
background-color:#7ac9c6;
color:#fff;
}
.tab-content{
margin-top:20px;
}
.ddr4{
text-indent: -9999px;
}
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.breadcrumb a {
    color: #428bca;
    text-decoration: none;
}
body.page-id-7 .breadcrumb { 
     display: none; 
}
.navbar-nav li a:active, .navbar-nav li a:visited{
color:#515052!important;
}
.navbar-nav li a:hover{
color:#151e01 !important;
}
.list-item22 li a:visited{
color:#fff!important;
}
.list-item22 li a:hover{
color:#151e01 !important;
}
.mega-dropdown {
  position: static !important;
}
.s-share-w-c:first-child{
display:none;
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  color: #222;
  padding: 3px 5px;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
  font-size: 18px;
  color: #ff3546;
  padding: 5px 60px 5px 5px;
  line-height: 30px;
}
.logo{
position:absolute;	
top:10px;
left:20px;
z-index:1002;
}
.dropdown-feature-contents {
    background: #fff;
    color: #6a6a6a;
    padding: 20px 30px 20px;
}
.dropdown-feature-contents h3{
margin:0;
padding:0;	
}
.right22{
float:right;
width:50%;	
margin-right:-20px;
}
.left22{
float:right;	
width:30%;
margin-right:70px;
color:#fff;
}
.left22 h2{
font-weight:bold;
font-size:36px;	
padding-top:50px;
padding-bottom:20px;
}
ul.list-group2{
padding:0;
margin:0;
margin-top:20px;
}
ul.list-group2 li{
list-style-type:none;
border-bottom:1px solid #ddd;
font-weight:bold;
padding:5px 5px 5px 35px;
background:url(../firstaidtrainer/img/3.gif) no-repeat 12px 12px;
}
ul.list-group2 li:last-child{
border-bottom:0;
}
.left22 p{
font-size:20px;	
}
.list-item22 li{
list-style:none;
padding-bottom:16px;	
}
.list-item22 li a{
font-size:20px;
color:#fff;	
text-decoration:none;
transition:all 0.2s ease;
}
.block-box{
margin-bottom:40px;	
}
.block-box img{
border:1px solid #ccc;	
}
.block-box p{
font-size:16px;	
}
.navbar-right{
font-size:20px;	
}
.list-menu23 ul{
margin:0;
padding:0;	
}
.list-menu23 ul li{
list-style-type:none;
}
.list-menu23 ul li a{
display:block;	
border-bottom:1px solid #fff;
text-decoration:none;
font-size:14px;
padding:10px 10px 10px 35px;
background:#7ac9c6 url(../firstaidtrainer/img/bullets.png) no-repeat 12px 17px;
transition:all 0.3s ease;
color:#fff;
}
.list-menu23 ul li a:hover{
background:#19c0b4 url(../firstaidtrainer/img/bullets.png) no-repeat 12px 17px;
color:#fff;
}
.box-outer{
margin-top:40px;	
}
.box-inner{
border:1px solid #ccc;
background-color:#e9eaea;	
}


#carousel-testimonials .carousel-indicators {
    bottom:-35px;
}
#carousel-testimonials .carousel-indicators li{ 
    width:16px; 
    height:16px;
    margin:0px;
    border :2px solid #ccc;
    } 
#carousel-testimonials .carousel-indicators .active {
    width: 16px;
    height: 16px;
    margin: 0;
    background-color: #19c0b4;
    border :2px solid #19c0b4;
}
#carousel-testimonials .caption blockquote{
    font-size:36px;
    color:#282828;
    
}
#carousel-testimonials .caption small cite{
    color:#4a4f55;
    font-size:20px;
}
#carousel-testimonials .caption #stars-existing{
    display:inline-block;
    font-size:28px;
}
#carousel-testimonials .caption #stars-existing .glyphicon-star-empty{
    color:#ac1c20;
}

#carousel-testimonials .caption #stars-existing .glyphicon-star{
    color:#ac1c20;
}







html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.text-vertical-center h1 {
    margin: 0;
    padding: 0;
    font-size: 4.5em;
    font-weight: 700;
}

/* Custom Button Styles */

.btn-dark {
    border-radius: 0;
    color: #fff;
    background-color: rgba(0,0,0,0.4);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: rgba(0,0,0,0.7);
}

.btn-light {
    border-radius: 0;
    color: #333;
    background-color: rgb(255,255,255);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    color: #333;
    background-color: rgba(255,255,255,0.8);
}

/* Custom Horizontal Rule */

hr.small {
    max-width: 100px;
}

/* Side Menu */

#sidebar-wrapper {
    z-index: 1008;
    position: fixed;
    right: 0;
	top:-35px;
    width: 250px;
    height: 100%;
    transform: translateX(250px);
    overflow-y: auto;
    background: #222;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.sidebar-nav {
    position: absolute;
    top:35px;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 55px;
    font-size: 18px;
    line-height: 55px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

#menu-toggle {
    z-index: 1;
    position:absolute;
    top: 0;
    right: 0;
}

#sidebar-wrapper.active {
    right: 250px;
    width: 250px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.toggle {
    margin: 35px 5px 0 0;
}

/* Header */

.header {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../img/bg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


.panel-default>.panel-heading {
    color: #fff;
	font-size:16px;
	background-color:#222;
    border-bottom:1px solid rgba(255,255,255,0.4);
}

.panel-group .panel+.panel {
    margin-top: 0px;
}
.panel-group {
	margin-top: 35px;
}
.panel-collapse {
	
}

.glyphicon { 
margin-right:10px; 
}


ul.list-group {
	margin:0px;
}

ul.bulletlist li {
	list-style:disc;
}


ul.list-group  li a {
 display:block;
 padding:8px 0px 8px 15px;
 text-decoration:none;
}

ul.list-group li {
	 border-bottom:1px solid rgba(255,255,255,0.4);
	  background-color:#7ac9c6;
}
	

ul.list-group  li a:hover, ul li a:focus {
 color:#fff;
 background-color:#60afac;
}

.panel-title a:hover,
.panel-title a:active,
.panel-title a:focus,
.panel-title .open a:hover,
.panel-title .open a:active,
.panel-title .open a:focus
 {
	text-decoration:none;
	color:#fff;
}

.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
        display: block;
}

.menu-hide .panel-default>.panel-heading {
    color: #fff;
    background-color: #8e8c8c;
    border-color: #ddd;
}

/********** END SIDEBAR *************/

/********** NAVBAR TOGGLE *************/

.navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-toggle {
    padding: 11px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #a32638;
    border-radius: 0px;
}

/* About */

.about {
    padding: 50px 0;
}

/* Services */

.services {
    padding: 50px 0;
}

.service-item {
    margin-bottom: 30px;
}

/* Callout */

.callout {
    display: table;
    width: 100%;
    height: 400px;
    color: #fff;
    background: url(../img/callout.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* Portfolio */

.portfolio {
    padding: 50px 0;
}

.portfolio-item {
    margin-bottom: 30px;
}

.img-portfolio {
    margin: 0 auto;
}

.img-portfolio:hover {
    opacity: 0.8;
}

/* Call to Action */

.call-to-action {
    padding: 50px 0;
}

.call-to-action .btn {
    margin: 10px;
}

/* Map */

.map {
    height: 500px;
}
.ddfr2{
	display:none;	
	}
@media(max-width:980px) {
	.right22{
clear:left;
width:100%;	
margin-right:0;
text-align:center;
}
.left22{
clear:left;
width:100%;	
margin:0 0 30px 0 !important;
padding:30px;
}
.left22 h2{
padding-top:0;	
font-size:30px;
}
.left22 p{
font-size:18px;
}
img.img-responsive{
width:100%;
height:auto;	
}
	.ddfr{
	display:none;	
	}
	.ddfr2{
	display:block;
	margin-top:130px;	
	}
    .map {
        height: 75%;
    }
}

.map iframe {
    pointer-events: none;
}

/* Footer */

footer {
margin-top:30px;
    padding: 20px 0;
	background-color:#222;
	color:#fff;
}
footer  p{
font-size:12px;	
}

#to-top {
  display: none;
  position: fixed;
  bottom: 5px;
  right: 5px;
}
.social-icon a { margin-left:12px;}
.social-icon { padding:10px;}
.showcontent {
	padding:20px;
}
.prev_link,.next_link {
	padding:10px 15px;
	text-align:center;
	background-color:#97cdcd;
	
}
.prev_link a,.next_link a{
	text-decoration:none;
	font-weight:700;
	color:white;
}
.prev_link{ float:left;}
.next_link{ float:right;}

.next_link::first-letter{
	text-transform:uppercase;
}
.prev_link::first-letter{
	text-transform:uppercase;
}
#content {
	padding-left:15px;
	padding-right:15px;
	margin-bottom:100px;
}
.entry-title::first-letter{
	text-transform:uppercase;
}
.upper_letter::first-letter{
	text-transform:uppercase !important;
}
h1,h2{
	margin:0 !important;
}
.categories_ul{	height:54px;background-color:#ededed;margin-left:28px;margin-right:28px;position:relative;
	}
	.categories_ul ul {
		margin:0 !important;
		padding:0 !important;
	}
	.categories_ul ul li {
		float:left;
		list-style:none;
		text-align:center;
	}
	.categories_ul ul li a {
		display:block;
		padding:15px 25px;
		width:auto;
		font-weight:bold;
		font-size:16px;
		cursor:pointer;
	}
	.categories_ul ul li a:hover {
		background-color:#7ac9c6;
	}
	.is_active{
		background-color:#7ac9c6;
	}
	.maindv img{
		border-radius-top:5px;
		border-radius-right:5px;
	}
	.maindv{
		transition:0.4s;
		border:1px solid lightgray;border-radius:4px;background-color:#e4e4e4
	}
	.maindv:hover{
		transform:scale(1.03);
		box-shadow:0 0 55px rgba(0,0,0,0.5);
	}
	blg_img
{height:222px;width:auto;text-align:center;}
	.iconbar {
	display:none;
	font-size:20px;
	padding:10px;
	color:white;
	background-color:#7ac9c6;
	cursor:pointer;
}
@media (max-width:768px){
	.categories_ul {display:none;}
	.categories_ul ul {
		position:absolute;
		z-index:100;
		width:100%;
		background-color:#ededed;
	}
	.categories_ul ul li {
		clear:both;
		width:100%;
	}
	.categories_ul { clear:both !important;margin-bottom:20px;}
	.iconbar {
		display:block;
	}
	#secondary {
		padding-left:0px !important;
	}
	
}
#sidebar li {
	list-style:none;
	margin-bottom:5px;
}
#sidebar li a {
	text-decoration:none;
}
#sidebar li a:hover {
	color:#7ac9c6;
}
#sidebar ul {
	padding-left:0px;
	margin-bottom:0px;
}
.sidebar_container {
	padding:20px;
	margin-bottom:20px;
	background-color: #fff;
}
.body_class {
	background-color:#f5f5f5;
}
.theme_content {
	margin-bottom:20px;
	border-bottom:2px solid #97cdcd;
	padding:20px;
	background-color:white;
}
.theme_content a {
	text-decoration:none;
}
.theme_content article a {
	color:#7ac9c6;
}