/*
Theme Name: White Oak
Author: Dave Weller
Design: Lillian Kelly;
Author URI: http://whiteoak.co.uk
Version:1.5
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}


.fonts {
    font-family: 'Cinzel', serif; /*main content*/
     font-family: 'Prompt', sans-serif; /*// Headings*/
}

h1 {
	font-family: 'Cinzel', serif;
	font-weight:lighter;
}

input {
  /*line-height: 0;*/
  border-radius: 0;

}

#header {
    position: relative;
    z-index: 1000;
    background: white;
    width: 100%;
    padding: 85px 0px;
}

#home_header {
    position: relative;
    z-index: 1000;
    background: white;
    width: 100%;
}

#s {
    padding: 10px;
  font-size: 20px;
  font-family: 'Prompt', sans-serif;
  font-weight: 100;
    width: 195px;
    border: none;
    border-bottom: solid 2px #efefef;
    background: url(https://whiteoak.co.uk/wp-content/themes/WhiteOak/../WhiteOak/images/search.png) right no-repeat;
}

#searchsubmit {
    display: none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#000000;
  /*padding: 25px 15px;*/
  font-size: 20px;
  font-family: 'Prompt', sans-serif;
  font-weight: 100;
}

.openBtn {
    position: fixed;
    top: 40px;
    right: 0;
    padding: 10px;
}

.openBtn2 {
    position: fixed;
    top: 72px;
    right: 0;
    padding: 10px;
}

.closeBtn {
    position: fixed;
    top: 40px;
    right: -50px;
       padding: 10px 8px;
    z-index: -1;
    transition: 0.5s;
}

.closeBtn2 {
    position: fixed;
    top: 72px;
    right: -50px;
    padding: 9px 10px;
    z-index: -1;
    transition: 0.5s;
}


.closeBtn i {
    font-size: 35px;
}

button {
    background: #006d4d;
    color: white;
    border: 1px solid #006d4d;
    border-top-left-radius: 15px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 15px;
}

.social_menu i {
    padding-right: 48px;
    font-size: 19px;
    color: darkgreen;
    float: right;
    padding: 15px 20px;
    /* margin-right: 35px; */
}

.social_menu {
    border-top: solid 2px #efefef;
    padding-right: 45px;
    height: 50px;
}

.sidenav {
    width: 300px;
    position: fixed;
    z-index: 1000;
    top: 40px;
    right: -300px;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: 0.5s;
}

.sidenav a {
    padding: 15px;
    text-decoration: none;
    font-size: 18px;
    color: #006d4d;
    display: block;
    transition: 0.3s;
    text-align: left;
    font-family: 'Prompt', sans-serif;
    font-weight: 100;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #000000;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.sidenav2 {
    width: 300px;
    position: fixed;
    z-index: 1000;
    top: 42px;
    right: -300px;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: 0.5s;
}

.sidenav2 a {
    padding: 15px;
    text-decoration: none;
    font-size: 18px;
    color: #006d4d;
    display: block;
    transition: 0.3s;
    text-align: left;
    font-family: 'Prompt', sans-serif;
    font-weight: 100;
}

.sidenav2 a:hover, .offcanvas a:focus{
    color: #000;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.logo {
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -75px;
	width:150px;
	height:auto;
}

.top_page_row {
    width: 100%;
    position: relative;
    margin: 0px auto;
}

.top_page_row img {
   width:100%;
   height: auto;
}

.top_inner_row {
    width: 100%;
    position: relative;
    margin: 0px auto;
    max-height: 800px;
    overflow: hidden;
}

.top_inner_row img {
   width:100%;
   height: auto;
}

.inner_content {
    position: absolute;
    color: white;
    top: 50%;
    left: 50%;
    margin-left: -560px;
    text-align: center;
    font-size: 45px;
    line-height: 70px;
    font-family: 'Prompt', sans-serif;
    font-weight: 200;
    letter-spacing: 2px;
    text-shadow: 0 0 20px black;
	z-index:100;
}


.inner_content h2 {
  font-size: 35px;
  color:#ffffff;
}

.page_wrap {
    max-width:1200px;
    margin:0 auto;
    position: relative;
}

.welcome_row {
  width:100%;
  margin:0 auto;
  background:#ffffff;
  box-sizing:border-box;
}

.content_row {
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
    border-bottom: solid 5px #006f53;
    padding: 30px 0px;
}

.content {
   max-width:1160px;
  margin:0 auto;
  color:#006f53;
  padding: 20px 20px;
}

.welcome {
  width:100%;
  max-width:1200px;
  margin:0 auto;
  color:#006f53;
  padding: 20px 20px;
  box-sizing:border-box;
}

.welcome a , .content a {
     text-decoration: none;
}

.welcome h1, .content_row h1 {
  text-decoration: none;
  color:#006f53;
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: 'Cinzel', serif;

}

.post_cont {
    width: 1000px;
    margin: 0 auto;
    color: #006f53;
    padding: 20px 20px;
}

.post_cont img {
    position: absolute;
    left: 30px;
}

.read_more {
  color:#006f53;
  text-transform: uppercase;
  font-family: 'Cinzel', serif;
  text-decoration: none;
  float: right;
}

hr.post {
    width: 100px;
    border-top: solid #ccc 3px;
    border-left: none;
    border-right: none;
	border-bottom:none;
	margin:30px auto;
}

.content h2 {
  color:#006f53;
  font-size: 20px;
  line-height:25px;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 20px;
  font-family: 'Prompt', sans-serif; 
}

.welcome p, .content p, .post_cont p {
    text-align: center;
    font-family: 'Prompt', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 40px;
    letter-spacing: 2px;
	color:#666;
}

.post_cont p {
  text-align: justify;
}

.post_cont h3 {
  text-transform: uppercase;
  color:#b5b5b5;
  font-size: 20px;
  font-family: 'Cinzel', serif;
  letter-spacing: 1px;
}

.home_banner {
    width: 100%;
    max-height:  100%;
    overflow: hidden;
    margin: 0 auto;
    border-bottom:solid 5px #006f53;
}

.home_banner img {
	/*margin-top:-20%;*/
	display:block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

#bottom_row, #contact_row {
    width:100%;
}

.bottom_content {
    max-width: 1200px;
    margin:0 auto;
}

.contact_container {
    max-width: 1200px;
    margin:0 auto;
    padding-top: 20px;
}

.left_col, .contact_left {
    float: left;
    width:49%;
}

.left_col h2 {
   text-align: center;
   color:#006f53;
   font-family: 'Cinzel', serif;
   font-size: 25px;
   padding: 20px 15px;
   margin-top: 10px;
}

 .contact_container h2 {
   text-align: center;
   color:#006f53;
   font-family: 'Cinzel', serif;
   font-size: 40px;
   padding: 20px 15px;
   margin-top: 10px;
}

.left_col p, .contact_left p {
    text-align: justify;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 2px;
    font-family: 'Prompt', sans-serif;
    font-weight: 300;
    padding: 10px 15px;
    letter-spacing: 2px;
    line-height: 30px;
	color:#000;
}

.left_col a {
   text-align: right;
   float: right;
   font-family: 'Cinzel', sans-serif;
   color:#006f53;
   text-decoration: none;
   padding: 20px 15px;
}

.right_col, .contact_right {
    float: right;
    width: 49%;
    padding: 30px 0;
}

.right_col img {
    width: 100%;
    height: auto;
    display: block;
}

#latest_row {
    width:100%;
    background: #003526;
}

.latest img {
    margin-bottom: 20px;
}

.latest {
  max-width:1140px;
  margin:0 auto;
  background: #003526;
  text-align: center;
  padding: 30px;
}

.latest p {
    font-size: 30px;
    color:#009b6f;
    font-style: italic;
    text-align: center;
    font-family: 'Times New Roman', sans-serif;
    letter-spacing: 3px;
    line-height: 50px;
    text-transform: lowercase;
}

.latest a {
  color:#009b6f;
  text-decoration: none;
  text-transform: lowercase;
  font-family: 'Cinzel', sans-serif;
}


/* INNER PAGE */ 

.title_bar {
    font-size: 40px;
    color:#006f53;
    background: #d4fcf0;
    padding:30px 40px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 10px;
}

.title_bar a {
    text-decoration: none;
    color:#006f53;
    font-family: 'Cinzel', sans-serif;
}

.enquire {
    display: table;
	padding: 20px 20px;
	width: 275px;
	color: white;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 75%;
	left: 50%;
	margin-left: -157.5px;
	font-family: 'Prompt', sans-serif;
	text-decoration: none;
	font-size: 30px;
	text-align: center;
	font-weight: 100;
	border: solid 1px white;
	letter-spacing: 2px;
}

.agent_container {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 0 0 30px 0;
    box-sizing: border-box;
    text-align: center;
}

h2.agent_container  {
  color:#006f53;
  font-size: 30px;
  padding: 30px 0px;
  font-family: 'Cinzel';
}

.agent_container h3 {
    color: #808080;
    padding: 30px 0px;
    font-family: 'Prompt';
    font-weight: 100;
    text-transform: uppercase;
}

ul.agent_list {
  width:100%;
}

ul.agent_list li {
  display: inline;
  padding-left: 25px;
  list-style:none;
  font-family: 'Prompt';
}

ul.agent_list li a {
  text-decoration: none;
  color:#808080;
  font-weight: 300;
  font-size: 16px;
}

ul.agent_list li i{
  text-decoration: none;
  color:#006f53;
}

#image_row {
    width:100%;
}

#image_row.prop {
    border-top: 5px solid #006f53;
}

.image_container {
    width: 1200px;
    margin:0 auto;
    position: relative;
}

.image_tile {
  width:400px;
  position: relative;
  height: 300px;
  float: left;
  display:block;
  top:0;
}

.image_tile img {
  display:block;
  width: 400px;
  height: 300px;
  object-fit: cover;
}

.overlay {
    background: url(https://whiteoak.co.uk/wp-content/themes/WhiteOak/../WhiteOak/images/bg_tile.png);
    width:400px;
    height: 300px;
    position: absolute;
    top:0;
    left:0;
    opacity: 0;
    color:#ffffff;
    text-align: center;
    font-family: 'Prompt', sans-serif;
    font-weight: 100;
    letter-spacing: 2px;
	padding:10px;
	box-sizing:border-box;
}

.overlay:hover {
   opacity: 1;
   transition: 2s;
}

.overlay h3 {
    padding-top: 20px;
    font-size: 20px;
    font-family: 'Cinzel', sans-serif;
    padding-bottom: 5px;
}

.overlay h4 {
    font-size: 16px;
    padding-bottom: 15px;
}

.overlay p {
    font-size: 15px;
    line-height: 18px;
}

.lower_contact {
  position: absolute;
  bottom:0;
  left:-10px;
  width:100%;
}

.contact_div {
    width: 33%;
    float: left;
    color: white;
    text-align: center;
    padding: 13px 0;
    font-weight: 100;
}

.contact_div p {
  font-size: 15px;
}

.contact_div i {
    font-size: 18px;
}


.overlay_black {
    background: url(https://whiteoak.co.uk/wp-content/themes/WhiteOak/../WhiteOak/images/bg-tile-black.png);
    width:400px;
    height: 300px;
    position: absolute;
    top:0;
    left:0;
    opacity: 0;
    color:#ffffff;
    text-align: center;
    font-family: 'Prompt', sans-serif;
    font-weight: 100;
    letter-spacing: 2px;
	padding-top:55px;
	box-sizing:border-box;
}

.overlay_black:hover {
   opacity: 1;
   transition: 2s;
}

.overlay_black h3 {
    padding-top: 20px;
    font-size: 20px;
    font-family: 'Prompt', sans-serif;
    padding-bottom: 5px;
}

.overlay_black  > i {
    color:#ffffff;
    font-size: 8em;
	opacity:.3;
}

.contact_form  {
  width: 49%;
  font-family: 'Prompt', sans-serif;
}

#spec-field {
    background-color: #ffffff;
    border: solid 1px #27255e;
    height: 30px;
    width: 517px;
    margin-bottom: 20px;
    margin-left: 8px;
    font-size: 1em;
    font-weight: 100;
    font-family: inherit;
    color: white;
    padding: 10px;
}

#text-field {
    background-color: #ffffff;
    border: solid 1px #27255e;
    height: 102px;
    width: 517px;
    margin-bottom: 18px;
    font-size: 1em;
    font-weight: 100;
    font-family: inherit;
    color: white;
    padding: 10px;
    margin-left: 8px;
}

.wpcf7-submit {
    background-color: #006f53;
    border: solid 1px #ffffff;
    height: 52px;
    width: 539px;
    text-transform: uppercase;
    font-size: 1em;
    color: white;
    font-family: inherit;
    font-weight: 100;
    margin-left: 7px;
}

#footer  {
  width: 100%;
  background: #1a1a1a;
}

#footer_container  {
  max-width: 1140px;
  margin: 0 auto;
  background: #1a1a1a;
  text-align: center;
  padding:30px;
  color:#808080;
  font-family: 'Prompt', sans-serif;
  font-weight: 200;
}

#footer_container a  {
  color:#808080;
  text-decoration: none;
}

#copyright p {
	text-align:center !important;
	font-size:14px;
    line-height: 25px;
}

/* TABLET, DESKTOP AND ABOVE */
@media only screen and (max-width: 1199px) {

.agent_container {
    width: 960px;
    margin: 0 auto;
    position: relative;
    padding: 30px;
    box-sizing: border-box;
    text-align: center;
}

.post_cont {
    width: 790px;
    margin: 0 auto;
    color: #006f53;
    padding: 20px 20px;
}

.post_cont img {
    position: absolute;
    left: 30px;
}

#header {
    position: relative;
    z-index: 1000;
    background: white;
    width: 100%;
    padding: 85px 0px;
}

#home_header {
    position: relative;
    z-index: 1000;
    background: white;
    width: 100%;
}

#s {
    padding: 10px;
  font-size: 20px;
  font-family: 'Prompt', sans-serif;
  font-weight: 100;
    width: 195px;
    border: none;
    border-bottom: solid 2px #efefef;
    background: url(https://whiteoak.co.uk/wp-content/themes/WhiteOak/../WhiteOak/images/search.png) right no-repeat;
}

#searchsubmit {
    display: none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#000000;
  font-size: 20px;
  font-family: 'Prompt', sans-serif;
  font-weight: 100;
}

.openBtn {
    position: fixed;
    top: 40px;
    right: 0;
    padding: 10px;
}

.openBtn2 {
    position: fixed;
    top: 72px;
    right: 0;
    padding: 10px;
}

.closeBtn {
    position: fixed;
    top: 40px;
    right: 0px;
       padding: 10px 8px;
    z-index: -1;
    transition: 0.5s;
}

.closeBtn2 {
    position: fixed;
    top: 72px;
    right: 0px;
    padding: 9px 10px;
    z-index: -1;
    transition: 0.5s;
}


.closeBtn i {
    font-size: 35px;
}

button {
    background: #006d4d;
    color: white;
    border: 1px solid #006d4d;
    border-top-left-radius: 15px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 15px;
}

.social_menu i {
    padding-right: 48px;
    font-size: 19px;
    color: darkgreen;
    float: right;
    padding: 15px 20px;
    /* margin-right: 35px; */
}

.social_menu {
    border-top: solid 2px #efefef;
    padding-right: 45px;
    height: 50px;
}

.sidenav {
    width: 300px;
    position: fixed;
    z-index: 1000;
    top: 40px;
    right: -300px;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: 0.5s;
}

.sidenav a {
    padding: 15px;
    text-decoration: none;
    font-size: 18px;
    color: #006d4d;
    display: block;
    transition: 0.3s;
    text-align: left;
    font-family: 'Prompt', sans-serif;
    font-weight: 100;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #000;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.sidenav2 {
    width: 300px;
    position: fixed;
    z-index: 1000;
    top: 42px;
    right: -300px;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: 0.5s;
}

.sidenav2 a {
    padding: 15px;
    text-decoration: none;
    font-size: 18px;
    color: #006d4d;
    display: block;
    transition: 0.3s;
    text-align: left;
    font-family: 'Prompt', sans-serif;
    font-weight: 100;
}

.sidenav2 a:hover, .offcanvas a:focus{
    color: #000;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.logo {
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -75px;
	width:150px;
	height:auto;
}
.top_page_row {
    width: 100%;
    position: relative;
    margin: 0px auto;
}

.top_page_row img {
   width:100%;
   height: auto;
}

.top_inner_row {
    width: 100%;
    position: relative;
    margin: 0px auto;
    max-height: 600px;
    overflow: hidden;
}

.top_inner_row img {
   width:100%;
   height: auto;
}

.inner_content {
    position: absolute;
    color: white;
    top: 50%;
    left: 50%;
    margin-left: -510px;
    text-align: center;
    font-size: 45px;
    line-height: 70px;
    font-family: 'Prompt', sans-serif;
    font-weight: 200;
    letter-spacing: 2px;
    text-shadow: 0 0 20px black;
	z-index:100;
}


.inner_content h2 {
  font-size: 35px;
  color:#ffffff;
}

.page_wrap {
    max-width:1200px;
    margin:0 auto;
    position: relative;
}

.welcome_row {
  width:100%;
  margin:0 auto;
  background:#ffffff;
}

.content_row {
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
    border-bottom: solid 5px #006f53;
    padding: 30px 0px;
}

.content {
   max-width:1160px;
  margin:0 auto;
  color:#006f53;
  padding: 20px 20px;
}

.welcome {
  max-width:100%;
  margin:0 auto;
  color:#006f53;
  padding: 20px 20px;
  box-sizing:border-box;
}

.welcome a , .content a {
     text-decoration: none;
}

.welcome h1, .content_row h1 {
  text-decoration: none;
  color:#006f53;
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: 'Cinzel', serif;

}

.content h2 {

  color:#006f53;
  font-size: 20px;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 20px;
  font-family: 'Prompt', sans-serif; 
}

.welcome p, .content p {
    text-align: center;
    font-family: 'Prompt', sans-serif;
    font-size: 16px;
    font-weight: lighter !important;
    line-height: 40px;
    letter-spacing: 2px;
}

.home_banner {
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    margin: 0 auto;
    border-bottom:solid 5px #006f53;
}

.home_banner img {
	display:block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

#bottom_row, #contact_row {
    width:100%;
}

.bottom_content {
    max-width: 1200px;
    margin:0 auto;
}

.contact_container {
    width: 960px;
    margin: 0 auto;
    padding: 30px;
}

.left_col, .contact_left {
    float: left;
}

.left_col h2 {
   text-align: center;
   color:#006f53;
   font-family: 'Cinzel', serif;
   font-size: 25px;
   padding: 20px 15px;
   margin-top: 10px;
}

 .contact_container h2 {
   text-align: center;
   color:#006f53;
   font-family: 'Cinzel', serif;
   font-size: 40px;
   padding: 20px 15px;
   margin-top: 10px;
}

.left_col p, .contact_left p {
    text-align: justify;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 2px;
    font-family: 'Prompt', sans-serif;
    font-weight: 100;
    padding: 10px 15px;
    letter-spacing: 2px;
    line-height: 30px;
}

.left_col a {
   text-align: right;
   float: right;
   font-family: 'Cinzel', sans-serif;
   color:#006f53;
   text-decoration: none;
   padding: 20px 15px;
}

.right_col, .contact_right {
    float: right;
    padding: 30px 0;
}

.right_col img {
    width: 100%;
    height: auto;
    display: block;
}

#latest_row {
    width:100%;
    background: #003526;
}

.latest img {
    margin-bottom: 20px;
}

.latest {
  max-width:1140px;
  margin:0 auto;
  background: #003526;
  text-align: center;
  padding: 30px;
}

.latest p {
    font-size: 30px;
    color:#009b6f;
    font-style: italic;
    text-align: center;
    font-family: 'Times New Roman', sans-serif;
    letter-spacing: 3px;
    line-height: 50px;
    text-transform: lowercase;
}

.latest a {
  color:#009b6f;
  text-decoration: none;
  text-transform: lowercase;
  font-family: 'Cinzel', sans-serif;
}


/* INNER PAGE */ 

.title_bar {
    font-size: 40px;
    color:#006f53;
    background: #d4fcf0;
    padding:30px 40px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 10px;
}

.title_bar a {
    text-decoration: none;
    color:#006f53;
    font-family: 'Cinzel', sans-serif;
}

.enquire {
    display: table;
  padding: 20px 20px;
  width: 275px;
  color: white;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 75%;
  left: 50%;
  margin-left: -157.5px;
  font-family: 'Prompt', sans-serif;
  text-decoration: none;
  font-size: 30px;
  text-align: center;
  font-weight: 100;
  border: solid 1px white;
  letter-spacing: 2px;
}

#image_row {
    width:100%;
}

.image_container {
    width: 960px;
    margin: 0px auto;
    position: relative;
}

.image_tile {
    width: 320px;
    position: relative;
    height: 300px;
    float: left;
    display: block;
    top: 0;
}

.image_tile img {
    width: 320px;
    height: 300px;
    display: block;
  object-fit: cover;
}

.overlay {
    background: url(https://whiteoak.co.uk/wp-content/themes/WhiteOak/../WhiteOak/images/bg_tile.png);
    width: 320px;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    color: #ffffff;
    text-align: center;
    font-family: 'Prompt', sans-serif;
    font-weight: 100;
    letter-spacing: 2px;
}

.overlay:hover {
   opacity: 1;
   transition: 2s;
}

.overlay h3 {
    padding-top: 20px;
    font-size: 20px;
    font-family: 'Cinzel', sans-serif;
    padding-bottom: 5px;
}

.overlay h4 {
    font-size: 16px;
    padding-bottom: 15px;
}

.overlay p {
    font-size: 16px;
    line-height: 20px;
}

.lower_contact {
  position: absolute;
  bottom:0;
  width:100%;
}

.contact_div {
    width: 33%;
    float: left;
    color: white;
    text-align: center;
    padding: 13px 0;
    font-weight: 100;
}

.contact_div p {
    font-size: 10px;
}

.contact_div i {
    font-size: 14px;
}


.overlay_black {
    background: url(https://whiteoak.co.uk/wp-content/themes/WhiteOak/../WhiteOak/images/bg-tile-black.png);
    width:400px;
    height: 300px;
    position: absolute;
    top:0;
    left:0;
    opacity: 0;
    color:#ffffff;
    text-align: center;
    font-family: 'Prompt', sans-serif;
    font-weight: 100;
    letter-spacing: 2px;
  padding-top:55px;
  box-sizing:border-box;
}

.overlay_black:hover {
   opacity: 1;
   transition: 2s;
}

.overlay_black h3 {
    padding-top: 20px;
    font-size: 20px;
    font-family: 'Prompt', sans-serif;
    padding-bottom: 5px;
}

.overlay_black  > i {
    color:#ffffff;
    font-size: 8em;
  opacity:.3;
}

.contact_form  {
  width: 100%;
  font-family: 'Prompt', sans-serif;
}

#spec-field {
    background-color: #ffffff;
    border: solid 1px #27255e;
    height: 30px;
    width: 94%;
    margin-bottom: 20px;
    margin-left: 0px;
    font-size: 1em;
    font-weight: 100;
    font-family: inherit;
    color: white;
    padding: 3%;
}

#text-field {
    background-color: #ffffff;
    border: solid 1px #27255e;
    height: 102px;
    width: 96%;
    margin-bottom: 18px;
    font-size: 1em;
    font-weight: 100;
    font-family: inherit;
    color: white;
    padding: 10px;
    margin-left: 0px;
}

.wpcf7-submit {
    background-color: #006f53;
    border: none;
    height: 52px;
    width: 100.5%;
    text-transform: uppercase;
    font-size: 1em;
    color: white;
    font-family: inherit;
    font-weight: 100;
    margin-left: 0px;
}

#footer  {
  width: 100%;
  background: #1a1a1a;
}

#footer_container  {
  max-width: 1140px;
  margin: 0 auto;
  background: #1a1a1a;
  text-align: center;
  padding:30px;
  color:#808080;
  font-family: 'Prompt', sans-serif;
  font-weight: 200;
}

#footer_container a  {
  color:#808080;
  text-decoration: none;
}

#copyright {
    line-height: 25px;
}

}

/* MEDIUM BREAKPOINT */
@media only screen and (max-width: 959px) {

.agent_container {
    width: 767px;
}

.agent_container h3 {
    padding: 10px 0px;
}

ul.agent_list li {
    display: block;
    padding-top: 25px;
    list-style: none;
    font-family: 'Prompt';
}

 .post_cont {
    width: 500px;
    margin: 0 auto;
    color: #006f53;
    padding: 20px 20px;
}

.post_cont img {
    position: absolute;
    left: 10px;
} 

#header {
    position: relative;
    z-index: 1000;
    background: white;
    width: 100%;
    padding: 85px 0px;
}

#home_header {
    position: relative;
    z-index: 1000;
    background: white;
    width: 100%;
}

#s {
    padding: 10px;
  font-size: 20px;
  font-family: 'Prompt', sans-serif;
  font-weight: 100;
    width: 195px;
    border: none;
    border-bottom: solid 2px #efefef;
    background: url(https://whiteoak.co.uk/wp-content/themes/WhiteOak/../WhiteOak/images/search.png) right no-repeat;
}

#searchsubmit {
    display: none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#000000;
  font-size: 20px;
  font-family: 'Prompt', sans-serif;
  font-weight: 100;
}

.openBtn {
    position: fixed;
    top: 40px;
    right: 0;
    padding: 10px;
}

.openBtn2 {
    position: fixed;
    top: 72px;
    right: 0;
    padding: 10px;
}

.closeBtn {
    position: fixed;
    top: 40px;
    right: 0px;
       padding: 10px 8px;
    z-index: -1;
    transition: 0.5s;
}

.closeBtn2 {
    position: fixed;
    top: 72px;
    right: 0px;
    padding: 9px 10px;
    z-index: -1;
    transition: 0.5s;
}


.closeBtn i {
    font-size: 35px;
}

button {
    background: #006d4d;
    color: white;
    border: 1px solid #006d4d;
    border-top-left-radius: 15px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 15px;
}

.social_menu i {
    padding-right: 48px;
    font-size: 19px;
    color: darkgreen;
    float: right;
    padding: 15px 20px;
    /* margin-right: 35px; */
}

.social_menu {
    border-top: solid 2px #efefef;
    padding-right: 45px;
    height: 50px;
}

.sidenav {
    width: 300px;
    position: fixed;
    z-index: 1000;
    top: 40px;
    right: -300px;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: 0.5s;
}

.sidenav a {
    padding: 15px;
    text-decoration: none;
    font-size: 18px;
    color: #006d4d;
    display: block;
    transition: 0.3s;
    text-align: left;
    font-family: 'Prompt', sans-serif;
    font-weight: 100;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #000;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.sidenav2 {
    width: 300px;
    position: fixed;
    z-index: 1000;
    top: 42px;
    right: -300px;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: 0.5s;
}

.sidenav2 a {
    padding: 15px;
    text-decoration: none;
    font-size: 18px;
    color: #006d4d;
    display: block;
    transition: 0.3s;
    text-align: left;
    font-family: 'Prompt', sans-serif;
    font-weight: 100;
}

.sidenav2 a:hover, .offcanvas a:focus{
    color: #000;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.logo {
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -75px;
	width:150px;
	height:auto;
}

.top_page_row {
    width: 100%;
    position: relative;
    margin: 0px auto;
}

.top_page_row img {
   width:100%;
   height: auto;
}

.top_inner_row {
    width: 100%;
    position: relative;
    margin: 0px auto;
    max-height: 400px;
    overflow: hidden;
}

.top_inner_row img {
   width:100%;
   height: auto;
}

.inner_content h1 {
    font-size: 30px;
    color:#fff;
}

.inner_content {
    position: absolute;
    color: white;
    top: 50%;
    left: 50%;
    margin-left: -365px;
    text-align: center;
    font-size: 45px;
    line-height: 70px;
    font-family: 'Prompt', sans-serif;
    font-weight: 200;
    letter-spacing: 2px;
    text-shadow: 0 0 20px black;
	z-index:100;
}


.inner_content h2 {
  font-size: 35px;
  color:#ffffff;
}

.page_wrap {
    max-width:1200px;
    margin:0 auto;
    position: relative;
}

.welcome_row {
  width:100%;
  margin:0 auto;
  background:#ffffff;
}

.content_row {
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
    border-bottom: solid 5px #006f53;
    padding: 30px 0px;
}

.content {
   max-width:1160px;
  margin:0 auto;
  color:#006f53;
  padding: 20px 20px;
}

.welcome {
  max-width:100%;
  margin:0 auto;
  color:#006f53;
  padding: 20px 20px;
  box-sizing:border-box;
}

.welcome a , .content a {
     text-decoration: none;
}

.welcome h1, .content_row h1 {
  text-decoration: none;
  color:#006f53;
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: 'Cinzel', serif;

}

.content h2 {

  color:#006f53;
  font-size: 20px;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 20px;
  font-family: 'Prompt', sans-serif; 
}

.welcome p, .content p {
    text-align: center;
    font-family: 'Prompt', sans-serif;
    font-size: 16px;
    font-weight: lighter !important;
    line-height: 40px;
    letter-spacing: 2px;
}

.home_banner {
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    margin: 0 auto;
    border-bottom:solid 5px #006f53;
}

.home_banner img {
	display:block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

#bottom_row, #contact_row {
    width:100%;
}

.bottom_content {
    max-width: 1200px;
    margin:0 auto;
}

.contact_container {
    width: 767px;
    margin:0 auto;
    padding:0px;
}

.left_col, .contact_left {
    float: left;
    width:100%;
}

.left_col h2 {
   text-align: center;
   color:#006f53;
   font-family: 'Cinzel', serif;
   font-size: 25px;
   padding: 20px 15px;
   margin-top: 10px;
}

 .contact_container h2 {
   text-align: center;
   color:#006f53;
   font-family: 'Cinzel', serif;
   font-size: 40px;
   padding: 20px 15px;
   margin-top: 10px;
}

.left_col p, .contact_left p {
    text-align: justify;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 2px;
    font-family: 'Prompt', sans-serif;
    font-weight: 100;
    padding: 10px 15px;
    letter-spacing: 2px;
    line-height: 30px;
}


.contact_left p {
  text-align: center;
}

.left_col a {
   text-align: right;
   float: right;
   font-family: 'Cinzel', sans-serif;
   color:#006f53;
   text-decoration: none;
   padding: 20px 15px;
}

.right_col, .contact_right {
    float: right;
    width: 100%;
    padding: 30px 0;
}

.right_col img {
    width: 100%;
    height: auto;
    display: block;
}

#latest_row {
    width:100%;
    background: #003526;
}

.latest img {
    margin-bottom: 20px;
}

.latest {
  max-width:1140px;
  margin:0 auto;
  background: #003526;
  text-align: center;
  padding: 30px;
}

.latest p {
    font-size: 30px;
    color:#009b6f;
    font-style: italic;
    text-align: center;
    font-family: 'Times New Roman', sans-serif;
    letter-spacing: 3px;
    line-height: 50px;
    text-transform: lowercase;
}

.latest a {
  color:#009b6f;
  text-decoration: none;
  text-transform: lowercase;
  font-family: 'Cinzel', sans-serif;
}


/* INNER PAGE */ 

.title_bar {
    font-size: 40px;
    color:#006f53;
    background: #d4fcf0;
    padding:30px 40px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 10px;
}

.title_bar a {
    text-decoration: none;
    color:#006f53;
    font-family: 'Cinzel', sans-serif;
}

.enquire {
  display: table;
  padding: 20px 20px;
  width: 275px;
  color: white;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 75%;
  left: 50%;
  margin-left: -157.5px;
  font-family: 'Prompt', sans-serif;
  text-decoration: none;
  font-size: 30px;
  text-align: center;
  font-weight: 100;
  border: solid 1px white;
  letter-spacing: 2px;
}

#image_row {
    width:100%;
}

.image_container {
    width: 767px;
    margin:0 auto;
    position: relative;
}

.image_tile {
  width:383.5px;
  position: relative;
  height: 300;
  float: left;
  display:block;
  top:0;
}

.image_tile img {
  display:block;
  width: 383.5px;
  height: 300px;
  object-fit: cover;
}

.overlay {
    background: url(https://whiteoak.co.uk/wp-content/themes/WhiteOak/../WhiteOak/images/bg_tile.png);
    width:383.5px;
    height: 300px;
    position: absolute;
    top:0;
    left:0;
    opacity: 0;
    color:#ffffff;
    text-align: center;
    font-family: 'Prompt', sans-serif;
    font-weight: 100;
    letter-spacing: 2px;
}

.overlay:hover {
   opacity: 1;
   transition: 2s;
}

.overlay h3 {
    padding-top: 20px;
    font-size: 20px;
    font-family: 'Cinzel', sans-serif;
    padding-bottom: 5px;
}

.overlay h4 {
    font-size: 16px;
    padding-bottom: 15px;
}

.overlay p {
    font-size: 16px;
    line-height: 20px;
}

.lower_contact {
  position: absolute;
  bottom:0;
  width:100%;
}

.contact_div {
    width: 33%;
    float: left;
    color: white;
    text-align: center;
    padding: 13px 0;
    font-weight: 100;
}

.contact_div p {
  font-size: 15px;
}

.contact_div i {
    font-size: 18px;
}

.overlay_black {
    background: url(https://whiteoak.co.uk/wp-content/themes/WhiteOak/../WhiteOak/images/bg-tile-black.png);
    width:400px;
    height: 300px;
    position: absolute;
    top:0;
    left:0;
    opacity: 0;
    color:#ffffff;
    text-align: center;
    font-family: 'Prompt', sans-serif;
    font-weight: 100;
    letter-spacing: 2px;
    padding-top:55px;
    box-sizing:border-box;
}

.overlay_black:hover {
   opacity: 1;
   transition: 2s;
}

.overlay_black h3 {
    padding-top: 20px;
    font-size: 20px;
    font-family: 'Prompt', sans-serif;
    padding-bottom: 5px;
}

.overlay_black  > i {
    color:#ffffff;
    font-size: 8em;
  opacity:.3;
}

.contact_form  {
  width: 49%;
  font-family: 'Prompt', sans-serif;
}

#spec-field {
    background-color: #ffffff;
    border: solid 1px #27255e;
    height: 30px;
    width: 730px;
    margin-bottom: 20px;
    margin-left: 8px;
    font-size: 1em;
    font-weight: 100;
    font-family: inherit;
    color: white;
    padding: 10px;
}

#text-field {
    background-color: #ffffff;
    border: solid 1px #27255e;
    height: 102px;
    width: 730px;
    margin-bottom: 18px;
    font-size: 1em;
    font-weight: 100;
    font-family: inherit;
    color: white;
    padding: 10px;
    margin-left: 8px;
}

.wpcf7-submit {
    background-color: #006f53;
    border: solid 1px #ffffff;
    height: 52px;
    width: 753px;
    text-transform: uppercase;
    font-size: 1em;
    color: white;
    font-family: inherit;
    font-weight: 100;
    margin-left: 7px;
}

#footer  {
  width: 100%;
  background: #1a1a1a;
}

#footer_container  {
  max-width: 1140px;
  margin: 0 auto;
  background: #1a1a1a;
  text-align: center;
  padding:30px;
  color:#808080;
  font-family: 'Prompt', sans-serif;
  font-weight: 200;
}

#footer_container a  {
  color:#808080;
  text-decoration: none;
}

#copyright {
    line-height: 25px;
}

}


/* TABLET STYLES */
@media only screen and (max-width: 767px) {

.agent_container {
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    text-align: center;
}

.post_cont {
    width: 100%;
    margin: 0 auto;
    color: #006f53;
    padding: 0px;
}

.post_cont img {
    position: relative;
    left: 50%;
    margin-left: -30px;
    margin-bottom: 10px;
}

.post_cont h3 {
    text-align: center;
}

.post_cont p {
    text-align: justify;
    padding: 30px;
}

.post_cont a {
    text-align: center;
    display: block;
    margin: 10px;
    padding: 20px;
}

.read_more {
  float: none;
}

hr.post {
    margin-bottom: 30px;
}

#header {
    position: relative;
    z-index: 1000;
    background: white;
    width: 100%;
    padding: 85px 0px;
}

#home_header {
    position: relative;
    z-index: 1000;
    background: white;
    max-width: 100%;
}

#s {
    padding: 10px;
  font-size: 20px;
  font-family: 'Prompt', sans-serif;
  font-weight: 100;
    width: 195px;
    border: none;
    border-bottom: solid 2px #efefef;
    background: url(https://whiteoak.co.uk/wp-content/themes/WhiteOak/../WhiteOak/images/search.png) right no-repeat;
}

#searchsubmit {
    display: none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#000000;
  font-size: 20px;
  font-family: 'Prompt', sans-serif;
  font-weight: 100;
}

.openBtn span, .closeBtn span {
  font-size:20px;
  cursor:pointer;
}

.openBtn {
    position: fixed;
    top: 15px;
    right: 0;
    padding: 10px;
}

.openBtn2 {
    position: fixed;
    top: 72px;
    right: 0;
    padding: 10px;
}

.closeBtn {
    position: fixed;
    top: 15px;
    right: 0px;
    padding: 10px 8px;
    z-index: -1;
    transition: 0.5s;
}

.closeBtn2 {
    position: fixed;
    top: 72px;
    right: 0px;
    padding: 10px 8px;
    z-index: -1;
    transition: 0.5s;
}

.closeBtn i {
    font-size: 35px;
}

button {
    background: #006d4d;
    color: white;
    border: 1px solid #006d4d;
    border-top-left-radius: 15px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 15px;
}

.social_menu i {
    padding-right: 48px;
    font-size: 19px;
    color: darkgreen;
    float: right;
    padding: 15px 20px;
    /* margin-right: 35px; */
}

.social_menu {
    border-top: solid 2px #efefef;
    padding-right: 45px;
    height: 50px;
}

.sidenav {
    width: 300px;
    position: fixed;
    z-index: 1000;
    top: 15px;
    right: -300px;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: 0.5s;
}

.sidenav a {
    padding: 15px;
    text-decoration: none;
    font-size: 18px;
    color: #006d4d;
    display: block;
    transition: 0.3s;
    text-align: left;
    font-family: 'Prompt', sans-serif;
    font-weight: 100;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #000;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.logo {
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -75px;
	width:150px;
	height:auto;
}

.top_page_row {
   max-width:100%;
   position: relative;
   margin: 0px auto;
}

.top_page_row img {
   width:100%;
   height: auto;
}


.inner_content {
    position: absolute;
    color: black;
    top: 50%;
    left: 0px;
    margin-left: 0;
    width: 100%;
    text-align: center;
    /* font-size: 20px; */
    line-height: 47px;
    font-family: 'Prompt', sans-serif;
    font-weight: 200;
    letter-spacing: 2px;
    text-shadow: 0 0 20px black;
	z-index:100;
}

.inner_content h1 {
    color: white;
    font-size: 20px;
}

.inner_content h2 {
  font-size: 15px;
  color:#ffffff;
}

.content {
  max-width:460px;
  margin:0 auto;
  color:#006f53;
  padding: 20px 20px;
}

.top_inner_row {
    width: 100%;
    position: relative;
    margin: 0px auto;
    height: auto;
    overflow: hidden;
}

.page_wrap {
    max-width:500px;
    margin:0 auto;
    position: relative;
}

.welcome_row {
  width:100%;
  margin:0 auto;
  background:#ffffff;
}

.welcome {
  max-width:100%;
  margin:0 auto;
  color:#006f53;
  padding: 20px 20px;
  box-sizing:border-box;
}

.welcome a {
     text-decoration: none;
}

.welcome h1 {
    text-decoration: none;
    color: #006f53;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: 'Cinzel', serif;
    letter-spacing: 5px;
    margin-top:20px;
}

.welcome p {
    text-align: center;
    font-family: 'Prompt', sans-serif;
    font-size: 16px;
    font-weight: 200;
    line-height: 40px;
    letter-spacing: 2px;
}

.home_banner {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    margin: 0 auto;
    border-bottom:solid 5px #006f53;
}

.home_banner img {
	display:block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

#bottom_row {
    width:100%;
}


.bottom_content {
    max-width: 500px;
    margin:0 auto;
}

.contact_container {
    width: 100%;
    margin:0 auto;
    padding-top: 20px;
}

.contact_form  {
  width: 100%;
  font-family: 'Prompt', sans-serif;
  padding-top: 40px;
}

#spec-field {
    background-color: #fff;
    border: solid 1px #27255e;
    height: 30px;
    width: 85%;
    margin: 10px 20px;
    font-size: 1em;
    font-weight: 100;
    font-family: inherit;
    color: white;
    padding: 10px;
    text-align: center;
    text-transform: capitalize;
    line-height: 0;
}

#text-field {
    background-color: #fff;
    border: solid 1px #27255e;
    height: 102px;
    width: 85%;
    margin: 10px 20px;
    font-size: 1em;
    font-weight: 100;
    font-family: inherit;
    color: white;
    text-align: center;
    text-transform: capitalize;
}

.wpcf7-submit {
    background-color: #006f53;
    border: solid 1px #ffffff;
    height: 52px;
    width: 90%;
    font-size: 1em;
    color: white;
    font-family: inherit;
    font-weight: 100;
    margin: 10px 20px 10px 19px;
    margin-bottom: 40px;
    text-align: center;
}

.left_col, .contact_left {
    float: left;
    width: 90%;
    border-bottom: 5px solid #006f53;
    padding: 5%;
}

.left_col h2 {
   text-align: center;
   color:#006f53;
   font-family: 'Cinzel', serif;
   font-size: 30px;
   padding: 20px 15px;
   margin-top: 10px;
}

.contact_container h2 {
    text-align: center;
    color: #006f53;
    font-family: 'Cinzel', serif;
    font-size: 30px;
    padding: 10px 15px;
    margin-top: 10px;
}

.left_col p, .contact_left p {
    text-align: justify;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 2px;
    font-family: 'Prompt', sans-serif;
    font-weight: 100;
    padding: 0px 15px;
    letter-spacing: 2px;
    line-height: 30px;
}

.contact_left p {
  text-align: center;
}

.left_col a {
   text-align: right;
   float: right;
   font-family: 'Cinzel', sans-serif;
   color:#006f53;
   text-decoration: none;
   padding: 20px 15px;
}

.right_col, .contact_right {
    float: right;
    width:100%;
}

.right_col img {
    width: 100%;
    height: auto;
    display: block;
}

#latest_row {
    width:100%;
    background: #003526;
}

.latest img {
    margin-bottom: 20px;
}

.latest {
  max-width:440px;
  margin:0 auto;
  background: #003526;
  text-align: center;
  padding: 30px;
}

.latest p {
    font-size: 20px;
    color: #009b6f;
    font-style: italic;
    text-align: center;
    font-family: Times New Roman, sans-serif;
    letter-spacing: 3px;
    line-height: 50px;
    font-weight: lighter;
}

.latest a {
  color:#009b6f;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'Cinzel', sans-serif;
}


/* INNER PAGE */ 

.title_bar {
    font-size: 25px;
    color:#006f53;
    background: #d4fcf0;
    padding:30px 40px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-family: 'Cinzel', sans-serif;
}

.title_bar a {
    text-decoration: none;
    color:#006f53;
    font-family: 'Cinzel', sans-serif;
}

.enquire {
    padding: 20px 20px;
    width: 275px;
    margin-left: -157.5px;
    position: absolute;
    top: 65%;
    left: 50%;
}

#image_row {
    width:100%;
}

.image_container {
    width: 100%;
    margin:0 auto;
    position: relative;
}

.image_tile {
  width:100%;
  position: relative;
  height: 300px;
  float: left;
  display:block;
  top:0;
}

.image_tile img {
  display:block;
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.overlay {
    background: url(https://whiteoak.co.uk/wp-content/themes/WhiteOak/../WhiteOak/images/bg_tile.png);
    width:100%;
    height: 300px;
    position: absolute;
    top:0;
    left:0;
    opacity: 0;
    color:#ffffff;
    text-align: center;
    font-family: 'Prompt', sans-serif;
    font-weight: 100;
    letter-spacing: 2px;
}

.overlay:hover {
   opacity: 1;
   transition: 2s;
}

.overlay h3 {
    padding-top: 20px;
    font-size: 20px;
    font-family: 'Cinzel', sans-serif;
    padding-bottom: 5px;
}

.overlay h4 {
    font-size: 16px;
    padding-bottom: 15px;
}

.overlay p {
    font-size: 16px;
    line-height: 20px;
}

.contact_div {
    width: 33%;
    float: left;
    color: white;
    text-align: center;
    padding: 13px 0;
    font-weight: 100;
}

.contact_div p {
  font-size: 15px;
}

.contact_div i {
    font-size: 18px;
}


.overlay_black {
    background: url(https://whiteoak.co.uk/wp-content/themes/WhiteOak/../WhiteOak/images/bg-tile-black.png);
    width:100%;
    height: 300px;
    position: absolute;
    top:0;
    left:0;
    opacity: 0;
    color:#ffffff;
    text-align: center;
    font-family: 'Prompt', sans-serif;
    font-weight: 100;
    letter-spacing: 2px;
	padding-top: 55px;
	box-sizing:border-box;
}

.overlay_black:hover {
   opacity: 1;
   transition: 2s;
}

.overlay_black h3 {
    padding-top: 20px;
    font-size: 20px;
    font-family: 'Prompt', sans-serif;
    padding-bottom: 5px;
}

.overlay_black > i {
    color: #ffffff;
    font-size: 7em;
	opacity:.3;
}

#footer  {
  width: 100%;
  background: #1a1a1a;
}

#footer_container  {
  max-width: 440px;
  margin: 0 auto;
  background: #1a1a1a;
  text-align: center;
  padding:30px;
  color:#808080;
  font-family: 'Prompt', sans-serif;
  font-weight: 200;
}

#footer_container a  {
  color:#808080;
  text-decoration: none;
}

#copyright {
    line-height: 25px;
}

}

/* MOBILE STYLES */

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


}


/*@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}*/
.contact_div.sing {
	float:none;
	display:block;
	margin:0 auto;	
}
.image_tile a {
	text-decoration:none;	
}
.agent_container h2 {
	text-transform:uppercase;
}
/*** For sale tiles ***/
@media screen and (min-width:767px) {
	.half {
		width:50%;
		height:400px;	
	}
	.half img {
		width:100%;
		height:400px;	
	}
	.half .overlay {
		width:100%;
		height:400px;
		padding:50px;
		box-sizing:border-box;
	}
	.half .overlay .lower_contact {
		/*margin-left:-50px;*/
		bottom:50px;
	}
}
@media screen and (max-width:500px) {
	.welcome p, .content p, .bottom_content p, .agent_container h3 {
		color:#000;
		font-weight:300 !important;	
	}
	.agent_container ul li a{
		font-weight:300 !important;	
	}
	ul.agent_list li {
		padding-left: 0;	
	}	
	
}
#bottom_row .left_col, #bottom_row .right_col {
	min-height:370px;
}
#bottom_row .right_col {
	background-size:cover;	
	background-position:center center;
}
div.top_page_row, .top_inner_row {
	border-bottom: 2px #ccc solid;
	border-top: 2px #ccc solid;
}
div.top_page_row img, .top_inner_row img {
	display:block;	
}
#plansToggle {
	font-family: 'Cinzel', serif;
	font-size:20px;
	text-transform:uppercase;
	color:#ccc;	
	text-align:center;
	width:100%;
	margin:30px auto;
}
#plansToggle span {
	cursor:pointer;
}
span.openIF {
	color:#333;
}
.image_container {
	display:none;	
}
.image_container.open {
	display:block;	
}
span#price {
	position: absolute;
	top: 90%;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 40px;
	font-style: italic;
	color: #fff;
	text-shadow: 0 0 5px #000;	
}
@media screen and (max-width:960px) {
	span#price {
		top:91%;	
	}
}
@media screen and (max-width:700px) {
	span#price {
		top:10%;	
	}
}
@media screen and (max-width:500px) {
	/*span#price {
		top:70px;	
		font-size: 30px;
	}*/
	.top_page_row img {
		min-height: 400px;
		object-fit: cover;
	}
}
div#breadcrumbs {
	width:100%;
	padding:10px 0;
	text-align:center;
    font-family: 'Prompt', sans-serif;
	font-weight:300;
	color:#aaa;
	border-bottom:1px #eee solid;
}
#breadcrumbs a {
	text-decoration:none;
	color:#006d4d;
	font-weight:300;
}
#breadcrumbs a:hover {
	text-decoration:underline;
}

#mySidenav.open {
	right:0;
}
#closeBtn.open {
	right:300px;
}
p, .welcome p, .content p {
	text-align:justify;	
	margin:10px 0;
}
p#breadcrumbs, .overlay p {
	text-align:center;	
}
h3.agent {
	font-weight:400;	
	color:#000;
}
.alignright {
	float:right;
	margin:20px 0 20px 20px;	
}
p.blogDate {
	font-size:14px;
	colour:#ccc !important;	
}
.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important;word-break:normal!important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label::before,.wpcf7-list-item-label::after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1e3ms;animation-timing-function:linear;animation-iteration-count:infinite}@media(prefers-reduced-motion:reduce){.wpcf7-spinner::before{animation-name:blink;animation-duration:2e3ms}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type=file]{cursor:pointer}.wpcf7 input[type=file]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}
/*
 *	generated by WOW Slider 8.7.1
 *	template Convex
 */
@import url(https://fonts.googleapis.com/css?family=Gurajada&subset=latin,telugu);
@font-face {
  font-family: 'ws-ctrl-convex';
  src: url('https://whiteoak.co.uk/wp-content/uploads/wow-slider-plugin/5/ws-ctrl-convex.eot');
  src: url('https://whiteoak.co.uk/wp-content/uploads/wow-slider-plugin/5/ws-ctrl-convex.eot#iefix') format('embedded-opentype'),
       url('https://whiteoak.co.uk/wp-content/uploads/wow-slider-plugin/5/ws-ctrl-convex.svg#ws-ctrl-convex') format('svg');
  font-weight: normal;
  font-style: normal;
;font-display: swap;
}
@font-face {
  font-family: 'ws-ctrl-convex';
  src: url('data:application/octet-stream;base64,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') format('woff'),
       url('data:application/octet-stream;base64,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') format('truetype');
;font-display: swap;
}
#wowslider-container5 { 
	display: table;
	zoom: 1; 
	position: relative;
	width: 100%;
	max-width: 100%;
	max-height:768px;
	margin:0px auto 0px;
	z-index:90;
	text-align:left; /* reset align=center */
	font-size: 10px;
	text-shadow: none; /* fix some user styles */

	/* reset box-sizing (to boostrap friendly) */
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box; 
}
* html #wowslider-container5{ width:1024px }
#wowslider-container5 .ws_images ul{
	position:relative;
	width: 10000%; 
	height:100%;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container5 .ws_images ul li{
	position: relative;
	width:1%;
	height:100%;
	line-height:0; /*opera*/
	overflow: hidden;
	float:left;
	/*font-size:0;*/
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container5 .ws_images{
	position: relative;
	left:0;
	top:0;
	height:100%;
	max-height:768px;
	max-width: 100%;
	vertical-align: top;
	border:none;
	overflow: hidden;
}
#wowslider-container5 .ws_images ul a{
	width:100%;
	height:100%;
	max-height:768px;
	display:block;
	color:transparent;
}
#wowslider-container5 img{
	max-width: none !important;
}
#wowslider-container5 .ws_images .ws_list img,
#wowslider-container5 .ws_images > div > img{
	width:100%;
	border:none 0;
	max-width: none;
	padding:0;
	margin:0;
}
#wowslider-container5 .ws_images > div > img {
	max-height:768px;
}

#wowslider-container5 .ws_images iframe {
	position: absolute;
	z-index: -1;
}

#wowslider-container5 .ws-title > div {
	display: inline-block !important;
}

#wowslider-container5 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#wowslider-container5  .ws_bullets { 
	float: left;
	position:absolute;
	z-index:70;
}
#wowslider-container5  .ws_bullets div{
	position:relative;
	float:left;
	font-size: 0px;
}
/* compatibility with Joomla styles */
#wowslider-container5  .ws_bullets a {
	line-height: 0;
}

#wowslider-container5  .ws_script{
	display:none;
}
#wowslider-container5 sound, 
#wowslider-container5 object{
	position:absolute;
}

/* prevent some of users reset styles */
#wowslider-container5 .ws_effect {
	position: static;
	width: 100%;
	height: 100%;
}

#wowslider-container5 .ws_photoItem {
	border: 2em solid #fff;
	margin-left: -2em;
	margin-top: -2em;
}
#wowslider-container5 .ws_cube_side {
	background: #A6A5A9;
}


#wowslider-container5.ws_gestures {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;
}
#wowslider-container5.ws_gestures.ws_grabbing {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;
}

/* hide controls when video start play */
#wowslider-container5.ws_video_playing .ws_bullets,
#wowslider-container5.ws_video_playing .ws_fullscreen,
#wowslider-container5.ws_video_playing .ws_next,
#wowslider-container5.ws_video_playing .ws_prev {
	display: none;
}


/* youtube/vimeo buttons */
#wowslider-container5 .ws_video_btn {
	position: absolute;
	display: none;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 55;
}
#wowslider-container5 .ws_video_btn.ws_youtube,
#wowslider-container5 .ws_video_btn.ws_vimeo {
	display: block;
}
#wowslider-container5 .ws_video_btn div {
	position: absolute;
	background-image: url(https://whiteoak.co.uk/wp-content/uploads/wow-slider-plugin/5/./playvideo.png);
	background-size: 200%;
	top: 50%;
	left: 50%;
	width: 7em;
	height: 5em;
	margin-left: -3.5em;
	margin-top: -2.5em;
}
#wowslider-container5 .ws_video_btn.ws_youtube div {
	background-position: 0 0;
}
#wowslider-container5 .ws_video_btn.ws_youtube:hover div {
	background-position: 100% 0;
}
#wowslider-container5 .ws_video_btn.ws_vimeo div {
	background-position: 0 100%;
}
#wowslider-container5 .ws_video_btn.ws_vimeo:hover div {
	background-position: 100% 100%;
}

#wowslider-container5 .ws_playpause.ws_hide {
	display: none !important;
}
/* bullets */
#wowslider-container5  .ws_bullets { 
	padding: 0px; 
}
#wowslider-container5 .ws_bullets a { 
	position:relative;
	display: inline-block;
	width: 0;
	margin: 3px 5px;
	padding: 8px;	

	-webkit-perspective: 80px;
	perspective: 80px;
} 
#wowslider-container5 .ws_bullets a > span {
	position:absolute;
	display: block;
	top:0;
	right: 0;
	height:100%;
	width:100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-transition: -webkit-transform 0.5s ease;
  	transition: -webkit-transform 0.5s ease, transform 0.5s ease;
}

#wowslider-container5 .ws_bullets a > span:before,
#wowslider-container5 .ws_bullets a > span:after {
	content: '';
	display: block;
	height:100%;
	background: #54acd2;

  	-webkit-transform: rotateX(-90deg) translateZ(-8px) translateY(8px);
  	transform: rotateX(-90deg) translateZ(-8px) translateY(8px);
}
#wowslider-container5 .ws_bullets a > span:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  	background: #1A2223;
  	-webkit-transform: rotateX(0deg);
  	transform: rotateX(0deg);
}

#wowslider-container5 .ws_bullets a.ws_overbull > span,
#wowslider-container5 .ws_bullets a.ws_selbull > span {
    -webkit-transform: rotateX(-90deg) translateZ(8px) translateY(8px);
    transform: rotateX(-90deg) translateZ(8px) translateY(8px);
}




/* play/pause, arrows */
#wowslider-container5 a.ws_next,
#wowslider-container5 a.ws_prev,
#wowslider-container5 .ws_playpause {
	position:absolute;
	font: 2em "ws-ctrl-convex";
	width: 2.5em;
	height: 2.5em;
	top:50%;
	
	margin-top: -1.25em;
	color: #ffffff;
	z-index: 100;

	-webkit-perspective: 20em;
	perspective: 20em;
}
#wowslider-container5 a.ws_next {
	right: 0;
}
#wowslider-container5 a.ws_prev {
	left: 0;
}
#wowslider-container5 .ws_playpause {
	left:50%;
	margin-left:-1.25em;
}

#wowslider-container5 a.ws_next > span,
#wowslider-container5 a.ws_prev > span,
#wowslider-container5 .ws_playpause > span,
#wowslider-container5 .ws_bullets a > span {
	display: block;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-transition: -webkit-transform 0.5s ease;
  	transition: -webkit-transform 0.5s ease, transform 0.5s ease;
}


#wowslider-container5 a.ws_next > span:before,
#wowslider-container5 a.ws_prev > span:before,
#wowslider-container5 .ws_playpause > span:before,
#wowslider-container5 a.ws_next > span:after,
#wowslider-container5 a.ws_prev > span:after,
#wowslider-container5 .ws_playpause > span:after {
	display: block;
	text-align: center;
	line-height: 2.5em;
	height:100%;
	background: #54acd2;
	color: #1A2223;

  	-webkit-transform: rotateX(-90deg) translateZ(-1.25em) translateY(1.25em);
  	transform: rotateX(-90deg) translateZ(-1.25em) translateY(1.25em);
}
#wowslider-container5 .ws_play > span:before,
#wowslider-container5 .ws_play > span:after{
	content:"\e800";
}
#wowslider-container5 .ws_pause > span:before,
#wowslider-container5 .ws_pause > span:after{
	content:"\e801";
}
#wowslider-container5 a.ws_next > span:before,
#wowslider-container5 a.ws_next > span:after {
	content:'\e803';
}
#wowslider-container5 a.ws_prev > span:before,
#wowslider-container5 a.ws_prev > span:after {
	content:'\e802';
}

#wowslider-container5 a.ws_next > span:after,
#wowslider-container5 a.ws_prev > span:after,
#wowslider-container5 .ws_playpause > span:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  	-webkit-transform: rotateX(0deg);
  	transform: rotateX(0deg);
  	background: #1A2223;
	color: #54acd2;
}

#wowslider-container5 a.ws_next:hover > span,
#wowslider-container5 a.ws_prev:hover > span,
#wowslider-container5 .ws_playpause:hover > span {
    -webkit-transform: rotateX(-90deg) translateZ(1.25em) translateY(1.25em);
    transform: rotateX(-90deg) translateZ(1.25em) translateY(1.25em);
}/* bottom center */
#wowslider-container5  .ws_bullets {
	bottom:1.5em;
	left:50%;
}
#wowslider-container5  .ws_bullets div{
	left:-50%;
}#wowslider-container5 .ws-title{
	font: 1.3em 'Gurajada', serif;
	position: absolute;
	left: 2em;
	margin-right:10em;
	z-index: 50;

	color:#fff;
	padding: 1em;
	bottom: 30px;
	top: auto;
	opacity: 1;
}
#wowslider-container5 .ws-title div,#wowslider-container5 .ws-title span{
	display:inline-block;
	padding: 0.1em 0.6em;
	background-color: #1A2223;
	color: #54acd2;
}
#wowslider-container5 .ws-title div{
	display:block;
	margin-top:0.5em;
	font-size: 1.3em;
}
#wowslider-container5 .ws-title span{
	text-transform: uppercase;	
	font-size: 2em;
}#wowslider-container5 .ws_images > ul{
	animation: wsBasic 22.4s infinite;
	-moz-animation: wsBasic 22.4s infinite;
	-webkit-animation: wsBasic 22.4s infinite;
}
@keyframes wsBasic{0%{left:-0%} 16.07%{left:-0%} 25%{left:-100%} 41.07%{left:-100%} 50%{left:-200%} 66.07%{left:-200%} 75%{left:-300%} 91.07%{left:-300%} }
@-moz-keyframes wsBasic{0%{left:-0%} 16.07%{left:-0%} 25%{left:-100%} 41.07%{left:-100%} 50%{left:-200%} 66.07%{left:-200%} 75%{left:-300%} 91.07%{left:-300%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 16.07%{left:-0%} 25%{left:-100%} 41.07%{left:-100%} 50%{left:-200%} 66.07%{left:-200%} 75%{left:-300%} 91.07%{left:-300%} }

#wowslider-container5 .ws_bulframe div div{
	height: auto;
}

@media all and (max-width:760px) {
	#wowslider-container5 .ws_fullscreen {
		display: block;
	}
}
@media all and (max-width:400px){
	#wowslider-container5 .ws_controls,
	#wowslider-container5 .ws_bullets,
	#wowslider-container5 .ws_thumbs{
		display: none
	}
}