/**
 * Place your custom styles here.
 
 colours - 	Light blue #9CCFEF
			White = #FDFAF3
 */

 /*-------Navigation bar changes------*/
 
.navbar  {background-color:#9CCFEF; /*opacity:0.8;*/ background-image: none; border: 0px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{background-color:#FDFAF3; color:#000000}
.navbar-default .navbar-nav > li > a {color:#000000; padding-top: 19.5px; font-weight:bold;}
.navbar-nav > li > a:hover {background-color:#FFFFFF !important; color:#000000 !important; font-weight:bold;}

/*-----------Small screen, collapsing menu--------------*/

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {max-height: 100%;}

body {background-color:#FDFAF3; color:#000000;}
.well {background-color:#9CCFEF;}
.region-footer {background-color:#FDFAF3; padding:10px;  border: 2px solid #FDFAF3; /*border-radius: 15px;*/ box-shadow: 5px 5px 15px black;}
.footer {border-top:0px;}

/*.main-container {margin-top:125px;}*/

/*.region-custom-region, .region-custom-regiona, .region-custom-regionb  {background-color:#9CCFEF; min-height:150px; margin-top:50px;}*/
.region-custom-region, .region-custom-regiona, .region-custom-regionb  {text-align:center; background-color:#FDFAF3; min-height:150px; margin-top:50px;  border: 2px solid #FDFAF3; /*border-radius: 15px;*/ padding:10px; box-shadow: 5px 5px 15px black;}

.region-banner {margin-bottom:10px;}
.region-banner img {width:100%;}
.dialog-off-canvas-main-canvas {margin-top:195px;}

.region-content {background-color:#FDFAF3; padding:10px;  border: 2px solid #FDFAF3; /*border-radius: 15px;*/ box-shadow: 5px 5px 15px black;}
.region-sidebar-second {background-color:#FDFAF3; padding:10px;  border: 2px solid #FDFAF3; /*border-radius: 15px;*/ /*margin-top:50px;*/ box-shadow: 5px 5px 15px black;}

/*MENU CHANGES*/

/*.block-superfish {}

.block-superfish{
position: absolute;
right: 20%;
bottom:0%;
width:auto !important;
}
.sf-depth-2 a {
    background-color:#000000 !important;}

.block-superfish a {color:#FDFAF3; padding-top: 19.5px; }
.block-superfish a:hover {color:#FDFAF3;}*/



.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%;
}

#views_slideshow_cycle_teaser_section_testimonials-block_1 {width: 100% !important; background-color:#FDFAF3; /*border-radius: 15px;*/ }


/*Views slideshow, make the text responsive*/
/*.views_slideshow_cycle_main {
  width: 100%;
  float: left;
}
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame {
  width: 100% !important;
  height: auto;
}
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row {
  width: 100% !important;
  height: auto;
}
.views_slideshow_cycle_main .field-content {
  max-width: 100%;
  width: 100%;
}
.views_slideshow_cycle_main .field-content img {
  max-width: 100%;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}*/

/*--CAROUSEL ? SLIDESHOW SETTINGS-------*/
.slideshow-text p {color:#FDFAF3; font-size:24px;}
.slideshow-text {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
.view-slideshow {margin-bottom:50px;  position: relative !important;}
.view-slideshow img {/*border-radius: 15px; border: 2px solid #FDFAF3;*/ box-shadow: 5px 5px 15px black;}
/*.img-responsive { outline: 0; max-width: 100%; height: auto; }*/

/*----------------LOGO-----------------*/

/*.pull-left {max-width:50px;}*/
.logo img {
height: auto;
max-width: 80%; /* this could be 100% but for me it goes outside the header background at tablet */
}

/*----------Text-------------*/
/* SPECIAL PAGE HEADING 1s*/
p {color:#000000; }

/*------Link styling-------*/
.main-container a {color:#000000; font-weight:bold; text-decoration:underline;}
.region-footer a {color:#000000; font-weight:bold; text-decoration:underline;}
a:hover {color:#9CCFEF}

h1, .h1 {font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
  font-size: 40px;
  padding: 10px;
  text-align: center;
  /*text-transform: uppercase;*/
  text-rendering: optimizeLegibility;
  color:#000000;
  background-color: #9CCFEF;
    /*letter-spacing: .15em;*/
   /* text-shadow: 
      1px -1px 0 #767676, 
      -1px 2px 1px #737272, 
      -2px 3px 1px #767474, 
      -3px 4px 1px #787777, 
      -4px 5px 1px #7b7a7a, 
      -5px 6px 1px #7f7d7d, 
      -6px 7px 1px #828181, 
      -7px 8px 1px #868585, 
      -8px 9px 1px #8b8a89,
      -9px 10px 1px #8f8e8d;  
	  */
	  }

	  
h2, .h2 {font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
  font-size: 30px;
  padding: 10px;
  text-align: center;
  /*text-transform: uppercase;*/
  text-rendering: optimizeLegibility;
  color:#000000;
  background-color: #9CCFEF;
    /*letter-spacing: .15em;*/
   /* text-shadow: 
      1px -1px 0 #767676, 
      -1px 2px 1px #737272, 
      -2px 3px 1px #767474, 
      -3px 4px 1px #787777, 
      -4px 5px 1px #7b7a7a, 
      -5px 6px 1px #7f7d7d, 
      -6px 7px 1px #828181, 
      -7px 8px 1px #868585, 
      -8px 9px 1px #8b8a89,
      -9px 10px 1px #8f8e8d;  
	  */
	  }

/* SEARCH BAR BLOCK CHANGES */
	  #block-searchform {background-color: #FDFAF3; padding: 10px; border: 2px solid #FDFAF3; /*border-radius: 15px;*/ box-shadow: 5px 5px 15px black; margin-bottom:50px;}
   .form-group {margin-bottom:0px;}
   .form-control {
    height: 45px;
    padding: 10px 15px;
    font-size: 15px;
    color: #000000;
   background-color: #FFFFFF;}



/*NEWS TABLE*/   

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #FDFAF3;}
.table-striped {color:#000000}

.nav-tabs li a {color:#000000;}
   
   
 /*MEDIA SCREEN CSS  */
   
@media screen and (max-width: 1200px){
/*.view-slideshow {margin-top:50px;}*/
/*.region-content {margin-top:50px;}*/
.page-node-2 .region-content {margin-top:0px;}
	  }
	  
@media screen and (max-width: 767px){
.table-responsive .table thead tr th, .table-responsive .table tbody tr th, .table-responsive .table tfoot tr th, .table-responsive .table thead tr td, .table-responsive .table tbody tr td, .table-responsive .table tfoot tr td {white-space: normal;}
.dialog-off-canvas-main-canvas {margin-top:100px;}
.navbar-is-fixed-top {margin-top:100px;}
.navbar  {background-color:#9CCFEF; /*opacity:0.8;*/ background-image: none; border: 0px; }
.view-slideshow {margin-top:25px; margin-bottom:25px;  position: relative !important;}
.logo img {height: auto; max-width: 50%; margin-top:25px;}
.region-content {margin-top:35px;}
.page-node-2 .region-content {margin-top:0px;}
#block-searchform {margin-bottom:25px;}
}
@media screen and (max-width: 590px){
.navbar-toggle {position:relative;top:-69px}
.region-content {margin-top:75px;}
.page-node-2 .region-content {margin-top:0px;}
.view-slideshow {margin-top:75px;}
}
@media screen and (max-width: 500px){
.dialog-off-canvas-main-canvas {margin-top:100px;}
.navbar-is-fixed-top {margin-top:100px;}
.navbar  {background-color:#9CCFEF; /*opacity:0.8;*/ background-image: none; border: 0px;}
.view-slideshow {margin-top:60px; margin-bottom:25px;  position: relative !important;}
.region-content {margin-top:75px;}
.page-node-2 .region-content {margin-top:0px;}
.page-node-32 .region-content td {font-size:9px;}
}

/* FOOTER - make links appear next to each other not below */
.menu--footer li {display: inline-flex;}

#block-contactus img, #block-services img, #block-video img {
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.6));
	/*filter: drop-shadow(5px 5px 0.75rem black);*/
/*box-shadow: 10px 10px 5px  rgba(0,0,0,0.6);
  /*-moz-box-shadow: 10px 10px 5px  rgba(0,0,0,0.6);
  -webkit-box-shadow: 10px 10px 5px  rgba(0,0,0,0.6);
-o-box-shadow: 10px 10px 5px  rgba(0,0,0,0.6);*/
}

/* list on complaints page*/

.page-node-29 .region-content ol li { counter-increment: mycounter; padding-bottom:20px; }
.page-node-29 .region-content ol.start { counter-reset: mycounter; }
.page-node-29 .region-content ol.continue { counter-reset: mycounter 2; }

.page-node-29 .region-content ul li{margin-left:50px;}

/* Tables stlye for equality page */
.page-node-32 .region-content table {border: 3px solid white; text-align: center !important; background-color:#D9E2F3; margin-bottom:10px; }
.page-node-32 .region-content tr {text-align: center;}
.page-node-32 .region-content td, th {padding: 5px;}
/*.page-node-32 .region-content thead {background-color:#4472C4; color:#FFFFFF; }*/

.page-node-32 .region-content tr:nth-child(1) {background-color: #4472C4; color:white; font-weight: bold;}
 .page-node-32 .region-content td:nth-child(1){background-color: #4472C4; color:white; width:23%; text-align:left; padding-left:5px; font-weight: bold;}

 .page-node-32 .region-content .hpw {background-color: #4472C4; color:white; font-weight: bold;}
 
 
 .dropdown-menu {background-color:#FDFAF3; color:#000000; }
 /*.dropdown-menu > li > a:hover {background-color:#FFFFFF !important; color:#000000 !important;}*/
/*.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus {background-color:#FDFAF3 !important;}
.dropdown-menu > .active > a:hover {color:#000000;}*/
.dropdown-menu > li > a {color:#000000;}
.dropdown-menu > li > a:hover {background-color:#FFFFFF; color:#000000;}