/*
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: var(--grey-light);
Green: var(--gradient);
Dark Grey: var(--grey-dark);

*/

:root{
	--pink:#CB4F96;
	--red:#d1405c;
	--gradient:linear-gradient(0deg, var(--red), var(--pink));
	--grey-light:#e5e5e5;
	--grey-dark:#707070;
}


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

html, body { width:100%;margin:0;padding:0;overflow-x:hidden;font-family: proxima-nova, sans-serif;font-weight:300;color:var(--grey-dark); }

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

h1,h2 { font-size:2em; }
h2 { font-weight:600; }
h3 { font-size:1.8em;font-weight:400;margin-bottom:20px;margin-top:20px; }
h4 { font-size:1.6em; }
h5 { font-size:1.4em; }
h6 { font-size:1.2em; }


img { display:block; }

#navmenu .menu li.display-none { display:none; }

.m-container-1000 { max-width:1000px;width:100%;margin:0 auto; }

.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:var(--grey-light); }
.bg-grey 		{ background:#f2f2f2; }
.bg-green 	   { background:var(--gradient); }
.bg-darkgrey   { background:var(--grey-dark); }

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

a { color:var(--red);text-decoration:none; }
a:hover { color:#000; }
p a { color:var(--gradient);text-decoration: none; }
p a:hover { color:var(--red); }

#signup { transition:transform 0.4s ease-in-out;z-index:99;position:fixed;bottom:85px;right:-5px;transform:translateX(100%);padding:15px 35px 15px 15px;background:var(--gradient);color:#fff;text-decoration:none;box-shadow:-3px 3px 5px rgba(0,0,0,0.2);font-size:1.2rem; }
#signup.visible { transform:translateX(0%); }
#signup span { font-size:0.9rem; }
#signup:hover { background:#000; }
.footer-col-padding { padding-left:30px; }

.bg-light-grey a { color:var(--grey-dark);text-decoration: none;font-size:0.9em; }
.bg-light-grey a:hover { color:var(--gradient); }

a.button,.hustle-button, #navmenu .menu li.button a {  display:inline-block;padding:8px 12px;background:var(--gradient);color:#ffffff;text-decoration: none; }
#navmenu .menu li.button a:hover, a.button:hover,.hustle-button:hover, a.button.active { background:#1c2121;color:#fff; }
.hustle-button { font-size:1.1rem !important;font-weight:400 !important; }

a.button.white { background:none;border:1px solid #fff; }
a.button.white:hover { color:var(--red);background:#fff; }

a.button.large { font-size:1.6em;padding:15px 30px; }

ol { list-style: none;padding-left:0; }
ol li { padding-bottom:10px;padding-left:25px; }
ol li::before { display:inline-block;width:20px;height:20px;background:url("/wp-content/themes/ea_arch/img/tick.png") no-repeat center;background-size:17px auto;content:"";margin-right:10px;position:relative;top:2px;margin-left:-30px; }

.bold-header { font-weight:400;font-size:2.2rem;margin-bottom:-10px;margin:60px auto 30px; }

/* ===== NAV MENU ===== */
.logo { display:inline-block;padding:10px 0; }
.logo img { width:250px;height:auto;display:inline-block; }
nav { display:inline-block;width:calc(100% - 250px);text-align:right;vertical-align:top;margin-top:22px; }
#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:var(--grey-dark);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; }*/
#navmenu .menu li a.button { color:#fff; }

.sub-menu { display:none;position:relative;padding:0; }
.menu-item:hover .sub-menu { display:block;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:100%;background:var(--red); }
.menu-item .sub-menu :is(li, a) { width:100% !important;display:inline-block; }
.menu-item-has-children:hover { background:var(--red); }
.menu-item-has-children:hover a { color:#fff !important; }
.menu-item-has-children a:hover { opacity:0.5; }


#loginbutton { background:var(--gradient);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:var(--grey-dark); }
.mobile-toggle:hover .toggle-bar, .mobile-toggle.active .toggle-bar { background:#b5b5b5; }

.old-login { background:var(--gradient);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:var(--gradient);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.75);color:#fff;margin:0 auto;width:auto;display:inline-block;padding:15px 30px;max-width:700px; }
.banner-box.pink { background:var(--gradient); }
.location-banner-box { background:var(--gradient);padding-bottom:20px; }
.banner-box h1 { font-weight:100; }

.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; }
.banner { height:100%; }
.big-banner { height:500px; }

/* -- Picks -- */
.text-box { padding:30px 15px; }
.pick-box { position:relative;height:100%; }
.price-box { position:absolute;top:0;left:0;padding:10px 15px;font-size:1.6rem; }
.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:30px 30px 30px;width:650px;bottom:0;position:relative;z-index:1; }
.image-text-box { width:100%; }
.image-text-box a.button { font-size:1.3rem;font-weight:400;background:#fff;border:1px solid #fff;color:var(--red); }
.image-text-box a.button:hover { background:#1c2121;border:1px solid #1c2121;color:#fff; }

/* -- Form Stuff -- */
.bsui .btn { display:inline-block;width:auto;margin:0 auto;background-color:var(--gradient);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:var(--gradient);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 var(--grey-light); }
.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:var(--grey-dark);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 var(--grey-dark);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:var(--gradient);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:var(--grey-dark); }
.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:var(--gradient);background-color:var(--gradient); }
.bsui .custom-control-label::before, .bsui .custom-control-label::after { top:2px; }

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

.price.eur { display:none; }
.currency-select { margin:15px 0 50px; }
.currency-select-header { font-size:1.8rem;margin-top:50px; }
a.button.link-eur { display:none; } 

.book-grid { margin-bottom:30px; }

.hustle-ui .hustle-info .hustle-group-content :not([class*=forminator-]) a { transition:none !important; }
.hustle-icon-close:hover { opacity:0.6; }
.resort-grid { margin-bottom:60px; }

a.button.reg-button { display:none; }
a.button.reg-button.gbp { display:inline-block; }





/* Resort Page */
.module { padding:30px 15px; }
.visit-image { width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0; }
.why-visit { padding:45px; }
.why-visit h2 { font-weight:600; }
.guide-box { color:#fff;padding:45px;width:100%;max-width:1000px;margin:0 auto;display:block; }

.auto-grid { display:flex;flex-direction:row;flex-wrap:wrap;margin:0px -15px 30px;justify-content:center; }
.auto-grid-item { width:100%;flex:0 0 25%;padding:15px;
/*max-width:370px;*/
	min-width:300px; 
 }
.auto-grid-item.resort { min-width:450px;flex:0 0 33%; }
.auto-grid img { width:100%;aspect-ratio:12/9;object-fit:cover; }
.grid-item-text { padding:30px;font-weight:bold; }
.grid-item-text a.button { font-size:1rem;font-weight:300; }
.grid-item-holder { height:100%; }
.grid-item-text p { font-weight:300; }

.resort-name { font-size:1.4rem;display:block;margin-bottom:5px; }
.resort-location { font-weight:initial; }
.rating { margin:30px auto 30px;display:block; }
.rating::before { margin-right:10px;vertical-align:middle;content:"";display:inline-block;width:30px;height:30px;position:static;background:url("/wp-content/themes/ea_arch/img/tripadvisor.svg") no-repeat;background-size:contain; }
.rating-dot { vertical-align:middle;border:2px solid #01ad87;background:#01ad87;width:20px;height:20px;overflow:hidden;display:inline-block;position:relative;;border-radius:100%; }
.rating-dot.half::after { left:8px;width:20px;height:20px;display:block;background:#fff;position:absolute;top:0;content:""; }
.rating-dot.empty { background:none; }
.map img { width:100%;max-width:500px;margin:0 auto; }


.insider-tips { text-align:left; }
.insider-tip-q { position:relative;background:var(--grey-light);padding:25px 50px 15px 30px;font-weight:bold;font-size:1.125rem; }
.insider-tip-q::after { transition:transform 0.5s ease-in-out;transform:rotate(-90deg);position:absolute;top:calc(50% - 10px);right:30px;content:"";display:block;width:20px;height:20px;background:url("/wp-content/themes/ea_arch/img/arrow-down@2x.png") no-repeat center;background-size:contain; }
.insider-tip-q:hover { cursor:pointer;background:#d5d5d5; }
.insider-tip-a { padding:15px 30px;background:#f5f5f5;display:none; }
.insider-tip.active .insider-tip-a { display:block; }
.insider-tip.active .insider-tip-q::after { transform:rotate(0deg); }

.spotify-image { padding:30px;max-width:400px;margin:0 auto; }
.spotify-image img { width:100%; }
.spotify-text { padding:30px;color:#fff; }
.spotify-text h3 { margin-top:0; }
.spotify-text a.button { background:transparent;border:1px solid #fff; }
.spotify-text a.button:hover { background:black;border-color:black; }

.socials { margin-bottom:30px; }
.socials a { width:50px;height:50px;background:var(--gradient);display:inline-block;margin-right:20px;border-radius:100%;padding:10px; }
.socials a:hover { background:#000; }
.socials a img { width:100%;height:100%;object-fit:contain;object-position:center; }
.socials a.facebook img { transform:scale(1.9) translateY(3px); }

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

		#navmenu { width:calc(100% + 30px);position: relative;left:-15px; }
		#navmenu .sub-menu { display: none;width:100%;position:static; }
		#navmenu .menu li:hover .sub-menu { display:none; }
		.menu-item:hover .sub-menu { transform:none;text-align:center; }
		.menu-item-has-children.opened a { color:#fff !important; }
		.menu-item-has-children.opened { background:var(--red); }

		#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:26px;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; }

	.spotify-text { padding-top:0; }


	.visit-image { position:static; }
	.image-row { grid-row-start:2; }
	.why-visit { padding:30px; }
}

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

	.login-col-left { border-right:none; }
	.auto-grid-item { min-width:450px; }
	#signup { bottom:15px;font-size:1rem; }
}