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

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

html, body { width:100%;margin:0;padding:0;overflow-x:hidden;font-family: sofia-pro, sans-serif;font-weight: 300;font-style: normal;background:#fbfbfb;background:#22123d; }

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

img { display:block; }

h1,h2,h3,h4,h5,h6 { margin:0 0 15px;font-weight:500;color:#442675; }

h1 { font-size:3em; }
h4 { font-size:1.6em; }
h5 { margin:0;font-size:1.2em; }
h6 { font-size:1em;margin-bottom:-10px; }

p { color:#777777;font-size:0.9em; }

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

.text-white { color:#fff; }

.bg-purple { background:#442675;color:#fff; }
.bg-purple a { color:#fff; }
.bg-white { background:#fff; }

a { text-decoration: none;color:#442675;font-weight:bold; }
a:hover { color:#9FCAE9; }

.button { display:inline-block;border-radius:5px;background:#442675;color:#fff;padding:8px 40px 8px 25px;font-size:1.2em;position:relative;font-weight:400;-webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out; }
.button:hover, .page-numbers:hover, .page-numbers.current { background:#9FCAE9;color:#fff; }
.button::after, .mobile-booknow span::after { content:"›";display:inline-block;color:#fff;font-size:1.5em;position:absolute;right:25px;top:-1px;font-weight:300; }

.button.white { background:#fff;color:#442675;font-weight:700;-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
.button.white::after { color:#442675;font-weight:700;top:-2px;-webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out; }
.button.white:hover { background:#442675;color:#fff; }
.button.white:hover::after { color:#fff; }


.mobile-booknow { display:none;position:fixed;z-index:500;background:#442675;bottom:0;left:0;width:100%;color:#fff;text-align:center;font-size:1.8em;padding:10px 15px; }
.mobile-booknow:hover { background:#9FCAE9;color:#fff; }
.mobile-booknow span { display:inline-block;position:relative;padding-right:50px; }
.mobile-booknow span::after { top:-13px; }

.page-numbers { display:inline-block;border-radius:5px;background:#442675;color:#fff;padding:5px 15px 5px 15px;font-size:0.9em; }

.button.small { font-size:0.9em;padding:6px 30px 6px 15px; }
.button.small::after { font-size:1.3em;right:19px;top:2px; }


.snowfall { position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events: none;z-index:998; }


/* ===== NAV MENU ===== */
nav { height:56px;height:75px; }
nav .button { display:inline-block;border-radius:5px;background:#442675;color:#fff;font-size:0.9em; }
#fixednav { border-bottom:1px solid #fff;height:56px;height:75px; }
#fixednav { position:fixed;top:0;left:0;width:100%;background:#fff;z-index:999; }
#logo { height:56px;height:70px;margin-bottom:-5px; }
#logo img, #logo a { width:auto;height:100%;display:block; }
#logoholder { display:block; }
#navholder { display:inline-block;text-align:right;padding:0px 0;position:absolute;top:0;right:30px; }
#navmenu { display:inline-block; }
#buttonholder { display:inline-block;padding:10px 0;text-align:right; }
#navmenu .menu { list-style: none;padding:0;margin:0;display:inline-table;table-layout: fixed;z-index:100;position:relative; }
#navmenu .menu a { color:#442675;font-weight:600; }
#navmenu .menu a:hover { color:#9FCAE9;font-weight:600; }
#navmenu .menu li { display:table-cell;text-align:center;padding:10px;position:relative;font-size:0.9em; }
#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; }

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

/* ===== FOOTER ===== */
#signup { background:url("/wp-content/themes/ice/img/snowflake2.jpg") no-repeat center bottom;background-size:cover;padding-top:100px;padding-bottom:100px; }
#signup form input { font-size:1.1em;padding:15px 15px;border-radius:5px !important;border:none;box-shadow:none;width:65%;max-width:500px; }
#signup form input[type="submit"] { color:#fff;width:30%;max-width:200px;-webkit-appearance: none; }
#footer { padding:50px 15px 80px; }
#footermenu .menu { list-style: none;padding:0;margin:0;font-size:0.75em;line-height:2em; }

.footer-socials { text-align:right; }
.icon-phone { width:30px;height:30px;display:inline-block;margin-right:10px;background:url("/wp-content/themes/ice/img/phone_icon.png") no-repeat center center;background-size:30px 30px;position:relative;top:9px; }
.icon-twitter   { width:72px;height:72px;display:inline-block;background:url("/wp-content/themes/ice/img/twitter_icon.png") no-repeat center center;background-size:72px 72px; }
.icon-instagram { width:72px;height:72px;display:inline-block;margin-left:30px;background:url("/wp-content/themes/ice/img/instagram_icon.png") no-repeat center center;background-size:72px 72px; }
.icon-facebook { width:72px;height:72px;display:inline-block;margin-left:30px;background:url("/wp-content/themes/ice/img/facebook_icon.png") no-repeat center center;background-size:72px 72px; }

/* ===== MODULES ===== */
.module { display:block; }
.banner-container { padding-bottom:15px; }
.banner-text { padding:0 15%; }
.banner-overlay { background:rgba(0,0,0,0.2); }

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

.background_image { width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden; }
.background_content { position:relative;display:block;width:100%;height:100%;padding:100px 15px; }
.fit-image { object-fit: cover;width:100%;height:100%; }

@media all and (-ms-high-contrast:none)
{
	.fit-image { height:auto; }
	.background_image { background:#9FCAE9 !important; }
	.background_image .fit-image { position:absolute;top:0;left:0;min-height:100%;min-width:100%;width:auto; }

}

.floating-content-box { background:#fff;padding:15px;width:100%;height:auto;margin-bottom:15px; }

.price-table-holder { padding:0 20px; }
.price-table { display:inline-table;table-layout: fixed; }
.price-table-row { display:table-row; }
.price-table-box { white-space:nowrap;color:#fff;display:inline-block;display:table-cell;padding:15px;font-size:1.3em;vertical-align: middle;border-bottom:1px solid #fff;}
.price-table-content { background:#fff;display:inline-block;display: table-cell;width:100%;padding:15px;border-bottom:1px solid #442675; }
.price-table-row:last-child .price-table-box,
.price-table-row:last-child .price-table-content { border-bottom:1px solid #fff;border-bottom:none; }
.price-table-content p { margin:0;color:#442675;font-size:1em; }
.price-pdf-row { width:100%;display:block; }
.price-pdf-row a { background:#442675;color:#fff;display:block;width:100%;padding:15px 20px;text-align:center;

-webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;

   }
.price-pdf-row a:hover { background:#9FCAE9; }
.price-table-box span { display:block;height:20px; font-size:0.7em;margin:0; }

.accordion-holder { width:100%;padding:0 20px; }
.accordion-title { display:inline-block;width:100%;position:relative; }
.accordion-title::after  { position:absolute;right:10px;top:0;content:"";display:inline-block;background:#442675;width:2px;height:20px; }
.accordion-title::before { position:absolute;right:1px;top:9px;content:"";display:inline-block;background:#442675;width:20px;height:2px; }
.accordion-title.active::after { visibility:hidden; }
.accordion-section { background:#fff;padding:20px;border-bottom:1px solid #442675; }
.accordion-section:last-child { border-bottom:none; }
.accordion-content { display:none; }
.accordion-content.active { display:block; }

.slider { padding:40px 15%; }
.slider .slide { padding:0 15px; }
.slider p { color:#fff; }
.slider p strong { font-size:1.2em; }
.slider.no-arrows .slick-arrow { display:none !important; }
.slick-dots li { width:10px;height:10px; }
.slick-dots li button { border:1px solid #fff;border-radius:100%;width:10px;height:10px; }
.slick-dots li.slick-active button { background:#fff; }

.slick-dots li button:before { display:none; }

 #map { height:500px;width:100%;}

.whatson-item { padding-bottom:15px; }


.gallery img { display:inline-block;width:24.6%; }


.sparkly { position:absolute;pointer-events:none;top:0;left:0;width:100%;height:70%;-webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
      mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0)); }
#sparkly-layer-1 { z-index:4; }
#sparkly-layer-2 { z-index:5; }


.image-slider .slick-prev { left:10px;z-index:2;width:26px;height:49px;background:url("/wp-content/themes/ice/img/slider-arrow.png") no-repeat center;background-size:26px 49px; }
.image-slider .slick-next { right:10px;z-index:2;width:26px;height:49px;background:url("/wp-content/themes/ice/img/slider-arrow_right.png") no-repeat center;background-size:26px 49px; }

.image-slider .slick-prev:before,
.image-slider .slick-next:before { content:""; }


.lb-nav a.lb-next { background:url("/wp-content/themes/ice/img/slider-arrow_right.png") right 48% no-repeat;position:relative;right:15px; }
.lb-nav a.lb-prev { background:url("/wp-content/themes/ice/img/slider-arrow.png") left 48% no-repeat;position:relative;left:15px; }

.footer-bottom * { color:#fff !important; }
.footer-bottom img { display:inline-block; }

@media(min-width:901px){
	#navmenu { display:inline-block !important; }
	#navholder { padding-top:9px; }
}

@media(max-width:1040px){
	/*#buttonholder { display:none; }*/
	#navmenu .menu li { padding:10px 5px;font-size:0.8em; }
	nav .button { font-size:0.8em;padding:6px 30px 6px 15px; }
	nav .button::after { right:20px; }
}

@media(max-width:900px){
	.banner-text { padding:0 10%; }
	h1 { font-size:2em; }

	.banner .button { display:none; }
	
	.mobile-booknow { display:block; }

	#buttonholder { display:none; }
	#fixednav { height:61px;height:65px; }
	#logo { height:60px;margin-bottom:0;max-width:200px; }
	#logoholder { display:block; }
	/*.menu-nav-menu-container { padding-top:60px; }*/
	/* Move this to it's own query if it needs to break down earlier */
		#navholder { position:absolute; }
		nav { height:61px;height:65px; }
		.mobile-toggle { display:inline-block;position:absolute;top:20px;right:30px; }
		#navmenu { display:none; }
		#navmenu .menu li { display:inline-block;width:100%;padding:0; }
		#navmenu .menu a { display:inline-block;width:100%;padding:10px; }
		#navmenu .sub-menu { display: inline-block;width:100%;position:static; }
		#navholder, #navmenu, #menu-nav-menu { width:100%; }
		#navholder { right:0;left:0; }
		#navmenu { position:relative;top:61px; }
		.menu-nav-menu-container { background:#fff;position:relative; }
	/* ---------------------- */

	h2 { font-size:1.1em; }
	.button { font-size:0.9em; }
	.button::after { top:0px; }
}

/* Tablet Size */
@media(max-width:768px){
	.background_content.one_box { padding:60px 15px 60px; }
	.accordion-holder, .price-table-holder { padding:0 0px; }
	.footer-socials { text-align:left;padding-top:30px; }
	.banner-text { padding:0 15px; }
	h1 { font-size:1.5em; }

	.slider { padding:40px 20px; }
}

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

	#signup form input { font-size:0.7em; }
	#signup form input[type="submit"] { font-size:0.9em; }
		.slider { padding:40px 15px;font-size:0.8em; }

}