/**
 * Place your custom styles here.
 
 colours - 	Beige #D4C2B8
			White = #FFFFFF
 */

 /*Make whole page Flex Column*/
 .html {display:flex; flex-direction:column;}
 
 /*move whole page down from sticky header*/
.row {margin-top: 8%;}
.navbar  {background-color:#D4C2B8 !important; /*opacity:0.8;*/ background-image: none; border: 0px;}
.navbar-default .navbar-nav > li > a {color:#FFFFFF; padding-top: 19.5px; text-decoration:none; font-size:20px;}

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

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

/*.region-custom-region, .region-custom-regiona, .region-custom-regionb  {background-color:#D4C2B8; min-height:150px; margin-top:50px;}*/
.region-custom-region, .region-custom-regiona, .region-custom-regionb  {text-align:center; background-color:#FFFFFF; min-height:150px; margin-top:50px;  border: 2px solid #FFFFFF; /*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:150px;}

.region-content {background-color:#FFFFFF; padding:10px;  border: 2px solid #FFFFFF; /*border-radius: 15px;*/ box-shadow: 5px 5px 15px black;}
.region-sidebar-second {background-color:#FFFFFF; padding:10px;  border: 2px solid #FFFFFF; /*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:#FFFFFF; padding-top: 19.5px; }
.block-superfish a:hover {color:#FFFFFF;}*/



.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:#FFFFFF; /*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:#FFFFFF; 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 #FFFFFF;*/ 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; font-size:20px;}
a {color:#D4C2B8; text-decoration:underline;}
a:hover {color:#D4C2B8}
h1, .h1 {font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
  font-size: 35px;
  padding: 20px;
  text-align: center;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  color:#D4C2B8;
   /* background-color: #e7e5e4;*/
    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-bottom: 20px;
  text-align: left;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  color:#D4C2B8;
   /* background-color: #e7e5e4;*/
    letter-spacing: .15em;
  	  }
	  
.region-custom-region h2, .region-custom-regiona h2, .region-custom-regionb h2 {text-align:center;}

h3, .h3 {font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
  font-size: 25px;
  padding-bottom: 20px;
  text-align: left;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  color:#D4C2B8;
   /* background-color: #e7e5e4;*/
    letter-spacing: .15em;
  	  }

/* SEARCH BAR BLOCK CHANGES */
	  #block-searchform {background-color: #FFFFFF; padding: 10px; border: 2px solid #FFFFFF; /*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: #FFFFFF;
   background-color: #D4C2B8;}



/*NEWS TABLE*/   

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

.nav-tabs li a {color:#000000;}
   
   
 /*MEDIA SCREEN CSS  */
   
/*@media screen and (max-width: 1200px){
.view-slideshow {margin-top:150px;}
	  }*/
	  
@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:#D4C2B8; /*opacity:0.8;*/ background-image: none; border: 0px; }
.view-slideshow {margin-top:50px; margin-bottom:25px;  position: relative !important;}
/*.logo img {height: auto; max-width: 50%; margin-top:25px;}*/

#block-searchform {margin-bottom:25px;}
}
@media screen and (max-width: 590px){
.navbar-toggle {/*position:relative;top:-69px*/}
/*.row {margin-top: 50px;}*/
p {font-size:16px; }
}
@media screen and (max-width: 500px){
.navbar-is-fixed-top {margin-top:100px;}
.navbar  {background-color:#D4C2B8; /*opacity:0.8;*/ background-image: none; border: 0px;}
.view-slideshow {margin-top:50px; margin-bottom:25px;  position: relative !important;}
/*.row {margin-top:5vh;}*/
/*.row {margin-top: 80px;}*/
}


/* Nav Bar layout changes*/
nav#block-mainnavigation {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.navbar-header {width:100%;}
/*a.logo.navbar-btn.pull-left {
    width: 100%;*/
}
a.logo.navbar-btn.pull-left img  {display: block;
  margin-left: auto;
  margin-right: auto;
  /*width: 50%;*/}

  .navbar-default .navbar-toggle {border-color:#FFFFFF;}
  .navbar-default .navbar-toggle .icon-bar {background-color:#FFFFFF;}
  
 /*Hide bullet points from carousel*/
  #slick-views-slick2-block-1-1 ul, li{
    list-style-type: none;
    margin: 0;
    padding: 0 0 5px 0;
}