/*
Theme Name:     The Steadings
Theme URI:      http://thesteadingscirencester.co.uk
Description:    Custom theme by the Mighty Ant for Harrison Fraser
Author:         The Mighty Ant
Author URI:     http://www.themightyant.com
Version:        0.9.7

===========================
BRAND COLOURS:

#575756 - Font
#d8d2c9 - pale gold bg (footer)
#cb9d29 - gold boxes and hover (map)
#cfc9c0 - lines & arrow down colour & light text
#3f5f4c - Green mobile menu BG

===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 General CSS
04 Content blocks CSS
05 Page Template CSS
06 Media queries 

===========================

/* ---------------------------------------------------------------------------------------------------------- 
------------------------------------------- 01 SENSIBLE DEFAULTS --------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* Starkers CSS Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
audio,canvas,video{display:inline;zoom:1}
html{font-size:100%;box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
*, *:before, *:after {box-sizing:inherit;}
body{margin:0}
a{color:blue}
li{list-style:none}
b,strong{font-weight:600}
i,em,dfn{font-style:italic}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
small{font-size:85%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}
label{cursor:pointer}
input,select,textarea{font-size:100%;vertical-align:middle;margin:0}
button,input{line-height:normal;overflow:visible}
button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}
input[type=checkbox],input[type=radio]{box-sizing:border-box}
input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top;resize:vertical}
table{border-collapse:collapse;border-spacing:0}
td{vertical-align:top}

div,article,section,header,footer,nav,li { position:relative; }
.group:after 		{ display:block; height:0; clear:both; content:""; visibility:hidden; font-size: 0; }
::-moz-selection 	{ background:#d8d2c9; color:#222; }
::selection 		{ background:#d8d2c9; color:#222; }

/* Wordpress defaults */
img.alignright { float: right; margin: 0 0 15px 15px; max-width: 100%; height: auto; }
img.alignleft { float: left; margin: 0 15px 15px 0; max-width: 100%; height: auto; }
img.aligncenter { display: block; margin: 0 auto; max-width: 100%; height: auto; }  
img.alignnone {  margin: 10px 0; max-width: 100%; height: auto; }

/* Useful Classes */
.sprite { /*background-image: url('images/sprite.png');*/ background-repeat: no-repeat; text-indent: -9999px; display: inline-block; position: relative; }
.responsive { width: 100%; }
.mobile { display: none; }
.desktop { display: block; }
.display-none { display: none }
.centered { margin: 0 auto; }
.v-align { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.v-align::before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.35em; }
.v-align span { display: inline-block; text-align: center; width: auto; padding: 10px; vertical-align: middle; }
.flex-direction-nav li { position: inherit; }
.button { background: transparent; border: none; padding: 0; font-weight: 600; display: inline-block; text-decoration: none; }
.no-touchevents .button:hover { color: #cb9d29; } 
.js-button, .js-button:hover, .js-button:active, .js-button:focus { outline: none; }
.print { display: none; }
.layout { background-color: hsla(0, 50%, 50%, 0.5); }

.embed-container { position:relative; padding-bottom:56.25%; overflow:hidden; max-width:100%; height:0; height:auto;	} 
.embed-container iframe, .embed-container object, .embed-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }

/* Animation and filters */
.animate-all, .menu-item a, .footer-col-1 a { 
    -webkit-transition: all 300ms; 
            transition: all 300ms; 
}
.animate-all-slow { 
    -webkit-transition: all 600ms; 
            transition: all 600ms; 
}

.no-touchevents .img-link:hover img,
.img-link:focus img, 
.img-link:active img {
    -webkit-filter: saturate(110%) contrast(110%) brightness(105%);
            filter: saturate(110%) contrast(110%) brightness(105%);  
}

/* ---------------------------------------------------------------------------------------------------------- 
---------------------------------------------- 02 TYPOGRAPHY ------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* 
font-family: 'Montserrat', sans-serif; 400, 400i 600
font-family: 'Meno Disp Semi Bd', serif; normal
*/


body, input, textarea { 
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.45;
	color: #575756;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/*text-rendering: geometricPrecision;*/
}

h1, h2, h3 { 
	/*font-family: 'EB Garamond', serif;
	font-weight: 500;*/
	font-family: "Meno Disp Semi Bd";
	font-size: 26px;
    font-display: swap;
    font-style: normal;
    font-weight: normal;
    line-height: 1.2;
	margin-bottom: 20px;
}
h1 {
	margin-bottom: 30px;
}
h3 { 
	color: #cfc9c0;
}
h4 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 30px;
}
h5 {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 8px;
    /*margin-bottom: 16px;*/
}
h6 { }

p { 
	margin-bottom: 20px; 
}

a, a:link, a:visited {
	color: #575756;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	color: #cb9d29; 
}
a[href^="tel"], .no-underline {
	text-decoration: none;
}

ul { padding-left: 18px; margin-bottom: 20px; }
ol { padding-left: 16px; margin-bottom: 20px; }
ul li { list-style-type: disc; }
ol li { list-style-type: decimal; }
.content ul { padding-left: 0; }
.content ul li { list-style-type: none; margin-left: 10px; margin-bottom: 20px; }
.content ul li:last-child { margin-bottom: 0px; }
.content ul li::before { content: '-'; margin-left: -10px; width: 10px; display: inline-block; }


/* ---------------------------------------------------------------------------------------------------------- 
---------------------------------------------- 03 GENERAL CSS -----------------------------------------------
---------------------------------------------------------------------------------------------------------- */

body{
	margin-top: 57px;
}
.logo {
    display: block;
    width: 178px;
    padding-top:18px;
}
.logo a {
	display: block;
	/*-width: 178px;*/
	width: 180px;
	/*height: 26px;*/
	height: 28px;
	background: url("images/logo-header.svg") 0 0 no-repeat;
	/*background-size: 178px 26px;*/
	background-size: 180px 28px;
	top: 15px;
	z-index: 3;
}
header {
    background-color: #d8d2c9;
    z-index: 100;
    height: 95px;
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-transform: translateY(-57px);
            transform: translateY(-57px);
	-webkit-transition:-webkit-transform 450ms;
	transition:-webkit-transform 450ms;
	transition:transform 450ms;
	transition: transform 450ms, -webkit-transform 450ms;
}
.header-visible header, .menu-open header {
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}

/* ------------------------------------------------ MENUS ------------------------------------------------ */

/* All menus */
.main-menu, .hover-menu, .sub-menu, .footer-menu, .legal-menu {
    padding: 0;
    margin-bottom: 0;
}
.menu-item {
    list-style-type: none;
}
.menu-item a {
    text-decoration: none;
}
.header-menu .current-menu-item > a, .header-menu .current-menu-parent > a, 
.hover-menu .current-menu-item > a, .hover-menu .current-menu-parent > a,
.main-menu .current-menu-item > a {
    font-weight: 600;
    text-decoration: underline;
}
.header-menu .page-item-7.current_page_item a {
    font-weight: 400;
    text-decoration: none;
}

/* Header Menu */
.header-menu {
	display: none;
}

/* Mobile menu */
.main-menu-nav {
    width: 100%;
    min-height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #3f5f4c;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition:-webkit-transform 650ms;
    transition:-webkit-transform 650ms;
    transition:transform 650ms;
    transition: transform 650ms, -webkit-transform 650ms;
    z-index: 90;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 78px 20px 20px;
}
.menu-open .main-menu-nav {
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}

.main-menu {
	text-align: center;
	min-width: 155px;
}
.main-menu li {
    margin: 22px 0;
    display: block;
}
.main-menu a {
    color: #d8d2c9;
	font-size: 17px;
}
.main-menu a:hover, .main-menu a:active, .main-menu a:focus {
    color: #cb9d29;
}
/* Hide About */
.main-menu .menu-item-194 > a {
    display: none;
}
.main-menu .menu-item-42, .main-menu .menu-item-43 {
    border-top: 1px solid #cfc9c0;
    padding-top: 22px;
}

/* ----------------------------------------------- FOOTER ------------------------------------------------ */

.footer {
    background: #d8d2c9;
    padding: 55px 0;
	overflow: hidden;
}
.footer a {
	text-decoration: none;
}
.footer p {
    margin-bottom: 30px;
}
.footer-menu a, .legal-menu a {
    font-weight: 600;
}
/*
.legal-menu {
	margin-top: 30px;
}
*/
.legal-menu li {
    display: inline-block;
}
.legal-menu li:not(:last-child) {
    margin-right: 50px;
}
.footer-col-3 p:first-of-type {
    margin-bottom: 8px;
}

/* ---------------------------------------------------------------------------------------------------------- 
------------------------------------------- 04 CONTENT BLOCK CSS --------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.main-menu-nav + section:not(.cb-header) {
    padding-top: 50px;
}
section:not(.cb-header) {
	margin-top: 40px;
	margin-bottom: 40px;
}
section:not(.cb-header) + section:not(.cb-header) {
    margin-top: 40px;
}
.cta-link > *:last-child a {
    text-decoration: none;
	-webkit-transition:all 300ms;
	transition: all 300ms;
}

/* ---------------------------------------------- CB HEADER ---------------------------------------------- */

.cb-header {
    background-size: cover;
    background-position: center;
	padding-top: 69%;
	margin-top: 0;
}
.home .cb-header {
    height: 100vh;
    height: calc(100vh - 57px);
    background-size: cover;
	background-position: center;
	padding-top: 0;
}
.cb-header::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 20px;
    -webkit-transform: translate(-50%) rotate(45deg) skew(5deg, 5deg);
            transform: translate(-50%) rotate(45deg) skew(5deg, 5deg);
    width: 20px;
    height: 20px;
    border: 1px solid #d8d2c9;
    border-width: 0 2px 2px 0;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.header-logo {
    position: absolute;
	display: block;
    top: 50%;
    left: 50%;
    width: 220px;
    height: 150px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: url(images/logo-home.svg) 0 0 no-repeat;
    background-size: 220px 150px;
    margin-top: 25px;
	text-indent: -9999px;
}

/* -------------------------------------------- CB BREADCRUMB -------------------------------------------- */
.breadcrumbs {
    margin-top: 35px;
	margin-bottom: -10px;
    font-size: 12px;
}
a.breadcrumb {
    text-decoration: none;
    margin-right: 32px;
	position: relative;
}
a.breadcrumb:not(:last-child)::after {
    content: '';
    position: absolute;
    top: -6px;
    right: -18px;
    display: block;
    width: 1px;
    border-left: 1px solid #cfc9c0;
    height: 28px;
}


/* ---------------------------------------- CB HEADING & CONTENT ------------------------------------------ */

.heading-narrow .cb-heading-content--heading h2 {
    color: #cfc9c0;
}


/* ----------------------------------------- CB IMAGE & CONTENT ------------------------------------------ */

.cb-text-image + .cb-text-image {
    margin-top: 125px;
}
.cb-text-image .row {
    -webkit-box-align: end;
        -ms-flex-align: end;
                -ms-grid-row-align: flex-end;
            align-items: flex-end;
}
.cb-text-image--image {
    margin-bottom: 40px;
}
.cb-text-image--text {
    margin-top: -4px;
    margin-bottom: -4px;
}
.image-Right .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
.cb-text-image--text > *:first-child {
	position: relative;
	padding-top: 29px;
}
.cb-text-image--text > *:first-child::before {
	border-top: 1px solid #cfc9c0;
	content: '';
	display: block;
	width: 40%;
	position: absolute;
	top: 0;
}

.cb-text-image--text h2 br {
    display: none;
}

/* ----------------------------------------------- CB MAP ------------------------------------------------ */

.cb-map {
	overflow: hidden;
}
.cb-map-toggles {
    border-top: 1px solid #cfc9c0;
    padding: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
a.cb-map-toggle {
    width: 50%;
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    padding: 8px 2px;
    text-decoration: none;
}
.cb-map-toggle-1 {
    border-right: 1px solid #cfc9c0;
}
.cb-map-toggle:hover, .cb-map-toggle:active, .cb-map-toggle:focus,
.cb-map-toggle.selected, .cb-map-1-visible .cb-map-toggle-1, .cb-map-2-visible .cb-map-toggle-2 {
    color: #cb9d29;
}

.cb-map-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}
.cb-map-intro {
    display: none;
    border: 1px solid #cfc9c0;
    border-width: 1px 0;
    padding: 35px 0 35px;
    margin-bottom: 35px;
}
a.cb-map-key {
    text-decoration: none;
    display: block;
    margin-bottom: 17px;
}
.cb-map-key-1, .cb-map-key-2 {
    -webkit-columns: 3 150px;
       -moz-columns: 3 150px;
            columns: 3 150px;
}
.cb-map-key-B2 {
	letter-spacing: -0.25px;
}
.cb-map-key.active {
    color: #cb9d29;
}

/* Maps */
.cb-map-map {
    margin-bottom: 20px;
}
.svg-fix-canvas {
  display: none;
}

/* Toggle show/hide */
.cb-map-1-visible .cb-map-intro-2,
.cb-map-1-visible .cb-map-key-2,
.cb-map-1-visible .cb-map-2 {
	display: none;
}
.cb-map-2-visible .cb-map-intro-1,
.cb-map-2-visible .cb-map-key-1,
.cb-map-2-visible .cb-map-1 {
	display: none;
}

/* Map icons */
.cb-map-location {
    position: absolute;
    -webkit-transform: translate(-50%, 3px);
            transform: translate(-50%, 3px);
}
.cb-map-location.alt {
    position: absolute;
    -webkit-transform: translate(50%, 3px);
            transform: translate(50%, 3px);
}
.cb-map-location[data-loc] {
    cursor: pointer;
}

/* Map 1 */
.cb-map-cheltenham, div.cb-map-h-cheltenham { top: 3.8%; left: 41.5%; }
.cb-map-gloucester, div.cb-map-h-gloucester { top: 10.9%; left: 24.3%; }
.cb-map-stroud, div.cb-map-h-stroud { top: 45.1%; left: 21.3%; }
.cb-map-cirencester, div.cb-map-h-cirencester { top: 47.7%; right: 34.3%; }
.cb-map-tetbury, div.cb-map-h-tetbury { top: 67.5%; left: 33%; }
.cb-map-kemble, div.cb-map-h-kemble { top: 66.3%; left: 52.2%; } 
.cb-map-swindon, div.cb-map-h-swindon { top: 81.3%; right: 27.3%; }
div.cb-map-h-M5 { top: 28.6%; left: 24.8%; }
div.cb-map-h-M4 { top: 89.9%; right: 47.2%; }
.cb-map-steadings { top: 55.6%; left: 50.1%; }
.cb-map-cotswolds { top: 27.3%; left: 51%; text-align: center; }
.cb-map-cotswolds span { display: none; font-size: 14px; line-height: 0.9; }
.cb-map-loc-large { font-size: 18px; font-weight: 600; }

#kemble-active #map-A-kemble { fill: #cb9d29; }
#cheltenham-active #map-A-cheltenham { fill: #cb9d29; }
#gloucester-active #map-A-gloucester { fill: #cb9d29; }
#M5-active #map-A-M5 { fill: #cb9d29; }
#swindon-active #map-A-swindon { fill: #cb9d29; }
#M4-active #map-A-M4, #M4-active #map-A-M4-2 { fill: #cb9d29; }
#stroud-active #map-A-stroud { fill: #cb9d29; }
#tetbury-active #map-A-tetbury { fill: #cb9d29; }

#kemble-active .cb-map-h-kemble { display: block }
#cheltenham-active .cb-map-h-cheltenham { display: block }
#gloucester-active .cb-map-h-gloucester { display: block }
#M5-active .cb-map-h-M5 { display: block }
#swindon-active .cb-map-h-swindon { display: block }
#M4-active .cb-map-h-M4 { display: block }
#stroud-active .cb-map-h-stroud { display: block }
#tetbury-active .cb-map-h-tetbury { display: block }


/* Map 2 */
#chesterton-active #map-B-chesterton { fill: #cb9d29; }
#c-school-active #map-B-c-school { fill: #cb9d29; }
#rau-active #map-B-rau { fill: #cb9d29; }
#c-college-active #map-B-c-college { fill: #cb9d29; }
#c-hospital-active #map-B-c-hospital { fill: #cb9d29; }
#cotswold-active #map-B-cotswold { fill: #cb9d29; }
#c-park-active #map-B-c-park { fill: #cb9d29; }
#town-active #map-B-town { fill: #cb9d29; }
#waitrose-active #map-B-waitrose { fill: #cb9d29; }
#c-amp-active #map-B-c-amp { fill: #cb9d29; }

.cb-map-steadings-B { top: 75.6%; left: 42%; }

div.cb-map-h-chesterton { top: 63.7%; right: 35.2%; }
div.cb-map-h-c-school { top: 42.5%; left: 30.3%; }
div.cb-map-h-university { top: 47.1%; left: 17.8%; }
div.cb-map-h-c-college { top: 39.8%; left: 38%; }
div.cb-map-h-c-hospital { top: 40.7%; right: 45.3%; }
div.cb-map-h-leisure { top: 34%; right: 40.7%; }
div.cb-map-h-c-park { top: 24.5%; left: 12.3%; }
div.cb-map-h-town { top: 18.1%; right: 29.8%; }
div.cb-map-h-waitrose { top: 38.2%; right: 36.9%; }
div.cb-map-h-c-amp { top: 45.6%; right: 38.8%; }

#chesterton-active .cb-map-h-chesterton { display: block; }
#c-school-active .cb-map-h-c-school { display: block; }
#rau-active .cb-map-h-university { display: block; }
#c-college-active .cb-map-h-c-college { display: block; }
#c-hospital-active .cb-map-h-c-hospital { display: block; }
#cotswold-active .cb-map-h-leisure { display: block; }
#c-park-active .cb-map-h-c-park { display: block; }
#town-active .cb-map-h-town { display: block; }
#waitrose-active .cb-map-h-waitrose { display: block; }
#c-amp-active .cb-map-h-c-amp { display: block; }


/* Map Hover */
.cb-map-hover {
    display: none;
    position: absolute;
    top: 0;
    -webkit-transform: translate(22px, -52%);
            transform: translate(22px, -52%);
    background: #cb9d29;
    padding: 6px 8px;
    color: #fff;
	font-size: 13px;
}
.cb-map-hover.alt {
    transform: translate(-22px, -52%);
}
.cb-map-hover::after {
    top: 50%;
    right: 100%;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
	border-style: solid;
    border-color: transparent;
    border-right-color: #cb9d29;
    border-width: 7px 10px 7px 10px;
    margin-top: -7px;
    display: block;
}
.cb-map-hover.alt::after {
    right: initial;
    left: 100%;
    border-right-color: transparent;
    border-left-color: #cb9d29;
}

/* Map points */
.map-point:hover {
	cursor: pointer;
}

/* ---------------------------------------------------------------------------------------------------------- 
------------------------------------------- 05 PAGE TEMPLATE CSS --------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------ HOME ------------------------------------------------- */

.home .cb-content-content--1 {
	margin-bottom: 30px;
}

/* ----------------------------------------------- DETAILS ----------------------------------------------- */

.details-content {
    margin-top: 80px;
}
.details-content::before {
    content: '';
    position: absolute;
    top: -50px;
    left: 15px;
    display: block;
    width: 22%;
    height: 1px;
    border-top: 1px solid #cfc9c0;
}
.downloads {
    margin-top: 70px;
    -webkit-columns: 3 240px;
       -moz-columns: 3 240px;
            columns: 3 240px;
	-webkit-column-gap: 70px;
	   -moz-column-gap: 70px;
	        column-gap: 70px;
    -webkit-column-gap: 10%;
       -moz-column-gap: 10%;
            column-gap: 10%;
    -webkit-column-rule: 1px solid #cfc9c0;
       -moz-column-rule: 1px solid #cfc9c0;
            column-rule: 1px solid #cfc9c0;
}
.downloads:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 27px;
    display: block;
    background: #fff;
    width: 100%;
}
.download {
    display: block;
    -webkit-column-break-inside: avoid;
       page-break-inside: avoid;
            break-inside: avoid;
}
.download p {
    margin-bottom: 30px;
}
.download-title {
    margin-bottom: 5px;
}
.download-subtitle {
    margin: -5px 0 4px;
}
a.download-button {
    text-decoration: none;
}

/* ------------------------------------------------ NEWS ------------------------------------------------- */

.news-page h1 {
    margin-bottom: 50px;
}
.posts {
	border-bottom: 1px solid #cfc9c0;
}
.post {
    border-top: 1px solid #cfc9c0;
    padding: 25px 0 5px;
}
.post-date {
    font-weight: 600;
	margin-bottom: 20px;
}
.post-slide {
    max-height: 100px;
    overflow: hidden;
    margin-bottom: 20px;
}
.post-slide > *:last-child {
	margin-bottom: 0;
}
.post.open .post-slide {
    max-height: 9999px;
    margin-bottom: 20px;
}
.post-slide-button {
    position: relative;
    top: -10px;
    right: 0;
    width: 100%;
    height: 30px;
    display: block;
}
.post-slide-button span {
    display: block;
    width: 17px;
    height: 17px;
    border: 1px solid #565656;
    border-width: 0 1px 1px 0;
    -webkit-transform: translate(-50%, 0) rotate(45deg) skew(8deg, 8deg);
            transform: translate(-50%, 0) rotate(45deg) skew(8deg, 8deg);
    position: absolute;
    left: 50%;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}
.post-slide-button span:hover, .post-slide-button span:active, .post-slide-button span:focus {
    border-color: #cb9d29;
}
.post.open .post-slide-button span {
    -webkit-transform: translate(-50%, 15px) rotate(-135deg) skew(8deg, 8deg);
            transform: translate(-50%, 15px) rotate(-135deg) skew(8deg, 8deg);
}

/* ---------------------------------------------------------------------------------------------------------- 
---------------------------------------------- 06 PLUGIN CSS ------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger {
    position: absolute;
    top: 2px;
    right: 0;
}
.hamburger {
	padding: 15px 15px;
	display: inline-block;
	cursor: pointer;
	-webkit-transition-property:opacity, -webkit-filter;
	transition-property:opacity, -webkit-filter;
	transition-property:opacity, filter;
	transition-property: opacity, filter, -webkit-filter;
	-webkit-transition-duration: 0.15s;
	        transition-duration: 0.15s;
	-webkit-transition-timing-function: linear;
	        transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
	outline: none;
}
.hamburger:hover {
	opacity: 0.7;
}
.hamburger-box {
	width: 25px;
	height: 24px;
	display: inline-block;
	position: relative;
}
.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
	width: 25px;
	height: 2px;
	background-color: #575756;
	border-radius: 0px;
	position: absolute;
	-webkit-transition-property:-webkit-transform;
	transition-property:-webkit-transform;
	transition-property:transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-duration: 0.15s;
	        transition-duration: 0.15s;
	-webkit-transition-timing-function: ease;
	        transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
	content: "";
	display: block;
}
.hamburger-inner::before {
	top: -10px;
}
.hamburger-inner::after {
	bottom: -10px;
}

/* 3DX */
.hamburger--3dx .hamburger-box {
	-webkit-perspective: 80px;
	        perspective: 80px; 
}
.hamburger--3dx .hamburger-inner {
	-webkit-transition:background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition:background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition:transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); 
}
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
	-webkit-transition:-webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition:-webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); 
}

.hamburger--3dx.is-active .hamburger-inner {
	background-color: transparent;
	-webkit-transform: rotateY(180deg);
	        transform: rotateY(180deg); 
}
  .hamburger--3dx.is-active .hamburger-inner::before {
	-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
	        transform: translate3d(0, 10px, 0) rotate(45deg); 
}
  .hamburger--3dx.is-active .hamburger-inner::after {
	-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
	        transform: translate3d(0, -10px, 0) rotate(-45deg); 
}


/* ------------------------------------------- GRAVITY FORMS  -------------------------------------------- */

.gf-tma {
	overflow: hidden;
}
.gf-tma-col-1, .gf-tma-col-2 {
    clear: none !important;
	padding-right: 0 !important;
}
.gf-tma-col-1 input, .gf-tma-col-2 input {
	border: none;
	border-bottom: 1px solid #cfc9c0;
	padding: 5px 15px 5px 0px !important;
	margin-top: 30px;
	border-radius: 0;
	box-shadow: none;
}
.gf-tma-col-1 input:focus, .gf-tma-col-2 input:focus {
    outline: none;
    border-bottom: 1px solid #cb9d29;
}
.gf-tma-textarea {
    padding-right: 0 !important;
}
.gf-tma textarea {
	border: 1px solid #cfc9c0;
	margin-top: 35px;
	border-radius: 0;
	box-shadow: none;
}
.gf-tma textarea:focus {
    outline: none;
    border: 1px solid #cb9d29;
}
.gform_wrapper .gfield_required {
    display: none !important;
}
.gform_wrapper .gform_footer {
    margin-top: 0 !important;
}
.gf-tma input[type="submit"] {
    text-align: left;
}

/* Validation */
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	border-bottom: 1px solid #790000;
}

/* Custom Checkbox */
.gf-custom-checkbox {
    left: 30px;
    margin-right: 20px;
    padding-right: 0 !important;
    width: calc(100% - 45px) !important;
	margin-top: 20px !important;
}
.gf-custom-checkbox label {
    font-size: 12px;
    line-height: 1 !important;
}
.gf-custom-checkbox ul.gfield_checkbox li input[type=checkbox]:checked+label, .gf-custom-checkbox ul.gfield_checkbox li input[type=checkbox]:not(:checked)+label {
	margin-left:19px;
	font-weight: 400;
	font-size: 15px;
} 
/*Custom subscribe box for .gf-custom-checkbox class*/
.gf-custom-checkbox [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
	position: absolute!important;
	left: -9999px;
}
.gf-custom-checkbox [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
	position: relative!important;
	padding-left: 0!important;
	cursor: pointer!important;
}
.gf-custom-checkbox [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: -30px;
	top: 2px;
	width: 18px;
	height: 18px;
	border: 1px solid #cfc9c0;
	background: #fff;
	padding: 2px;
}
.gf-custom-checkbox [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	top: 6px;
	left: -26px;
	font-size: 14px;
	line-height: 0.8;
	background-color: #cfc9c0;
	-webkit-transition:all .2s;
	transition: all .2s;
}

/* checked mark aspect changes */
.gf-custom-checkbox [type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	        transform: scale(0);
}

.gf-custom-checkbox [type="checkbox"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	        transform: scale(1);
}

/* disabled checkbox */
.gf-custom-checkbox [type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #ddd;
}
.gf-custom-checkbox [type="checkbox"]:disabled:checked + label:after {
	color: #999;
}
.gf-custom-checkbox [type="checkbox"]:disabled + label {
	color: #aaa;
}

/* --------------------------------------------- FLEXSLIDER ---------------------------------------------- */

.flexslider li {
    list-style-type: none;
}

/* --------------------------------------------- COOKIE BAR ---------------------------------------------- */

/* Cookie Bar */
#eu-cookie-bar {
    background-color: #d8d2c9;
	color: #575756;
	color: hsl(60, 1%, 20%);
	width: auto;
	right: 0;
	padding: 3px 15px 2px;
}
#eu-cookie-bar a {
    color: #575756;
	color: hsl(60, 1%, 20%);
}
#eu-cookie-bar a:hover, 
#eu-cookie-bar a:focus {
    color: #cb9d29;
}
button#euCookieAcceptWP {
	background: #575756;
	border-radius: 0;
}
button#euCookieAcceptWP:hover, 
button#euCookieAcceptWP:focus {
	background: #cb9d29;
}
.has-cookie-bar {
	padding-bottom: 40px;
}



/* ---------------------------------------------------------------------------------------------------------- 
-------------------------------------- 07 MEDIA QUERIES (mobile-first) --------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* 
iphone 3 - 4S   320 x 480px (372px visible, 440px when scrolling) 
iphone 5 - 5S   320 x 568px
iphone 6 - 8    375 × 667px (559??)
iphone 6+ - 8+  414 × 736px (628??)
iphone X: 		375 x 812px
ipad            768 x 1024px
ipad Pro 		1024 x 1366px
*/

/* 374 and down */
@media screen and (max-width:374px) { 
	
	.main-menu-nav { padding: 68px 15px 10px }
	.main-menu li { margin: 8px 0 } 
	.main-menu .menu-item-42, .main-menu .menu-item-43 { padding-top: 8px; }
	
}
	
/* 768 and down */
@media screen and (max-width:767px) { 
	
	/*.cb-map-hover { display: none !important } */
	.home .cb-content-content { display: none; }
	.cb-3-cols-1, .cb-3-cols-2 { margin-bottom: 7px; }
	.heading-narrow .cb-heading-content--heading h2, .cb-3-cols-1 h3 { position: relative; }
	.heading-narrow .cb-heading-content--heading h2::before, .cb-3-cols-1 h3:before { content: ''; display: block; position: absolute; top: -29px; left: 0; width: 70%; border-top: 1px solid #cfc9c0; }

}
	
/* 576 and up - SM */
@media screen and (min-width:576px) {
	
	.container {
		max-width: 768px;
	}
	
	.gf-tma-col-1, .gf-tma-col-2 {
		width: 50% !important;
		display: inline-block;
	}
	
	a.cb-map-toggle {
		font-size: 20px;
	}
	.cb-map-kemble, div.cb-map-h-kemble { 
		top: 66.3%; 
		left: 48.2%; 
	} 
	
	.download {
		min-height: 75px;
	}

}

/* 768 and up - MD */
@media screen and (min-width:768px) {
	
	h1, h2, h3 { 
		font-size: 32px;
	}
	h1 {
		margin-bottom: 50px;
	}

	.container {
		max-width: 992px;
	}
    .footer p {
		margin-bottom: 20px;
	}
	
	/* Content Blocks */
	section:not(.cb-header) {
		margin-top: 75px;
		margin-bottom: 75px;
	}
	section:not(.cb-header) + section:not(.cb-header) {
		margin-top: 125px;
	}
	.col-md-padding {
		padding-right: 4.16666%;
	}
	.last-content > *:last-child {
		margin-bottom: 0;
	}
	
	/* CB Header */
	.cb-header, .home .cb-header {
		height: 0;
		background-size: cover;
		background-position: center;
		padding-top: 40.7%;
		margin-top: -25px;
	}

	.header-logo {
		width: 336px;
		height: 226px;
		background-size: 336px 226px;
		margin-top: 0;
	}
	.cb-header::after {
		bottom: 44px;
		width: 40px;
		height: 40px;
	}
	
	/* CB Breadcrumb */
	.breadcrumbs {
		margin-top: 50px;
		margin-bottom: -30px;
	}
	
	/* CB Heading Content */
	.heading-border .cb-heading-content--heading::after {
		content: '';
		display: block;
		border-bottom: 1px solid #cfc9c0;
		bottom: -50px;
		position: absolute;
		width: 100%;
		max-width: 60%;
	}
	
	.heading-narrow .cb-heading-content--heading {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 33.333%;
		        flex: 0 0 33.333%;
		max-width: 33.333%;
	}
	.heading-narrow .cb-heading-content--content {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 66.666%;
		        flex: 0 0 66.666%;
		max-width: 66.666%;
	}
	.heading-narrow .cb-heading-content--heading.col-md-padding {
        padding-right: 7.5%;
	}
	.heading-narrow .cb-heading-content--content::before {
		content: '';
		position: absolute;
		display: block;
		top: 6px;
		bottom: 4px;
		left: -6.5%;
		border-left: 1px solid #cfc9c0;
	}
	
	/* CB Image Content */
	.cb-text-image--image {
		margin-bottom: 0;
	}
	.image-Left .cb-text-image--image {
		padding-right: 4.1666%
	}
	.image-Right .cb-text-image--image {
		padding-left: 4.1666%
	}
	.cb-text-image--text h2 br {
		display: block;
	}
	.image-Left .cb-text-image--text > *:first-child::before {
		left: 0;
	}
	.image-Right .cb-text-image--text > *:first-child::before {
		right: 0;
	}
	
	/* CB Content Content */
	.cb-content-content {
		margin-top: 160px !important;
	}
	.cb-content-content--1 {
		padding-right: 4.1666%;
		margin-bottom: 0px;
	}
	.cb-content-content--1::before {
		content: '';
		position: absolute;
		top: -75px;
		left: 15px;
		border-top: 1px solid #cfc9c0;
		width: 57.5%;
	}
	.cb-content-content--2 {
		padding-left: 8.333%;
	}
	.cb-content-content--2::before {
		content: '';
		position: absolute;
		top: 0;
		left: 15px;
		bottom: 0;
		border-left: 1px solid #cfc9c0;
	}
	.cb-content-content--1 h2, .cb-content-content--2 h2 {
		margin-top: -8px;
	}
	/*
	.cb-content-content--1 > *:last-child, .cb-content-content--2 > *:last-child {
		margin-bottom: -4px;
		margin-top: 25px;
	}
	*/
    .cb-content-content .row > div *:first-child:not(h2) {
		margin-top: 57px;
	}
	
	/* CB Slider */
	.cb-slider .cb-heading-content--heading.col-md-padding {
		padding-right: 6.5%;
	}
	
    /* CB Map */
	.cb-map-location {
		-webkit-transform: translate(-50%, 15px);
		        transform: translate(-50%, 15px);
	}
	.cb-map-location.alt {
		-webkit-transform: translate(50%, 15px);
		        transform: translate(50%, 15px);
	}
	.cb-map-hover {
		-webkit-transform: translate(32px, -50%);
		        transform: translate(32px, -50%);
		background: #cb9d29;
		padding: 9px 12px;
		color: #fff;
		font-size: 14px;
	}
	.cb-map-hover.alt {
		-webkit-transform: translate(-32px, -50%);
		        transform: translate(-32px, -50%);
	}
	.cb-map-hover::after {
		border-width: 9px 15px 9px 4px;
		margin-top: -9px;
	}
	.cb-map-hover.alt::after {
		border-width: 9px 15px 9px 15px;
	}

	.cb-map-cirencester, div.cb-map-h-cirencester { 
		top: 47.7%; 
		left: 59.7%; 
	}
	.cb-map-tetbury, div.cb-map-h-tetbury { 
		top: 67.3%; 
		left: 35%; 
	}
	.cb-map-cotswolds span {
		display: block;
	}


	
	/* News */
	.post-content {
		padding-left: 32px;
	}
	.post.long .post-content {
		padding-right: 32px;
	}
	.post-slide {
		max-height: 60px;
		overflow: hidden;
		margin-bottom: 20px;
	}
	.post.open .post-slide {
		margin-bottom: 20px;
	}
	.post-slide-button {
		position: absolute;
		top: -6px;
		right: -4.5%;
		width: 30px;
	}
	.post-slide-button span {
		position: relative;
		left: 0;
		-webkit-transform: translate(5px, 0) rotate(45deg) skew(8deg, 8deg);
		        transform: translate(5px, 0) rotate(45deg) skew(8deg, 8deg);
	}
	.post.open .post-slide-button span {
		-webkit-transform: translate(5px, 15px) rotate(-135deg) skew(8deg, 8deg);
		        transform: translate(5px, 15px) rotate(-135deg) skew(8deg, 8deg);
	}
	
	/* Working Here */
	.page-id-25 .cb-text-image.image-Right .cb-text-image--text > *:first-child {
		padding-top: 60px;
	}
	.page-id-25 .cb-text-image.image-Right .cb-text-image--text > *:first-child::before {
		right: auto;
		left: 0;
	}
	
	/* Living here */
	.page-id-23 .cb-text-image.image-Right h2 {
		padding-top: 0;
	}
	.page-id-23 .cb-text-image.image-Right h2::before {
		content: none;
	}



   
}

/* 992 and up - LG */
@media screen and (min-width:992px) {
	
	.container {
		max-width: 1200px;
	}
	.footer-col-1 {
		padding-right: 5%;
	}
	.footer-menu {
		display: block;
	}
	.footer-col-2 {
		position: relative;
	}
	.footer-col-2::before, 
	.footer-col-2::after {
		content: '';
		display: block;
		position: absolute;
		border-left: 1px solid #575756;
		width: 1px;
		top: 4px;
		bottom: 4px;
		left: -10%;
		height: auto;
	}
	.footer-col-2::after {
		left: 86.5%;
	}
	.footer-col-3 p:first-of-type {
		margin-bottom: 8px;
	}
	.footer-menu {
		-webkit-column-count: 2;
		   -moz-column-count: 2;
		        column-count: 2;
	}
	.footer-menu li {
		/*margin-bottom: 26px;*/
		margin-bottom: 22px;
	}
	
	/* CB Heading Content */
    .heading-narrow .cb-heading-content--content {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
		max-width: 50%;
	}

	
	/* CB Image Content */
	.cb-text-image--text > *:first-child {
		padding-top: 45px;
	}
	.cb-text-image--text > *:first-child::before {
		border-top: 1px solid #cfc9c0;
		content: '';
		display: block;
		padding-bottom: 45px;
		width: 40%;
		position: absolute;
		top: 0;
	}
	
	/* CB 3 Cols */
	.cb-3-cols-1 {
		padding-right: 4.33%;
	}
    .cb-3-cols-2 {
		padding: 0 4% 0 4.25%;
		border: 1px solid #cfc9c0;
		border-width: 0 1px;
	}
	.cb-3-cols-3 {
		padding-left: 4.25%;
	}
	.cb-3-cols-1 > *:last-child,
	.cb-3-cols-2 > *:last-child,
	.cb-3-cols-3 > *:last-child {
		margin-bottom: 0;
	}

	/* CB Map */
	.cb-map-row {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
    .cb-map-1-visible .cb-map-intro-1 {
		display: block;
	}
	.cb-map-2-visible .cb-map-intro-2 {
		display: block;
	}

	.cb-map-toggle-box, .cb-map-map {
		padding-left: 4.16666%;
	}

}

/* 1024 and up - IPAD */
@media screen and (min-width:1024px) {

    .header-right{
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        max-width: 1400px;
        text-align: right;
        padding: 15px 15px;
        margin: 0;  
    }
	
	/* Header Menu */
	.header-menu {
		display: block;
        margin-top:8px;
	}
	.header-menu > li {
		display: inline-block;
		font-size: 13px;
		text-align: center;
		padding-bottom: 1px;
	}
	.header-menu > li > a {
		padding: 19px 15px 20px;
		display: inline-block;
	}
    .header-menu > li:last-child > a{
        padding-right: 0 !important;
    }

    .menu-cta {
        padding: 7px !important;
        border: solid 1px #575756;
        margin-top:10px;
    }

    @media only screen and (max-width: 1024px) {
        .menu-cta {
            display:none;
        }
    }
	
	.sub-menu {
		display: none;
		width: 100%;
		max-width: 1400px;
		height: 57px;
		margin: 0 auto;
		padding: 18px 15px 0;
        padding-right: 30px;
		text-align: right;
		position: fixed;
		top: 95px;
		left: 50%;
		background-color: #3f5f4c;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	.sub-menu::before {
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		width: 4000px;
		background: #3f5f4c;
		display: block;
		bottom: 0;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
    .menu-item-has-children:hover .sub-menu {
		display: block;
	}
	
	.sub-menu li {
		margin: 0 19px;
		display: inline-block;
		text-align: left;
	}
    .sub-menu a {
		color: #d8d2c9;
		font-size: 13px;
	}
	.sub-menu a:hover, .sub-menu a:active, .sub-menu a:focus {
		color: #cb9d29;
	}
	
	.hamburger, .main-menu-nav {
		display: none;
	}
   
    .download {
		min-height: 105px;
	}

}

/* 1200 and up - XL */
@media screen and (min-width:1200px) {
	
    h1, h2, h3 { 
        font-size: 37px;
    }
	.container {
		max-width: 1400px;
	}
	
}

/* 1400 and up */
@media screen and (min-width:1400px) {
		
    /* CB Heading Content */
    .heading-narrow .cb-heading-content--heading {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 25%;
		        flex: 0 0 25%;
		max-width: 25%;
	}
	.heading-narrow .cb-heading-content--content {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 58.333%;
		        flex: 0 0 58.333%;
		max-width: 58.333%;
	}

}

/* ---------------------------------------------------------------------------------------------------------- 
--------------------------------------------- 08 BROWSER FIXES ----------------------------------------------
---------------------------------------------------------------------------------------------------------- */


@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */ 
	
	header, .header-visible header, .menu-open header {
		-webkit-transform: translateY(0) !important;
		        transform: translateY(0) !important;
	}
	
	.svg-fix-canvas {
	  display: block;
	  height: 100%;
	  visibility: hidden;
	}

	.svg-fix svg {
	  height: 100%;
	  left: 0;
	  position: absolute;
	  top: 0;
	  width: 100%;
	}

}


.email-subscription {
    background-color: #f3efe9;
    padding: 25px 0;
}

.email-subscription h5{
    margin-bottom:0px;
}
@media only screen and (min-width: 768px) {
.email-subscription form {
        display:flex;
    }
}
@media only screen and (min-width: 768px) {
    .email-subscription .gform_body ul{
        display:flex !important; 
    }
}

@media only screen and (min-width: 768px) {
    .email-subscription .gform_body ul li{
        width:33%;
        margin-bottom:0 !important;
    }
}

.email-subscription .gform_body ul li {
    width: 100%;
    margin-top:0;
    margin-bottom:15px;
}

.email-subscription .gform_body ul li input, .email-subscription .gform_body ul li .ginput_container, .email-subscription .gfield{
    margin-top:0px !important;
}

@media only screen and (min-width: 768px) {
    .email-subscription .gform_body{
        width:90% !important;
    }
}

.email-subscription .gform_body{
    width:100% !important;
}

@media only screen and (min-width: 768px) {
    .email-subscription .gform_footer{
        width:10% !important;
    }
}

.email-subscription .gform_footer {
    display: flex;
    align-items: center;
    padding: 0 !important;
    justify-content:center;
}

.email-subscription .gform_footer .gform_button{
    margin-right:0px;
}

.email-subscription .validation_error {
    display: none;
}

.email-subscription .gfield_error {
    background-color: transparent !important;
    border: none !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.email-subscription .validation_message{
    display:none;
}

.email-subscription .gform_confirmation_message {
    border-top: solid 1px;
    border-bottom: solid 1px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 15px;
    font-style: italic;
    text-align: center;
    font-weight: 600;
}

.duckiee-btn {
    background-color: #d8d2c9;
    padding: 15px 25px;
    margin-top: 10px;
    display: inline-block;
    font-weight: bold;
    color: #575756;
}

.cb-timeline {
    margin-top: 50px;
    margin-bottom: 50px;
}

.slider-dates--single__title{
    position:relative;
    z-index:1;
    margin-bottom:15px !important;
}

.slider-dates .slick-current .slider-dates--single__title:after{
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #3f5f4c;
    position: absolute;
    content: "";
    bottom: -15px;
    right:calc(50% - 15px);
    z-index: 2;
}

.slider-dates:before {
    display: block;
    position: absolute;
    top: 60%;
    content: "";
    border-top: .3rem solid #f4efe9;
    width: 100%;
    transform: translateY(-1rem);
}

.slider-dates--single__title{
    background-color:transparent;
    border:solid 2px #d8d2c9;
    color: #575756;
    font-weight: bold;
    padding: 15px;
    margin:auto;
    width: fit-content;
    background-color:white;
}

.slick-current .slider-dates--single__title {
    background-color: #3f5f4c;  
    border:solid 2px #3f5f4c;
    color:white;
}


.slider-details--single .duckiee-btn{
    margin-top:25px;
    background-color:#3f5f4c;
    color:white;
}

.slider-details--single p:last-of-type{
    margin-bottom:0px;
}

.cb-full-width-intro{
    padding-bottom:25px;
    margin-top:inherit !important;
    margin-bottom:inherit !important;
}

.cb-full-width-intro h1{
    margin-bottom:12px;
}
.card{
    margin-bottom:15px;
}
.card-header h5{
    margin-bottom:0px;
}

.btn-link {
    width: 100%;
    text-align: left;
    padding: 10px 25px;
    border: none;
    background-color: #f2efe9;
}
.card-body {
    padding: 10px 25px;
    background-color: #fafafa;
}

.card-body p:last-of-type{
    margin-bottom:0px;
}

#accordion .card-header .btn{
    display:flex;
    align-items: center;
    justify-content: space-between; 
}

.chevron {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 13.1l-8-8 2.1-2.2 5.9 5.9 5.9-5.9 2.1 2.2z'/%3E%3C/svg%3E");
  height: 15px;
  width: 15px;
}

.thumbnail-container{
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 62.18%;
    overflow: hidden;
    background-color: #f2f2f2;
    transition: background-color .5s ease;
}

.thumbnail-container img{
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%!important;
    top: 0;
    left: 0;
    z-index: 1;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease;
}

.teaser {
    height: 100%;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 10%);
}

.mb-3{
    margin-bottom:25px;
}

.teaser-lower {
    padding: 20px 25px;
}

.news-teaser a{
    text-decoration:none !important;
}

.news-meta {
    border-bottom: solid 1px #d8d2c9;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
}

.news-meta .post-type, .single-post-type {
    text-transform: capitalize;
}

.single article{
    padding-top:50px;
    padding-bottom:50px;
}

.single article h2 {
    border-bottom: solid 1px #d8d2c9;
    padding-bottom: 15px;
}

.single-news-meta {
    display: flex;
}

.single-post-date-simple,.single-post-type {
    background-color: #d8d2c9;
    padding: 8px;
    font-weight: bold;
    margin-right: 15px;
    margin-bottom: 15px;
}

.archive-meta .facetwp-dropdown {
    border: solid 1px #d8d2c9;
    padding: 10px;
    min-width: 250px;
    color: #757575;
}

.archive-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-item-has-children a{
    position:relative;
}

.menu-item-has-children a::after {
    border-style: solid;
    border-width: 0.15em 0.15em 0 0;
    content: '';
    display: inline-block;
    height: 0.45em;
    left: 0.6em;
    position: relative;
    width: 0.45em;
    top: -3px;
    transform: rotate(135deg);
}

.menu-item-has-children .sub-menu li a::after{
    display:none;
}
@media only screen and (max-width: 768px) {
    .menu-item-has-children .sub-menu{
        display:none;
    }
}
.home #slider:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.9));
    opacity: .5;
    z-index: 1;
}

.home #slider:after{
    content: '';
    position: absolute;
    left: 50%;
    border: 1px solid #d8d2c9;
    border-width: 0 2px 2px 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    bottom: 44px;
    width: 40px;
    height: 40px;
    z-index:6;
    -moz-animation: bounce 2.2s infinite;
  -webkit-animation: bounce 2.2s infinite;
  animation: bounce 2.2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0) rotate(45deg);
    
  }
  40% {
    transform: translateY(-30px) rotate(45deg);
    
  }
  60% {
    transform: translateY(-15px) rotate(45deg);

  }
}


.footer-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.footer-logo .logo{
    margin-bottom:3em;
}
#menu-legal-menu a{
    font-size:12px;
    font-weight:300;
}
.footer-cols {
    display: flex;
    justify-content: space-between;
    align-items:center;
}
.footer-content{
    font-size:12px;
    margin-top:1em;
    text-align:center;
}
.footer-content a:after{
    content:"|";
    padding-right:8px;
}

.footer-content a:last-child:after{
    content:"";
}

.footer-content__socials a {
    margin-right: 8px;
    font-size: 20px;
}



.footer{
    padding:15px;
}

.slider-controls{
    display:flex;
    justify-content:flex-end;
}
.slider-controls__next, .slider-controls__previous{
       border: solid 1px #d8d2c9;
       padding: 10px 15px;
       margin-left: 15px;
       margin-top: 15px;
       transition-duration:0.3s;
}
.slider-controls__next:hover, .slider-controls__previous:hover{
    background-color:#d8d2c9;
}

.single-content {
    background-color: #f9f8f7;
    text-align: center;
    padding: 50px 25px;
    margin-bottom: 25px;
    border: solid 1px #d8d2c9;
    color: #575756;
    font-size: 15px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}

.timeline-images{
    padding: 0;
    margin: 0;
    display: flex;
    margin-top:1em;
}
.timeline-images li{
    list-style:none;
    margin-right:5px;
}


.status{
    background-color: #3f5e4c;
    color: white;
    width: fit-content;
    margin: auto;
    padding: 1px 10px 1px 6px;
    margin-bottom: 10px;
    border-radius: 2em;
}

.status.past{
    background-color:grey;
}

.status.upcoming{
    background-color:#47427e;
}

#slider .image-container{
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
   overflow: hidden;
}

#slider .image-container img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.timeline-image-container{
   margin-bottom: 1rem;
   padding-top: 6px;
   display: flex;
   justify-content: center;
}

.timeline-image-container img{
  width: 250px;
  height: 150px;
  object-fit: cover;
}


@media screen and (max-width: 600px){
    .home #slider:after{
        left: 48%;
        bottom: 20px;
        width: 20px;
        height: 20px;
    }

    .header-logo{
        width: 150px;
        height: 150px;
        background-size: 140px 150px;
        margin-top: 0;
    }
}

.wrapper-top{
    adding-top: 50px;
}

.single-teaser-blog{
    padding-top: 3rem!important;
   padding-bottom: 3rem !important;
}

.wrapper-return {
  padding-top: 50px;
  padding-bottom: 50px; }
  .wrapper-return:nth-child(even) {
    background-color: #d8d2c9; }

.wrapper-return:nth-child(even) .row{
    flex-direction: row-reverse;
}

.wrapper-return .entry-title a{
    text-decoration: none;
}

.wrapper-return .entry-title a:hover{
    text-decoration: none;
    border-bottom: 2px solid #cb9d29 !important;
}

.wrapper-return .entry-content a{
    background-color: #d8d2c9;
    padding: 15px 25px;
    margin-top: 10px;
    display: inline-block;
    font-weight: bold;
    color: #575756;
    text-decoration: underline; 
    background-image: none !important;
    text-shadow: none !important;
}

.wrapper-return .entry-content a:hover {
    color: #cb9d29 !important;;
}


.wrapper-return:nth-child(even) .row .entry-content a{
    background-color: #f3efe9 !important;
}

.wrapper-return:nth-child(even) .row .col-md-5{
    justify-content: end !important;
    display: flex !important;
}

.filter-control-section {
  padding-top: 30px; 
padding-bottom: 30px}
  .filter-control-section h1, .filter-control-section h3 {
    font-size: 1.6em; }

.filter-control{
    text-decoration: none !important;
    color: #575756 !important;
}

.filter-control h3:hover{
    text-decoration: underline !important;
}

.filter-control i{
    margin-left: 0.5rem!important;
}

.filter-control h3{
    margin-bottom: 0 !important;
    color: #575756 !important;
}

.filter-control-section h1{
    margin-bottom: 0;
}

.filter-control-section {
  background-color: #f3efe9; }

@media screen and (max-width: 768px){
    .single-teaser-blog .col-md-5{
        margin-bottom: 30px;
    }

    .wrapper-return:nth-child(even) .row .col-md-5{
        justify-content: flex-start !important;
    }

      .filter-control-section h1, .filter-control-section h3 {
    font-size: 1.3em; }
}

.facetwp-facet{
    margin-bottom: 0px !important;
    margin-top: 20px !important;
}

.back-btn-container{
    margin-top: 50px;
    text-align: center;
}

.back-btn-container a{
    background-color: #d8d2c9;
    padding: 15px 25px;
    display: inline-block;
    font-weight: bold;
    color: #575756;
    text-decoration: underline; 
    background-image: none !important;
    text-shadow: none !important;
}

.back-btn-container a:hover,
.back-btn-container a:focus {
    color: #cb9d29 !important;;
    background-color: #d8d2c9 !important;
}

.pdf-cover,.cover-image{
    box-shadow: 21px 11px 20px -6px rgba(117,117,117,.3);
}

.cover-image{
    object-fit: cover;
    font-family: "object-fit: cover";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%!important;
    top: 0;
    left: 0;
    z-index: 1;
}

.cover-image-wrapper{
    display: block;
    position: relative;
    width: 70%;
    height: 0;
    padding-bottom: 56.15%;
}

.wrapper-intro{
    padding-top: 50px;
}

.wrapper-intro .content{
   border-bottom: 1px solid #cfc9c0;
   padding-bottom: 50px;
}

.wrapper-intro .content p:last-child{
    margin-bottom: 0;
}