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

:root{
	--blue: #211B9A;
	--pink: #CB0F6C;

	--pg1:#000c1f;
	--pg2:#004362;
	--pg3:#000b18;
	--pg4:#001428;
	--pg5:#170620; 
	--pg6:#003d68;
	--pg7:#071832;
	--pg8:#13051d;
	--pg9:#000720;
	--plyr-color-main:var(--pink);
}


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

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

html, body { width:100%;margin:0;padding:0;overflow-x:hidden;font-family: 'M PLUS Rounded 1c', sans-serif; }

img { display:block; }

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


.bg-blue { background:var(--blue); }
.bg-black { background:#000; }
.bg-pink { background:var(--pink); }

.bg-pg1 { background: var(--pg1); }
.bg-pg2 { background: var(--pg2); }
.bg-pg3 { background: var(--pg3); }
.bg-pg4 { background: var(--pg4); }
.bg-pg5 { background: var(--pg5); }
.bg-pg6 { background: var(--pg6); }
.bg-pg7 { background: var(--pg7); }
.bg-pg8 { background: var(--pg8); }
.bg-pg9 { background: var(--pg9); }

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

h1,h2,h3,h4,h5,h6 { font-weight:400;text-transform: uppercase; }
h3 { font-size:1.6rem; }
h4 { font-size:1.4rem; }

.text-white { color:#fff; }
.text-white a { color:#fff }
.text-white a:hover { opacity:0.6 } 

a { color:#000; }
a:hover { color:var(--pink); }
.bg-pink a:hover { color:#fff;opacity:0.5; }

a.button { font-size:1.2rem;font-weight:400;text-transform: uppercase;display:inline-block;padding:12px 45px 12px 15px;position:relative;background:var(--pink);text-decoration:none;color:#fff; }
a.button:after { content:"";display:block;width:20px;height:20px;position:absolute;top:calc(50% - 10px);right:15px;background:url("/wp-content/themes/lights_arch_24/img/arrow.svg") no-repeat;background-size:contain }
a.button:hover { background:var(--blue); }


ul { padding-left:20px; }
ul li { padding:15px }

/* ===== HEADER ===== */
header { background:#000;position:relative; }
.logo { width:92px;height:auto;display:inline-block;vertical-align: middle; }
.logo img { width:100%;height:auto; }
.socials  { position:absolute;top:40px;right:15px; }
.social { display:inline-block;width:26px;height:26px;background:url("/wp-content/themes/lights_arch_24/img/socials.png") no-repeat;background-size:52px 52px; }
.social.twitter { background-position:0px 0px;margin-left:10px; }
.social.insta { background-position:-26px 0px; }
.social.twitter:hover { background-position:0px -26px; }
.social.insta:hover { background-position:-26px -26px; }


/* ===== NAV MENU ===== */
#navmenu { padding-right:70px; }
nav { width:calc(100% - 92px);vertical-align:middle;display:inline-block;text-align:right; }
#navmenu { width:100%;max-width:100%;display:inline-block;text-align:center; }
#navmenu .menu { list-style: none;padding:0;margin:0;display:table;table-layout: fixed;width:100%;z-index:100;position:relative; }
#navmenu .menu li { display:table-cell;text-align:center;padding:10px;position:relative; }
#navmenu .menu li a { color:#fff;text-decoration: none;text-transform: uppercase;font-size:0.9rem;font-weight:500;text-shadow:none;transition:all 0.2s ease-in-out; }
#navmenu .menu li.current_page_item a  { color:var(--pink); }
#navmenu .menu li a:hover { 
	color: #fff;
	text-shadow: 
	#FFF 0px 0px 2px, 
	#FFF 0px 0px 4px, 
	#FFF 0px 0px 8px, 
	var(--pink) 0px 0px 16px, 
	var(--pink) 0px 0px 18px, 
	var(--pink) 0px 0px 20px, 
	var(--pink) 0px 0px 22px,
	var(--pink) 0px 0px 24px, 
	var(--pink) 0px 0px 26px, 
	var(--pink) 0px 0px 28px, 
	var(--pink) 0px 0px 30px, 
	var(--pink) 0px 0px 32px; 
}
#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:48px;height:40px;display:none; }
.toggle-bar { width:100%;height:2px;background:#fff;display:block; }
.toggle-bar:nth-child(2) { margin-top:17px;margin-bottom:17px; }
.mobile-toggle.active .toggle-bar { background:var(--pink); }

#footermenu .menu { list-style: none;padding:0;margin:0; }
.qr { width:auto;max-width:100%;margin:15px auto 0; }
footer h4 { margin-bottom:0px;margin-top:16px; }
.footerlogo { width:auto;max-width:100%;display:inline-block; }
.table { display:block;width:100%;max-width:1500px;margin:0 auto;text-align:center; }
.table-cell { display:inline-block;text-align:center;vertical-align: middle;padding:0 30px; }
.table-cell img { max-width:200px;max-height:130px; }

/* ===== MODULES ===== */
.module { display:block; }

/* Intro */
.module.intro { padding:30px 15px; }
.datetime { display:inline-block;padding:25px 30px 0px;font-weight:600; }

/* Video */
/*.plyr__control--overlaid { background:rgba(87,138,126,0.6); }
.plyr--full-ui input[type=range] { color:var(--pink); }
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background:var(--pink); }*/
/*video { display:block; }
#mutebutton { content:"";width:32px;height:32px;display:block;position:absolute;bottom:15px;right:15px;background:url("/wp-content/themes/lights_arch_24/img/mute.png") no-repeat;background-size:64px 32px;position:0px 0px; }
#mutebutton:hover { opacity:0.6;cursor:pointer; }
#mutebutton.sound { background-position:-32px 0; }*/


/* Festival Slider */
.festivalslider { margin:30px 0;padding:0 30px }
.festivalslider  img.festivalicon { display:inline-block;margin-bottom:15px; }
.festivalslide  { padding:0 15px; }
.festivaltitle { color:#fff;display:block; }
.slick-next:before, .slick-prev:before { content:""; }
.slick-prev, .slick-next { background:url("/wp-content/themes/lights_arch_24/img/arrow-slider.svg") no-repeat;background-size:contain;width:30px;height:30px;transform: none;top:calc(50% - 15px); }
.slick-prev { left:0;transform:rotate(180deg); }
.slick-next { right:0; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background:url("/wp-content/themes/lights_arch_24/img/arrow-slider.svg") no-repeat;background-size:contain;opacity:0.5 }


.imageslider { margin-bottom:0;background:#000; }
.twocolumntextholder { padding:30px 30px;width:100%;max-width:480px;margin:0 auto;display:inline-block;text-align:left; }

.map { width:100%; }
.mobile-map { display: none;background:url("/wp-content/themes/lights_arch_24/img/map-background.jpg") no-repeat;background-size:cover;padding:60px 15px; }
.map-icon { width:100%;max-width:200px;display:inline-block; }
.map-icon-holder { padding:30px 30px;text-align: center; }

.banner-text { color:#fff;position:absolute;top:30px;left:50%;transform:translate(-50%);width:100%;max-width:1600px;padding:30px 15px; }
.banner-text-holder { width:100%;max-width:420px;text-transform: uppercase;font-size:1.3rem; }

.programme img { width:100%;height:100%;object-fit:cover; }
.prog-num { position:absolute;top:calc(50% - 18px);left:-18px;display:block;background:#fff;color:#000;font-weight:700;border-radius:100%;width:36px;height:36px;padding-top:7px;box-shadow:0px 0px 10px 5px var(--pink); }
.prog-num.right { left:auto;right:-18px; }
.prog-title { color:var(--pink);display:block;font-size:1.5rem;text-transform:uppercase; }
.prog-by { font-weight:700;display:block; }
.programme .twocolumntextholder { padding:60px 30px; }


.qr { display:none; }

/* 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%; }
		.mobile-toggle { position:absolute;top:48px;right:30px; }
		#navmenu { display:none;padding-right:0; }
		#navmenu .menu li { display:inline-block;width:100%;padding:0; }
		#navmenu .menu a { display:inline-block;width:100%;padding:10px; }
		#navmenu .sub-menu { display: none;width:100%;position:static; }
		#navmenu .menu li:hover .sub-menu { display:none; }
	/* ---------------------- */

	.mobile-map { display: block; }
	.desktop-map { display:none; }
	.twocolumntextholder { text-align:center; }
	.qr { display:none; }
	.table, .table-cell { display:block;width:100%;text-align:center !important; }
	.table-cell { padding:15px 0; }

	.mobile-top-col { grid-row:1; }
	.prog-num, .prog-num.right { top:-18px;left:calc(50% - 18px);right:auto; }

	.socials { left:50%;right:auto;transform: translateX(-25%); }

}

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

.datetime { padding:0px 0px 20px; }
.module.intro { padding:0px 15px; }

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

}