@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

/* CNI site amendments to Lexus Zymphonies */
/* v1 2017 07 04 first live */
/* v2 2018 03 23 5-up people */
/* v2.01 2020 03 19 straighten rh edge of fieldset legend */
/* v2.02 2021 03 22 turn off caps on H1 etc */
/* v2.03 2021 03 23 improved forms */
/* v2.04 general tidy */

html {
  background-color: #527181;
}

h1, h2, h3, h4{
  text-transform: none;
}

body{
	font-family: HelveticaNeue, "Open Sans", sans-serif;
	font-size: 12pt;
	font-weight: 100;

}

h1, h2, h3, h4, h5, h6 {
  /* font-family: 'Open Sans', sans-serif; */
  font-weight: normal;
  /* v2.02 text-transform: uppercase; */
  padding-bottom: 15px;
  color: #000000;
}

h2,h3,h4,h5,h6{
	font-family: HelveticaNeue,"Open Sans", sans-serif;
}

h2,h3{
  font-weight: bold;
}

h1{
  font-weight: 200;
  font-size: 18pt;
}

/* v2.04 */
h2{
  font-weight: 400;
  font-size: 14pt;
  color:#3f6576; 
}


.page-title {
  font-size: 24pt;
  padding-left: 40px;
  padding-top: 20px;
}

/* v2.02 move this lot up here from menu section */



h1.page-title {
	color: #9a9e00;
}

hr {
  border: none;
  border-top: #bbc000 1px solid;
}

strong {
  font-weight: bold;
  /* v2.04 color:#3f6576; */
  color: black;
}

/* end v2.02 move */

#header {
  /* padding-top: 20px; */
  padding-bottom: 20px;
}

#header_wrapper {
  background: #ffffff;
  border-bottom: 10px solid #3f6576; /* #48b3dc;*/
}

.logo_wrap {
  margin-left: 28px;
}

#logo img {
  max-height: 160px;
}



.region-content {
 margin-left: 40px;

}

.region-content-home,
  .region-content2, .region-content3, .region-contentpost {
 margin-left: 40px;
 padding-top: 20px;
}

#container {
	/* background: url('../images/2.png'); */
  background-color: #ffffff; /* #e1efe8; */
	background-size: cover;
	padding-top: 20px;
}

/* Front Page scrolly-scrolly */

#container2 table {
 vertical-align: text-top;
 border: 0px;
 table-layout: fixed;
}

#container2, .c2 {
	/* background: url('../images/2.png'); */
	background-color: #dbdbdb; /* #cccccc; */
	background-size: cover;
	padding-top: 20px;
}

.c2 {
  width: 225px;
}

/*
#container3 table {
 vertical-align: text-top;
 border: 0px;
 table-layout: fixed;
}
*/

#container3, .c3 {
	background-color: #b3b8b2; /* #dddddd;*/
	background-size: cover;
	padding-top: 20px;

}

.c3 {
  width: 175px;
  vertical-align: text-top;
}

.c3 a {
  color: #297f91;
  font-weight: bold;

}

#footer-top {
	color: #fff;
	background-color: #000000;

}

#footer {
	color: #ffffff;
	background-color: #527181; /* #888888; */
}

#footer a {
	color: #ffffff;
}

#footer a:hover {
	color: #3f6576;
}


/* Responsive Grid */

.views-responsive-grid:after {
  content: "";
  display: table;
  clear: both;
  padding-bottom: 25px;
}

#content2 .views-row {
 clear: left;
}

#content2 .views-column {
  float: left;
  width: 17%;
  padding-right: 2%;
}


#content3 .views-row {
 clear: left;
}

#content3 .views-column {
  float: left;
  width: 200px;
}

/* unused */
.cols4 {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
}


/* v2.03 Forms */


.greyset {
	background-color: #dbdbdb; /* #cccccc; */
	/* background-size: cover; */
	padding-top: 20px;
	padding-left: 50px;


}

.form-text {
  	font-size: 13pt;
  	font-weight: 100;

}

.form-item {
  	font-size: 12pt;
  	font-weight: 100;

}

label {  	
    font-size: 12pt;
  	font-weight: 400;
}

label.option {  	
    font-size: 12pt;
  	font-weight: 400;
}

/* end v2.03 */


/* Fieldset */

fieldset {
  padding: 10px 15px 15px;
}

.fieldset-wrapper {
  margin-top: 15px;
}

fieldset legend {
   /* background-image: url(../images/cueb-back50.jpg); */
   background: #90928a;
   text-shadow: none;
   color: white;
   font-size: 13pt;
   /* v2.01 */
   width: calc(100% + 2px);
}

.form-60 {
  max-width: 575px;

}



/* Menu */

#main-menu {
    /* width: 500px; */
    float: right;
    background: #b3b8b2; /* #3798b2; */ /* #b3b8b2; */ /* replaces menu-wrap #0194CA */
}

#main-menu li:hover >a {
  background: #48b3dc; /* #0C9CD0; */
}

#main-menu ul.menu{
  font-size: 14px;
  list-style: none;
  margin: 0;
  padding-left: 0;

 /*     position: fixed; */
 /*   top: 100; */

}

#main-menu a{
  text-transform: none;
  padding: 9px 20px;
  border-right: 1px solid #e2efe8; */ /* #b3b8b2; */ /* replaces #009BD3 */
}


.menu_wrapper {
  /* width: 100%; */ /* causes menu fail */
}

.menu-wrap {
  /* width: 60%; */
  /* float: right; */ /* causes menu fail */
  background: #ffffff; /* #ffffff; */
}

.not-front .menu-wrap{
  margin-bottom: 0px;
}


/*.region-search{
  float: right;
  width: 200px;
}
*/

#main-menu ul.menu a{
	background: #3f6576;
}

#main-menu ul.menu li:hover > a,
#main-menu ul.menu a:focus{
  background: #9a9e00;
  color: #fff;
}
#main-menu ul.menu li:hover > ul {
  display: block;
}
#main-menu ul.menu a.active {
  color: #fff;
  background: #bbc000; /* #169FE6; */
}

#main-menu ul li.leaf, #main-menu ul li.expanded { list-style: none; }

ul.menu li {
  margin: 0;
  padding: 0;
}


/* Responsive */
    #footer-area {
      margin-left: 40px;
    }

.right-half-snap {
  float: right;
  width: 45%;
  margin-left: 20px;

}

.right-quarter-snap {
  float: right;
  width: 20%;
  margin-left: 20px;

}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}


.grid-tile {
  position: relative;
  float: left;
  width: 160px;
  height: 160px;
  margin-right: 10px;
  margin-bottom: 10px;

}

.left-float {

  float:left;
  
}

/* Moved to have a media version */

button:hover,
body a.btn:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  background: #9a9e00;
  color: #fff;
  border: 1px solid #7a7d00;
}

@media screen and (max-width: 1242px) {

   .container-wrap{
      margin: 0 30px;
    }

    #header {
      margin-left: 30px;
    }

    
    
    /*
    #content2 .views-column {
      float: left;
      width: 10%;
      padding-right: 2%;
    }
    */

/*
    .logo_wrap {
  margin: 5px 0px; */
  }

}




@media screen and (max-width: 1160px) {

    /*
    #content2 .views-row {
     clear: left;
    }
    */
    
    /*
    #content2 .views-column {
      float: left;
      width: 150px;
      padding-right: 1%;
    }
    */

    #content3 .views-row {
     clear: left;
    }

    #content3 .views-column {
      float: left;
      width: 20%;
      padding-right: 1%;
    }

}

@media screen and (max-width: 1152px) {

    #page-wrap,
    #footer{
      padding: 0 0%; /* not 0 1% */
    }


    /*
    #content2 .views-column {
      float: left;
      width: 200px;
     }
    */
}


@media screen and (max-width: 960px) {

    #footer {
      padding-left: 0px;
    }

    /*
    #content2 .views-row {
     clear: left;
    }
    */
    #content2 .views-column {
      float: left;
      width: 200px;
      padding-right: 10px;
    }


    #content3 .views-row {
     clear: left;
    }

    #content3 .views-column {
      float: left;
      width: 200px;
    }
}

@media screen and (max-width: 680px) {

    fieldset {
      width: 100%;
    }

    input.form-text {
      width: 100%;

    }

    .region-content, .region-content-home,
  .region-content2, .region-content3 {
       margin-left: 20px;
       margin-right: 20px;

    }

    .page-title {
      padding-left: 20px;
    }


   .container-wrap{
      margin: 0 10px;
    }

    #header {
      margin-left: 10px;
    }

    #footer-area {
      margin-left: 20px;

    }

    .right-half-snap, .right-quarter-snap {
      margin-left: 0px;
      margin-bottom: 20px;
      position: relative;
      width: 100%;

    }

    /* experiment */
    .grid-tile {
      width: 140px;
      font-size: 10pt;
    }

    /* cludge to fix white text on iPhone submit button */
    button,
    body a.btn,
    input[type="submit"],
    input[type="reset"],
    input[type="button"] {
      background: #9a9e00;
      color: #000;
      border: 1px solid #7a7d00;
    }

}


.region-search{
  float: right;
  position: relative;
  width: 200px;
  margin: 1px 0px 1px 5px;
  /* margin-top: 2px;
  margin-left: 10px;
  margin-right: 10px; */

}

.region-search input{
  margin: 0;
}

.region-search .form-submit{
  background: url(../images/search-icon.png) #b3b8b2 /* rgb(1, 148, 202) */ no-repeat center;
  font-size: 0;
  vertical-align: top;
  border: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  position: absolute;
  top: 0px;
  right: 0;
  height: 100%;
}

.region-search .form-submit:hover{
  background: url(../images/search-icon.png) #48b3dc /* #1BA9DD */ no-repeat center;
  border: 0;
}



/* Child menu */


#main-menu li li a {
  min-width: 150px; /* no change below 150 */
  margin: 0;
  /* border-bottom: 1px solid #525252; */
  border-bottom: 0;
  text-align: left;
  overflow: hidden;
  padding: 9px 15px;
  color: #DEDEDE;
  font-size: 12px;
  border-right: 0;
}




#main-menu li ul {
   display: none;
  position: absolute;
  z-index: 9999;
  padding: 0;
  margin: 0;
  background: #48b3dc;
   top: 45px;
   overflow: visible !important;
}

/* Child menu hover */

#main-menu ul.menu li li:hover >a {
  color: #fff;
  background-color: #222;
}

a {
  color: #9a9e00;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #3f6576;
}


#main-menu a {
  padding: 16px 25px;
  display: block;
  text-decoration: none;
  color: #ffffff;
  line-height: 100%;
  white-space: nowrap;
  text-transform: uppercase;
  border-right: 1px solid #ffffff;
}

.breadcrumb {
  margin-bottom: 10px;
  border-bottom: #ffffff 1px solid;
}

.node h2.title a, 
.page-title a{
  color: #3f6576;
}

.region-user-menu ul.menu li a:hover {
  color: #9a9e00;
}

#containerpost {
	background-color: #87bad4; /* #dbdbdb; */ /* #bbc000; */
	background: url('../images/collage.png');
	background-size: cover;
}

.postcode-block {
	padding: 30px 0;
}

.postcode-block p {
	color: #747474;
}

