/*
Theme Name: Nash Bains
Theme URI: Arch
Author: Arch
Author URI: archcreative.co.uk
Description: 
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: 
*/

:root{
	--red:#391320;
	--grey:#EBEBEB;
	--midgrey:#B7B7B7;
	--darkgrey:#707070;
	--yellow:#ECEBE7;
	--brown:#84754E;
}

/* ===== GENERAL ===== */

html, body { width:100%;margin:0;padding:0;overflow-x:hidden;font-family:'lato', sans-serif;font-weight:400; }
.bg-yellow { background:var(--yellow); }

.fancy { font-family: "playfair-display", serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }

img { display:block; }

.m-grid { margin-bottom:0px; }

.pos-rel { position:relative; }
.pos-abs { position:absolute; }

.m-container-1200 { max-width:960px; }
.m-grid-gap-50 { grid-gap:50px; }

.vertical-align { display:block;top:0;left:0;width:100%;height:100%; }
.vertical-outer { display:table;width:100%;height:100%;vertical-align: middle;  }
.vertical-inner { display:table-cell;width:100%;height:100%;vertical-align: middle; }

h1,h2,h3,h4,h5,h6 { -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family: "playfair-display", serif;font-weight:400; }
h1 { line-height:2.2rem; }
h2 { line-height:2rem; }
h3 { font-size:1.6rem;margin:5px 0 0;line-height:2rem; }
h4 { font-size:1.5rem;margin:5px 0 5px;line-height:2rem; }
h5 { font-size:1.5rem;margin:0;line-height:1.8rem; }

p { font-size:0.8rem;line-height:1.4rem; }
p.largefancy { font-size:1.4rem;line-height: 2rem;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family: "playfair-display", serif;font-weight:400; }

.text-white { color:#fff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }


a { color:#000; }
a:hover { color:#391320; }

a.button.white { border:1px solid #fff;color:#fff;display:inline-block;padding:10px 25px;text-transform: uppercase;text-decoration: none;font-size:0.9rem;font-weight:400;transition:ease-in-out 0.6s all; }
a.button.white:hover { color:#000;background:#fff; }

.main-container { width:100%;padding:0 0 0 56px; }

a.readmore { text-decoration:none;color:#000;font-size:0.8rem;text-transform:uppercase;margin-top:15px;display:inline-block; }
a.readmore span { transition:ease-in-out 0.4s background;background:url("/wp-content/themes/arch_nashbains/img/arrow-button.svg") no-repeat center;background-size:7px auto;width:46px;height:30px;border:1px solid #848484;display:inline-block;border-radius:18px;position:relative;top:12px;left:10px; }
a.readmore:hover span { background:var(--grey) url("/wp-content/themes/arch_nashbains/img/arrow-button.svg") no-repeat center;background-size:7px auto; }


/* ===== NAV MENU ===== */
#navbar { position:fixed;top:0;left:0;width:56px;height:800px;background:#fff;z-index:100;box-shadow:0px 0px 10px rgba(0,0,0,0.3); }
#navmenu { z-index:99;transition: ease-in-out 0.6s left;position:fixed;top:0;left:-506px;background:var(--red);display:inline-block;padding:50px 85px 150px;width:450px;height:800px;color:#fff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
#navmenu.open { left:56px }
#navmenu ul { padding:0;margin:0;list-style:none; }
#navmenu ul li > a { transition:ease-in-out 0.5s opacity;opacity:1;color:#fff;text-decoration: none;font-size:1.25rem;display:inline-block;width:100%;padding:5px 0px; }
#navmenu ul li.hidden > a { opacity:0.4; }
#navmenu ul li > a:hover { opacity:1; }
.nav-header { border-bottom:1px solid var(--darkgrey);padding-bottom:5px;margin-bottom:25px;display:inline-block;font-size:1.25rem; }
.nav-contact { display: inline-block;margin-top: 30px;border-top:1px solid var(--darkgrey);font-size:0.9rem;padding:15px 0 50px;position:absolute;left:85px;bottom:0; }
.nav-contact span { display:block;padding:5px;color:var(--midgrey);opacity:0.6; }
.nav-contact a { color:#fff;display:block;padding:5px; }
#navmenu ul.sub-menu { display:none; }
#navmenu ul.sub-menu a { font-size:0.9rem;color:var(--brown);transition:ease-in-out 0.5s color; }
#navmenu ul.sub-menu a:hover { color:var(--yellow); }
.menu-item-has-children > a { position:relative; }
.menu-item-has-children > a::after { content:"";display:inline-block;width:15px;height:7px;margin-left:10px;background:url("/wp-content/themes/arch_nashbains/img/arrow-nav.svg") no-repeat;background-position:center;background-size:contain;position:relative;top:-3px; }

.nav-cover { width:100%;height:100%;background:rgba(255,255,255,0.7);position:fixed;top:0;left:0;opacity:0;pointer-events:none;transition:ease-in-out 0.4s opacity;z-index:98; }
.nav-cover.active { opacity:1;pointer-events: all; }

.mobile-toggle { width:25px;height:30px;margin-top:18px;margin-left:14px; }
.toggle-bar { width:100%;height:2px;margin-bottom:4px;background:#000;transition:ease-in-out 0.4s all; }
.toggle-bar:nth-child(2), .toggle-bar:nth-child(3) { width:75%; }
.mobile-toggle.active .toggle-bar:nth-child(2), .mobile-toggle.active .toggle-bar:nth-child(3) { width:100%; }
.mobile-toggle.active .toggle-bar, .mobile-toggle:hover .toggle-bar  { background:var(--midgrey); }

.enquiry { transition: ease-in-out 0.4s background;background:var(--grey);color:#000;display:inline-block;transform:rotate(-90deg);height:56px;padding:15px 5px 5px;text-decoration: none;width:168px;position:absolute;left:-56px;bottom:56px;font-size:0.7rem;text-align:center; }
.icon-email { display: inline-block;width:15px;height:15px;background:url("/wp-content/themes/arch_nashbains/img/icon-email.svg") no-repeat center;background-size:contain;margin-right:10px;transform: rotate(90deg);position: relative;top:3px; }
.enquiry:hover { background:var(--midgrey); }


footer { background:var(--red);padding:50px 15px; }
.footer-logo { width:100%;max-width:200px; }
footer .m-grid > div { padding-bottom:30px; }
#footermenu .menu { list-style: none;padding:0;margin:0; }
#footermenu a { font-size:0.85rem;transition:ease-in-out 0.4s opacity;display:block;margin-bottom: 15px;color:#fff;text-decoration: none;opacity:0.5;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
#footermenu a:hover { opacity:1; }
footer p { color:#fff;opacity:0.5;font-size:0.85rem;line-height:1.5rem; }
.footer-link { transition:ease-in-out 0.4s opacity;text-decoration: none;display:inline-block;border-bottom:1px solid var(--darkgrey);padding-bottom:3px;font-size:0.8rem; }
.footer-link:hover { opacity:0.5; }
.sm-icon { transition:ease-in-out 0.4s opacity;width:25px;height:25px;display:inline-block;margin:0 15px 15px 0; }
.sm-icon.facebook { background:url("/wp-content/themes/arch_nashbains/img/icon-facebook.svg") no-repeat center;background-size:contian; }
.sm-icon.instagram { background:url("/wp-content/themes/arch_nashbains/img/icon-instagram.svg") no-repeat center;background-size:contian; }
.sm-icon:hover { opacity:0.4; }

.logo { position: static;z-index: 2;width:255px;height:122px;background:url("/wp-content/themes/arch_nashbains/img/logo.svg") no-repeat center;background-size:contain;display:block;margin:30px auto 30px; }
.logo.abs { position: absolute;top: 0;left: 50%;transform: translateX(-50%); }
.logo.white { width:255px;height:122px;background:url("/wp-content/themes/arch_nashbains/img/logo-white.svg") no-repeat center;background-size:contain;display:block;margin:30px auto 0px; }


/* -- HOME -- */
.home-banner { width:100%;height:633px;position:relative; }
.home-banner img { object-fit: cover;object-position:center center;width:100%;height:100%; }
.home-banner .banner-cover { width:100%;height:100%;background:rgba(0,0,0,0.4);position:absolute;top:0;left:0; }
.home-banner h1, .home-banner p { width:100%;max-width:470px; }
.banner-text { position:absolute;bottom:200px;width:100%;z-index:1; }
.banner-text.about { bottom:50px; }
.home-main { margin-top:-135px;position:relative;z-index:2;padding-bottom:80px; }
.home-main img { width:100%; }
.home-projects-desc.top { padding:170px 15px 0; }
.home-projects-desc { padding:15px 0px 30px; }
.subtitle { text-transform: uppercase;color:var(--brown);font-weight:400;font-size:0.8rem; }
.home-projects-desc h3 { max-width:530px; }
.home-img { width:100%;height:340px; }
.home-img img { width:100%;height:100%;object-position: center;object-fit:cover; }
.home-projects-img { width:100%;height:100%;object-position: center;object-fit:cover; }

img.white-fade-header { object-fit: cover;object-position:center center;width:70%;margin-left:30% }
.banner-cover-white { background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 80%);width:100%;height:100%;position:absolute;top:0;left:0; }



/* -- About -- */
.about-main { padding:80px 15px; }
.about-row { padding:30px 0; }
.about-section { padding:15px 0px;margin:30px 0;border-top:1px solid var(--grey);border-bottom:1px solid var(--grey); }
.about-section p { margin:10px 0 5px; }
.about-image { width:100%;max-width:280px;margin:0 auto; }
.about-team { background:var(--yellow);padding:80px 15px; }
.team-grid { margin-top:30px; }


/* -- Projects -- */
.projects-list { padding:60px 15px 80px; }
.thumbnail-image { width:100%; }
.project-title { display: block;width: 100%;font-size:1.2rem;padding:15px 0 0px;padding-right:100px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family: "playfair-display", serif;font-weight:400; }
.project-location, .project-type { padding: 5px 0 0px;display:block;color:var(--brown);text-transform: uppercase;font-size:0.8rem; }
.project-type { font-size:0.6rem; }
.project-details { position:relative; }
/*.project-link { color:#000;text-decoration: none;position:absolute;top:18px;right:0;font-size:0.7rem;text-transform: uppercase; }*/
.project-link { transition:ease-in-out 0.4s opacity;margin-top: 15px;width:110px;margin: 15px 0 15px auto;display:block;color:#000;text-decoration:none;font-size:0.7rem;text-transform:uppercase;position:relative;padding-right:25px; }
.project-link:hover { opacity:0.4; }
.project-link:after { position: absolute;right: 0;top:-5px;content:"";display:inline-block;width:24px;height:24px;background:url("/wp-content/themes/arch_nashbains/img/project-plus.svg") no-repeat center;background-size:contain; }
.project-type.text-black { color:#000; }
.filter { margin-bottom:30px;display:block;width:100%;text-align:right; }
.filter select { border:none;padding:10px 10px;color:var(--darkgrey); }
.pagination { width:100%;text-align:center;padding:10px 15px; }
.pagination a { color:var(--midgrey);text-decoration:none;display:inline-block;padding:0 5px; }
.pagination a:hover { color:#000; }


.password-link.image { background:#000;display:inline-block; }
.password-link.image img { transition:ease-in-out 0.4s opacity; }
.password-link.image:hover img { opacity:0.8; }

.project-password-button { position:absolute;top:30px;right:0; }
.project-top { width:calc(100% - 175px); }
.top-border { border-top:1px solid var(--brown); }
#pw { display:none; }
#incorrect { color:red;font-size:0.9rem;margin-top:5px;display:none; }

#passwordcover { display: none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.6);z-index:10; }
.passwordpopup { box-shadow: 5px 5px 20px rgba(0,0,0,0.3);padding:30px; position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);width:100%;max-width:400px;background:var(--yellow); }
.passwordpopup span { color:var(--brown);text-transform: uppercase;font-size:0.8rem;display:block;margin-bottom:15px; }
.passwordpopup .pwform { margin-top:15px; }
.passwordpopup .pwform input[type="password"] { width:calc(100% - 60px);border-radius:0px;height:36px; }
.passwordpopup .pwform input[type="submit"] { width:60px;background:var(--red);padding:5px 10px;border-radius:0px;height:36px; }
.passwordpopup .pwform input[type="submit"]:hover { background:#000; }
a.close { width:20px;height:20px;display:block;position:absolute;top:30px;right:30px;background:url("/wp-content/themes/arch_nashbains/img/project-plus.svg");background-size:contain;transform:rotate(45deg); }
a.close:hover { opacity:0.4; }

/* -- Single Project -- */
.breadcrumb { margin-bottom:0px;display:block; }
.breadcrumb a { transition: ease-in-out 0.4s all;text-transform: uppercase;color:#000;text-decoration:none;font-size:0.8rem;display:inline-block;padding-left: 15px;background:url("/wp-content/themes/arch_nashbains/img/project-back-arrow.svg") no-repeat left center;background-size:6px auto; }
.breadcrumb a:hover { color:var(--midgrey); }
.single-project .project-location { display:block;margin-top:-15px;margin-bottom:30px; }
.slick-next { right:0;bottom:-40px;top:auto; }
.slick-prev { transform:rotate(180deg);right:50px;left:auto;bottom:-31px;top:auto;z-index:1; }
.slick-prev:before, .slick-next:before { content:""; }
.slick-prev, .slick-next { transition:ease-in-out 0.2s opacity;width: 25px;background:url("/wp-content/themes/arch_nashbains/img/slider-arrow.svg") no-repeat center;background-size:contain; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background:url("/wp-content/themes/arch_nashbains/img/slider-arrow.svg") no-repeat center;background-size:contain; }
.slick-prev:hover, .slick-next:hover { opacity:0.5; }
.about-the-project { text-transform: uppercase;color:var(--brown);font-size:0.8rem;display:block;margin-top:50px; }

.project-about { padding-bottom:60px; }
.project-about > h2 { max-width:530px; }
.project-about-section { display:inline-block;padding:0 50px 15px 0px; }
.project-about-section .project-about-heading { text-transform:uppercase;color:var(--brown);font-size:0.7rem;font-weight:400;display:block; }
.project-about-section .project-about-detail { font-family:"playfair-display", serif;font-size:1.2rem;display:block; }
.project-page-links { border-top:1px solid var(--midgrey);margin-top:30px;padding:10px 0;width:100%;max-width:200px; }
.project-page-links a { display:block;text-decoration:none;padding:5px 0;color:var(--midgrey);text-transform:uppercase;font-size:0.7rem; }
.project-page-links a:hover, .project-page-links a.active { color:#000; }
.project-section { padding:40px 0 40px;position:relative; }
.project-section:after { content:"";height:0px;border-top:1px solid var(--midgrey);position:absolute;bottom:0;right:0;width:66.67%; }
.project-section:last-child:after { display:none; }
.project-section-content { padding:15px 0; }
.project-section-title { font-family:"lato", sans-serif;color:var(--brown);text-transform:uppercase;font-size:1rem; }
.project-padding { padding:45px 0; }
.amenitiesgrid { margin-top:30px; }
.amenity { width:50%;display:inline-block;padding:5px 15px 5px 0; }
.amenity-icon { display:inline-block;width:auto;margin-right:10px;vertical-align: middle; }
.amenity-icon img { width:30px;height:30px; }
.project-overview-heading { font-size:1.5rem;line-height:2rem;display:block;border-top:1px solid var(--midgrey);border-bottom:1px solid var(--midgrey);padding:15px 0; }
.project-map { margin-top:30px; }
.project-map iframe { width:100% !important;height:350px !important; }
.project-map-location { color:#000;vertical-align: middle;margin-top:15px; }
.maps-link { color:var(--darkgrey);text-transform: uppercase;display:block;font-size:0.7rem; }
.maps-link:hover { color:#000; }
.location-icon { display: inline-block;width:52px;height:52px;background:url("/wp-content/themes/arch_nashbains/img/icon-location.svg") no-repeat center;background-size:contain;position:relative;top:10px; }
.location-text { display:inline-block;width:calc(100% - 52px);padding-left:20px; }
.portrait-small { width:79px;float:left; }
.portrait-text { padding-left:20px;display:inline-block;color:#000; }
.portrait-text a { color:var(--darkgrey); }
.portrait-text a:hover { color:#000; }
.project-website-link { margin-top:15px; }

.register-grid { width:100%; }
.register-grid .left, .register-grid .right { display:inline-block;vertical-align:text-top; }
.register-grid .left { width:56%;padding-right:40px; }
.register-grid .right { width:44%; }


form, input, label, textarea { width:100%;border:0; }
input, textarea { padding:8px 5px;border-bottom:1px solid var(--midgrey);margin-top:5px;font-family:"lato", sans-serif; }
textarea { height: 5em; }
label { color:var(--darkgrey);text-transform: uppercase;font-size:0.8rem; }
input[type="checkbox"] { width:auto;margin-left:-15px;margin-right:10px; }
form { margin-top:30px; }
.form50, .form100 { padding:15px 0px; }
.form50 { width:50%;display:inline-block;float:left; }
form .form50.left { padding-right:15px; }
form .form50.right { padding-left:15px; }
form a { color:var(--midgrey);font-size:0.8rem;margin-top:5px;display:inline-block; }
::-webkit-input-placeholder { color:var(--midgrey); }
::-moz-placeholder { color:var(--midgrey); }
.wpcf7-not-valid-tip { color:var(--red);margin-top:5px; }
.wpcf7-response-output { border:none; }
.checkbox label { text-transform: none; }
input[type="submit"] { background:var(--red) url("/wp-content/themes/arch_nashbains/img/arrow-submit.svg") no-repeat calc(100% - 15px) center;background-size:25px auto;color:#fff;border:none;display:inline-block;width:auto;padding:8px 50px 8px 15px;font-weight:400;text-transform: uppercase;font-size:0.8rem;position:relative; }
input[type="submit"]:hover { background:#000 url("/wp-content/themes/arch_nashbains/img/arrow-submit.svg") no-repeat calc(100% - 15px) center;background-size:25px auto; }


.button { transition: ease-in-out 0.4s background;font-size: 0.9rem;padding:10px 15px;text-transform: uppercase;text-decoration: none;display:inline-block;border:1px solid var(--brown);color:var(--brown); }
.button:hover { color:#fff;background:var(--brown); }

/* ===== MODULES ===== */
.module { display:block; }


.columns-1 { column-count:1; }
.columns-2 { column-count:2; }
.columns-3 { column-count:3; }
.columns-4 { column-count:4; }


/* Video */
.plyr__control--overlaid { background:rgba(87,138,126,0.6); }
.plyr--full-ui input[type=range] { color:#578A7E; }
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background:#578A7E; }



/* Tablet Size */
@media(max-width:768px){

	.m-grid-gap-30 { grid-gap:15px; }
	.m-grid-gap-50 { grid-gap:30px; }

	.project-about-section { width:49%; }

		.register-grid .left, .register-grid .right { width:100%; }
	.register-grid .left { padding-right:0;margin-bottom:15px; }

	.project-password-button { position:static;top:30px;right:0;margin-bottom:30px; }
	.project-top { width:100%; }

}

/* Mobile Size */
@media(max-width:560px){

	.m-grid-gap-30 { grid-gap:15px; }
	.m-grid-gap-50 { grid-gap:15px; }


	.home-projects-desc.top { padding-top:30px; }
	#navmenu { padding:70px 15px 15px;width:100%;height:100%;padding-left:15px;text-align:center; }
	#navmenu.open { left:0; }
	.nav-contact { left:auto; }
	#navbar { height:100%;height:56px;box-shadow:none; }
	#navbar:after { pointer-events: none;display: inline-block;content: "";position:fixed;top: 0;left: 0;width:112px;height:56px;background:transparent;box-shadow:0px 0px 10px rgba(0,0,0,0.4); }
	footer { text-align:center; }
	.footer-logo { display:inline-block; }

	.form50 { width:100%;padding: }
	form .form50.right, form .form50.left { padding-left:0;padding-right:0; }
	.project-about-section { width:100%; }
	.amenity { width:100%; }
	.project-section:after { width:100%; }
	.project-section { padding:30px 0 30px; }
	.logo, .logo.white { width:175px; } 
	.enquiry { position:fixed;top:0px;left:56px;width: 56px;height: 56px;bottom:auto;transform: rotate(0deg);text-indent:-999px; }
 	.icon-email { position:absolute;left:18px;top:18px;transform: rotate(0deg);margin-right:0px;width:18px;height:18px; }
 	.main-container { padding-left:0px; }
 	#navmenu ul li > a { font-size:1rem; }
 	.banner-cover-white { background:linear-gradient(90deg, rgba(255,255,255,1) 40%, rgba(255,255,255,.8) 70%); }
 	.home-banner .banner-cover { background:rgba(0,0,0,0.7); }
 	h1 { font-size:1.6rem; }
 	.projects-list { padding:30px 15px 60px; }
 	.nav-contact { display:none; }
 	.nav-header { font-size:1rem;margin-bottom:15px; }
 	.banner-text.about, .banner-text { position:relative;bottom:auto;padding-bottom:30px; }
 	.home-banner img { width:100%;height:100%;top:0;left:0;position:absolute; }
 	.home-banner { height:auto;padding-top:60px;padding-bottom:30px; }
 	.home-main { margin-top:-15px; }
 	.logo.abs { position:static;transform: translate(0px); }
 	.about-main { padding:15px 15px; }
 	.mobile-right-col { grid-row-start:2; }
 	.about-row { padding:0px 0px; }
 	p.largefancy { font-size:1.2rem;line-height:1.8rem; }
 	.about-section .subtitle { font-size:0.75rem; }
}