/*
Theme Name: Consumer King
Theme URI: 
Author: Arch
Author URI: archcreative.co.uk
Description: 
Version: 1.0
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 { margin:0;padding:0;height:100%;font-family:"aktiv-grotesk", sans-serif;background:#f6f6f6;background:#ffffff; }
html,body { width:100%;overflow-x:hidden; }


.black-overlay { background:rgba(0,0,0,0.45);width:100%;height:100%;position:absolute;top:0;left:0; }

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


.bg-white 				{ background:#ffffff; }
.bg-really-light-grey 	{ background:#F1F1F1; }
.bg-gold  				{ background:#FFAA00; }
.bg-dark-grey 			{ background:#445566; }
.bg-light-grey  		{ background:#667788; }

hr 			{ border:none;border-top:1px solid #D3D3D3; }
.gold-hr hr { border:none;border-top:1px solid #FDA92A; }



.crown-background { background:#667788 url("/wp-content/themes/ck/img/crown-white.png") no-repeat 350px center;background-size:auto 110%;padding:80px 0 160px; }

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

/*===== TYPOGRAPHY =====*/
.text-white, .text-white-all *{ color:#FFFFFF !important; }
.text-gold, .text-gold-all  *{ color:#FDA92A !important; }
.text-grey, .text-grey-all  *{ color:#667788 !important; }

p,ul { margin-top:0;color:#667788 !important;line-height:1.9em;font-size:16px; }

h1,h2,h3,h4,h5,h6 { margin:0 0 15px;color:#FDA92A; }

h1 { font-size:60px;font-weight:500; }
h2 { font-size:30px;font-weight:500; }
h3 { font-size:30px;font-weight:500; }
h4 { font-size:20px;font-weight:500; }
h5 { font-size:18px;font-weight:500;color:#445566; }
h6 { font-size:16px;font-weight:500; }

a { text-decoration: none;color:#425363;border-bottom:1px solid #FDA92A;padding-bottom:1px; }
a:hover { color:#FDA92A; }

.text-right { text-align: right; }

ul { padding-left:20px; }

p img { width:100%;height:auto;max-width:100%; }

/* ===== NAV ===== */
#nav { height:90px;background:#ffffff;/*overflow:hidden;*/width:100%;position:relative; }
.logo { display:inline-block; width:auto;height:60px;margin:15px;border:none; }
.logo img { width:auto;height:100%; }
.logo-column { width:166px;display:inline-block; }
.nav-column { width:auto;display:inline-block;float:right;margin-top:50px;position:relative; }
.social-column { width:auto;display:inline-block;margin-left:30px;margin-right:15px; }
.social-column a { display:inline-block;padding:0 15px;border:none; }



.nav-column .menu { list-style:none;margin:0;padding:0; }
.nav-column .menu li { display:inline-block;padding:0px 15px; }


#menu-top-nav > li{ position:relative; }
#menu-top-nav > li:hover .sub-menu { display:block; }
#menu-top-nav .sub-menu { position:absolute;left:0;border-top:10px solid transparent;z-index:10;width:170px;padding:0;font-size:14px;display:none; }
#menu-top-nav .sub-menu li { width:100%;background:#F1F1F1;border-top:1px solid #fff;padding:10px 15px; }



.menu-top-nav-container { display:inline-block; }

#menu-top-nav li a { text-decoration: none;color:#667788;font-weight:500;padding:3px 0;border:none; }
#menu-top-nav li.current-menu-item > a, #menu-top-nav li.current-page-parent > a { border-bottom:2px solid #FFAA00; }
#menu-top-nav .sub-menu li.current-menu-item > a { border:none !important;color:#FFAA00; }
#menu-top-nav li a:hover { color:#FDA92A; }

.nav-toggle { display:none; }

#phoneTab { background:#F1F1F1;color:#667788;position:absolute;top:-50px;right:30px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border:none;overflow:hidden; }
#phoneTab:hover { background:#667788; }
#phoneTab a { color:#667788 !important;display:inline-block;padding:5px 15px 10px;border:none; }
#phoneTab:hover a,#phoneTab a:hover { color:#fff !important;border:none; }

@media(min-width:991px){#menu-top-nav { display:block !important; }}



/* ===== FOOTER ===== */
#footer { margin-top:30px; }
#footer a { color:#fff;font-weight:500;text-decoration:none;border:none; }
#footer a:hover { color:#FDA92A; }
.footer-crown { width:100%;height:100%;background:url("/wp-content/themes/ck/img/crown-white.png") no-repeat right 30%;background-size:auto 170%;position:absolute;right:-10%;bottom:0;display:block;z-index:1;opacity:0.15; }

#footer .social-column { display:inline-block; }
.social-column a:hover { opacity:0.7; }


/* ===== MODULES ===== */

/* Banner */
.banner-full { position:relative;overflow:hidden;width:100%;max-height:calc(75vh - 90px); }
.banner-full img { display:block;width:100%; }
.banner-full .crown { background:url("/wp-content/themes/ck/img/crown.png") no-repeat right bottom;background-size:contain;width:100%;height:50%;position:absolute;bottom:0;right:-37%; }
.banner-full h1 { width:100%;max-width:600px; }
.banner-full .text-holder { z-index:1;width:100%;bottom:60px; }



.banner-small { position:relative;overflow:hidden;width:100%;max-height:calc(60vh - 90px);min-height:400px; }
.banner-small img { display:block;width:100%; }
.banner-small .crown { background:url("/wp-content/themes/ck/img/crown.png") no-repeat right bottom;background-size:contain;width:100%;height:75%;position:absolute;bottom:0;right:-600px;z-index:3; }
.banner-small h1 { width:100%;max-width:600px; }
.banner-small .text-holder { z-index:4;width:100%;bottom:60px }

.banner-tiny { max-height:calc(35vh - 90px); }
.banner-tiny .crown { right:-200px; }

/* Slider */
.slider.slick-slider{ padding:0 100px;margin-bottom:0;margin-top:80px; }
.slider-holder.bg-white { padding-top:80px; }
.banner-full .slider-holder.bg-white { padding-top:0px; }
.banner-full .slider { padding:0px; }
.slider-holder.bg-white .slider.slick-slider { margin-top:0px; }
.slick-arrow { z-index:10; }
.slick-prev, .slick-next { background:#445566;width:100px;height:100%;transform:none;top:0; }
.slick-prev:hover, .slick-next:hover,
.slick-prev:active, .slick-next:active,
.slick-prev:focus, .slick-next:focus { background:#667788; }
.slick-prev { left:0; }
.slick-next { right:0; }
.slick-prev:before, .slick-next:before { content:"";color:#fff;position:absolute;opacity:1;left:35px;top:50%;margin-top:-10px; }
.slick-prev:before { width: 0;height: 0;border-style: solid;border-width: 15px 26.0px 15px 0;border-color: transparent #ffffff transparent transparent; }
.slick-next:before { width: 0;height: 0;border-style: solid;border-width: 15px 0 15px 26.0px;border-color: transparent transparent transparent #ffffff; }
.slide { position:relative; }
.slide-title { position:absolute;bottom:-2px;left:0;background:rgba(255,170,0,0.8);color:#fff;padding:15px 30px;font-weight:400;letter-spacing:0.06em; }
.slider-title { position:absolute;padding:15px 30px;background:#FBA83B;z-index:2;color:#fff;top:-50px;left:100px;font-weight:400;letter-spacing:0.04em;font-size:1.1em; }
.slider-holder.bg-white .slider-title { top:28px; }
.slick-slide > a { display:block;padding:0;border:0; }
.slick-list { height:100% !important; }


.image-slider.slick-slider .slick-arrow { opacity:0.6;background:none !important;-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; }
.image-slider.slick-slider .slick-prev { left:-100px; }
.image-slider.slick-slider .slick-next { right:-100px; }
.image-slider.slick-slider:hover .slick-prev { left:0px; }
.image-slider.slick-slider .slick-prev:hover { opacity:1; }
.image-slider.slick-slider:hover .slick-next { right:0px; }
.image-slider.slick-slider .slick-next:hover { opacity:1; }

.slick-slide { height:auto; }

.slick-dots { bottom:0px; }
.slick-dots li button { background:#fff;border-radius:100%;width:12px;height:12px; }
.slick-dots li.slick-active button { background:#FFAA00; }
.slick-dots li button::before { content:" " !important; }


@media(min-width:1400px){
.banner-full .slick-slide,
.banner-full .slick-track,
.banner-full .slick-list,
.banner-full .slick-slider,
.banner-full .slider-holder { max-height:calc(75vh - 90px); }
}



/* Full Bar */
.full-gold-bar { padding:30px 15px;position:relative; }
.with-crown { background:url('/wp-content/themes/ck/img/crown-white.png') no-repeat right bottom;background-size:cover;position:absolute;width:55%;height:100%;right:0;bottom:0;opacity:0.15;z-index:0; }
.full-gold-bar p { font-size:18px; }
.quotee { font-weight:900; }

/* Full Width Image */
.full-width-image img { display:block; }

/* Two Column */
.two-column img { max-width:100%;height:auto; }

.gold-crown-column { display:block;background:#F1F1F1 url("/wp-content/themes/ck/img/crown.png") no-repeat -20% bottom;background-size:50% auto; }

.text-column { padding:30px; }




/* Block Grid */
.block-grid img { display:block;position:relative;-webkit-backface-visibility: hidden;-webkit-transition: opacity 0.2s ease-in-out;-moz-transition: opacity 0.2s ease-in-out;-o-transition: opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out; }
.block-grid a { background:#000;display:inline-block;width:100%;padding-bottom:0 !important;border-bottom:none !important;overflow:hidden; }
.block-grid a:hover img { opacity:0.6; }


/* Image Grid */
.image-grid img { display: block;margin-bottom:15px; }
.image-grid h4 { margin-bottom:5px; }


/* Stats */
.stat-h span:first-child { font-size:40px;display:inline-block;margin-right:15px;width:150px; }
.stat-h span:last-child { display:inline-block;width:calc(100% - 165px); }
.stat-h span.symbol_mil::after { content:"m"; }
.stat-h span.symbol_percent::after { content:"%"; }
.stat-column hr { margin-top:5px;margin-bottom:0px; }


/* Crown List */
.crown-list hr { margin-top:15px;margin-bottom:15px; }
.crown-list hr:last-child { display:none; }
.crown-icon { background:url("/wp-content/themes/ck/img/crown.png") no-repeat center bottom;background-size:contain;width:40px;height:21px;display:inline-block;margin-right:15px;float:left; }


/* Page Numbers */
.page-numbers { display:inline-block;padding:10px 15px;background:#FBA83B;border:none;color:#fff;-webkit-transition: background 0.2s ease-in-out;-moz-transition: background 0.2s ease-in-out;-o-transition: background 0.2s ease-in-out;transition: background 0.2s ease-in-out; }
.page-numbers:hover, .page-numbers.current { background:#445565;color:#fff; }


/* Filter */
/*.archive-filter { text-align:center; }*/
.archive-filter button{   -webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:none; }
.archive-filter button, .filter-toggle{ font-size:15px;display:inline-block;padding:10px 15px;background:#FBA83B;border:none;color:#fff;-webkit-transition: background 0.2s ease-in-out;-moz-transition: background 0.2s ease-in-out;-o-transition: background 0.2s ease-in-out;transition: background 0.2s ease-in-out;}
.archive-filter button:hover, .filter-toggle:hover, .archive-filter button.current { background:#445565; }
.desktop-filter-title { display:inline-block; font-size:17px;padding-right:15px;color:#667788;}
.filter-toggle { display:none;width:100%;text-align: center; }
.carat-arrow { font-size:12px;display:inline-block;padding-left:5px; }

.casenav a { display:inline-block;margin:15px 15px;background:#fda929;color:#fff !important;padding:10px 20px;width:175px;-webkit-transition: background 0.2s ease-in-out;-moz-transition: background 0.2s ease-in-out;-o-transition: background 0.2s ease-in-out;transition: background 0.2s ease-in-out; }
.casenav a:hover { background:#445566; }
.casenav h5 { margin-bottom:0px;margin-top:30px; }

/* Press Links */
.press-link { border:none !important;padding:5px 0px 5px 35px;position:relative;color:#667788;display:inline-block; }
.press-link::before { width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 17.3px;
border-color: transparent transparent transparent #f8a529;
content:"";display:block;position:absolute;left:0;top:5px; }
.press-link.pdf-link::before{
	border:none !important;
	width:17px;
	height:20px;
	background:url('/wp-content/themes/ck/img/file-icon-filled.png') no-repeat center;
	background-size:17px 20px;
}
.shares { background:#FBA83B;display:inline-block;padding:5px 10px 5px 30px;border-radius:5px;color:#fff;margin:5px; }
.shares.twitter { background:#FBA83B url('/wp-content/themes/ck/img/icon-twitter-white.png') no-repeat 5px center;background-size:20px auto; }
.shares.facebook { background:#FBA83B url('/wp-content/themes/ck/img/icon-facebook-white.png') no-repeat 5px center;background-size:17px auto; }

/*video embed */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


@media(max-width:1200px){
	.slider.slick-slider{ padding:0 60px; }
	.banner-full .slider.slick-slider { padding:0 0px; }
	.slick-prev, .slick-next { width:60px; }
	.slick-prev:before, .slick-next:before { left:15px; }
	.slick-prev:before { border-width: 10px 17.3px 10px 0; }
	.slick-next:before { border-width: 10px 0 10px 17.3px; }
	.slider-title { left:60px; }
	.banner-small .crown { right:-37%; }

	.banner-full .text-container h1,
	.banner-full .text-container h2,
	.banner-small .text-container h1,
	.banner-small .text-container h2 { font-size:2.3em;  }
}


@media(max-width:900px){
	
	.footer-crown { right:0%; }
}

@media(max-width:860px){
	
	.nav-column .menu li { padding:0 7px; }
}

@media(max-width:768px){

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

	.image-column { padding-top:50%; }

	/* Filter */
	.desktop-filter-title { display:none; }
	.filter-holder { width:300px;position:relative;display:inline-block; }
	/*.archive-filter { text-align:right; }*/
	.filter-menu { display:none; }
	.filter-toggle.active + .filter-menu{ display:inline-block;position:absolute;top:38px;left:0;z-index:10; }
	.archive-filter button { width:100%; }
	.filter-toggle { display:inline-block; }
	.filter-toggle.active { background:#445565; }
	
	#phoneTab {position:absolute;top:0px;right:180px; }

	.gold-crown-column { background:#F1F1F1; }

	.crown-background { padding:50px 0 100px;background-position:250px center; }

	.slider.slick-slider{ padding:0 40px; }
	.slick-prev, .slick-next { width:40px; }
	.slick-prev:before, .slick-next:before { left:14px; }
	.slick-prev:before { border-width: 7px 12.1px 7px 0; }
	.slick-next:before { border-width: 7px 0 7px 12.1px; }
	.slider-title { left:40px; }
	.banner-full .slider-holder.bg-white { padding-top:0px; }
	.banner-full .slider { padding:0px; }

	.banner-full .text-container h1,
	.banner-full .text-container h2,
	.banner-small .text-container h1,
	.banner-small .text-container h2 { font-size:2em;  }




#nav { height:auto; }
#footer { padding-top:70px; }
	.social-column { position:absolute;top:15px;right:0;margin-left:0px; }
	.nav-column { margin-top:0; }
	.nav-column, .nav-column ul, .menu-top-nav-container { width:100%;position:static; }
	.nav-column .menu li { width:100%;text-align:center;padding:0; }
	#menu-top-nav { border-top:1px solid #667786;display:none; }
	#menu-top-nav li a { padding:10px 0;display:inline-block;width:100%; }
	#menu-top-nav li a:hover,
	#menu-top-nav li.current-menu-item a { color:#fff;background:#FDA92A;border:none; }
	#menu-top-nav .sub-menu li.current-menu-item > a { color:#fff; }
	.menu-top-nav-container { background:#fff;display:block; }

	.nav-toggle { width:30px;height:35px;position:absolute;top:55px;right:30px;display:inline-block; }
	.icon-bar { width:100%;height:3px;background:#667786;display:block;margin-bottom:5px; }
	.nav-toggle.toggled .icon-bar { position:relative;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; }
	.nav-toggle.toggled .icon-bar:first-child { top:-3px; }
	.nav-toggle.toggled .icon-bar:last-child { bottom:-3px; }


	#menu-top-nav > li{ position:relative; }
	#menu-top-nav > li:hover .sub-menu { display:block; }
	#menu-top-nav .sub-menu { position:static;left:0;border-top:none;z-index:10;width:100%;padding:0;font-size:14px;display:block; }
	#menu-top-nav .sub-menu li { width:100%;background:#F1F1F1;border-top:1px solid #fff;padding:0; }

}


@media(max-width:560px){
	#footer .social-column { position:static; }
	.banner-small { min-height:10px;padding-bottom:0px !important; }
	.filter-holder{ width:100%; }
	.crown-background { padding:35px 0 70px;background-position:150px center; }
	.banner-full > div:first-child { margin-bottom:15px; }
	.banner-full .text-holder { z-index:1;width:100%;;position:static !important; }
	.banner-full .text-container { position:static; }
	.banner-full .text-container h1 { font-size:1.4em;  }

	.banner-small > div:first-child { margin-bottom:15px; }
	.banner-small .text-holder { z-index:1;width:100%;;position:static !important; }
	.banner-small .text-container { position:static; }
	.banner-small .text-container h1 { font-size:1.4em;  }
	.banner-small .crown { display:none; }

	.banner-full .slider-holder.bg-white { padding-top:0px; }
	.banner-full .slider { padding:0px; }

	.banner-full,
	.banner-full .slider-holder.bg-white,
	.banner-small,
	.banner-small .slider-holder.bg-white { background:#FBA83B;color:#fff !important; }
	.banner-full, .banner-small { padding-bottom:30px; }
	.banner-full .text-container,
	.banner-small .text-container { padding-top:15px; }
	.slick-dots { bottom:-50px; }
	.slick-dots li.slick-active button { background:#667788; }

	#phoneTab { display:none; }


	h1 { font-size:1.4em; }
	h2 { font-size:1.4em; }
	h3 { font-size:1.3em;
	}

	.mobile-footer-address { text-align:left; 
	}
		
}