/*
Theme Name:IPS Theme V1

Author: Stephen Sharkey
Author URI: http://www.stephensharkey.com
Description: Irish Prison Service theme
Version: 1.0


*/
/* Global Styles */

html,
body {
	
    height: 100%;
}
/*
body {
   

font-family: 'Noto Serif', sans-serif;
font-weight: 400;


}
*/

/* SS STYLES font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/

.navbar-inverse a, .navbar-default a {
text-rendering: optimizelegibility;
text-transform:uppercase;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:12px;


}


h1,h2,h3,h4,h5,h6 {
text-rendering: optimizelegibility;
/*
font-family: 'Alegreya Sans',Helvetica,Arial,sans-serif;
*/
font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
}

a, a:hover {text-decoration:none;}



/*
 .navbar a.navbar-brands{
font-family: 'Alegreya Sans',Helvetica,Arial,sans-serif; 
font-weight: 300; 
font-size:40px; 
margin-right:10px;
padding:0px;
line-height: 41px;
text-decoration:none;

}
*/




.navbar-brand{width:50%; height:auto; padding:0px;}



@media (max-width:320px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }

@media (max-width:480px) { /* smartphones, Android phones, landscape iPhone - THIS IS EVERYTHING BELOW WIDTH UNLESS OTHERWISE STATED */ 

 .navbar-brand{width:77%;}
 
 
 #back-to-top {
			position: fixed;
			bottom: 0.5em;
			right: 0;
			
			
		}
 }
 
@media (max-width:600px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ 

}

@media (max-width:801px) { /* tablet, landscape iPad, lo-res laptops ands desktops */  

}

@media (max-width:980px) { /* tablet, landscape iPad, lo-res laptops ands desktops */  
.navbar{margin-top:0px;}
}

@media (max-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (max-width:1281px) { /* hi-res laptops and desktops */ }




/* change the styling of the toggle to reflect colour scheme */
.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
margin-right:0px; 
border: 1px solid #eee;
 color: #fff;
 background-color: #142873;
 }
 
 .navbar-inverse .navbar-toggle-sub, .navbar-inverse .navbar-toggle-sub:hover, .navbar-inverse .navbar-toggle-sub:focus{
margin-right:0px; 
border: 1px solid #eee;
 color: #fff;
background-color: #0090cf;
 }
 
 
 
 @media (max-width:360px) {
.navbar-inverse .dropdown-submenu > ul.dropdown-menu > li > a {white-space: normal;}

}


 


 
/*

p{ text-align:justify;}
 ol li {text-align:justify;}
 ul li {text-align:justify;}
*/
/****** MENU HACKS *******/

/* This shows all menus items */
.navbar-collapse.in {
    overflow-y: visible;
	 max-height: auto;
	 width:100%;
}

.navbar-collapse {
   
	 max-height: auto;
}

/* 
.navbar-form{ border:0px;}
This enables hover dropdowns - normally you have to click on menu to see drop down 
@media only screen and (min-width : 768px) {
    
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}
*/

/* reformat padding on boostrap tables */
.table > tbody > tr > td{
padding:20px;

@media and screen(max-width:320px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 
padding:10px;
}

}

.jumbotron {
  height: 400px;
  color: white;
  text-shadow: #444 0 1px 1px;
  background:transparent;
  padding:0px;
  margin:0px;
}

.bg {
  background: url('../images/slider1.jpg') no-repeat center center;
  position: fixed;
  width: 100%;
  height: 400px; /*same height as jumbotron */
  top:0;
  left:0;
  z-index: -1;
}


/* for clearing a bit of space */
.space{

width:100%;
height:15px;

}

.img-hover {
   transition: all 0.3s;
}

.img-hover:hover {
	 box-shadow: 3px 3px 10px #ccc;
    transform: translateY(-5px);
}


.shadows {

	
-webkit-box-shadow: 0px 0px 4px 0px rgba(150,150,150,1);
-moz-box-shadow: 0px 0px 4px 0px rgba(150,150,150,1);
box-shadow: 0px 0px 4px 0px rgba(150,150,150,1);
	
	}

	
.shadows-bigger {
   
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow: 0 0 12px rgba(58, 51, 46, 0.26);
    -moz-box-shadow: 0 0 12px rgba(58, 51, 46, 0.26);
    box-shadow: 0 0 12px rgba(58, 51, 46, 0.26);
	
	
}

img.desaturate { 
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}








/*.thumbnail, .list-group-item{ border:1px;}*/

.no-border{ border:0px;}

.btn, a {
   
    transition: all 0.3s ease-in-out 0s;
}



/* disable next / previous controls on prettyphoto */
.pp_nav { display: none !important; }


/* add in a vertical divider - this was in earlier versions of bootstrap */
.navbar .divider-vertical {
height: 30px;
margin: 5px 5px;
border-left: 1px solid #22a5a5;
border-right: 1px solid #ffffff;
}

/* add in a vertical divider - this was in earlier versions of bootstrap */
 .menu-divider {
height: 90%;
float:left;
position:relative;
padding: 0px 0px 0px 0px;

border-left: 1px solid #ffffff;
}

/* used to layout the button */
#back-to-top {
			position: fixed;
			bottom: 5em;
			right: 0px;
			display: none;
			z-index:10000;
			
		}
		
/* Accessibility - used for tabbing with no mouse available */

[tabindex]:focus {
	
	/*
   -webkit-box-shadow:inset 0px 0px 1px 2px #e68c00;
    -moz-box-shadow:inset 0px 0px 1px 2px #e68c00;
    box-shadow:inset 0px 0px 1px 2px #e68c00;
	
	
	outline:0;
	*/
	 outline-color:#e68c00;	
    outline-style:solid;
}

a[tabindex]{

  text-decoration:none;
  
}

/*
// below fixes a modal bug in bootstrap

// prevents fixed nav from shifting when modal opens
*/
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
padding-right: 17px;
}
	

/* styling for boostrap carousel... */

/* center an image in the carousel if not wide enough
.carousel-inner > .item > img { margin: 0 auto; } */

.slider-size {
height: 400px; /* This is your slider height */
}
.carousel {
width:100%; 
margin:0 auto; /* center your carousel if other than 100% */ 
}


.carousel-caption {background:#fff; position:absolute; bottom:20px; left:0px; padding:10px 20px 10px 20px; width:85%; opacity: 0.87;}
.carousel-caption h2{padding-bottom:5px; margin:0px; text-shadow:none;}
.breadcrumb{margin-bottom:0px;}



/* for captions */

.aligncenter {
 display: block;
	width: auto;
	margin:0px auto;
}
.alignleft {
	float: left;
	margin-right:12px;
	
}
.alignright {
	float: right;
	margin-left:12px;
	
}
/* video captions in native wp video player */
.mejs-captions-text {
    padding: 5px 5px;
    background: #000 !important;;
    white-space: pre-wrap; 
}



.wp-caption-text{ text-align:center;}

/* for the site origins hero image title */
h3.widget-title{
text-align:center;
margin: 0 0 9px;
font-size: 15px;
line-height: 1.228571429;
color: #333;

}
/* change the bottom spacing between each SO row */
.panel-grid{margin-bottom:15px !important;}

/* ENSURES FOOTER STAYS AT BOTTOM */
#wrapper {
	min-height: 100%;
	position:relative;
}
#content {
	padding-bottom:140px; /* this needs to be bigger than footer height*/
}

#footer {
	width:100%;
	position: relative;
  margin-top: -125px; /* negative value of footer height */
  min-height: 125px;
   height: auto;
  clear:both;
 
	
	background:#d6e3e9; 
	padding:20px 0px;
}








.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}





























/* END SS STYLES */





/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}













































.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: 0px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
















	
/* hidden search field 
#searchbar {
background:#fff;
margin:0px 0px 10px 10px;
  display: none;
  
  float: right;
 
  width: 30%;
  
  height: 42px;
  border: 1px solid #d8d8d8;
  padding-left: 25px;
  padding-right: 10px;
  z-index: 9999;
  
 
}

#s {
  display: block;
  width: 88%;
  border: 0;
  outline: none;
  padding: 0;
  height: 38px;
  line-height: 40px;
  font-size: 1.5em;
  font-weight: bold;
  color: #027E9F;
  
}

*/




/* make sidebar nav vertical  -- not used
@media (min-width: 768px) {
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
  }
  .sidebar-nav .navbar ul:not {
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
*/


/* 1st level 
.nav label {
	color: blue;
}
*/
/* 2nd level
.tree > li  {
  padding:0px 15px;  
}
 */
/* 3rd level 
.tree > li > ul > li > a {
  color:#cc0000;
  font-size:10pt;
  margin-left:15px;
}
*/


/*
.list-group-item  {
  padding:7px 12px;  
}

.list-group.inner{

margin-bottom:0px;

}

.list-group.inner > .list-group-item:first-child{

margin-top:7px;
}



.list-group-item.active a{

color:#fff;
}




.list-group.inner li{
 border:none;
border-radius:0px;

}

*/

.list-group li{
 border:none;

padding:0px;
}


.list-group li a{
text-decoration:none;

}

.list-group {
    margin-bottom: 7px;
    padding-left: 0;
}

/*
.list-group li a:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.blue{width:100%;  background:rgb(84,193,233); margin-top:10px; border-radius:4px; }
.blue{width:100%;  background:#55b6da; margin-top:10px; border-radius:4px; }
*/

.blue{width:100%;  background:#0090cf; margin-top:10px; }

.text-blue a:link{color:#142873; background:#fff;}

/* set up a dashed design for hr */
.dashed {border-top: 1px dashed #0090cf;}

/* the first level of children pages */

.list-group li a{padding:10px 10px 10px 10px;  margin-top:1px; border-left:0px solid rgb(84,193,233); display:block; white-space:normal; border-bottom: 1px solid #ddd; overflow:hidden; background:#fff; color:#002D74; }

.list-group li a:hover, .list-group li.active a, .list-group li.active-parent a{   background:#0090cf; color:#fff; white-space: normal;}


/* the second level of children pages */
.list-group.inner li a{padding:10px 20px 10px 40px; margin-top:1px; border-bottom: 1px dashed rgb(84,193,233);  border-left:0px solid #0090cf; display:block; background:#fff; white-space: normal;  color: #0090cf;}

.list-group.inner a:hover, .list-group.inner li.active a{border-left:10px solid #0090cf;  white-space: normal; color:#002D74;}









/* the first level of children pages - the blue version

.list-group li a{padding:10px 10px 10px 30px;  margin-top:5px; border-left:0px solid rgb(84,193,233); display:block; white-space:normal; overflow:hidden; background:#0090cf; color:#fff; }

.list-group li a:hover, .list-group li.active a, .list-group li.active-parent a{  border-left:10px solid #142873;  white-space: normal;}
*/

/* the second level of children pages 
.list-group.inner li a{padding:10px 20px 10px 40px; margin-top:1px; border-bottom: 1px dashed rgb(84,193,233);  border-left:0px solid #0090cf; display:block; background:#f5f5f5; white-space: normal;  color: #002D74;}

.list-group.inner a:hover, .list-group.inner li.active a{border-left:10px solid #0090cf;  white-space: normal; color:#002D74;}
*/





/* styling for pagination of current page */

.pagination > li > span.page-numbers.current
	{
  
 			 background-color: #0090cf;
			color:#FFFFFF;
  
}

	
	
	

/* auto search plugin stays on top */
.ui-widget{z-index:10000; }