/* @override 
	https://test.24chapelstreet.co.uk/themes/chapelstreet/assets/css/style.css?t22khl
	https://www.24chapelstreet.co.uk/themes/chapelstreet/assets/css/style.css?t240ut
	https://www.24chapelstreet.co.uk/themes/chapelstreet/assets/css/style.css?t6lbov
	https://www.24chapelstreet.co.uk/themes/chapelstreet/assets/css/style.css?t6le86 */







@import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;500;600;700;800&family=Nothing+You+Could+Do&display=swap');

/* DEFAULT STYLES */

body {
	font-family: "Abhaya Libre", serif;
	font-size: 1.2em;
	line-height: 1.6em;

}


.tabs-wrapper {
	border-bottom: 0px solid #d1262c;
	margin: 0 0 25px 0 !important;
	background: #f0f0f0 !important;
	clear: both;
}

ul.tabs {
	margin: 0px !important;
}

ul.primary li {
	display: inline;
}

ul.primary {
	border: none;
	margin: 0;
	padding: 0;
}

ul.primary li a {
	background: none;
	border: none;
	display: block;
	float: left;
	line-height: 1.5385em;
	margin: 0;
	padding: 0 1em;
	border-radius: 0px 0px 0 0;
	margin-right: 15px;
	font-size: 0.9em;
	font-weight: 300;
	color: #222222;
	padding: 10px;
}

ul.primary li a:hover, ul.primary li a.is-active {
	border: none;
	color: #fff;
}

ul.primary li a:hover {
	background: #000000;
	text-decoration: none;
	color: #fff;
}



ul.secondary li {
	display: inline;
	border-right: none;
}

ul.secondary li a, ul.secondary li a:link {
	border: none;
	color: #ffffff;
	display: block;
	float: left;
	line-height: 1.5385em;
	padding: 0 1em;
}

ul.secondary li a:hover, ul.secondary li a.is-active {
	background: #ffffff;
	color: #202120;
	text-decoration: none;
}

ul.secondary a.active {
	border-bottom: none;
}

ul.inline, ul.links.inline {
	margin-left: 0;
}





/* END DEFAULT STYLES */


#page {

}

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

#header {
	padding-top: 25px;
	padding-bottom: 20px;
	border-bottom: 1px solid #EEE;
	
}

.page-node-1 #header {
	padding-top: 25px;
	padding-bottom: 15px;
	border-bottom: none;
	
}

#block-chapelstreet-telephonebooknow,
#block-chapelstreet-telephonebooknow-2 {
	text-align: right;
}

#block-chapelstreet-telephonebooknow ul,
#block-chapelstreet-telephonebooknow-2 ul {
	margin: 30px 0px 0px 0px;
	padding: 0px;
}

#block-chapelstreet-telephonebooknow ul li,
#block-chapelstreet-telephonebooknow-2 ul li {
	list-style: none;
	display: inline;
}

#block-chapelstreet-telephonebooknow ul li a {
	padding: 11px 25px 10px 25px;
	background-color: #1f252c;
	border-radius: 30px;
	color: #FFF;
	font-size: 1.1em;
	text-decoration: none;
	margin-left: 10px;
	border:1px solid #111;
}

#block-chapelstreet-telephonebooknow-2 ul li a {
	padding: 11px 23px 10px 25px;
	background-color: #bcba9f;
	border-radius: 30px;
	color: #FFF;
	font-size: 1.1em;
	text-decoration: none;
	margin-left: 10px;
	border:1px solid #111;
}

#block-chapelstreet-telephonebooknow ul li a.telephone,
#block-chapelstreet-telephonebooknow-2 ul li a.telephone {
	padding: 11px 23px 10px 48px;
	background: url(../images/telephone-icon.png) 16px center no-repeat #FFF;
	background-size: 30px;
	border-radius: 30px;
	color: #111;
	border:1px solid #111;
	font-size: 1.1em;
	text-decoration: none;
	margin-left: 10px;
}

#block-chapelstreet-telephonebooknow ul li a.book-now {
	background: url(../images/book-icon.png) 115px center no-repeat #1f252c;
	background-size: 30px;
	padding-right: 55px;
}

#block-chapelstreet-telephonebooknow-2 ul li a.book-now {
	background: url(../images/book-icon.png) 120px center no-repeat #bcba9f;
	background-size: 30px;
	padding-right: 55px;
	border:1px solid #bcba9f;
}

#block-chapelstreet-logo img {
	width: 90px;
	height: auto;
}

#block-chapelstreet-mainnavigation-2 {
	margin-top: 35px;
	font-size: 1.1em;
}

#block-chapelstreet-mainnavigation-2 ul {
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

#block-chapelstreet-mainnavigation-2 ul li {
	background-color: transparent !important;
	list-style: none;
	display: inline;
}

#block-chapelstreet-mainnavigation-2 ul li a {
	background-color: transparent !important;
	text-decoration: none;
	color: #111;
	padding-left: 18px;
	padding-right: 18px;
	
}

#block-chapelstreet-mainnavigation-2 ul li a:hover,
#block-chapelstreet-mainnavigation-2 ul li a.is-active {
	color: #b2b096;
}

#slider {
	padding-bottom: 40px;
}

#slider header {
	text-align: center;
	position: relative;
	z-index: 999;
	margin-bottom: -32px;
	height: 100px;
	margin-top: 15px;
}

#slider header p {
	margin: 0px;
	text-transform: uppercase;
	font-size: 4.8em;
	line-height: 0.8em;
	z-index: 999 !important;
}

#slider header .highlight {
	color: #bdba9f;
	display: block;
}

#slider img {
	z-index: 1 !important;
	max-width: 100%;
	height: auto;
}

#block-chapelstreet-mainpagecontent {
	padding: 40px 90px 60px 60px;

}

.page-node-10 #block-chapelstreet-mainpagecontent .field--name-dynamic-block-fieldnode-menu,
.page-node-5 #block-chapelstreet-mainpagecontent .field--name-dynamic-block-fieldnode-menu,
.page-node-13 #block-chapelstreet-mainpagecontent .field--name-dynamic-block-fieldnode-menu,
.page-node-4 #block-chapelstreet-mainpagecontent .field--name-dynamic-block-fieldnode-menu,
.page-node-17 #block-chapelstreet-mainpagecontent .field--name-dynamic-block-fieldnode-menu {
	display: none;
}

 #block-chapelstreet-mainpagecontent h1 {
 	font-size: 3.7em;
 	line-height: 1em;
 	color: #bcba9f;
 }
 
  #block-chapelstreet-mainpagecontent h5 {
 	font-size: 1.2em;
 	color: #bcba9f;
 	margin-top: 20px;
 }

#block-chapelstreet-mainpagecontent h1 .italic {
	font-family: 'Nothing You Could Do';
	display: block;
	margin-bottom: -30px;
	color: #111;
	font-size: 0.8em;

}

#block-page-image {
	margin-bottom: 20px;
}

#block-page-image img {
	width: 100%;
	height: auto;
}

#block-gallery-slider  {
	margin-bottom: 20px;
}



#block-gallery-slider img {
	width: 100%;
	height: auto;
}

#block-suppliers .views-row {
	margin-bottom: 45px;
}

#block-suppliers img {
	width: 100%;
	height: auto;
	margin-bottom: 25px;
	
}

#block-suppliers .views-field-title a {
	display: block;
	color: #b2b096;
	font-size: 1.5em;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.1em;
}

#block-suppliers .views-field-field-link-to-website a {
	display: block;
	text-align: center;
	text-decoration: none;
	background-color: #b2b096;
	color: #FFF;
	padding: 7px 6px 5px 6px;
	width: 200px;
	border-radius: 30px;
	margin-top: 20px;
}

.views-field-field-menu span {
color: transparent;
font-size: ;
}



.field--name-dynamic-block-fieldnode-menu {
	margin-top: 25px;
}

.views-field-field-menu .field-content .file a {
	font-size: 0.9em;
	display: block;
	float: left;
	width: 155px;
	text-align: center;
	background-color: #bcba9f;
	color: #FFF;
	text-decoration: none;
	border-radius: 30px;
	padding: 7px 6px 5px 6px;
}

.views-field-field-menu .field-content {
	width: 165px;
	float: left;

}

.views-field-field-menu .field-content .file a:hover {
	opacity: 0.8;
}



.field--name-dynamic-block-fieldnode-menu footer {
	clear: both;
}
 .field--name-dynamic-block-fieldnode-menu footer ul.promo-links {
 	top: -15px !important;
 	position: relative;
 }

 .field--name-dynamic-block-fieldnode-menu footer ul.promo-links li a {
	width: 490px !important;
	display: block;
	text-align: center;
	padding: 7px 4px 6px 4px;
}

 .field--name-dynamic-block-fieldnode-menu footer ul.promo-links li a:hover {
 	opacity: 0.8;
 }




.webform-submission-form {
	padding-bottom: 30px;
}

.webform-submission-form input {
	width: 100%;
	border: 1px solid #111;
	padding: 5px;
	margin-bottom: 12px;
	margin-top: 5px;
}

.webform-submission-form textarea {
	width: 100%;
	border: 1px solid #111;
	padding: 5px;
	margin-bottom: 12px;
	margin-top: 5px;
}

.webform-submission-form select {
	width: 100%;
	border: 1px solid #111;
	padding: 5px;
	margin-bottom: 12px;
	margin-top: 5px;
	border-radius: 0px;
}

.webform-submission-form label {
	
}

.webform-submission-form input.form-submit {
	background-color: #1e2529;
	color: #FFF;
	padding: 10px 10px 9px 10px;
	border-radius: 30px;
}

.tns-nav button {
	border-radius: 20px;
	height: 15px;
	width: 15px;
	background-color: transparent;
	border: 1px solid #111;
	margin-right: 5px;
	margin-top: 20px;
}

.tns-nav button.tns-nav-active {
	background-color: #222;
}

.tns-controls {
	width: 60px;
	position: relative;
	margin-left: -75px;

	float: left;
	margin-top: 310px;
	
}

.tns-controls button {
	width: 60px;
	height: 60px;
	background: url(../images/next-arrow.png) no-repeat;
	background-size: 60px;
	font-size: 0em;
	border: none;
	margin-top: 5px;
}

.tns-controls button:first-of-type {
	background: url(../images/previous-arrow.png) no-repeat;
	background-size: 60px;
}


.carousel-control-next-icon {
	width: 60px;
	height: 60px;
	background: url(../images/next-arrow.png) no-repeat;
	background-size: 60px;
	font-size: 0em;
	border: none;
	margin-top: 5px;

	border-radius: 50px;
}

.carousel-control-prev-icon {
	width: 60px;
	height: 60px;
	background: url(../images/previous-arrow.png) no-repeat;
	background-size: 60px;
	font-size: 0em;
	border: none;
	margin-top: 5px;

	border-radius: 50px;
}



.tns-controls button:first-of-type {
	background: url(../images/previous-arrow.png) no-repeat;
	background-size: 60px;
}



ul.promo-links {
	margin: 30px 0px 0px 0px;
	padding: 0px;
}

ul.promo-links li {
	list-style: none;
	display: inline;
}

ul.promo-links li a {
	border-radius: 30px;
	padding: 11px 30px 10px 30px;
	background-color:#1e252b;
	color: #FFF;
	text-decoration: none;
	margin-right: 10px;
}

ul.promo-links li a.highlight {
	background-color: #bcba9f;
}

#cboxTitle {
	background-color: #111;
	text-align: center;
	color: #FFF;
	padding: 6px;
}

#cboxCurrent {
	display: none;
}

.page-node-1 #postcontentone {
	background-color: #1e252b;
	padding: 20px 0px 20px 0px;
	color: #bcba9f;
	margin-bottom: 30px;
	margin-top: 30px;
}

#postcontentone ul {
	margin-top: 26px;
}

.page-node-1 #postcontentone a.book-now {
	background-color: #b2b096 !important;
}



#postcontentone a.book-now {
	background-color: #1e2529 !important;
}

#postcontentone a.telephone {
	border: 0px !important;
}

#postcontentone {
	background-color: #b2b096;
	padding: 20px 0px 20px 0px;
	color: #1e2529;
	margin-bottom: 0px !important;
	margin-top: 30px;
}

#postcontentone a.book-now {
	background-color: #1e2529 !important;
}

#postcontentone h3 {
	font-size: 2.4em;
	margin-top: 10px;
	margin-bottom: 10px;
}

 #postcontentone .italic {
	font-family: 'Nothing You Could Do';
	display: block;
	margin-bottom: -25px;
	color: #FFF;
	font-size: 0.8em;
}

#block-chapelstreet-ourstory {
	padding-top: 40px;
	padding-left: 60px;
	padding-right: 60px;
	padding-bottom: 60px;
}

#block-chapelstreet-ourstory h2{
	text-align: center;
		font-size: 3em;
	margin-top: 10px;
	margin-bottom: 20px;
	color: #bcba9f;
}

#block-chapelstreet-ourstory h2 .italic {
		font-family: 'Nothing You Could Do';
	display: block;
	margin-bottom: -30px;
	
	font-size: 0.8em;
	color: #1e252a;
}

#block-gallery img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

#footer {
	margin-top: 0px;
	background-color: #1e252a;
	padding-top: 50px;
	padding-bottom: 60px;
	color: #FFF;
}



#footer #block-chapelstreet-logo-2 img {
	filter: brightness(0) invert(1);
	margin-bottom: 15px;
}

#footer p {
	margin-bottom: 20px;
}

#footer h4 a {
	color: #FFF;
}

 dl {
	margin: 0px !important;
	padding: 0px !important;
}

 dl p {
	margin: 0px 0px -5px 0px !important;
	padding: 0px 0px 0px 0px !important;
}

 dt {
	width: 85px !important;
	float: left !important;
}

#footer h4 {
	color: #bcba9f;
	font-size: 1.7em;
	margin-top: 0px;
	margin-bottom: 20px;
}


#block-chapelstreet-logo-2 img {
		width: 100%;
	max-width: 100px;
}

#colophon {
	background-color: #1e2529;
	text-align: center;
	color: #FFF;
	border-top: 1px solid #2b3338;
	padding: 15px;
	font-size: 0.9em;
	line-height: 1.3em;
}

#colophon a {
	color: #FFF;
}


.mm-panel ul li:after {
	border: none !important;
}


.mm-panel ul li a.close {
	background: url(../images/close.png) center center no-repeat;
	width: 30px;
	color: transparent !important;
	font-size: 0em !important;
	height: 100px !important;
	height: 100px !important;
	background-size: 30px !important;
	padding: 0px !important;
	bottom: 5px;
	position: fixed;
	right: 35px;
	
}

.mm-navbar {
		display: none;
}

.mm-panels {
	text-align: center;
	padding-top: 20px !important;
	background-color: #1e252b !important;
}

.mm-panels ul {
	margin-top: 20px;
}

.mm-panels ul a {
	color: #ffffff;
}

.mm-panels ul a:hover {
	color: #bcba9f !important;
}

.mm-panels ul a.is-active {
	color: #bcba9f !important;
	background-color: transparent;
}

.page-node-18 #main-content ul.menu-block,
.page-node-4 #main-content ul.menu-block,
.page-node-5 #main-content ul.menu-block,
.page-node-10 #main-content ul.menu-block {
	display: none;
}


#main-content ul.menu-block {
	margin: 0;
	padding: 0;
	margin-top: 30px;
	
}

#main-content ul.menu-block li {
	list-style: none;
}

#main-content ul.menu-block li.menus a {
	background-color: #b2b096 !important;
	display: block !important;
	width: 48%;
	margin-right: 2%;
	float: left;
	padding: 11px 23px;
border-radius: 30px;
font-size: 1.1em;
text-decoration: none;
text-align: center;
color:#ffffff;
}



#main-content ul.menu-block li.book a {
	background-color: #1e2529 !important;
	display: block !important;
	width: 48%;
	margin-left: 2%;
		float: left;
			padding: 11px 23px;
border-radius: 30px;
font-size: 1.1em;
text-decoration: none;
text-align: center;
color:#ffffff;
}

#main-content .field--name-field-menu-file .field__item {
	border-radius: 30px;
	background: #1d2529;
	padding-left: 25px !important;
	margin-bottom: 10px;
	padding: 10px;
	display: block !important;
	font-size: 1.4em !important;
	color: #ffffff;
}

#main-content .field--name-field-menu-file a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.9em !important;
}

#main-content .field--name-field-menu-file span {
	font-size: 0.4em !important;
}


@media (max-width: 1400px) {
	#page {
		font-size: 90%;
	}
	
	
	
	.tns-controls {
	width: 60px;
	position: relative;
	margin-left: -75px;

	float: left;
	margin-top: 260px;
	
}

#slider header {

	margin-bottom: -45px;

}

#slider header p {
	margin: 0px;
	text-transform: uppercase;
	font-size: 4.4em;
	line-height:0.8em;
	z-index: 999 !important;
}

.views-field-field-menu .field-content .file a {
	font-size: 0.9em;
	display: block;
	float: left;
	width: 135px;
	text-align: center;
	background-color: #bcba9f;
	color: #FFF;
	text-decoration: none;
	border-radius: 30px;
	padding: 7px 6px 5px 6px;
}

.views-field-field-menu .field-content {
	width: 140px;
	float: left;

}


 .field--name-dynamic-block-fieldnode-menu footer ul.promo-links li a {
	width: 415px !important;
	display: block;
	text-align: center;
	padding: 7px 4px 6px 4px;
}

}


@media (max-width: 1200px) {
	#page {
		font-size: 88%;
	}
	
	
		.tns-controls {
	width: 60px;
	position: relative;
	margin-left: -75px;

	float: left;
	margin-top: 270px;
	

}

.page-node-1 .tns-outer {
	padding-left: 75px !important;
}

#block-chapelstreet-mainnavigation-2 ul li a {
	background-color: transparent !important;
	text-decoration: none;
	color: #111;
	padding-left: 10px;
	padding-right: 10px;
	
	
}

#block-chapelstreet-mainnavigation-2 ul li a.first,
#block-chapelstreet-mainnavigation-2 ul li a.gallery {
	display: none;
}

#slider header {
	margin-bottom: -59px;

}

#slider header p {
	margin: 0px;
	text-transform: uppercase;
	font-size: 3.4em;
	line-height:0.8em;
	z-index: 999 !important;
}



}


@media (max-width: 992px) {
	#page {
		font-size: 85%;
	}
	
	
			.tns-controls {

	margin-top: 150px;
	
}

#block-chapelstreet-mainnavigation-2 {
	display: none;
}

a#toggle-icon {
	background-color: #111 !important;
	height: 40px;
	border-top: 4px solid #111;
	margin-top: 25px;
}

a#toggle-icon .label {
	display: none;
}

#block-chapelstreet-telephonebooknow {
	float: right !important;
	margin-left: 40px;
	width: 480px;
}

#block-chapelstreet-telephonebooknow ul li a {

	background-color: #1f252c;
	border-radius: 30px;
	color: #FFF;
	font-size: 1em;
	text-decoration: none;
	margin-left: 10px;
	border:1px solid #111;

}

#block-chapelstreet-telephonebooknow ul li a.telephone {
	padding-left: 40px;

	background-position: 10px center;
}

#block-chapelstreet-telephonebooknow ul li a.book-now {

	padding-right: 50px;
	background-position: 100px center !important;
}

#slider header {
	margin-bottom: -69px;

}

#slider header p {
	margin: 0px;
	text-transform: uppercase;
	font-size: 2.7em;
	line-height:0.8em;
	z-index: 999 !important;
}


ul li a.first {
	display: block;
}


}

@media (max-width: 768px) {

			.tns-controls {

	margin-top: 10px;	

}

#header a.book-now {
	display: none;
}

#block-chapelstreet-logo {
	padding-left: 40px;
	float: left !important;
	width: 40% !important;
}

#block-chapelstreet-telephonebooknow {
	float: right;
	width: 40%;
}

a#toggle-icon {
	background-color: #111 !important;
	height: 40px;
	border-top: 4px solid #111;
	margin-top: 25px;
	position: absolute;
}

#block-chapelstreet-mainpagecontent {
	padding: 10px 50px 40px 50px;

}

#postcontentone {
	text-align: center;
}

#postcontentone ul {
	width:350px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 20px;
}

#slider header {
	margin-bottom: -74px;

}

#slider header p {
	margin: 0px;
	text-transform: uppercase;
	font-size: 2.2em;
	line-height:0.8em;
	z-index: 999 !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon  {
	width: 30px;
	height: 30px;
	background-size: 100%;
}

.views-field-field-menu .field-content .file a {
	font-size: 0.9em;
	display: block;
	float: left;
	width: 95% !important;
	text-align: center;
	background-color: #bcba9f;
	color: #FFF;
	text-decoration: none;
	border-radius: 30px;
	padding: 7px 6px 5px 6px;
}

.views-field-field-menu .field-content {
	width: 50% !important;
	float: left;
	margin-bottom: -20px;

}

 .field--name-dynamic-block-fieldnode-menu footer {
 	clear: none;

 		width: 50% !important;
	float: left;
	margin-top: -15px;
 }
	


 .field--name-dynamic-block-fieldnode-menu footer ul.promo-links li a {
	width: 95% !important;
	display: block;
	text-align: center;
	padding: 7px 4px 6px 4px;
}


}

@media (max-width: 640px) {
	
#header {
	padding-top: 20px;
}
	
#block-chapelstreet-logo {
	padding-left: 75px;
	float: left !important;
	width: 20% !important;
}

#block-chapelstreet-logo img {
	width: 60px;
}

#block-chapelstreet-telephonebooknow {
	float: right;
	width: 64%;

}

#block-chapelstreet-telephonebooknow ul {
	margin-top: 20px;
}

#block-chapelstreet-mainpagecontent h1 .italic {
	font-family: 'Nothing You Could Do';
	display: block;
	margin-bottom: -10px;
	color: #111;
	font-size: 0.6em;
	line-height: 0.8em;

}

#block-chapelstreet-mainpagecontent h1 {
	line-height: 0.9em;
}

a#toggle-icon {
	background-color: #111 !important;
	height: 40px;
	border-top: 4px solid #111;
	margin-top: 12px;
	position: absolute;
	
}

#footer {
	text-align: center;
}

#footer dl {
	width: 300px;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block;
	
}

#slider header {
	margin-bottom: -78px;

}

#slider header p {
	margin: 0px;
	text-transform: uppercase;
	font-size: 1.5em;
	line-height:1em;
	z-index: 999 !important;
}




#block-suppliers .views-row {
	margin-bottom: 25px;
	width: 100% !important;
}

#main-content ul.menu-block li.menus a {
width: 100%;
	margin: 0%;
	margin-bottom: 20px
}



#main-content ul.menu-block li.book a {

	width: 100%;
	margin-left: 0%;
}


}