/*
Theme Name: EA Apartments
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: 
*/

/*

Light Grey: #E5E5E5;
Green: #8DC73F;
Dark Grey: #707070;

*/


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

html, body { width:100%;margin:0;padding:0;overflow-x:hidden;font-family: proxima-nova, sans-serif;font-weight:300;color:#707070; }

h1,h2,h3,h4,h5,h6 { font-weight:300; }

h1,h2 { font-size:2em; }
h3 { font-size:1.8em; }
h4 { font-size:1.6em; }
h5 { font-size:1.4em; }
h6 { font-size:1.2em; }

img { display:block; }

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

.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; }

.bg-white 	   { background:#ffffff; }
.bg-light-grey { background:#E5E5E5; }
.bg-green 	   { background:#8DC73F; }
.bg-darkgrey   { background:#707070; }

.text-white, .text-white * { color:#fff; }

p a { color:#8DC73F;text-decoration: none; }
p a:hover { color:#63961e; }

.bg-light-grey a { color:#707070;text-decoration: none;font-size:0.9em; }
.bg-light-grey a:hover { color:#8DC73F; }

a.button { display:inline-block;padding:8px 12px;background:#8DC73F;color:#ffffff;text-decoration: none; }
a.button:hover { background:#63961e;color:#fff; }

a.button.white { background:none;border:1px solid #fff; }
a.button.white:hover { color:#8DC73F;background:#fff; }

a.button.large { font-size:1.2em;padding:8px 18px; }

a.button.disabled { background:#707070;pointer-events:none; }

ol { list-style: none;padding-left:0; }
ol li { padding-bottom:10px;padding-left:25px;background:url("/wp-content/themes/ea_arch/img/tick.png") no-repeat left top;background-size:17px auto; }

/* ===== NAV MENU ===== */
.logo { display:inline-block;padding:10px 0; }
.logo img { width:200px;height:auto;display:inline-block; }
nav { display:inline-block;width:calc(100% - 200px);text-align:right;vertical-align:top;margin-top:8px; }
#navmenu .menu { list-style: none;padding:0;margin:0;display:inline-block;width:100%;z-index:100;position:relative; }
#navmenu .menu li { display:inline-block;text-align:center;padding:10px;position:relative;width:auto; }
#navmenu .menu li a { color:#707070;text-decoration:none; }
#navmenu .menu li a:hover { color:#b5b5b5; }
.nav-holder { padding:0 15px;position:relative; }
/*#navmenu .sub-menu { display:none;position:absolute;width:100%;top:100%;left:0;background:#fff;list-style: none;padding:0;margin:0; }
#navmenu .sub-menu li { display:inline-block;width:100%; }*/
/*#navmenu .menu li:hover .sub-menu { display:inline-block; }*/

#loginbutton { background:#8DC73F;color:#fff;text-decoration: none;display:inline-block;position:absolute;top:0;right:8%;padding:17px 10px 18px; }
#loginbutton:hover { background:#63961e; }

.mobile-toggle { width:30px;height:30px;display:none; }
.toggle-bar { width:100%;height:3px;margin-bottom:5px;background:#707070; }
.mobile-toggle:hover .toggle-bar, .mobile-toggle.active .toggle-bar { background:#b5b5b5; }

.old-login { background:#8DC73F;padding:10px 15px; }
.old-login a:hover { opacity:0.6; }

#footermenu .menu { list-style: none;padding:0;margin:0;position:relative;z-index:1; }
#footermenu .menu li { display:inline-block;padding-right:10px; }
a.social { display:inline-block;margin-right:15px; } 
.social-text { font-size:0.9em;position:relative;top:-12px; }
.copyright { font-size:0.8em;display:inline-block;width:100%;text-align:right;position:relative;top:-20px;margin-right:15px;right:15px; }

#cookies { position:fixed;bottom:0;left:0;width:100%;background:#fff;padding:0 15px;background:#fff;z-index:1;text-align:center; }
#cookies a { color:#8DC73F;text-decoration: none; }
#cookies a:hover { color:#63961e; }
#cookies .button, #cookies .button:hover { color:#fff; }

/* ===== MODULES ===== */
.module { display:block; }
.column_text { padding:30px 15px 30px; }

/* -- Banner -- */
.banner-box { background:rgba(0,0,0, 0.5);color:#fff;margin:0 auto;width:auto;display:inline-block;padding:15px 30px;max-width:700px; }
.banner-box h1 { font-weight:100; }
.banner { height:350px; }
.banner img { position:absolute;width:100%;height:100%;object-fit: cover; }
.banner-text { position:relative;z-index:1;padding:40px 15px; }
.header-or { padding:0 15px;font-size:1.2em; }
.cap-first:first-letter { text-transform: uppercase; }

/* -- Picks -- */
.text-box { padding:30px 15px; }
.pick-box { position:relative; }
.price-box { position:absolute;top:0;left:0;padding:10px 15px; }
.pick-name { display:block;text-align:left;font-size:1.4em;padding-bottom:2px;font-weight:500; }
.pick-location { display:block;text-align:left;padding-bottom:15px; }

/* -- Full width image -- */
.full_width_image { position:relative;padding-top:150px; }
.full_width_image img { position:absolute;object-fit: cover;object-position:right center;width:100%;height:100%;top:0;left:0; }
.image-text-box { padding:15px 30px 30px;width:650px;bottom:0;position:relative;z-index:1; }

/* -- Form Stuff -- */
.bsui .btn { display:inline-block;width:auto;margin:0 auto;background-color:#8DC73F;border:none;border-radius:0;transition:none;text-transform: capitalize !important; }
.bsui .btn:hover, .bsui .btn:focus, .bsui .btn:active { background-color:#63961e !important;box-shadow:none !important; }
.bsui .form-control, .input-group-append > span { border-radius:0px !important; }
.uwp-footer-links { display:none; }
.uwp_form { text-align:center; }
.uwp-registration-form #username { display:none; }
.card-title { display:none; }
.bsui .card-body { padding:15px; }
.bsui .alert-success { background-color:#8DC73F;border:none;border-radius:0px; }
.bsui .alert-danger { border:none;border-radius:0px; }
.uwp_account_page_username { display:none; }
.dropdown.mb-4 { display:none; }
.select2-container .select2-selection__clear { padding-top:1px;padding-left:0px;display:none; }
.select2-container .select2-selection--single .select2-selection__rendered { padding-top:4px;text-align:left;padding-left:20px !important; }
.select2-search { display:none !important; }
.uwp-account-form .form-group label { position:static;width:100%;height:auto;display:inline-block;text-align:left; }
.uwp-account-form .form-control::placeholder { color:#fff !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height:33px !important;width:36px !important;top:0 !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-width:8px 6px 0px 6px !important; }
.uwp-account-form .custom-control-label::before, .uwp-account-form .custom-control-label::after { left:0 !important; }
.uwp-account-form .bsui .custom-control { padding-left:30px; }
.uwp-account-form .custom-control.custom-checkbox { margin:30px 0; }
.uwp-registration-form .select2-container .select2-selection--single .select2-selection__rendered { padding-top:0px !important; }
.uwp-registration-form .select2-container--default .select2-selection--single .select2-selection__arrow { height:30px !important; }
label[for="reg_currency"] { display:inline-block;position:static !important;width:100% !important;height:auto !important;text-align:left; }
.bsui input[type="submit"].btn-block, .bsui input[type="reset"].btn-block, .bsui input[type="button"].btn-block { width:auto !important; }
.bsui .row { margin:0 !important; }
.login-col-left { border-right:1px solid #E5E5E5; }
.uwp_form_radio_row label.sr-only { display:block;position:static !important;width:100% !important;height:auto !important;text-align:left;white-space:normal; }
.uwp_form_radio_row { position:relative;margin-bottom:50px !important; }
.uwp_form_radio_row .form-check-label, .uwp-account-form .form-group label.form-check-label { position:absolute;bottom:-25px;left:60px; }
.uwp_form_radio_row .form-check-label:nth-child(2), .uwp-account-form .form-group label.form-check-label:nth-child(2) { left:0px; }




.acf-form input, .acf-form select { color:#707070;width:100%;height:40px;border-radius:0px;margin-bottom:15px;margin-top:5px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background:#fff;border:1px solid #707070;padding:5px 15px !important; }
.acf-form select { background:#fff url("/wp-content/themes/ea_arch/img/arrow-down@2x.png") no-repeat 98% center;background-size:18px auto; }
.acf-form-submit { text-align:center; }
.acf-form input[type="submit"] { font-size:1em;padding:8px 16px;color:#fff;display:inline-block;width:auto;margin:0 auto;background-color:#8DC73F;border:none;border-radius:0;transition:none;text-transform: capitalize !important; }
.acf-form input[type="submit"]:hover, .acf-form input[type="submit"]:focus, .acf-form input[type="submit"]:active { background-color:#63961e !important;box-shadow:none !important; }
.acf-checkbox-list { list-style: none;padding:0; }
.acf-form input[type="checkbox"] { width:15px;height:15px;border-radius:100%;padding:0 !important;margin:0 10px 0 0; }
.acf-form input[type="checkbox"]:focus, .acf-form input[type="checkbox"]:active { outline:none; }
.acf-form input[type="checkbox"]:checked { background:#707070; }
.acf-field .acf-label label { font-weight:300 !important; }
.acf-fields>.acf-field { border:none !important;padding:0 0 15px 0 !important; }

.bsui .custom-control-input:checked ~ .custom-control-label::before { border-color:#8DC73F;background-color:#8DC73F; }
.bsui .custom-control-label::before, .bsui .custom-control-label::after { top:2px; }

.page-numbers { display:inline-block;background:#8DC73F;color:#fff;padding:5px 10px;text-decoration: none; }
.page-numbers.current, .page-numbers:hover { background:#63961e; }

@media(min-width:769px){
	#navmenu { display:inline-block !important; }
}
/* Tablet Size */
@media(max-width:768px){
	/* Move this to it's own query if it needs to break down earlier */
		.mobile-toggle { display:inline-block; }
		nav { width:100%;margin-top:0;display:block; }
		#navmenu { display:none; }
		#navmenu .menu li { display:inline-block;width:100%;padding:0; }
		#navmenu .menu a { display:inline-block;width:100%;padding:10px; }
		#loginbutton { right:0;padding:14px 10px 13px; }
		.logo img { width:150px; }
		/*#navmenu .sub-menu { display: none;width:100%;position:static; }
		#navmenu .menu li:hover .sub-menu { display:none; }*/
		.mobile-toggle { position:absolute;top:13px;right:15px; }
	/* ---------------------- */

	.banner-box h1 { font-size:1.5em; }

	h1,h2 { font-size:1.5em; }
	h3 { font-size:1.4em; }
	h4 { font-size:1.3em; }
	h5 { font-size:1.2em; }
	h6 { font-size:1.1em; }

	.banner { height:auto; }
	
	.full_width_image { padding-top:0; }
	.full_width_image img { position:static;height:300px; }
	.image-text-box { width:100%; }
	.copyright { font-size:0.8em;display:inline-block;width:100%;text-align:left;position:static;top:0px;margin-top:30px; }

}

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

	.login-col-left { border-right:none; }

}