/*
Theme Name: Mods
Theme URI: 
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 { overflow-x:hidden; }
html, body { margin:0;padding:0;height:100%;width:100%;font-family: "pragmatica", sans-serif;color:#000; }
/*body { padding-top:135px; }*/

.mod-container-1200 { max-width:1920px;padding:60px 7.1429%;position:relative; }


.hide-overflow { overflow-x:hidden; }
.pos-rel { position:relative; }

h1,h2,h3,h4,h5,h6,p { margin:0; }

img { display:block;max-width:100%; }
.m-grid img { display:block;margin:auto; }

h1 { font-size:45px;margin-bottom:30px; }
h3 { font-size:26px;margin-bottom:15px;margin-top:30px; }
h4 { font-size:23px;line-height:1.6em;margin-top:10px;margin-bottom:10px; }

p { margin-bottom:10px;font-size:16px;line-height:1.8em; }
.bg-white p { color:#000; }

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

.text-blue { color:#312b81; }
.text-red  { color:#e10f2a; }
.text-white{ color:#ffffff; }
.text-black { color:#000000; }
.text-brown { color:#C3A384; }
.text-gold { color:#D48D43; }

.gold-links a { color:#D48D43; }
.brown-links a { color:#C3A384; }
.red-links a { color:#e10f2a; }
.blue-links a { color:#312b81; }
.white-links a { color:#ffffff; }


.gold-links p,
.brown-links p { color:#000; }

.bg-blue { background:#312b81; }
.bg-red  { background:#e10f2a; }
.bg-white{ background:#ffffff; }
.bg-black{ background:#000000;background:#24514F; }
.bg-brown{ background:#C3A384; }
.bg-gold{ background:#D48D43; }

.hidden-overflow { overflow:hidden; }

a { color:#D28C4A; }
.bg-red a, .bg-gold a, .bg-brown a { color:#fff !important; }
a:hover { color:#C2A386; }


.animatedbghandler > div{
	-webkit-transition: all .7s ease-in-out;
	   -moz-transition: all .7s ease-in-out;
	     -o-transition: all .7s ease-in-out;
	        transition: all .7s ease-in-out;
}


/* ===== LAYERS ===== */
.layer-1 { position:relative;z-index:1; }
.layer-2 { position:relative;z-index:2; }
.layer-3 { position:relative;z-index:3; }
.layer-4 { position:relative;z-index:4; }
.layer-5 { position:relative;z-index:5; }
.layer-6 { position:relative;z-index:6; }
.layer-7 { position:relative;z-index:7; }
.layer-8 { position:relative;z-index:8; }
.layer-9 { position:relative;z-index:9; }
.layer-10 { position:relative;z-index:10; }

/* ===== HEADER ===== */
#navspacer { height:62px; }
#mainnav { height:62px;width:100%;background:#24514F;position:fixed;top:0;left:0;z-index:11;-webkit-transition: top 0.3s ease-in-out;-moz-transition: top 0.3s ease-in-out;-o-transition: top 0.3s ease-in-out;transition: top 0.3s ease-in-out; }
#mainnav.hidden { top:-66px; }
#mainnav.hidden #mobilemenu,
#mainnav.hidden #menulink { display:none !important; }
#uppernav {width:180px;text-align:center;padding:5px 15px 0;display:inline-block;}
#lowernav { width:calc(100% - 180px);text-align:right;display:inline-block;vertical-align: top;padding-top:15px; }
#lowernav > div:first-child { width:calc(100% - 100px);display:inline-block; }
#menu-main-menu { display:inline-block;list-style: none;padding:0;margin:0;width:100%;}
#menu-main-menu li  { display:inline-block;padding:5px 10px;position:relative; }
#menu-main-menu li a, #mobilemenu li a { color:#ffffff;font-weight:bold;font-size:14px;text-decoration: none; }
#menu-main-menu li a:hover,
#menu-main-menu li.current-menu-item a,
#mobilemenu li a:hover,
#mobilemenu li.current-menu-item a { color:#D28C4A; }
#menulink { display:none; }
#mobilemenu { display:none; }
.sub-menu { display:none;padding:0;position:absolute;width:180%;text-align:center;background:rgba(255,255,255,0.8);padding-top:25px;left:-40%; }
.sub-menu li a { color:#D28C4A !important; }
.sub-menu li:hover a { color:#D28C4A !important; }
.menu-item-has-children:hover .sub-menu { display:block; }


#socialmedia { display:inline-block;width:100px;padding-right:8px;position:relative;top:2px; }
.social { width:18px;height:18px;display:inline-block;background:url("/wp-content/themes/mods_arch/img/sm.png");background-size:54px 36px;margin-left:10px; }
.social.facebook  { background-position: 0px 0px; }
.social.twitter   { background-position: 18px 0px; }
.social.instagram { background-position: 36px 0px; }

.social.facebook:hover  { background-position: 0px 18px; }
.social.twitter:hover   { background-position: 18px 18px; }
.social.instagram:hover { background-position: 36px 18px; }


/* ===== FOOTER ===== */
#footer { background:#24514F; }
#footer .m-grid { margin-bottom:0; }
#footernav .sub-menu { display:none !important; }
#footernav ul { padding:0;list-style: none;font-size:12px; }
#footernav a { color:#ffffff;text-decoration: none;font-weight:bold; }
#footernav a:hover { color:#D28C4A; }
#footer p { font-size:12px;line-height:15px; }

.footerlogos { text-align: center; }
.footerlogos a img { width:auto;height:88px; }
.footerlogos a { display:inline-block; }

/* ===== HOME ===== */
.text-section { padding:30px; }
.homefirst { background:url('/wp-content/themes/mods_arch/img/home-banner-1.jpg') no-repeat center;background-size:cover;padding-top:0px !important; }

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

#fullpage .section:last-child .scroll-down-arrow { display:none; }
#lottie { width:100%;height:100vh; }

/* == largebanner == */
.largebanner, .banner { width:100%;height:calc(100vh - 62px);display:table;vertical-align: middle;max-height:800px; }
.bannerinner { display:table-cell;vertical-align: middle; }

/* == Other == */

.inner-block { position:relative;height:100%; }
img { max-width:100%;height:auto; } 

.link-arrow { text-transform:uppercase;display:inline-block;padding:5px 10px;border:2px solid #fff;color:#fff;text-decoration: none;position:relative;font-size:14px;margin:30px 0px;-webkit-transition: padding-right 0.4s ease-in-out;-moz-transition: padding-right 0.4s ease-in-out;-o-transition: padding-right 0.4s ease-in-out;transition: padding-right 0.4s ease-in-out; }
.link-arrow span { display:inline-block;height:60px;width:60px;border-left:2px solid #fff;position:absolute;left:100%;top:-15px; }
.link-arrow span:before { content:"";position:absolute;top:9px;left:-21px;display:inline-block;width:38px;height:38px;border-top:2px solid #fff;border-right:2px solid #fff;border-bottom:2px solid transparent;border-left:2px solid transparent;transform:rotate(45deg);}
.link-arrow:hover { padding-right:80px; }


.link-arrow.text-red { border:2px solid #e10f2a;color:#e10f2a; }
.link-arrow.text-red span { border-left:2px solid #e10f2a; }
.link-arrow.text-red span:before { border-top:2px solid #e10f2a;border-right:2px solid #e10f2a; }

.link-arrow.text-blue { border:2px solid #312b81;color:#312b81; }
.link-arrow.text-blue span { border-left:2px solid #312b81; }
.link-arrow.text-blue span:before { border-top:2px solid #312b81;border-right:2px solid #312b81; }


.link-arrow.text-black { border:2px solid #000;color:#000; }
.link-arrow.text-black span { border-left:2px solid #000; }
.link-arrow.text-black span:before { border-top:2px solid #000;border-right:2px solid #000; }


.link-arrow.text-brown { border:2px solid #C3A384;color:#C3A384; }
.link-arrow.text-brown span { border-left:2px solid #C3A384; }
.link-arrow.text-brown span:before { border-top:2px solid #C3A384;border-right:2px solid #C3A384; }


.link-arrow.text-gold { border:2px solid #D48D43;color:#D48D43; }
.link-arrow.text-gold span { border-left:2px solid #D48D43; }
.link-arrow.text-gold span:before { border-top:2px solid #D48D43;border-right:2px solid #D48D43; }



.grid-hover { position:relative;display:inline-block; }
.hover-overlay { opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background:#C2A386;mix-blend-mode: color;   -webkit-transition: opacity .2s ease-in-out;-moz-transition: opacity .2s ease-in-out;-o-transition: opacity .2s ease-in-out;transition: opacity .2s ease-in-out;}
.grid-hover:hover .hover-overlay, .grid-hover .hover-overlay.active { opacity:1; }
.grid-hover img { display:block; }

.scroll-arrow-holder { width:100%;bottom:0;position:absolute;left:0;height:120px;height:0px; }

.scroll-down-arrow { border-radius:100%;display:inline-block;width:60px;height:60px;position:absolute;bottom:15px;margin-top:10px;border:2px solid #fff;left:-100%;right:-100%;margin:10px auto; }
.scroll-down-arrow.bg-red { border:2px solid #fff; }
.scroll-down-arrow.bg-blue { border:2px solid #fff; }
.scroll-down-arrow.bg-black { border:2px solid #fff; }
.scroll-down-arrow.bg-brown { border:2px solid #fff; }
.scroll-down-arrow.bg-gold { border:2px solid #fff; }


.scroll-down-arrow:after { background:url("/wp-content/themes/mods_arch/img/down-arrow.png") no-repeat center;background-size:30px 30px;position:absolute;content:"";width:30px;height:30px;top:14px;left:13px; }
.scroll-down-arrow.bg-white:after { background:url("/wp-content/themes/mods_arch/img/down-arrow-red.png") no-repeat center;background-size:30px 30px; }
.scroll-down-arrow.bg-red:hover { border:2px solid #ffffff;background:#332786; }
.scroll-down-arrow.bg-blue:hover { border:2px solid #ffffff;background:#332786; }
.scroll-down-arrow.bg-white:hover { background:#332786; }
.scroll-down-arrow.bg-black:hover { border:2px solid #fff;background:transparent; }
.scroll-down-arrow.bg-brown:hover { border:2px solid #fff;background:transparent; }
.scroll-down-arrow.bg-gold:hover { border:2px solid #fff;background:transparent; }

.scroll-down-arrow.bg-white:hover:after { background:url("/wp-content/themes/mods_arch/img/down-arrow.png") no-repeat center;background-size:30px 30px; }
.scroll-arrow-spacer { height:90px;height:150px; }

.title-bar { display:inline-block;width:auto;padding:10px 30px 10px 15px;margin-left:10%;margin-top:4%;position:relative;margin-bottom:75px; }
.title-bar.gallery-title { margin-bottom:30px; }
.section .title-bar { margin-left:5%;position:absolute;top:3%;margin-top:8%; }
.title-bar h3 { margin:0; }
.title-bar-extention { position:absolute;width:101%;height:100%;top:0;left:-99%;display:inline-block; }


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

.animated-arrow { position:absolute;width:420px;height:auto; }
.animated-arrow.ltor { left:-420px; }
.animated-arrow.rtol { right:-420px; }


#introblock { /*padding-top:56%;*/position:relative;height:100vh; }
#introvideo { position:absolute;top:0;left:0;height:100vh;display:block;z-index:100;width:100%;background:url("/wp-content/themes/mods_arch/img/intro_video.jpg") no-repeat center center;background-size:cover;text-align:center; }
.logo-large { width:80%;max-width:750px;position:absolute;top:50%;left:-100%;right:-100%;transform: translateY(-50%);margin:0 auto; }




.background-image { position: absolute;max-width:50%;width:auto;height:auto; }
.background-image.top { top:0; }
.background-image.bottom  {bottom:0;}
.background-image.left { left:0; }
.background-image.right { right:0; }

.horizontal, .vertical { -webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out; }
.horizontal.left { right:100% !important;left:auto !important; }
.horizontal.right { left:100% !important;right:auto !important; }
.vertical.top { top:-150%; }
.vertical.bottom { bottom:-150%; }

.fp-section.active .horizontal.left { right:50% !important; }
.fp-section.active .horizontal.right { left:50% !important; }
.fp-section.active .vertical.top { top:0 !important; }
.fp-section.active .vertical.bottom { bottom:0 !important; }





.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background:#D28C4A; }
.plyr--full-ui input[type=range] { color:#D28C4A; }
.plyr__control--overlaid { background:#D28C4A; }

.fp-section.fp-table, .fp-slide.fp-table { overflow:hidden; }





form { width:100%;position:relative;margin-top:0px;margin-bottom:0px; }
form input { width:100%;padding:5px 10px;border:none;background:#f7f7f7;font-size:12px;margin-bottom:15px; }
form input[type="submit"]{ background:#D28C4A url("/wp-content/themes/mods_arch/img/arrow_submit.png") no-repeat center center;background-size:14px 14px;width:60px;position:absolute;top:0;right:0; }
form input[type="submit"]:hover { background:#C2A386 url("/wp-content/themes/mods_arch/img/arrow_submit.png") no-repeat center center;background-size:14px 14px; }
form input[type="checkbox"] { width:auto;margin-top:10px; }
form label { display:inline-block;font-size:12px; }



#map { width:100%;height:90vh;display:block; }
.gm-style-iw-d h4 { font-size:16px; }
.map-key { position:absolute;bottom:0;left:0;z-index:1;width:auto;background:#bfa486;padding:15px 60px 15px 30px;color:#fff; }
.map-holder { position:relative;overflow: hidden;display:block; }

.map-key > div { padding:5px 0px; }
.key-icon { display:inline-block; width:20px;height:20px;position:relative;top:4px;margin-right:8px; }
.key-icon.events	 { background:url("/wp-content/themes/mods_arch/img/mapicon.png") no-repeat center;background-size:contain; }
.key-icon.landmarks	 { background:url("/wp-content/themes/mods_arch/img/mapicon-landmarks.png") no-repeat center;background-size:contain; }
.key-icon.carparks	 { background:url("/wp-content/themes/mods_arch/img/mapicon-parking.png") no-repeat center;background-size:contain; }
.key-icon.hotel		 { background:url("/wp-content/themes/mods_arch/img/mapicon-hotels.png") no-repeat center;background-size:contain; }


/* Event List */
.event-list { border-bottom:1px solid #efefef;padding-bottom:10px;grid-gap:10px 5px; }
.event-module .title-bar { margin-bottom:0px;margin-top:15px; }

@media(min-width:1300px){
	h1 { font-size:62px; }
	h3 { font-size:35px; }
}
@media(min-width:769px){
	.full-height-block { min-height:calc(100vh - 135px); }
}
@media(max-width:991px){
	.background-image { max-width:100%;max-height:34%;right:0;left:auto !important; }
}

@media(min-width:1001px){
	#mobilemenu { display:none; }
}
@media(max-width:1000px){
	#lowernav > .menu-main-menu-container { display:none !important; }
	#mobilemenu { display:none;background:#000;position:fixed;top:62px;left:0;width:100%;padding:15px; }
	#mobilemenu ul { list-style:none;padding:0;margin:0; }
	#mobilemenu ul li { width:32%;display:inline-block;text-align: center;padding:5px 0; }
	#menulink { display:inline-block !important;position:fixed;top:16px;right:110px; }
	#menulink a { color:#fff;font-weight:bold;font-size:14px;text-decoration: none; }
	#menulink a:hover,#menulink a.active { color:#D28C4A; }
}

@media(max-width:768px){
	.mod-container-1200 { padding-bottom:60px !important; }
	.mobile-no-background-image { background:none !important; }
	.inner-block { min-height:100px !important; }
	h1 { font-size:40px; }
	#mobilemenu ul li { width:49%;display:inline-block;text-align: center;padding:5px 0; }
	.largebanner, .banner { max-height:350px; }
	.background-image { max-height:30%; }
	

	.title-bar { margin-bottom:30px; }

	.scroll-down-arrow { width:50px;height:50px; }
	.scroll-arrow-spacer { height:100px; }
	.scroll-down-arrow:after { height:28px;width:25px;top:10px;left:11px; }

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


}

@media(max-width:560px){
	h1 { font-size:28px; }
	h3 { font-size:20px;margin-bottom:15px; }
	h4 { font-size:15px;margin-bottom:15px; }
	.background-image {  } 
	#mobilemenu ul li { width:100%;display:inline-block;text-align: center; }
	.background-image { max-height:21%; }

	.fp-tableCell, .fp-section.fp-table, .fp-slide.fp-table { height:100% !important; }
	#lottie { width:100%;height:500px; }

	.m-grid-gap-30 { grid-gap:0; }

	#map { height:70vh; }
	.map-key { position:absolute;bottom:0;left:0;z-index:1;width:100%;background:#bfa486;padding:5px 15px 5px 15px;color:#fff; }
	.map-key > div { display:inline-block;width:48%; }


} 





@media(max-height:800px){
	h3 { font-size:22px; }
	h4 { font-size:16px; }
	p { font-size:14px; }
	.section .title-bar { margin-top:6%; }
}


@media(max-height:800px) and (max-width:768px){
	h3 { font-size:20px; }
	h4 { font-size:16px; }
	p { font-size:14px; }
	.section .title-bar { margin-top:6%; }
}