/**
  Theme Name: Claire Rebecca
  Version: 1.0
  Author: janleeks.com
  Author URI: http://www.janleeks.com
  Description: Bespoke theme for Claire Rebecca Interior Design
*/


/**
  theme requirements as per 
  http://codex.wordpress.org/CSS
*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.hide-element {display: none;}



/* #Site Styles
================================================== */
html {
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html, body{
 height: 100%;
 width: 100%;
font-family: essonnes-display, serif;
font-weight: 400;
font-style: normal;
 
}

a, a p{
   outline: 0; text-decoration: none;
    transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;
}

a:hover,  a p:hover {
   text-decoration: none;
   transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;
}


body{
	background:#FFF;
    transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;
    font-family: essonnes-text, serif;
	font-weight: 400;
	font-style: normal;
	
}


header {
	width:100%;	
	z-index:100;
	position:relative;
    top: 0px;
    box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.02);
	text-align: center;
	background-color: #FFF;
	}

header.locked {
	transition: all ease 0.4s;
	}


header #mobile{display: none;}


header  .util-bar
{position: absolute;
display: inline;
	right: 0; top:20px;}

header  .util-bar ul
{ list-style: none;
	padding:0px;
margin: 0;}


header  .util-bar ul li
{ padding:0px;
	margin: 0 ;
	display:inline-block;
		position: relative;
}


header  .util-bar ul li a
{ margin: 0px;
	color:#FFF;
	text-decoration: none;
    display: block;
    }

header  .util-bar ul li a img
{ width: 20px; height: auto; display: inline-block;
    opacity:0.75;
margin: 5px 0 0 10px;transition: all .15s ease-in-out;
   -moz-transition: all .15s ease-in-out;
   -webkit-transition: all .15s ease-in-out;}



header  .util-bar ul li a:hover img
{opacity:1; transform: scale(1.10);}




header .logowrap{
	display: block;
	margin: 0px;}

header .logowrap img{
	margin: 0 auto;
    width: 300px;
    height: auto;
	display: block;
padding: 30px 0;}




.navigationwrap{ background-color: #FFF; border-top: 2px #EAEAEA solid; height: 42px;}









		

#desknav  {
	
	list-style: none;
	line-height:14px;
    font-family: montserrat, sans-serif;
font-weight: 400;
font-style: normal;
		
	}
	
	#desknav  ul{
	
	padding:0px;
	margin: 0;
	list-style: none;
	text-align:center;
	}
	
	#desknav  ul li{
	
	padding:0px;
	margin: 0px;
	display:inline-block;
		position: relative;
	
	
	}
	
	#desknav  ul li a{
	text-transform: uppercase;
	color:#000;
	text-decoration: none;
	display:block;
	font-size:16px;
	margin: 0px 10px;
	padding:14px 20px;
	 transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;
		z-index: 100; 
        letter-spacing: 0.35em;
        font-weight: 500;
	}
	


	
		#desknav  ul li a:hover{
			background-color: #BB985A;
			color: #FFF;
	}

#desknav  ul li.current_page_item a{
			background-color: #BB985A;
			color: #FFF;
	}

#desknav  ul li:first-of-type.current_page_item a{
			background-color: #FFF;
			color: #000;
	}


		#desknav  ul li a.active{
		}
		
		


#subNav {display: none;}



/*Here Rich I have started with something to hide the sub-elements*/

header #desktop ul li ul {
  	visibility: hidden;
	opacity: 0;
	 text-align:left;
	 width: auto;
	 margin-left: 0px;
    margin-top: 0px;
}

header #desktop ul li:hover > ul {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}


/*  stuff dropped in to */

header #desktop ul:after {
	content: ""; clear: both; display: block;
}

header #desktop ul li li{
	display:block!important;
}

header #desktop ul li li:after{
	content : "";
}



	
header #desktop ul ul {
	background: #FFFEF4!important;
	padding: 0px;
	position: absolute;
	top: 100%;
	z-index: 1000;
    line-height: 150%;
	
}
header #desktop ul ul li {
	float: none; 
    
   
	
}
header #desktop ul ul li a {
	padding: 10px 20px 10px!important;
	margin: 0 0 0px 0!important;
	color: #000;
     font-size: 14px!important;
    border-bottom: 3px solid #FFFEF4!important;
     display: block!important;
}	

header #desktop ul ul li.current_page_item a {
	 border-bottom: 3px solid #1C362E!important;
    color: #000!important;
   
}

header #desktop ul ul li.current_page_ancestor a {
	color:#000;
}



header #desktop ul li.current_page_ancestor ul li a, header #desktop ul li.current_page_item ul li a {
	color:#000;
}

header #desktop ul li.current_page_ancestor ul li:hover a, header #desktop ul li.current_page_item ul li:hover a, header #desktop ul li ul li:hover a {
 border-bottom: 3px solid #1C362E!important;
    color: #000!important;
}



header #desktop ul li.current_page_ancestor ul li.current_page_item a {
	color:#000!important;
}



section.topgap {margin-top: 0px;}




section.banner {
background-color: #111;
display: block;
margin-top: 0px;
overflow: hidden;
background-size: cover;
background-position: center;
height: 350px;
	animation: fadeIn 1s; 
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}



section.banner .container, section.nobanner .container {height: 100%;text-align: center;position: relative;}



section.banner h1 {
font-family: adobe-caslon-pro, serif;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
letter-spacing: 0.185em;
color: #FFF;
padding: 20px 50px 10px 50px;
background-color: #111;
	line-height: 100%;
	font-size: 30px;
    
}
section.nobanner {
background: rgba(55,55,55,1);
padding: 0px;
position: relative;
height: 120px;}

section.nobanner .middleme, section.banner .middleme{
position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}



section.nobanner h1 {
font-family: adobe-caslon-pro, serif;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
letter-spacing: 0.085em;
color: #FFF; 
font-size: 30px;
}


section.carouselwrap{
	
  position: relative;
	aspect-ratio: 16 / 8;
	
}

section.carouselwrap .inner {
  height: 100%;
  position: relative;
	overflow: hidden;
}

section.carouselwrap .inner .flexslider {
  height: 100%;
}

section.carouselwrap .inner .flexslider2 {
  height: auto;
	transition: all ease 0.4s;
}

section.carouselwrap .inner .flexslider ul.slides {
  height: 100%;
}
section.carouselwrap .inner .flexslider ul.slides li {
  height: 100%;
}

section.carouselwrap .inner .flexslider ul.slides li {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background-size: cover;
  background-position: center;
	width: 100%;
}

section.text-block {
     color: #000;
    padding: 100px 0 100px 0; text-align: center; position: relative;
}

section.text-block.leftalign {
    
 text-align: left;
}
section.text-block.intro {
 padding: 40px 0;
}


section.text-block.image {
 padding: 60px 0;
}

section.text-block.white{
     background: rgba(255,255,255,1.0);
    color: #3E434E;
}

section.text-block.cement{
	background-image: url("images/cement-bg1.jpg");
	background-repeat: repeat-y;
	background-size: 100% auto;
	background-position: top center;
	background-color: #FEFEFE;
}



section.text-block.lineafter{
    border-bottom: 1px solid #BB985A;
}

section.text-block.emblem{
   padding: 100px 0;
		}

section.text-block.emblem:before{
            	content: "";
    position: absolute;
    top: -31px;
    opacity: 1;
    width: 63px;
    height: 63px;
    z-index:10;
	left: calc(50% - 31px);
	background-image: url("images/emblem.png");
	background-repeat: no-repeat;
	background-size: 63px auto;
	
		}


section.text-block.triple .flex{
	display: flex;
}

section.text-block.triple .flex .triple-wrap{
background-color: #FFF;
	width: 50%;
	margin: 0 10px 40px 10px;
	text-align: center;
	padding: 0;
}

section.text-block.triple .flex .triple-wrap .triple-textwrap{
padding: 0 20px 20px 20px
}

section.text-block img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}


section.text-block .clairepic img{
	border-radius: 100%;
	width: 220px;
	height: auto;
	margin: 40px auto;
}


section.text-block.triple .flex .triple-wrap img{
	margin: 0 0 10px 0;
	
}


section.text-block .image-wrap{
	position: relative;
	margin: 30px 0 0 0;
}

section.text-block.triple .flex .triple-wrap .fig{
	border-radius: 50%;
    width: 36px;
    height: 30px;
    padding: 6px 2px 2px 2px;
	font-size: 28px;
    background: #333;
    color: #CAAC64;
    text-align: center;
	margin: 0 auto 20px auto;
	display: inline-block;
	font-family: adobe-caslon-pro, serif;
	font-weight: 400;
	font-style: normal;
}

section.text-block h1{ 
    font-size: 34px;
 line-height: 120%;
 font-family: adobe-caslon-pro, serif;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
letter-spacing: 0.085em;
    margin: 0 0 20px 0;
color: #BB985A;
display: none;}


section.text-block h2{ 
    font-size: 30px;
 line-height: 120%;
 font-family: adobe-caslon-pro, serif;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
letter-spacing: 0.085em;
    margin: 0 0 20px 0;
color: #BB985A;}



section.text-block h3{ 
     font-size: 26px;
 line-height: 120%;
 font-family: adobe-caslon-pro, serif;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
letter-spacing: 0.085em;
    margin: 0 0 50px 0;
color: #BB985A;}

section.text-block h4{ 
     font-size: 22px;
 line-height: 120%;
 font-family: adobe-caslon-pro, serif;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
letter-spacing: 0.1em;
    margin: 0 0 20px 0;
color: #BB985A;}

section.text-block.triple h4{ 
border-bottom: solid 1px #DEDEDE;
padding: 0 0 20px 0;}


section.text-block p{
	font-size: 20px;
	margin: 0 0 30px 0;
	line-height: 145%;
	color: #555;}

section.text-block p.intro{
	font-size: 26px;
	margin: 0 0 30px 0;
	line-height: 145%;
	color: #555;}


section.text-block.triple p{
	margin: 0;
	font-size: 18px;
}

section.text-block ul{
	font-size: 20px;
	margin: 0 0 30px 0;
	line-height: 145%;
	color: #555;}

section.text-block .quotee{
	
font-family: montserrat, sans-serif;
font-weight: 400;
font-style: normal;	
letter-spacing: 0.25em;
	font-size: 16px;
	margin: 0 0 30px 0;
	
}

section.text-block .quotee span{
font-weight: 500!important;
}



section.text-block p a{ color: #C3A15F;}

section.text-block p a:hover{ color: #000;}



section.text-block .caption{
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	background-color: #FFF;
padding: 3px 6px 3px 0px;}

section.text-block .caption p{
	font-size: 14px; margin: 0;}




section.text-block .call-to-action {
   display: block;
    margin: 40px 0 20px 0;
}


section.text-block .call-to-action a{
    
font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    padding: 20px 50px;
    white-space: nowrap;
    color: #555;
    font-family: montserrat, sans-serif;
font-weight: 400;
font-style: normal;
    display: inline-block;
	background-color: #FFF;
	border: solid 1px #C3A15F;
}



section.text-block .call-to-action a:hover{
     background-color: #C3A15F;
	color: #FFF;
	letter-spacing: 0.28em;
}



section.text-block .accordion-wrap{
    margin-bottom: 60px;
}
section.text-block .accordion h3.indicator {
    color: #464545;
    background-image: url(images/indicator.svg);
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 9px 9px;
    padding: 10px 10px;
    cursor: pointer;
    width: calc(100% - 20px);
    border-bottom: solid 1px #EEE;}

section.text-block .accordion h3.indicator.expanded {
    border-bottom: none;
    background-image: url(images/indicator-open.svg);
    margin-bottom: 20px;
}

section.text-block .accordion h3.indicator a{color: #464545;}


section.text-block .accordion .accord-item
		 { display: none;
			 border-bottom: solid 1px #EEE;
			 margin-bottom:10px; 
			 clear: both;
			 overflow: hidden;
			 width: calc(100% - 20px);
			 padding: 10px;
			
}

section.text-block .service-index{
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    margin: 20px 0 0 0;

height: 100%;
 align-items: center;
  justify-content: center;
	width: 100%;
}


section.text-block .service-index a { border: 0px; padding:0px; margin: 0px;}

section.text-block .service-index .single-service-wrap{
margin: 0px 5px;
 width: calc(25% - 10px);
    
}

section.text-block .service-index.folio .single-service-wrap{
margin: 0px 5px;
 width: calc(50% - 10px);
    
}

section.text-block.smallfolio .service-index.folio .single-service-wrap{
margin: 0px 5px;
 width: calc(33% - 10px);
    
}

section.text-block .service-index .single-service-wrap .single-flex{
/*    display: flex;
    flex-wrap: wrap;*/
    width: 100%;
    margin-bottom: 10px;
    background-color: #FFF;
    
}

section.text-block .service-index .single-service-wrap .single-service-imagewrap{
margin: 0px; position: relative;
    overflow: hidden;
   
}






section.text-block .service-index .single-service-wrap  img{
width: 100%; height: auto; margin: 0px; padding: 0; display: block;
   transition: all .5s ease-in-out;
  transform-origin: center;
      outline: 2px solid white;
  outline-offset: -10px;
}

section.text-block .service-index.folio .single-service-wrap  img{
 outline-offset: -20px;
}
section.text-block .service-index .single-service-wrap  img:hover{
transform: scale(1.05);transition: all .5s ease-in-out; 
 outline-offset: -18px;    
    

}

section.text-block .service-index.folio .single-service-wrap  img:hover{ 
 outline-offset: -35px;    
    

}

section.text-block .service-index .single-service-wrap .single-service-contentwrap{
    position: absolute;
    height: auto;
    display: block;
    border-top: 0px;
    bottom: 14px;
	
	left: 50%;
  transform: translateX(-50%);
}

section.text-block .service-index .single-service-wrap .single-service-contentwrap .title-wrap{
background-color: #FFF;
    margin: 0 auto;
    padding: 0px;
	position: relative;
}


section.text-block .service-index .single-service-wrap .single-service-contentwrap h3{
text-transform: uppercase; font-size: 16px;
    letter-spacing: 0.15em; margin: 0;
    padding: 5px 20px;
  line-height: 130%;
    color: #3E434E;
font-family: "Gotham A", "Gotham B";
font-style: normal;
font-weight: 400;
    background-color: #FFF;display: inline;
	white-space: nowrap;
}


section.text-block .service-index.folio .single-service-wrap .single-service-contentwrap{bottom: 20px;}


section.text-block .service-index.folio .single-service-wrap .single-service-contentwrap .title-wrap{
background-color: #FFF;
    margin: 0 auto;
    padding: 100px
}


section.text-block .service-index.folio .single-service-wrap .single-service-contentwrap h3{
font-size: 20px;
    letter-spacing: 0.15em; 
    padding: 0px;
font-weight: 500;
    background-color: transparent;
    display: block;
}

section.text-block .service-index.folio .single-service-wrap .single-service-contentwrap h4{
    font-family: garamond-premier-pro,serif;
line-height: 120%;
font-weight: 500;
text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.15em;
    margin: 5px 0 0 0;
    padding: 0px;
    color: #3E434E;
    display: block;
}







section.text-block .news-index{
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    margin: 60px 0 0 0;
    height: 100%;
 align-items: center;
  justify-content: center;
}


section.text-block .news-index .news-itemwrap {
    margin: 0px 5px;
    width: calc(33.33% - 10px);
}

section.text-block .news-index .news-itemwrap .single-flex {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 10px;
    background-color: #FFF;
    transition: all .2s ease-in-out;
}
section.text-block .news-index .news-itemwrap .single-flex:hover{
transform: scale(1.01);
}
section.text-block .news-index .news-itemwrap .single-flex .imagewrap {
    margin: 10px;
    display: block;
    background-color: #000;
    width: 100%;
}

section.text-block .news-index .news-itemwrap .single-flex .imagewrap .categoryname{
   position: absolute;
    top: 0px;
    left: 0px;
    background-color: #FFF;
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px;
        color: #333;line-height: 100%;
    letter-spacing: 0.15em;
        
}


section.text-block .news-index .news-itemwrap .single-flex .imagewrap  img {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0;
    display: block;
}

section.text-block .news-index .news-itemwrap .single-flex .contentwrap{
width: 100%;
    position: relative;
    background-color: #6F6F6F!important;
    height: auto;
    display: block;
    min-height: 60px;
    border: solid 10px #FFF;
    border-top: 0px;
    transition: all .2s ease-in-out;
}

section.text-block .news-index .news-itemwrap:hover .single-flex .contentwrap{
transition: all .2s ease-in-out;
    background-color: #1C362E!important;
}

section.text-block .news-index .news-itemwrap .single-flex .contentwrap .title-wrap{
  top: 50%;
  left: 10%;
  transform: translateY(-50%); position: absolute;
    width: 80%;
    
}

section.text-block .news-index .news-itemwrap .single-flex .contentwrap h2{
text-transform: uppercase; font-size: 14px;  letter-spacing: 0.05em; margin: 0;
  line-height: 130%;
    color: #FFF;
        font-weight: 400;font-family: proxima-nova, sans-serif;
}




section.text-block .tablepress th {
    background-color: #769A9B;
    color: #FFF;
    text-transform: uppercase;
}

			
				
section.text-block .fullimage img {width:100%; height: auto; position: relative; display: block; margin-bottom: 20px;}

section.text-block .fullimage  {position: relative; margin-bottom: 0px;}
				


section.text-block .fullimage .info-overlay p{color: #464545; font-size: 12px; font-weight: 500; padding: 5px; text-transform: uppercase; letter-spacing: 0.15em; margin: 0;}


section.text-block .slides  {position: relative;}

section.text-block .slides .info-overlay p{color: #464545; font-size: 12px; font-weight: 500; padding: 5px; text-transform: uppercase; letter-spacing: 0.15em; margin: 0;}
			





.text-block .halfandhalf{margin-bottom: 30px;}
.text-block .halfandhalf img.lefty{float: left; width: 35%; height: auto; margin-right: 30px; margin-bottom: 30px;}
.text-block .halfandhalf img.righty{float: right; width: 35%; height: auto; margin-left: 30px; margin-bottom: 30px;}


section.text-block .downloads { background-color: #464545; padding: 10px;}
section.text-block .downloads h2{color: #FFF; margin-bottom: 10px;}

section.text-block .downloads-list {margin: 0; padding: 0; list-style: none; line-height: 250%;}

section.text-block .downloads-list li{margin: 0; padding: 0; list-style: none;}

section.text-block .downloads-list li a{color: #FFF;  background-image: url(images/pdf.svg); background-size: 40px auto; background-position: left center; background-repeat: no-repeat; padding:  10px  0 10px 60px;}

section.text-block .downloads-list li a:hover{ }
		
	section.text-block ul.downloads-list li:before {
    content: "";
}
	
		
		section.text-block  .tabs
		 {
			 list-style: none;
			 margin: 0px 0px 20px 0px;
			 padding: 0px;
			 width: 100%;
			 text-align: center;
			 line-height: 250%;
}


section.text-block  .tabs li
		 {
			 display:inline-block;
			 margin: 0px;
			 padding: 0px;
			 background-image: none;
}

section.text-block ul.tabs li:before {
    content: "";
}



section.text-block  .tabs li a
		 {
			 color: #464545;
    cursor: pointer;
    font-size: 14px;
    margin-right: 4px;
	text-decoration: none;
	padding: 5px 10px;
			 letter-spacing: 0.1em;
			 text-transform: uppercase;border: solid 2px #464545; font-weight: 700;
}
section.text-block .tabs li a:hover
		 {
			 background-color: #464545;
			 color:#fff!important;
			 text-decoration: none!important;
}
section.text-block  .tabs li a.active
		 {
			 background-color: #464545;
			 color:#fff;
}
	section.text-block  .tabs li a.current
		 {
             background-color: #464545;
border: solid 2px #464545;

			 color:#fff;
}	


section.text-block  .tabs li.current-arch a		 {
			 background-color:#464545;
			 color:#fff;
}	
		
		
section.text-block   .results th:first-child
		 { font-weight: normal;
			 
}


section.text-block   .tabbed-item .results th
		 { text-align:left;
			 
}

section.text-block  .tabbed-item .results td
		 { text-align:left;
			 
}

section.text-block   .tabbed-item .results td .pdf
		 { width: 19px;
		 height: 22px;
		 background-image:url(images/table-pdficon.png);
		 background-repeat: no-repeat;
		 display:block;
		 text-indent:-9999px;
		 background-position: 0px 0px;
		 background-size:19px 22px;
			 
}



section.text-block .tabbed  table
		 {
		 border-spacing: 0;
    border-collapse: collapse;
	font-size:12px;
	line-height:16px;
	color:#555;
	margin-bottom:10px;;
		
		
}

section.text-block .tabbed  table td
		 {
		 padding: 15px 0px;
		 text-align:right;
		 border-bottom: solid 1px #A7CFCD;
		
}

section.text-block .tabbed  table td:first-child
		 {
		
		 text-align:left;
		 
}

section.text-block .tabbed table th:first-child
		 {
		
		 text-align:left;
		
		 
}


section.text-block .tabbed  table th
		 {
		 padding: 15px 0px;
		 color:#333;
		  border-bottom: solid 1px #007680;
		  text-align:right;
		  font-weight: normal;
    font-style: normal;
	font-family: "AvenirLT-Heavy";
	text-transform:uppercase;
	letter-spacing:0.15em;
}



section.text-block .tabbed  table tr th.centre
		 {
			
             
             
             
}

section.text-block .halfoftextblock {width: 60%; float: left;}


section.text-block img.stretchyim {width: 30%; height: auto; margin-left: 10%;}




section.text-block input[type="text"], section.text-block input[type="password"], section.text-block input[type="email"], section.text-block input[type="tel"], section.text-block select{
    padding: 5px 10px;
    box-shadow: none;
    box-sizing: border-box;
	color: #000;
    display: inline;
    vertical-align: top;
    background-color: #FFF;
    font-size: 16px!important;
    border: solid 1px #C3A15F;
    margin: 0 0 20px 0;
	width: 75%;

}

section.text-block #wpcf7-f338-p339-o1 input[type="text"], section.text-block #wpcf7-f338-p339-o1 input[type="password"], section.text-block #wpcf7-f338-p339-o1 input[type="email"], section.text-block #wpcf7-f338-p339-o1 input[type="tel"], section.text-block #wpcf7-f338-p339-o1 select{

	width: 65%;

}







section.text-block textarea{
 padding: 10px 10px;
    box-shadow: none;
    box-sizing: border-box;
	color: #000;
    display: inline;
    vertical-align: top;
    background-color: #FFF;
    font-size: 16px!important;
    border: solid 1px #C3A15F;
    margin: 0 0 20px 0;
	width: 75%;
	height: 100px;

}

section.text-block #wpcf7-f338-p339-o1 textarea, section.text-block #wpcf7-f338-p339-o1  .wpcf7-date{

	width: 65%;

}

section.text-block #wpcf7-f338-p339-o1 h4{
	border-top: solid 1px #CCC;
	padding-top: 20px;
	margin-top: 20px;
}

section.text-block #wpcf7-f338-p339-o1 p.pages{
	font-size: 14px;
	text-transform: uppercase;
	margin: 0;
	font-family: montserrat, sans-serif;
  font-weight: 400;
  font-style: normal;
}




section.text-block input[type="text"]:focus, section.text-block input[type="password"]:focus, section.text-block input[type="email"]:focus, section.text-block input[type="tel"]:focus {
	border: solid 2px #C3A15F;

}

section.text-block textarea:focus {
	border: solid 2px #C3A15F;
	background-color: #FFF;	
}

section.text-block label {display: none!important;}

section.text-block #wpcf7-f338-p339-o1 label {display: inline-block!important; width: calc(33% - 20px); font-weight: 400; color: #555; font-size: 16px; vertical-align: top; padding: 10px 2% 10px 0;}

section.text-block #wpcf7-f338-p339-o1 .wpcf7-checkbox, section.text-block #wpcf7-f338-p339-o1 .wpcf7-radio{width: 65%; display: inline-block; margin-bottom: 20px;}


section.text-block #wpcf7-f338-p339-o1 .wpcf7-checkbox .wpcf7-list-item, section.text-block #wpcf7-f338-p339-o1 .wpcf7-radio .wpcf7-list-item  { width: 100%;}

section.text-block #wpcf7-f338-p339-o1 .wpcf7-checkbox .wpcf7-list-item  label, section.text-block #wpcf7-f338-p339-o1 .wpcf7-radio .wpcf7-list-item  label{ width: 100%;}



section.text-block input[type="submit"]{
font-size: 16px;
text-transform: uppercase;
letter-spacing: 0.3em;
padding: 30px 50px;
white-space: nowrap;
color: #555;
font-family: montserrat, sans-serif;
font-weight: 400;
font-style: normal;
display: inline-block;
background-color: #FFF;
border: solid 1px #C3A15F;
	border-radius: 0;
	line-height: 0;
}

section.text-block input[type="submit"]:hover{
   background-color: #C3A15F;
	color: #FFF;
	letter-spacing: 0.28em;
}

section.text-block #wpcf7-f338-p339-o1 input[type="submit"]{
margin-bottom: 100px;
}



section.text-block .wpcf7-spinner{display: none;}


section.text-block button.uacf7-next, 
section.text-block button.uacf7-prev{
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  padding: 17px 30px;
  white-space: nowrap;
  color: #FFF;
  font-family: montserrat, sans-serif;
  font-weight: 600;
  font-style: normal;
  display: inline-block;
  background-color: #C3A15F;
  border: solid 1px #C3A15F;
  border-radius: 0;
  line-height: 0;
}

section.text-block button.uacf7-next:hover, 
section.text-block button.uacf7-prev:hover{

  background-color: #555;
  border: solid 1px #555;
}





section.text-block .flexslider3{
    margin: 0; padding: 0;
}

section.text-block .flexslider3 ul li{
  display: inline-block;
    margin: 0 auto;
}


section.text-block .flexslider3 ul li:before{
  display: none;
}

section.text-block .flexslider3 ul li p{
  margin: 0 0 10px 0;
    font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.15em;
}

section.text-block .flexslider3 ul li img{
 width: 70%;
    height: auto; margin: 0 auto; padding: 0;
}

section.text-block .supplier-flex {display: flex;
text-align: center;
flex-wrap: wrap;
margin: 60px 0 0 0;}

section.text-block .supplier-flex {display: flex;
text-align: center;
flex-wrap: wrap;
margin: 60px 0 0 0;}


section.text-block .supplier-flex .supplier-wrap{margin: 0px 25px;
width: calc(16.66% - 50px);}

section.text-block .supplier-flex .supplier-wrap .image-wrap{width: 100%; position: relative; margin: 0 0 10px 0; padding: 0;}

section.text-block .supplier-flex .supplier-wrap .image-wrap:before{content: "";
  display: block;
  padding-bottom: 100%;}

section.text-block .supplier-flex .supplier-wrap p{font-size: 12px; color: #000; letter-spacing: 0.15em; text-transform: uppercase;}



section.text-block .supplier-flex .supplier-wrap img{width: 80%; height: auto;position: absolute;top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}


section.text-block  .gallery img{width: 100%; height: auto; display: block;}


section.text-block  .gallery.flex{display: flex; flex-wrap: wrap; margin-bottom: 0px;justify-content: center;
}


section.text-block  .gallery.flex .galleryindividual{width: calc(20% - 27px); margin: 0 10px 10px 0; flex-grow: 6;}









section.general1 .centre-recap{  margin: 20px auto;
width: 180px;
}

section.general1.intouch { background: rgb(255,255,255)!important; padding: 30px 0;}


section.general1.intouch .getintouch{ padding: 20px; text-align: center!important; background-color: #FFF; color: #0D2653!important; border: 5px solid #0D2653;}

section.general1.intouch .getintouch:hover{ background-color: #0D2653; border: 5px solid #0D2653;}


section.general1.intouch .getintouch h2 {color: #0D2653;
font-size: 20px;
margin: 0 0 10px 0; text-transform: uppercase;letter-spacing: 0.05em;}

section.general1.intouch p {
    color: #0D2653;
    font-size: 16px;
    line-height: 130%;
    margin: 0;
    text-align: center!important;
}

section.general1.intouch .getintouch:hover h2 {color: #FFF;}
section.general1.intouch .getintouch:hover p {color: #FFF;}




section.related {padding: 30px 0 30px 0;
    text-align: center;background-color: #E8E0D3;
}
section.related .container {
}



section.related h2{font-family: bodoni-urw, serif;
text-transform: uppercase;
font-size: 20px;
font-weight: 300;
letter-spacing: 0.05em;
margin: 0 0 20px 0;
color: #464545;}

section.related .relatedwrap{ min-height: 100px; padding: 10px; width: calc(30% - 30px) !important; display: inline-block; margin: 0 15px; vertical-align:top;
background-color: #FFF;
}

section.related .relatedwrap:hover{ background-color: #464545;}

section.related .relatedwrap h3{
text-transform: uppercase;
letter-spacing: 0.15em;
font-size: 14px;
color: #464545;}

section.related .relatedwrap:hover h3{ color: #FFF;}

.custom-hide-button {top:20px;
	position:absolute;
	left:20px;
	width:30px; 
	height:30px;
	border: 0px none #eee; 
	border-bottom: 0px none #ddd;
	background-size: 30px 30px;
	background: url(images/map-nav.svg) 0 0 no-repeat;
}
.custom-hide-button:hover {
	background: url(images/map-nav-on.svg);
	
}

.custom-hide-button.sidebar-open {
	background: url(images/map-nav-on.svg);
}







.article-information .container .infom{ background: rgb(235,235,235);
background: linear-gradient(0deg, rgba(235,235,235,1) 0%, rgba(204,204,204,1) 100%);
padding: 10px;
	text-align: left;
	margin-bottom: 0px;
}

.article-information .container .infom.tagsetc{background: rgb(235,235,235)!important;
padding: 10px;
	text-align: left;
	margin-bottom: 10px;
}


.article-information .author-wrap  #author-description img{ float: left; margin-right: 20px; margin-bottom: 10px;
}

.article-information .author-wrap  h2{
	color: #333;
    font-size: 18px;
    margin: 0 0 10px 0;
    font-family: "FSAlbertBold", sans-serif;
    font-weight: normal;
    font-style: normal;
}

.article-information .author-wrap  p{
	color: #333; font-size: 16px; margin: 0 0 20px 0;
}


.article-information .author-wrap  p.topics{
	margin: 10px; line-height: 200%
}


.article-information .author-wrap  a{
color: #FFF;
	font-size: 14px;
line-height: 100%;
text-transform: uppercase;
letter-spacing: 0.09em;
display: inline-block;
    
background-color: #A05FBE;
border: solid 2px #A05FBE;
padding: 5px 10px;
    
    
    
}


.article-information .author-wrap  a:hover{
color: #A05FBE;
    background-color: #FFF;
border: solid 2px #A05FBE;
}



section.talkingabout{margin-top: 0px!important;}


section.talkingabout .row.blogs {margin-bottom: 60px;}
section.talkingabout .row.blogs.blogindex {margin-bottom: 20px;}

section.talkingabout.inpage {position: relative; 
}



section.talkingabout .artwrap{
    position: relative;
    display: flex;
}






section.talkingabout .titlearea{
    background: rgba(118,154,155,0.95);
    padding: 0px;
    width: calc(100% - 20px);
    display: block;
    vertical-align: top;
    text-align: center;
    position: absolute;
    bottom: 0px;
    right:0px;
    height: auto;
     color: #333;
     transition:  .10s ease-in-out;
   -moz-transition:  .10s ease-in-out;
   -webkit-transition:  .10s ease-in-out;
    margin: 10px;
}


section.talkingabout .row:nth-of-type(2) .titlearea{
    right: 0!important;
    left: auto;
}



section.talkingabout .titlearea .titlespace{
    padding: 10px;
}



section.talkingabout .titlearea .titlespace h3{
    font-size: 12px; margin: 0 0 0px 0; line-height: 145%; letter-spacing: 0.05em;text-transform: uppercase; font-weight: 500; color: #FFF;
}


section.talkingabout .titlearea .date{ text-transform: uppercase; letter-spacing: 0.25em; color: #FFF; font-weight: 500; font-size: 10px; margin: 0 0 5px 0!important;}



section.talkingabout .artwrap:hover .titlearea{
   background: rgba(43,45,49,1.0);
    height: auto;
     transition:  .10s ease-in-out;
   -moz-transition:  .10s ease-in-out;
   -webkit-transition:  .10s ease-in-out;
    transform: scale(1.025); /* Equal to scaleX(0.7) scaleY(0.7) */
}

section.talkingabout .artwrap:hover .titlearea .titlespace .excerpt p{
   display: none;
}
section.talkingabout .artwrap:hover .titlearea .date{
  color: #FFF;
}



section.talkingabout .imagearea{
    background-color: #CCC;
    padding: 0px;
    width: 100%;
    display: block;
    vertical-align: top;
}

section.talkingabout .imagearea img{
    width: 100%;
    display: block;
    height: auto;
}



section.text-block .pagination{
	text-align: center;
    padding: 20px  0 0 0;
}

section.text-block .pagination ol{
	list-style: none;
	font-size: 18px;
}

section.text-block .pagination ol li{
	display: inline-block;
	margin: 0 10px;
}


section.text-block .pagination ol li:before{
	display: none;
}





section.text-block .pagination ol li  a.prev:hover, section.latestviews .pagination ol li  a.next:hover{
	background-color: #000!important; color: #FFF!important;
}


section.text-block .pagination ol li a{    display: table-cell; vertical-align: middle; 
  text-align: center;
 color: #000;
cursor: pointer;
font-size: 14px;
margin-right: 4px;
text-decoration: none;
letter-spacing: 0.1em;
text-transform: uppercase;
border: solid 1px #000;
 width: 24px; height: 24px;
font-weight: 500;
}
section.text-block .pagination ol li a:hover{  background: #000;

	color: #FFF; 
}


section.text-block .pagination ol li .current{ 
    color: #FFF;
cursor: pointer;
font-size: 12px;
margin-right: 4px;
text-decoration: none;
letter-spacing: 0.1em;
text-transform: uppercase;
border: solid 1px #000;
 width: 24px; height: 24px;  display: table-cell; vertical-align: middle; 
  text-align: center;background-color: #000;
}


section.mapwrap {background-color: #CCC; width: 100%; height: 500px;}

		
footer {
			background-color: #FFF;
			padding:60px 0;
			text-align:center;
            color: #FFF;
			border-top: 1px solid #BB985A;
			font-family: montserrat, sans-serif;
			font-weight: 400;
			font-style: normal;}

footer .rightalign{text-align: right; margin-top: 100px}

footer .rightalign.nospacetop{ margin-top: 20px}

			
footer img{
			width:240px;
			height:auto;
            margin: 0 0 20px 0;
			}

		
		
footer p {
			font-size:12px;
			color:#555;
			font-style: normal;
			line-height:150%;
			margin: 0 0 30px 0;
			text-transform: uppercase;
			letter-spacing: 0.35em;
        }

footer p a{
			
			color:#555;
			text-decoration: none;
		}
		
footer p a:hover{
			
			
			text-decoration: underline;
		}

footer h2 {font-size:12px;
			color:#555;
			font-style: normal;
			line-height:150%;
			margin: 0 0 20px 0;
			text-transform: uppercase;
			letter-spacing: 0.35em;
			font-weight: 500;
}

footer ul.socials
{ list-style: none;padding:0px; text-align: right;
margin: 20px 0 30px 0;}

footer ul.socials li
{ padding:0px;
	margin: 0px;
	display:inline-block;
		position: relative;
text-transform: uppercase;
    font-size:12px;
     letter-spacing: 0.15em;
}
footer ul.socials li strong
{ font-weight: 500;
}






footer ul.socials li a
{ margin: 0px;
	color:#FFF;
	text-decoration: none;
    display: block;
    }
footer ul.socials li a img
{ width: 20px; height: auto; display: inline-block;
    opacity:0.75;
margin: 0px 10px 0 10px;transition: all .15s ease-in-out;
   -moz-transition: all .15s ease-in-out;
   -webkit-transition: all .15s ease-in-out;}


footer ul.socials li a:hover img
{opacity:1; transform: scale(1.10);}






footer ul {
    list-style: none;
    text-align: right;
    line-height: 200%;
	text-transform: uppercase;
    font-size:12px;
     letter-spacing: 0.15em;
	
}


footer ul li{
   margin: 0;
	display: inline-block;
}

footer ul li:before{
  content: " "; width: 1px; height: 10px; background-color: #CCC; display: inline-block; margin: 0px 10px 0px 10px;
}

footer ul li:first-of-type:before{
  display: none;
}



footer ul li a{
   color: #555;
	margin: 5px 0;
}

footer ul li a:hover{
   color: #000;
	text-decoration: underline;
}




	






.video-overlay {width: 100%; height: 100%;  background: rgba(0, 0, 0, 0.95); position: fixed; top: 0; left: 0; overflow: hidden; z-index: 3000;}


.video-overlay .vidcontainer{content: "";
display: table;
clear: both;
position: relative;
width: 100%;
max-width: 2200px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;}


.video-overlay .closer img{width: 30px; float: right; margin-bottom: 30px; opacity: 0.85; position: absolute; top: 0; right: 0; padding: 10px; background-color: #1C362E;}

.video-overlay .closer img:hover{opacity: 1;}

.video-overlay .central-block{ width: 100%; position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}


.video-overlay iframe { width: 100%; height: 80vh;}


.respvid-wrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }

.respvid-wrap iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.fullimage .thumbwrap{ position: relative; margin-bottom:0px;}



.fullimage .thumbwrap .thumbover {
    bottom: 0;
    display: block;
    position: absolute;
    width: 100%;
	height:100%;
	z-index: 99;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(images/play-icon.svg);
	background-size:  60px 60px;transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;
}


.fullimage  a:hover .thumbover {
	 background: rgba(187, 152, 90, 0.75) none repeat scroll 0 0;background-image: url(images/play-icon.svg);
	

	background-position: center center;
	background-repeat: no-repeat;
	background-size:  60px 60px;transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;
    
    
    
}







		.ctcc-inner {
			font-size:12px;
			color:#FFF;
			font-weight: normal;
    font-style: normal; 
	text-transform: uppercase;
	letter-spacing:1px;
	padding:2px;}

	
	
	#catapult-cookie-bar .ctcc-inner button#catapultCookie {
   background-color: #007680;
    border:  none;
    color: #FFF;
    font-size: 10px;
    letter-spacing: 2px;
    padding: 10px!important;
    text-align: center;
    text-transform: uppercase;
	border-radius: 0px!important;
		height: 30px;
		display: table-cell;
		vertical-align: middle;
		line-height: 100%!important;
}

	#catapult-cookie-bar a {text-decoration: underline;
}

#catapult-cookie-bar .ctcc-inner button#catapultCookie{background-color: #0D2653;}
#catapult-cookie-bar .ctcc-inner button#catapultCookie:hover {background-color: #000;}
#catapult-cookie-bar .ctcc-inner  span{margin:0 20px;display: inline-block;}





.featherlight-content .caption{
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	background-color: #FFF;
padding: 3px 6px 3px 6px;
font-size: 14px!important;
	margin: 0!important;
  font-family: essonnes-text, serif!important;
  font-weight: 400!important;
  font-style: normal!important;
	line-height: 145%!important;
color: #555!important;
}




@media only screen and (min-width: 1023px) and (max-width: 1200px) {
}
@media only screen and (min-width: 960px) and (max-width: 1024px) {
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
@media only screen and (max-width: 959px) {
    
    section.banner .imagewrap {
    height: 300px;
}
    
    
    
    
    section.topgap {margin-top: 60px;}
    
	
#desktop, .logowrapper{display: none;}
    
    
    header  .util-bar
{height: 30px; text-align: center; background-color: #000; position: fixed; top:0px; width: 100%; border-bottom: 1px solid #444;}
header .util-bar ul {

    margin: 0 00px 0 0;
}
    
header .util-bar ul li a img {
  
    margin: 0px 0 0 10px;
}
header .util-bar ul li {
   
    margin: 5px 0 0 0;
}
    
   
header{top:0px; }
header #mobile{
	
	display: block;
	text-align: center;
	height: 60px;}
    
header { background-color: #FFF;
	height: 60px;position: fixed;
}	
header #mobile img.headlogo { width: 50px; height: auto;  float: left;}
header .logowrap img{padding: 5px 0;}
header #mobile .logowrap{position: absolute; top:0px;z-index: 100;

  left: 50%;
  transform: translateX( -50%);}

    
     header #mobile .button-wrap {
    display: block;
    float: right;
    width: 30%;
    text-align: right;
    margin-right: 0%;
	margin-top:5px;
}
    .mobile_accordian{
		position: relative;
		background-image: url("images/cement-bg1.jpg");
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-position: top center;
  background-color: #FEFEFE;
		height: calc(100vh - 60px);
		font-family: montserrat, sans-serif;
		font-weight: 400;
		font-style: normal;
}
	
	section.text-block.triple .flex{
	display: block;
}

section.text-block.triple .flex .triple-wrap{
background-color: #FFF;
	width: calc(100% - 20px);
	margin: 0 10px 40px 10px;
	text-align: center;
	padding: 0;
}

	
section.text-block h2{ 
    font-size: 22px;}



section.text-block h3{ 
     font-size: 18px;
	margin: 0 0 30px 0;
	}

section.text-block h4{ 
     font-size: 16px;}


section.text-block p{
	font-size: 15px;}
	
	
section.text-block ul{
	font-size: 15px;}

section.text-block.triple p{
	font-size: 14px;
}
	
section.text-block.triple .flex .triple-wrap img {
  margin: 0 0 20px 0;
}	

section.text-block p.intro {
  font-size: 20px;
}

section.text-block .quotee{
	
font-family: montserrat, sans-serif;
font-weight: 400;
font-style: normal;	
letter-spacing: 0.25em;
	font-size: 16px;
	margin: 0 0 30px 0;
	
}

section.text-block .quotee span{
font-weight: 500!important;
}
	
section.text-block {
  padding: 60px 0 ;
}	
	
section.text-block.emblem{
   padding: 60px 0;
		}

section.text-block.emblem:before{
            
    top: -20px;
    width: 40px;
    height: 40px;
	left: calc(50% - 20px);
	background-size: 40px auto;
	
		}
	
footer .rightalign {
  text-align: center;
  margin-top: 0px;
}	

footer ul.socials {
  text-align: center;
}	
	
	footer ul {
  text-align: center;
}
	
section.banner {

  height: 250px;
}	
	
section.banner h1 {
font-size: 20px
    
}


section.nobanner h1 {
font-size: 20px
}
	
footer img {
  width: 180px;
  height: auto;
  margin: 0 0 20px 0;
}	
	
}



@media only screen and (max-width : 768px) {
    
section.banner .imagewrap {
    height: 220px;
}    
    

  
section.text-block .call-to-action a {

    padding: 10px 20px;
     display: inline-block;
    font-size:     12px;
    white-space: normal;
}  
    

 section.text-block  .gallery.flex .galleryindividual{width: calc(33.33% - 27px); }
	
	
section.carouselwrap{
	
  position: relative;
	aspect-ratio: 16 / 10;
	
}	
    
}

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



}
    

	@media only screen and (max-height : 800px) {

}



	@media only screen and (max-height : 767px) {
		
		
section.carouselwrap{
	
  position: relative;
	aspect-ratio: 16 / 14;
	
}		

}




.rc-message { background-color: #0D2653; padding: 10px; color: #FFF; margin-bottom: 20px;}


.rc-message p{ font-weight: 300; color: #FFF!important; text-transform: uppercase; letter-spacing: 0.075em; margin: 0!important;text-align: center!important;}



.wpcf7 .wpcf7-response-output{width: 100%; border: none!important; padding: 0!important; color: #000!important;}

.wpcf7-not-valid-tip{color: #000;}

div.wpcf7 .ajax-loader {
 margin-top: 20px!important;
}


.grecaptcha-badge{
	visibility: collapse !important;  
}