/*
Theme Name: Independent Leicester
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: 
*/


/* -- Colours --

Light Blue: #9ACEEA;
Blue : 		#154D61
Dark Blue: 	#0F3D4D
Yellow : 	#F0E51B
Pink : 		#EA8EA3
Lavender:  	#B4B0D3
Green: 		#90CDC5


-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
 

------------- */


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

* { font-family: brandon-grotesque, sans-serif !important;font-weight: 400; }

html, body { width:100%;margin:0;padding:0;overflow-x:hidden;background:#F6F6F6; }
body { position:relative;left:0%;-webkit-transition: left .5s ease-in-out;-moz-transition: left .5s ease-in-out;-o-transition: left .5s ease-in-out;transition: left .5s ease-in-out; }
html.open, body.open { /*left:-75%;*/overflow:hidden; }

.m-container-1000 { max-wdith:1000px;margin:0 auto; }

b, strong { font-weight:500; }

a { color:#0F3D4D;text-decoration:underline; }
a:hover { color:#9ACEEA; }

img { display:block; }

h1,h2,h3,h4,h5,h6 { font-weight:500 !important;color:#154D61;margin-top:0px; }
h1, h2 { font-weight:500 !important;font-size:2.6em; }
h1 b, h2 b { white-space: nowrap; }
h3 { font-size:2.2em; }
h4 { font-size:2.2em; }
h5 { font-size:1.2em; }
h6 { font-size:0.9em;margin:0; }

.m-grid { margin:0; }
.m-container-800 { max-width:800px;margin:0 auto; }

.nomargin { margin:0; }

.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-blue 		{ background:#154D61; }
.bg-dark-blue 	{ background:#0F3D4D; }
.bg-white 		{ background:#FFFFFF; }
.bg-grey 		{ background:#EAEAEA; }
.bg-pink 		{ background:#EA8EA3; }
.bg-lavender 	{ background:#B4B0D3; }
.bg-green 		{ background:#90CDC5; }
.bg-light-blue 	{ background:#9ACEEA; }
.bg-yellow 		{ background:#F0E51B; }


p, ul, ol { color:#0F3D4D;font-size:1em; }

.text-white 	{ color:#FFFFFF;font-weight:400; }
.text-light-blue{ color:#9ACEEA; }
.text-blue 		{ color:#154D61; }
.text-dark-blue { color:#0F3D4D; }
.text-yellow 	{ color:#F0E51B; }
.text-pink 		{ color:#EA8EA3; }
.text-lavender 	{ color:#B4B0D3; }
.text-green 	{ color:#90CDC5; }


a.button { display:inline-block;padding:8px 30px;font-weight:500;background:#F0E51B;color:#154D61;text-decoration: none; }
a.button.yellow { background:#F0E51B;color:#154D61; }
a.button.dark { background:#154D61;color:#FFFFFF; }
a.button:hover, a.button.yellow:hover, a.button.dark:hover { background:#D3D3D3; }

hr.small { width:50px;border:none;border-top:5px solid #0F3D4D;margin:15px 0; }

input[type="submit"], button { display:inline-block;padding:8px 30px;font-weight:500;background:#F0E51B;color:#154D61;border:none;font-size:1em; }
input[type="submit"]:hover, button:hover { background:#D3D3D3;cursor: pointer;cursor:hand; }


/* ===== NAV MENU ===== */
#header { margin-bottom:80px; }
#header a { text-decoration: none; }
.nav-table { display:inline-table;table-layout: fixed;width:100%; }
.nav-table > div { display:table-cell;vertical-align: middle;padding:0 15px; }
.nav-table > div > a { width:100%;position:relative;z-index:112; }
.logo-bid { display:inline-block;max-width:181px;height:auto; }
.logo-il { display:inline-block;max-width:140px;height:auto; }
.nav-menu { display:inline-block; }
.nav-menu .menu { color:#F0E51B; }
.menu-text { top:-11px; }
.menu-toggle { display:inline-block;width:30px;height:30px;padding-top:5px;margin-left:10px; }
.toggle-bar { display:block;width:100%;height:3px;background:#F0E51B;margin-bottom:5px; }
.nav-menu.open .toggle-bar:nth-child(1) { transform: translate(0px, 8px) rotate(45deg) ; }
.nav-menu.open .toggle-bar:nth-child(2) { opacity:0; }
.nav-menu.open .toggle-bar:nth-child(3) { transform: translate(0px, -8px) rotate(-45deg) ; }
.nav-menu:hover { cursor:pointer;cursor:hand; }
.nav-menu:hover .menu-text { color:#fff; }
.nav-menu:hover .toggle-bar { background:#fff; }

#search_bar_holder { height:97px; }
#header.fixed #search_bar { position:fixed;top:0;left:0;width:100%;z-index:1; }
#search_bar form select, #search_bar form input { font-size:0.9em;background:none;border:none;border-radius:0px;color:#fff;display:inline-block;border-bottom:1px solid #F0E51B;padding:10px 10px;-moz-appearance: none;-webkit-appearance: none; }
#search_bar form select { width:100%;max-width:250px;margin-right:15px; }
#search_bar form select option { color:#000; }
#search_bar form input  { width:100%; }
#header_search_holder { display:inline-block;width:calc(100% - 265px);position:relative; }
#header_search_holder .overlay { pointer-events:none;position:absolute;top:10px;left:15px;display:inline-block;width:100%;height:100%;color:#fff;opacity:0.8;font-size:0.9em; }
#header_search::-webkit-input-placeholder   { color: #fff;opacity:0; }
#header_search::-moz-placeholder 			{ color: #fff;opacity:0; }
#header_search:-ms-input-placeholder 		{ color: #fff;opacity:0; }
#header_search:-moz-placeholder  			{ color: #fff;opacity:0; }

#search_bar form select { background:url("/wp-content/themes/arch_il/img/select-arrow-yellow.png") no-repeat 98% center;background-size:auto 5px; }
#search_bar form input  { background:url("/wp-content/themes/arch_il/img/search.png") no-repeat 98% center;background-size:auto 20px; }


#search_bar_results ul { list-style: none;padding:0;margin:0;width:100%; }
/*#search_bar_results ul li { width:100%; }*/
#search_bar_results ul li a { color:#fff;text-decoration: none;width:100%;display:inline-block;padding:20px 0 10px;border-bottom:1px solid rgba(255,255,255,0.4); }
#search_bar_results ul li a:hover { opacity:0.4;border-bottom:1px solid #fff; }

#banner_holder { position:relative;z-index:100; }
#search_bar_holder { position:relative;z-index:99; }
#search_bar_ext { position:absolute;top:102px;left:-100%;width:100%; }
#header.fixed #search_bar_ext { position:fixed; }
#search_bar_ext.open { left:0; }

#main_menu { z-index:111;position:fixed;top:0;right:-100%;width:100%;height:100%;-webkit-transition: right .5s ease-in-out;-moz-transition: right .5s ease-in-out;-o-transition: right .5s ease-in-out;transition: right .5s ease-in-out; }
#main_menu.open { right:0; }
#main_menu .menu { list-style: none;margin:0;padding:0; }
#main_menu .menu a { color:#FFFFFF;display:inline-block;padding:15px 15px 0px;margin-bottom:15px;font-size:3.5em;border-bottom:1px solid #0F3D4D;text-decoration: none; }
#main_menu .menu a:hover { color:#F0E51B;border-bottom:1px solid #F0E51B; }


/* ===== FOOTER ===== */
#footer .menu { list-style: none;padding:0;margin:15px 0 0;font-size:0.9em; }
#footer .menu.custom-menu { margin-bottom:-15px; }
#footer .menu li a { color:#A2B8C0;font-weight:300;text-decoration: none; }
#footer .menu li a:hover { color:#fff; }
#subForm { margin-top:15px; }
#subForm input { background:none;border:none;border-bottom:1px solid #fff;margin-bottom:10px;padding:5px 10px;color:#fff;font-size:0.9em; }
#subForm input[type="email"] { width:100%; }
#subForm .checkbox label { font-size:0.8em;color:#A2B8C0; }
.js-cm-submit-button { font-size:0.8em;margin-top:15px;padding:6px 22px; } 
#cookiesPopUp { z-index:9999;position:fixed;bottom:0;width:100%;max-width:870px;bottom:0;left:50%;transform:translateX(-50%);border:2px solid #0F3D4D;border-bottom:none;padding:0px 15px; }
#cookiesPopUp a { margin-left:10px; }
.footer-logo img { max-width:150px; }

/* ===== REGISTRATION ===== */
#registration { position:fixed;top:120vh;left:0;width:100%;height:100%;background:#EA8EA3;z-index:200;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
#registration.open { top:0vh; }
#registration.step1 { background:#EA8EA3; }
#registration.step2 { background:#9ACEEA; }
#registration.step3 { background:#90CDC5; }
#registration.step4 { background:#B4B0D3; }
#registration.step5 { background:#F0E51B; }
.register-form-holder { display:inline-block;width:90%;max-width:800px;height:90%;max-height:800px;position:relative; }
.register-form-slider.slick-slider, .register-form-slider.slick-track { height:100%;margin:0; }
.register-form-slider .slick-slide { position:relative;padding:15px; }
.register-form-step { font-size:2.8em;position:absolute;top:0;left:0;font-weight:500; }
.register-form-slider input { width:100%;background:transparent;border:none;border-bottom:1px solid #fff;padding:15px 15px;font-size:3em;color:#fff; }
.register-form-slider ::-webkit-input-placeholder 	{ color: #fff;opacity:0.3; }
.register-form-slider ::-moz-placeholder 			{ color: #fff;opacity:0.3; }
.register-form-slider :-ms-input-placeholder 		{ color: #fff;opacity:0.3; }
.register-form-slider :-moz-placeholder 			{ color: #fff;opacity:0.3; }
.register-form-slider .slick-dots { bottom:10px;pointer-events: none; }
.register-form-slider .slick-dots li { border:1px solid #fff;border-radius:100%; }
.register-form-slider .slick-dots li.slick-active { background:#fff; }
.register-form-slider .slick-dots li button:before { display:none; } 
.register-button-holder { position:absolute;bottom:60px;left:0;width:100%;text-align:center; }
.next-button, .back-button, .register-button { margin:0 5px;pointer-events:none;display:inline-block;border:1px solid #fff;padding:10px 15px;text-align:center;width:100%;max-width:200px;color:#fff;font-size:1.5em;font-weight:500;opacity:0.4; }
.back-button, .register-button { pointer-events: all;opacity:1; }
.next-button:hover, .back-button:hover, .register-button:hover { background:#fff; }
.step1 .next-button:hover, .step1 .back-button:hover, .step1 .register-button:hover { color:#EA8EA3; }
.step2 .next-button:hover, .step2 .back-button:hover, .step2 .register-button:hover { color:#9ACEEA; }
.step3 .next-button:hover, .step3 .back-button:hover, .step3 .register-button:hover { color:#90CDC5; }
.step4 .next-button:hover, .step4 .back-button:hover, .step4 .register-button:hover { color:#B4B0D3; }
.next-button.active, .register-button.active { opacity:1;pointer-events:all; }
.register-form-close { width:33px;height:33px;display:inline-block;position:absolute;top:15px;right:15px;background:url("/wp-content/themes/arch_il/img/cross2x.png") no-repeat left top;background-size:33px auto;z-index:101; }
.register-form-close:hover { opacity:0.5; }
.detail-confirmation { font-size:1.8em;margin-top:0px;margin-bottom:10px; }
.detail-confirmation .error, #error-holder p { color:#8d374b; }
#error-holder p { margin-bottom:0; }
.thank-you { font-size:4em;font-weight:500;text-align: center; }
.step5 .slick-dots { display:none !important; }
.step5 .register-form-close { display:none; }
a.button.edit-profile { margin-top:30px;color:#0F3D4D;border:1px solid #0F3D4D;font-size:0.5em; }
a.button.edit-profile:hover { color:#F0E51B;background:#0F3D4D;border:1px solid #0F3D4D;font-size:0.5em; }

/* ===== SOCIALS ===== */
.socials.dark { margin-top:-30px; }
.socials.dark > a { display:inline-block;margin-right:20px;margin-bottom:20px;width:25px;height:25px;background:url("/wp-content/themes/arch_il/img/socials.png") no-repeat;background-size:125px auto; }
.socials.dark .social-facebook  { background-position:0px 0px; }
.socials.dark .social-twitter   { background-position:0px -25px; }
.socials.dark .social-instagram { background-position:0px -50px; }
.socials.dark .social-linkedin  { background-position:0px -75px; }
.socials.dark .social-youtube   { background-position:0px -100px; }
.socials.dark .social-facebook:hover  { background-position:-100px 0px; }
.socials.dark .social-twitter:hover   { background-position:-100px -25px; }
.socials.dark .social-instagram:hover { background-position:-100px -50px; }
.socials.dark .social-linkedin:hover  { background-position:-100px -75px; }
.socials.dark .social-youtube:hover   { background-position:-100px -100px; }


.socials.white { margin-top:15px; }
.socials.white > a { display:inline-block;margin-right:10px;margin-bottom:10px;width:15px;height:15px;background:url("/wp-content/themes/arch_il/img/socials.png") no-repeat;background-size:75px auto; }
.socials.white .social-facebook  { background-position:-15px 0px; }
.socials.white .social-twitter   { background-position:-15px -15px; }
.socials.white .social-instagram { background-position:-15px -30px; }
.socials.white .social-linkedin  { background-position:-15px -45px; }
.socials.white .social-youtube   { background-position:-15px -60px; }
.socials.white .social-facebook:hover  { background-position:-30px 0px; }
.socials.white .social-twitter:hover   { background-position:-30px -15px; }
.socials.white .social-instagram:hover { background-position:-30px -30px; }
.socials.white .social-linkedin:hover  { background-position:-30px -45px; }
.socials.white .social-youtube:hover   { background-position:-30px -60px; }


.socials.blog > a.social-link { display:inline-block;margin-right:10px;width:15px;height:15px;background:url("/wp-content/themes/arch_il/img/socials.png") no-repeat;background-size:75px auto; }
.socials.blog .social-link.social-facebook  { background-position:-45px 0px; }
.socials.blog .social-link.social-twitter   { background-position:-45px -15px; }
.socials.blog .social-link.social-instagram { background-position:-45px -30px; }
.socials.blog .social-link.social-linkedin  { background-position:-45px -45px; }
.socials.blog .social-link.social-youtube   { background-position:-45px -60px; }
.socials.blog .social-link.social-facebook:hover  { background-position:-60px 0px; }
.socials.blog .social-link.social-twitter:hover   { background-position:-60px -15px; }
.socials.blog .social-link.social-instagram:hover { background-position:-60px -30px; }
.socials.blog .social-link.social-linkedin:hover  { background-position:-60px -45px; }
.socials.blog .social-link.social-youtube:hover   { background-position:-60px -60px; }



.socials.blog-large > a.social-link { display:inline-block;margin-right:10px;width:15px;height:15px;background:url("/wp-content/themes/arch_il/img/socials.png") no-repeat;background-size:75px auto; }
.socials.blog-large .social-link.social-facebook  { background-position:-15px 0px; }
.socials.blog-large .social-link.social-twitter   { background-position:-15px -15px; }
.socials.blog-large .social-link.social-instagram { background-position:-15px -30px; }
.socials.blog-large .social-link.social-linkedin  { background-position:-15px -45px; }
.socials.blog-large .social-link.social-youtube   { background-position:-15px -60px; }
.socials.blog-large .social-link.social-facebook:hover  { background-position:-30px 0px; }
.socials.blog-large .social-link.social-twitter:hover   { background-position:-30px -15px; }
.socials.blog-large .social-link.social-instagram:hover { background-position:-30px -30px; }
.socials.blog-large .social-link.social-linkedin:hover  { background-position:-30px -45px; }
.socials.blog-large .social-link.social-youtube:hover   { background-position:-30px -60px; }


.socials.dark.small { margin-top:-5px;display:inline-block; }
.socials.dark.small > a { display:inline-block;margin-right:10px;margin-bottom:20px;width:15px;height:15px;background:url("/wp-content/themes/arch_il/img/socials.png") no-repeat;background-size:75px auto; }
.socials.dark.small .social-facebook  { background-position:0px 0px; }
.socials.dark.small .social-twitter   { background-position:0px -15px; }
.socials.dark.small .social-instagram { background-position:0px -30px; }
.socials.dark.small .social-linkedin  { background-position:0px -45px; }
.socials.dark.small .social-youtube   { background-position:0px -60px; }
.socials.dark.small .social-facebook:hover  { background-position:-60px 0px; }
.socials.dark.small .social-twitter:hover   { background-position:-60px -15px; }
.socials.dark.small .social-instagram:hover { background-position:-60px -30px; }
.socials.dark.small .social-linkedin:hover  { background-position:-60px -45px; }
.socials.dark.small .social-youtube:hover   { background-position:-60px -60px; }

.socials.grey.small { margin-top:5px;display:inline-block;text-align:right;width:100%;max-width:250px; }
.socials.grey.small > a { display:inline-block;margin-left:10px;margin-bottom:20px;width:15px;height:15px;background:url("/wp-content/themes/arch_il/img/socials.png") no-repeat;background-size:75px auto; }
.socials.grey.small .social-facebook  { background-position:-45px 0px; }
.socials.grey.small .social-twitter   { background-position:-45px -15px; }
.socials.grey.small .social-instagram { background-position:-45px -30px; }
.socials.grey.small .social-linkedin  { background-position:-45px -45px; }
.socials.grey.small .social-youtube   { background-position:-45px -60px; }
.socials.grey.small .social-facebook:hover  { background-position:-60px 0px; }
.socials.grey.small .social-twitter:hover   { background-position:-60px -15px; }
.socials.grey.small .social-instagram:hover { background-position:-60px -30px; }
.socials.grey.small .social-linkedin:hover  { background-position:-60px -45px; }
.socials.grey.small .social-youtube:hover   { background-position:-60px -60px; }

.shareon { color:#D3D3D3;font-weight:500;position:relative;top:-20px;margin-right:5px; }
.blog-share .shareon { top:-22px; }

/* ==== HOMEPAGE ===== */
.big-phone-holder { width:100%;height:auto;padding-top:70%; }
.big-phone-holder img { width:100%;position:absolute;bottom:0; }

#banner_holder { margin-top:-30px; }
.home-banner-slider h1, .home-banner-slider h2 { font-size:3.2em;margin:0; }
.home-banner-slider { top:0;left:50%;transform:translateX(-50%);width:100%;margin:0;height:100%;padding:30px 0;max-width:1000px;position:absolute; }
.home-banner-slider .slick-dots { margin:0;bottom:30px;left:0; }
.home-banner-slider .slick-dots li button { width:15px;height:15px;border:2px solid #F0E51B;border-radius:100%; }
.home-banner-slider .slick-dots li.slick-active button, .home-banner-slider .slick-dots li button:hover { background:#F0E51B; }
.home-banner-slider .slick-dots li button:before { display:none; }
.banner-elements { bottom:-30px; }
.home-banner-slider .slick-list, .home-banner-slider .slick-track { max-height:100%;height:100%; }
.home-banner-slider .slick-slide { padding-bottom:30px; }

.slick-slide:hover, .slick-slide:focus, .slick-slide:active { outline:none; }

.app-download { margin-top:100px; }
.app-download-links { margin-top:60px; }
.app-download-link { display:inline-block;margin-right:15px; }
.app-download-img { height:50px; }

.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea { display:inline-block;margin-bottom:15px;background:transparent;border:none;border-bottom:1px solid #9EB0B7;font-size:1em;width:100%;padding:10px 10px; }
.wpcf7-form textarea { width:100 !important;height:125px; }

#banner_holder_solo { height:400px; }
#werein { 
-webkit-transition: color .85s ease-in-out;
-moz-transition: color .85s ease-in-out;
-o-transition: color .85s ease-in-out;
transition: color .85s ease-in-out;
position:absolute;top:50%;left:50%;transform: translate(-40.56%, -50%); font-size:4em;margin:0;width:500px; }
#werein.spiring   { color:#B4B0D3; }
#werein.dividual  { color:#90CDC5; }
#werein.dustrious { color:#9ACEEA; }
#werein.novative  { color:#EA8EA3; }
#werein.dependent { color:#F0E51B; }
#wereinsub { width:240px;display:inline-block; }
#wereinin { display:inline-block;position:relative;padding-left:50px;padding-right:5px;margin-left:15px; }
#wereinin span { position:relative;z-index:1;color:#154D61;font-weight:500; }
#wereinin::after { -webkit-transition: background .85s ease-in-out;
-moz-transition: background .85s ease-in-out;
-o-transition: background .85s ease-in-out;
transition: background .85s ease-in-out;
position:absolute;top:2px;left:0px;content:"";display:inline-block;width:100px;height:100px;background:#fff;border-radius:100%; }
#werein.spiring #wereinin::after  	 { background:#B4B0D3; }
#werein.dividual #wereinin::after    { background:#90CDC5; }
#werein.dustrious #wereinin::after   { background:#9ACEEA; }
#werein.novative #wereinin::after    { background:#EA8EA3; }
#werein.dependent #wereinin::after   { background:#F0E51B; }
#banner_holder_solo .banner-elements { bottom:50px;height:100%;z-index:100; }
#banner_holder_solo > div { height:100%; }

.mobile-only-header-break { display:none; }

.full-image-margin { margin-bottom:-106px; }
.full-image-margin-bottom { margin-bottom:-6px; }
.double-image-block img { max-height: 787px;object-fit: cover;max-width:1920px;margin:0 auto;display:inline-block; }



/* ===== LATEST NEWS ===== */
#blog_grid a { text-decoration: none; }
.blog-card { height:100%;padding-bottom:53px;overflow:hidden; }
.blog-card > a { display:block; }
.blog-card.large { padding-bottom:0; }
.blog-card.large img { object-fit: cover;height:100%; }
.blog-card-text { padding:15px 30px;font-size:1.3em; }
.blog-card:hover .blog-card-text { text-decoration: underline; }
.blog-card.no-link:hover .blog-card-text { text-decoration: none; }
.blog-card-category { padding:15px 30px 0px;width:100%;font-size:0.85em; }
.blog-card-category span { font-weight:500; }
.blog-card-footer { position:absolute;bottom:0;left:0;width:100%;padding:15px 30px; }
.blog-card-large-link { height:100%; }
.blog-card-large-text { position:absolute;bottom:0;left:0;width:100%;padding:15px 30px; }
.blog-card-large-text-title { font-size:1.3em;padding-bottom:15px;display:inline-block; }
.blog-card-large-category { display:inline-block;padding-bottom:5px;width:100%; }
.blog-card-image-overlay { position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3); }

.loading-gif { display:none;width:50px;height:50px;background:url("/wp-content/themes/arch_il/img/loading.gif") no-repeat center;background-size:contain;vertical-align: middle; }


/* ===== ABOUT ===== */
.about-section { padding-bottom:30px;padding-top:30px; }
.image-fit { width:100%;height:100%;object-fit: cover; }
.image-fit.image-half { height:50%; }
.image-fit.image-half:first-child { margin-bottom:30px; }



/* ===== SINGLE - BLOG ===== */
.img-slider .slick-dots { text-align:right; }
.img-slider .slick-dots li { width:10px;height:10px; }
.img-slider .slick-dots li button { border:1px solid #0F3D4D;border-radius:100%;width:10px;height:10px; }
.img-slider .slick-dots li.slick-active button { background:#0F3D4D; }
.img-slider .slick-dots li button:before { display:none; }

.img-slider .slick-prev:before, .img-slider .slick-next:before { display:none; }

.img-slider .slick-prev { bottom:-33px;top:auto;left:0;width:25px;height:14px;z-index:1;background:url('/wp-content/themes/arch_il/img/slider-arrows.png') no-repeat left top;background-size:25px auto;transform:scale(-1); }
.img-slider .slick-next { bottom:-40px;top:auto;left:40px;width:25px;height:14px;z-index:1;background:url('/wp-content/themes/arch_il/img/slider-arrows.png') no-repeat left top;background-size:25px auto; }
.img-slider .slick-prev:hover, .img-slider .slick-next:hover { background-position:0px -14px; }
.img-slider-overlay { position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2); }
.img-slider-title { position:absolute;top:15px;left:15px;font-size:1.8em; }
.img-slider img { object-fit: cover;width:100%;height:100%; }
.img-slider-text { position:absolute;bottom:0;left:0;width:80%;padding:5px 30px 30px;font-weight:300;font-size:0.9em; }
.img-slider-text:after { content:"";top:-200px;left:0;background:url("/wp-content/themes/arch_il/img/triangle-top.png") no-repeat left bottom;background-size:contain;width:100%;height:200px;display:block;position:absolute;pointer-events: none; }

.breadcrumbs { font-size:0.9em;margin-bottom:30px; }
.breadcrumbs, .breadcrumbs a { color:#BABABA; }
.breadcrumbs span { color:#154D61;font-weight:500; }
.breadcrumbs .breadcrumb-back { float:right;color:#154D61;font-weight:500;padding-left:25px;position:relative; }
.breadcrumbs .breadcrumb-back:after { content:"";display:inline-block;width:20px;height:10px;background:url("/wp-content/themes/arch_il/img/slider-arrows.png") no-repeat left bottom;background-size:16px auto;position:absolute;left:0;top:5px;transform: rotate(180deg); }

.see-all { position:absolute;bottom:43px;right:0;color:#0F3D4D;border-bottom:1px solid #0F3D4D;line-height:18px;text-decoration: none; }

.socials.grey.small.blog-share { text-align:left; }
.socials.grey.small.blog-share a { margin-left:0;margin-right:10px; }

.wp-caption { max-width:600px;width:100% !important; }
.wp-caption img { width:100%;height:auto; }
.blog-post img { max-width:100%;height:auto; }

/* ===== BUSINESS ===== */
.gallery-slider { position:relative; }
.gallery-slider:before { content:"";display:inline-block;position:absolute;top:0;right:100%;width:1000px;height:101%;z-index:5;
background: -moz-linear-gradient(left,  rgba(246,246,246,1) 75%, rgba(246,246,246,0) 99%);
background: -webkit-linear-gradient(left,  rgba(246,246,246,1) 75%,rgba(246,246,246,0) 99%);
background: linear-gradient(to right,  rgba(246,246,246,1) 75%,rgba(246,246,246,0) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#00f6f6f6',GradientType=1 );
 }
.gallery-slider:after { content:"";display:inline-block;position:absolute;top:0;left:100%;width:1000px;height:101%;z-index:5;
background: -moz-linear-gradient(left,  rgba(246,246,246,0) 1%, rgba(246,246,246,1) 25%);
background: -webkit-linear-gradient(left,  rgba(246,246,246,0) 1%,rgba(246,246,246,1) 25%);
background: linear-gradient(to right,  rgba(246,246,246,0) 1%,rgba(246,246,246,1) 25%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#00f6f6f6',GradientType=1 );
 }
.gallery-slider .slick-slide { opacity:0.2;transform:scale(0.9);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }
.gallery-slider .slick-list { overflow: visible; }
.gallery-slider .slick-slide.slick-current.slide-visible { opacity:1;transform: scale(1); }
.gallery-slider img { height:auto; }

.opening-table { display:inline-table; width:100%;max-width:250px;  }
.opening-row { display:table-row; }
.opening-row > div { display:table-cell; }
.opening-day { padding-right:30px; }
.opening-time { text-align:right; }
.opening-table.weekend { margin:10px 0;padding:10px 0;border-top:1px solid #0F3D4D;border-bottom:1px solid #0F3D4D; }

.update-link { text-decoration: none; }
.update-description { padding:0 30px;font-size:0.85em;margin-top:-15px; }
.shareon.updates { top:-3px; }

/* ====== INDEPENDENTS/SEARCH ===== */
.business-card-text { padding:15px 30px; }
.business-card-text span { font-size:1.1em; }
.business-card { height:100%; }
.business-card-deets { margin:10px 0 20px; }
.indy-icon { font-size:0.9em !important;position:relative;display:inline-block;padding:4px;padding-left:25px;width:100%; }
.indy-icon:before { content:"";display:block;width:15px;height:15px;position:absolute;top:7px;left:0;background:url("/wp-content/themes/arch_il/img/indy-icons.png") no-repeat left top;background-size:auto 15px; }
.indy-icon.address:before 	{ background-position:0px 0px; }
.indy-icon.phone:before 	{ background-position:-15px 0px; }
.indy-icon.website:before 	{ background-position:-30px 0px; }
.indy-icon.website {text-overflow: ellipsis;overflow: hidden;}
/*.profile-link { border-bottom:1px solid #fff; }
.profile-link:hover {  border-bottom:1px solid #0F3D4D; }*/

.independents-top-bar { padding-right:300px;position:relative; }
#independents-form { position:absolute;top:6px;right:0;width:200px; }
#independents-cat { font-size:0.9em;width:200px;padding:7px 50px 7px 15px;background:transparent;border:1px solid #707070;-moz-appearance: none;-webkit-appearance: none;border-radius:0px;font-weight:500; }
#independents-form::after { pointer-events:none;content:"";display:block;background:#F0E51B url("/wp-content/themes/arch_il/img/select-arrow-blue.png") no-repeat center;background-size:auto 5px;width:37px;height:35px;position:absolute;top:0;right:0;z-index:1;border:1px solid #707070;border-left:none; }
#independents-form:hover::after,
#independents-form:focus::after,
#independents-form:active::after { background:#D3D3D3 url("/wp-content/themes/arch_il/img/select-arrow-blue.png") no-repeat center;background-size:auto 5px; }

/* ===== LOG IN ===== */
.login-username label, .login-password label { display:none; }
#loginform-custom { width:100%;max-width:300px;margin-top:30px; }
#loginform-custom input[type="text"], 
#loginform-custom input[type="password"] { width:100%;font-size:0.9em;padding:10px 15px;background:none;border:none;border-bottom:1px solid #0F3D4D; }
#loginform-custom input[type="submit"] { width:auto;font-size:1em;margin-top:30px; }


/* ===== EDIT PROFILE ===== */
#edit-profile-table { display:inline-table;width:100%; }
.edit-profile-table-row { display:table-row; }
.edit-profile-table-cell { display:table-cell;padding:5px 10px; }
.edit-profile-table-cell.left { text-align:right;width:30%; }
.edit-profile-table-cell.right { width:70%; }
#edit-profile-table input { width:100%; }
.acf-field .acf-label p.description { color:#9EB0B7;display:inline-block;padding-bottom:10px; }
.ui_tpicker_second { display:none !important; }

#acf-form { margin-bottom:-121px;position:relative;padding-bottom:91px; }
#acf-form input,
#acf-form select,
#acf-form textarea { background:#fff;border:none;font-size:1.1em;padding:25px 15px;display:inline-block; }
#acf-form .acf-form-submit { display:inline-block;width:100%;background:#EAEAEA;background:#0F3D4D;text-align:center;padding:15px 15px 30px;position:fixed;left:0;bottom:0;z-index:10; }
#acf-form .acf-form-submit.absolute { position:absolute; }
#acf-form .acf-form-submit input[type="submit"] { display:inline-block;border:none;border-radius:0;background:#fff;padding:10px 25px;font-size:1.1em;background:#F0E51B;font-weight:500; }
#acf-form .acf-form-submit input[type="submit"]:hover { background:#D3D3D3; }
#acf-form .acf-fields.-border { background:none;border:none; }
.save-changes-bar { background:#0F3D4D;width:100%;height:91px; }
#acf-form .acf-field .acf-label, #acf-form .acf-field .acf-input { max-width:1200px;margin:0 auto;padding:0 15px; }
#acf-form .acf-field.acf-field-5d70d4062cf30 { background:#EAEAEA;padding:30px 15px; }
#acf-form .acf-field.acf-field-5d70d40f2cf31 { background:#EAEAEA;padding:30px 15px 60px; }
#acf-form .acf-field.acf-field-5d70d3a9cd3a4 { background:#EAEAEA;padding:30px 15px; }
#acf-form .acf-loading, #acf-form .acf-spinner { background:url("/wp-content/themes/arch_il/img/loading.gif") no-repeat left top;background-size:contain;width:40px;height:40px;position:relative;top:-8px; }
.acf-image-uploader,
#acf-form input[type="file"] { background:#EAEAEA; }
.acf-repeater .acf-row-handle.order { background:#F0E51B !important;color:#0F3D4D !important; }
.acf-repeater .acf-row-handle.order span { font-weight:500; }



/* ===== MAP ===== */
#map { height:calc(100vh - 279px);min-height:650px;margin-top:-80px; }
.map-key { position: absolute;bottom:0;left:0;width:auto; }
.map-key .key { padding:10px 50px 10px 30px;font-size:1.1em;font-weight:400;position:relative;background:#0F3D4D;color:#fff; }
.map-key .key .key-circle { width:46px;height:46px;border-radius:100%;position:absolute;top:0;right:-25px;border:4px solid #0F3D4D; }

.map-key .key:hover,
.map-key .key.active { background:#154D61;color:#0F3D4D;color:#fff;cursor: pointer;cursor: hand; }
.map-key .key:hover .key-circle,
.map-key .key.active .key-circle { border:4px solid #154D61; }

.info-window-custom { max-width:300px; }
.info-window-custom h5 { margin:0 0 -10px; }



/* ===== COMPETITION ===== */
.competition-hero {
	background-color: #f6f6f6;
} 
.competition-form {
	padding: 80px 30px;
	background-color: #fff;
}


 

.event-box { background:#fff;padding:15px 15px 15px 60px;height:100%;position:relative; }
.event-icon::before { content:"";position:absolute;display:block;width:30px;height:30px;background:url("/wp-content/themes/arch_il/img/icon-food-drink.svg") no-repeat center;background-size:contain;top:15px;left:15px; }

.event-icon.event-icon-comedy::before { background:url("/wp-content/themes/arch_il/img/icons/icon-comedy.svg") no-repeat center; }
.event-icon.event-icon-culture-heritage::before { background:url("/wp-content/themes/arch_il/img/icons/icon-culture-heritage.svg") no-repeat center; }
.event-icon.event-icon-exhibition::before { background:url("/wp-content/themes/arch_il/img/icons/icon-exhibition.svg") no-repeat center; }
.event-icon.event-icon-family-kids::before { background:url("/wp-content/themes/arch_il/img/icons/icon-family-kids.svg") no-repeat center; }
.event-icon.event-icon-festival::before { background:url("/wp-content/themes/arch_il/img/icons/icon-festival.svg") no-repeat center; }
.event-icon.event-icon-film-theatre::before { background:url("/wp-content/themes/arch_il/img/icons/icon-film-theatre.svg") no-repeat center; }
.event-icon.event-icon-food-drink::before { background:url("/wp-content/themes/arch_il/img/icons/icon-food-drink.svg") no-repeat center; }
.event-icon.event-icon-health-fitness::before { background:url("/wp-content/themes/arch_il/img/icons/icon-health-fitness.svg") no-repeat center; }
.event-icon.event-icon-music::before { background:url("/wp-content/themes/arch_il/img/icons/icon-music.svg") no-repeat center; }
.event-icon.event-icon-performance::before { background:url("/wp-content/themes/arch_il/img/icons/icon-performance.svg") no-repeat center; }
.event-icon.event-icon-quiz-bingo::before { background:url("/wp-content/themes/arch_il/img/icons/icon-quiz-bingo.svg") no-repeat center; }
.event-icon.event-icon-shopping-markets::before { background:url("/wp-content/themes/arch_il/img/icons/icon-shopping-markets.svg") no-repeat center; }
.event-icon.event-icon-speakers-talks::before { background:url("/wp-content/themes/arch_il/img/icons/icon-speakers-talks.svg") no-repeat center; }
.event-icon.event-icon-classes-workshops::before { background:url("/wp-content/themes/arch_il/img/icons/icon-classes-workshops.svg") no-repeat center; }



.event-categories, .event-name, .event-start_date, .event-start_time, .event-price { display:inline-block;width:100%; }
.event-name { margin-bottom:10px; }
.event-categories { opacity:0.5; }
.event-price { padding-top:5px;color:#34b5a4;color:#168374;font-weight:bold; }
.event-name { font-size:1.2rem;padding-top:5px;font-weight:bold; } 
.event-start_date, .event-start_time { font-size:0.9rem; }
.event-box a { margin-top:15px;display:block; }

.filter-box { background:#fff;padding:15px; }
.filter-form label { display:block;padding:2px 0;position:relative; }
.filter-form label:first-child { margin-top:30px; }
.filter-form label input[type="checkbox"] { margin-right:10px; }
.filter-form label input[type="checkbox"]::after { width:15px;height:15px;border-radius:5px;content:"";display:block;background:#f6f6f6;border:1px solid #0f3d4d;position:absolute;top:4px;left:2px; }
.filter-form label input[type="checkbox"]:checked::after { background:#154d61; }

.filter-toggle { position:relative; }
.filter-toggle::after { transition:transform 0.3s ease-in-out;transform:rotate(-90deg);content:"";display:block;position:absolute;top:5px;right:0px;width:15px;height:15px;background:url("/wp-content/themes/arch_il/img/select-arrow-blue.png") no-repeat center;background-size:contain; }
.filter-toggle.show::after { transform:rotate(0deg); }
.filter-toggle h5 { margin:0; }
.pagination { padding:30px 0px;text-align:center; }
.pagination a, .pagination span { margin:0 2px;background:#F0E51B;color:#154D61;text-decoration:none;display:inline-block;padding:5px 10px; }
.pagination a:hover, .pagination span.current { background:#D3D3D3;  }

.hustle-content input.email { font-size:1.1rem;padding:5px 10px;width:100%;margin-top:15px; }
.hustle-content img { margin-bottom:30px; }
.mce-responses { display:none; }
.hustle-content .js-cm-submit-button { font-size:1rem; }

.whats-on-text { width:100%;max-width:1000px;padding-bottom:30px; }
.whats-on-text :is(h1,h2,h3,h4,h5,h6) { margin-bottom:15px; }

@media(max-height:900px), (max-height:900px) and (-webkit-device-pixel-ratio: 2){
	.m-container-1400 { max-width:1100px; }
	.m-container-1200 { max-width:900px; } 

	#main_menu .menu a { font-size:2.2em;padding:0px 15px; }
	#main_menu .vertical-outer { padding-top:150px; }
}

/*@media(max-height:600px), (max-height:600px) and (-webkit-device-pixel-ratio: 2){
	#main_menu .vertical-outer { padding-top:150px; }
}
*/


@media(max-height:800px), (max-height:800px) and (-webkit-device-pixel-ratio: 2){
	.register-form-holder { width:100%;height:100%; }
    #registration .vertical-align, #registration .vertical-inner, #registration .vertical-outer { display:inline-block; }
	#registration .register-form-slider .vertical-inner { padding-top:60px;padding-bottom:100px; }
    .register-form-step { font-size:1.5em;position:static;line-height:1.3em;margin-bottom:15px;display:inline-block; }
    .register-form-slider input { font-size:1.1em;padding:10px 0px; }
    .register-button-holder .next-button,
    .register-button-holder .back-button,
    .register-button-holder .register-button { max-width:100px;font-size:1em; }
    #registration .slick-dots li { width:10px;height:10px; }
    .register-button-holder { bottom:45px; }
    #registration p { font-size:0.85em; }
}

@media(min-width:769px), (min-width:769px) and (-webkit-device-pixel-ratio: 2){
	.m-col-2 { grid-column-start: 4;grid-column-end: 10;grid-row:1; }
	.m-col-1 { grid-column-start: 1;grid-column-end: 4;grid-row:1; }
		.filter-box form { display:block !important; }
		.filter-toggle::after { display:none !important }
}



/* Tablet Size */
@media(max-width:768px), (max-width:768px) and (-webkit-device-pixel-ratio: 2){
	.blog-card-text { font-size:1.1em; }
	.home-banner-slider { position:static;transform:none; }
	.home-banner-slider .slick-slide { padding:15px 0px 65px; }
	#banner_holder { z-index:2; }
	.home-banner-slider h1, .home-banner-slider h2 { font-size:2em; }
	.banner-elements  { position:absolute;top:0;width:100%;left:0;opacity:0.2; }
	#header { margin-bottom:30px; }
	.blog-card-text, .blog-card-footer, .blog-card-large-text { padding:15px 15px; }
	.blog-card-category { padding:15px 15px 0px; }
	#footer h6 { margin-top:30px; }
	#search_bar form select { max-width:150px; }
	#header_search_holder { width:calc(100% - 165px); }
	.app-download { margin-top:30px; }
	#main_menu .menu a { font-size:2.2em; }

	.register-form-step { font-size:2.6em; }
	.register-form-slider input { font-size:2.4em; }
	.thank-you { font-size:3em; }

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

	.profile-mobile-col-1 { grid-row:2; }
	.profile-mobile-col-2 { grid-row:1;margin-left:-30px;margin-right:-30px;background:#EAEAEA; }
	.profile-mobile-col-2 img { width:100%;margin:0 auto;max-width:450px; }

	.socials.grey.small, .opening-table { max-width:100%; }

	#werein { width:500px; }

	#banner_holder_solo { height:320px; }
	.banner-elements-img { position:absolute;top:50% !important;left:50% !important;transform: translate(-50%,-50%); }

	.full-image-margin { margin-bottom:-36px; }

	#werein { width:450px;font-size:3em;transform:translate(-32%, -50%); }
	#wereinin { padding-left:36px;margin-left:0px; }
	#wereinin::after { width:70px;height:70px;left:3px; }
	#wereinin:before { display:block;content:"";width:1px;height:1px; }
	#wereinsub { width:120px; }
	.filter-box form { display:none; }
}

/* Mobile Size */
@media(max-width:560px), (max-width:560px) and (-webkit-device-pixel-ratio: 2){
	h1, h2 { font-size:1.8em; }
	h3 { font-size:1.8em; }
	h4 { font-size:1.6em; }
	.section-contact .socials.dark { margin-top:5px; }
	.m-inner-section-30 { padding-left:15px;padding-right:15px; }
	.banner-elements { width:100%;left:0; }
	.home-banner-slider h1, .home-banner-slider h2 { font-size:1.5em; }
	.home-banner-slider .slick-slide { padding:15px 0px 45px; } 
	.home-banner-slider { padding-top:15px; }
	.banner-elements { top:50%;transform:translateY(-50%); }
	.banner-elements-img { top:35%; }
	#search_bar form select,
	#header_search_holder { width:100%;max-width:100%; }
	#search_bar { padding-top:5px;padding-bottom:15px; }
	#search_bar_ext { padding-top:5px;padding-bottom:15px; }
	#search_bar_results ul li a { padding-top:10px; }
	.logo-il { max-width:75px; }
	#header_search_holder .overlay { left:10px; }
	#main_menu .menu a { font-size:2em;padding:0px 15px; }
	#main_menu .vertical-outer { padding-top:90px; }
	.blog-card-text { font-size:0.8em;height:75px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
    .blog-card-large-text-title { font-size:1em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:100%; }
    .app-download-links { margin-top:30px; }
    .app-download-img { height:35px; }
	
	.register-form-holder { width:100%;height:100%; }
    #registration .vertical-align, #registration .vertical-inner, #registration .vertical-outer { display:inline-block; }
	#registration .register-form-slider .vertical-inner { padding-top:60px;padding-bottom:100px; }
    .register-form-step { font-size:1.5em;position:static;line-height:1.3em;margin-bottom:15px;display:inline-block; }
    .register-form-slider input { font-size:1.1em;padding:10px 0px; }
    .register-button-holder .next-button,
    .register-button-holder .back-button,
    .register-button-holder .register-button { max-width:100px;font-size:1em; }
    #registration .slick-dots li { width:10px;height:10px; }
    .register-button-holder { bottom:45px; }
    #registration p { font-size:0.85em; }

    .thank-you { font-size:1.7em; }
	
	.about-section { padding-top:0; }

	.socials.dark.small > a { margin-bottom:5px; }
	.acf-field-5d70cefe80cc9 > .acf-input { padding:0 0 !important; }
	.acf-field-true-false,
	.acf-field-time-picker { padding:10px 0px !important; }
	.acf-field-time-picker.acf-field .acf-label label,
	.acf-field-true-false.acf-field .acf-label label { font-size:0.8em;margin-bottom:10px;display:inline-block; }

	#map { height:calc(100vh - 279px);min-height:450px; }
	.map-key .key { padding:5px 30px 5px 15px;font-size:0.8em; }
	.map-key .key .key-circle { width:29px;height:29px;right:-17px;border:3px solid #0F3D4D; }

	.info-window-custom { max-width:220px; }

	#werein { width:256px;font-size:2em;transform:translate(-38.5%, -50%); }
	#wereinin { padding-left:26px;margin-left:0px; }
	#wereinin::after { width:50px;height:50px;left:3px; }
	#wereinin:before { display:block;content:"";width:1px;height:1px; }
	#wereinsub { width:120px; }
	.mobile-only-header-break { display:block; }

	#banner_holder_solo { height:170px; }

	.gallery-item { width:100% !important; }

}


@media(max-width:768px) and (-webkit-device-pixel-ratio: 2){
	.m-md-0 { display:none !important; }
}
@media(max-width:560px) and (-webkit-device-pixel-ratio: 2){
	.m-sm-0 { display:none !important; }
}