/**
 * @file
 * Custom css for chiltern-bartik.
 */
/*
 * Responsive
 */

@media only screen and (max-width: 900px)  {
  #page, #main-wrapper {
/*    background-color: #ffff00;  /* yellow */
  }
  body {
    font-size: 2vw;
  }

  main#content {
    width:100%;
  }

  
  main#content{
  	margin-left: 0;
  	width: 75%;
  }

  .region-sidebar-first
  {
    display: none;
    width: 0; 
  }
  
  .region-sidebar-second,
  #block-chiltern-mainmenu {
    display: block;
    width: auto;
  }
  
}

@media only screen and (min-width: 901px) and (max-width: 1199px) {*/

  #page, #main-wrapper {
/*    background-color: #ffffbb;    /* light yellow */
  }
  body {
    font-size: 1.5vw;
  }

  main#content{
  	margin-left: 16%;
  	width: 59%;
  }

#region-sidebar-first,
  #block-chiltern-mainmenu  {
    display: block;
  }
}

@media only screen and (min-width: 1200px) {
  #page, #main-wrapper {
/*    background-color: whitesmoke;*/
  }
  body {
    font-size: 1.2vw;
  }
  main#content{
  	margin-left: 16%;
  	width: 59%;
  }

#region-sidebar-first,
  #block-chiltern-mainmenu  {
    display: block;
  }
} 

 
/*
 * base settings
 */
#block-responsivemenumobileicon {
  width:100%;
  background-color: #7413dc;
}
 
.region-header .block:not(.site-branding) {
  margin: 0;
  font-size: 0.5em;
}

.region-header .block:not(.site-branding) a {
  color:blue;
}

body, .site-footer {
	font-family: "Nunito Sans", Verdana, Tahoma, sans-serif;
}

.site-footer__bottom {
  border-top: 0;
}

header#header {
	background-color: white;
	background-image: none;
	padding-top: 2em;
}

.region-header, 
.region-header a, 
.region-header li a.is-active, 
.region-header .site-branding__text, 
.region-header .site-branding, 
.region-header .site-branding__text a, 
.region-header .site-branding a, 
.region-secondary-menu .menu-item a, 
.region-secondary-menu .menu-item a.is-active {
    color: black;
}

div.region-header {
	border-bottom: 5px #7413dc solid;
}

div.site-branding__name {
	width: 7em;
}

div.site-branding__name a {
	color: black;
}

#sidebar-first aside.section,
div#block-chiltern-vertical,
div.sidebar-first aside,
div.sidebar-first {
	padding: 0;
	background-color: white;
}

div#sidebar-first {
	width: 16%;
}

/*
div#sidebar-second {
	width: 20%;
	margin-left: -20%; 
}
*/	

/*
 * front page 
 */
div.view-front-page-notices {
	border: 2px #00a794 solid;
	padding: 1em 0.5em;
}

div.view-front-page-notices p {
	margin:0;
}

/*
 * who's who & group list
 */

div.view-grouping-header {
	font-size: 1.2em;
	font-weight: bold;
	color: #7413dc;
	margin-top: 1em;
}

div.view-grouping-content {
	border-bottom: solid 1px #7413dc;
	padding-bottom: 1em;
}

div.view-grouping-content h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #00a794;
	margin-bottom: 0;
}

span.views-label {
	font-style: oblique;
	float: left;
	margin-right: 0.25em;
}

span.field-content {
	clear:both;
}

.views-field-title span.field-content {
	font-weight: bold;
}

/*
 * useful-links
 */
.useful-links p {
	margin: 0;
}

.duration-wrapper {
  display: none;
}

/* revision info */
.entity-content-form-revision-information {
  display: none;
}

/* Booking form */
.when-fieldset .form-item {
  margin: 0;
}
.arrival-date,
.departure-date {
  margin: 0;
  clear: both;
  float: left;
  line-height: 1;
  margin-bottom: 1em;
}
.js-form-item-arrival-hours,
.js-form-item-departure-hours {
  float:left;
  line-height: 1;
}
.js-form-item-departure-date,
#edit-overnight--wrapper {
  clear: both;
}