/* --- /// FONTS /// --- */

	@import url(https://fonts.googleapis.com/css?family=Lato:400,900);
	@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
	
	@font-face {
	    font-family: 'Norwester';
	    src: url('https://s3-ap-southeast-2.amazonaws.com/yc.cldmlk.com/qf6h9h6ahq1bd96ksvnypxjcf0/1601528898166_norwester-webfont.woff2') format('woff2'),
	         url('https://s3-ap-southeast-2.amazonaws.com/yc.cldmlk.com/qf6h9h6ahq1bd96ksvnypxjcf0/1601528825903_norwester-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	}
	/* latin-ext */
	@font-face {
	  font-family: 'Lato';
	  font-style: normal;
	  font-weight: 400;
	  font-display: swap;
	  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');
	  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
	}
	/* latin */
	@font-face {
	  font-family: 'Lato';
	  font-style: normal;
	  font-weight: 400;
	  font-display: swap;
	  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');
	  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}
	/* latin-ext */
	@font-face {
	  font-family: 'Lato';
	  font-style: normal;
	  font-weight: 900;
	  font-display: swap;
	  src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh50XSwaPGQ3q5d0N7w.woff2) format('woff2');
	  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
	}
	/* latin */
	@font-face {
	  font-family: 'Lato';
	  font-style: normal;
	  font-weight: 900;
	  font-display: swap;
	  src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh50XSwiPGQ3q5d0.woff2) format('woff2');
	  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}

/* --- /// GLOBAL STYLES /// --- */

	/* Hyperlink - body */
	div.staticPage a, #wrapper a {
	    color: #9e8955;
	    }
	/* Headings */
	h1, h2, h3, h4, h5 {
	    text-transform: none!important; /* Uncapitalise */
	}
	
	.movie-link h2 { /* Movie titles in session time list */
	text-transform: uppercase!important; /* Uncapitalise */
	}
	
	/* Fix padding for Coming Soon page's module heading */
	#coming-soon h1 {
    	padding: 15px!important;
    	}
    
    /* Social icon - Facebook*/
    header div.social-media-header a.facebook-header, footer a.facebook-footer {
    	background-image: url(https://s3-ap-southeast-2.amazonaws.com/yc.cldmlk.com/jrvyz6cav5m2kaq1mqmsb7ag7r/1601297382167_facebook.png)!important;
    	background-size: 25px 25px;
		}
	
	/* Social icon - Instagram*/
    header div.social-media-header a.instagram-header, footer a.instagram-footer {
	    background-image: url(https://s3-ap-southeast-2.amazonaws.com/yc.cldmlk.com/jrvyz6cav5m2kaq1mqmsb7ag7r/1601297395401_instagram.png)!important;
	    background-size: 25px 25px;
		}

/* --- /// CIRCUIT BRANDING /// --- */

	/* Circuit header container */
	#circuit-container {
		background:#9e8955;
		position:fixed;
		width:100%;
		z-index:1500;
		top:0;
		}
	
	/* Circuit header */
	#circuit {
		width: 1141px;
		margin: 0 auto;
		}
	
	/* Circuit logo */	
	#circuit img{
		height:60px;
		padding:5px;
	}
	
	/* Circuit navbar container */
	#circuit-links {
	    display: inline-block;
	    margin-left: 280px;
	    font-family: 'Norwester', Arial Narrow, sans-serif;
	}
	
	/* Circuit navbar links */
	#circuit-links a {
	    color: white;
	    padding: 4px;
	    margin: 6px;
	}

/* --- /// HEADER /// --- */

	/* Set header background across all screen sizes */
	.main-menu.with-container {
    background-color: #0b0910!important;
	}
	
	/* Offset header y-axis alignment to allow for Circuit header */
	header div.main-menu.with-container {
	    margin-top: 60px;
		}

	/* Pad out header */
	header div.menu-desktop {
	    margin-top: 10px;
		}
	
	/* Location selector */
	#containerCinemas {
		width:260px!important;
	    position: fixed!important;
	    z-index: 2000!important;
	    top: 0!important;
	    padding-top:0px!important;
	    margin-top:0px!important;
	    margin-left: 120px!important;
	    text-align: left!important;
		}
	
		/* Location selector - Link settings */
		#containerCinemas a.more, 
		#containerCinemas a:active.more, 
		#containerCinemas a:visited.more, 
		#containerCinemas a:focus.more {
		    height:60px!important;
		    padding:20px!important;
		    background-color: #7d6a33!important;
		    }
		
		/* Location selector - Caret settings */
		#containerCinemas a.more:after, 
		#containerCinemas a:active.more:after, 
		#containerCinemas a:visited.more:after, 
		#containerCinemas a:focus.more:after {
			top:25px!important;
			padding-right: 20px!important;
			background-color: #7d6a33!important;
			}
	
	
	/* Location selection dropdown */
	#containerCinemas .containerCinemasMenu {	
		margin-top: 0px!important;
		background-color: #7d6a33e0!important;
		}

/* --- /// CAROUSEL /// --- */

/* CTA */
header div.previews .preview div.info a {
    letter-spacing: 2px;
    font-size: 12px!important;
}

/* Heading */
header div.previews .preview div.info h2 {
	letter-spacing: 1px;
}

	
/* --- /// SESSION TIMES /// --- */

	/* Date Picker - */
	div.date-picker div.dates #date-scroller li a span.date {
		font-size: 2em!important;
		line-height: 1.3!important;
		letter-spacing: 2px;
	}	
	
	/* Month and Day */
	div.date-picker div.dates #date-scroller li {
		letter-spacing: 1px;
	}
		/* Order-by buttons */
			div.date-picker p a.theme-selector {
	    	padding-top: 13px;
		}
		
		.order-by {
			text-transform:uppercase;
		}
		
		/* Order-by buttons (active selection) */
		a.theme-selector.active {
	    	background-color: #0b0910!important;
	    }
	    
		   /* Order-by buttons - Icon placement */ 
		    div.date-picker p a.theme-selector i {
			    margin-top: -6px;
			    }
	
		/* Sessions Times - by movie */
		#movie-list div.movie.layout-by-movie div.movie-times div.session-row div .time, #printArea div.movie.layout-by-movie div.movie-times div.session-row div .time, div.staticPage div.movie.layout-by-movie div.movie-times div.session-row div .time, #wrapper div.movie.layout-by-movie div.movie-times div.session-row div .time {
		    vertical-align: top;
		    padding: 0px!important;
		    font-family: 'Rubik', arial, sans-serif!important;
		    font-weight: 300;
			}
		/* Sessions Times (Attribute) - by movie */
		#movie-list div.movie.layout-by-movie div.movie-times div.session-row div div.attributes, #printArea div.movie.layout-by-movie div.movie-times div.session-row div div.attributes, div.staticPage div.movie.layout-by-movie div.movie-times div.session-row div div.attributes, #wrapper div.movie.layout-by-movie div.movie-times div.session-row div div.attributes {
		    font-family: 'Rubik', Arial, sans-serif;
		    font-weight: 300;
		    font-size: small!important;
			}
	
		/* More / Trailer button */
		#movie-list div.movie.layout-by-movie div.movie-info a.details-page-link, #printArea div.movie.layout-by-movie div.movie-info a.details-page-link, div.staticPage div.movie.layout-by-movie div.movie-info a.details-page-link, #wrapper div.movie.layout-by-movie div.movie-info a.details-page-link, #movie-list div.movie.layout-by-movie div.movie-info a.details-page-link:hover, #printArea div.movie.layout-by-movie div.movie-info a.details-page-link:hover, div.staticPage div.movie.layout-by-movie div.movie-info a.details-page-link:hover, #wrapper div.movie.layout-by-movie div.movie-info a.details-page-link:hover {
	    border:none!important;
		}
			    
	/* Printer friendly session times link */	 
	#print-link{
		background-color: #9e8955;
		display: inline-block;
		float: right;
		color: #ffffff;
		font-family: 'Norwester', Arial Narrow, sans-serif;
		font-weight: 400;
		padding: 12px 20px 12px 20px;
		vertical-align: middle;
		text-transform: uppercase;
		}
		
	/* Printer friendly session times icon */
	.fa-print {
		margin-right:5px;
		}
	
	/* Time */
	#movie-list div.movie div.movie-times a, 
	#printArea div.movie div.movie-times a, 
	div.staticPage div.movie div.movie-times a, 
	#wrapper div.movie div.movie-times a, 
	#movie-list div.movie div.movie-times div.no-booking-link, 
	#printArea div.movie div.movie-times div.no-booking-link, 
	div.staticPage div.movie div.movie-times div.no-booking-link, 
	#wrapper div.movie div.movie-times div.no-booking-link, 
	header div.previews .preview div.info a {
		border-width: 2px!important;
		font-size:13px!important;
		padding-top:2px!important;	
		text-transform: uppercase!important;
		}
		
	#movie-list div.movie div.movie-times a, #printArea div.movie div.movie-times a, div.staticPage div.movie div.movie-times a, #wrapper div.movie div.movie-times a, #movie-list div.movie div.movie-times div.attributes, #printArea div.movie div.movie-times div.attributes, div.staticPage div.movie div.movie-times div.attributes, #wrapper div.movie div.movie-times div.attributes, #movie-list div.movie div.movie-times div.no-booking-link, #printArea div.movie div.movie-times div.no-booking-link, div.staticPage div.movie div.movie-times div.no-booking-link, #wrapper div.movie div.movie-times div.no-booking-link {
			height:40px!important;
		}
	
	#movie-list div.movie div.movie-times a .time, div.staticPage div.movie div.movie-times a .time, 		#wrapper div.movie div.movie-times a .time {
    padding: 8px 12px!important;
	}
	
	/* Attribute */
	#movie-list div.movie div.movie-times div.attributes, 
	#printArea div.movie div.movie-times div.attributes, 
	div.staticPage div.movie div.movie-times div.attributes, 
	#wrapper div.movie div.movie-times div.attributes{
	    font-size: 0.7em!important;
	    line-height: 0.8!important;
	    }
	/* Buy Link */
	#movie-list div.movie div.movie-times a:after, #printArea div.movie div.movie-times a:after, div.staticPage div.movie div.movie-times a:after, #wrapper div.movie div.movie-times a:after {
		line-height: 37px!important;
	}


	/* Session Keys */
	#session-keys {
		display: none!important;
	}

/* --- /// DISCLAIMER (MIDDLE) /// --- */

	/* Disclaimer */
	#disclaimer-middle {
		display: block;
	    background-color: #f3f3f3;
	    border: 2px solid #0b0910!important;
	    padding: 10px;
	    padding-bottom: 3px;
	    width: 100%;
	    font-family: 'Rubik', sans-serif;
	    font-weight: 300;
	    margin-bottom: 12px;
	    }

	/* Disclaimer heading */
	#disclaimer-middle h2 {
	    font-family: 'Norwester', Arial Narrow, sans-serif;
	    font-weight: 700;
	    font-size: 1.1em!important;
	    display: inline;
	    color: #0b0910;
	    }
	
	/* Info icon - set color */
	i.fa.fa-info-circle {
		color: #0b0910;
		}
	
	/* Disclaimer icon - set padding */
	#disclaimer-middle .fa {
	    padding: 6px;
		}

	/* Disclaimer - Link styles */
	div#disclaimer-middle a {
	    color: #9e8955;
	    font-weight: bold;
		}
		
	/* FM Stations */
	span.fm-station {
	    background-color: #0b091029;
	    padding: 3px 6px 3px 6px;
	    border-radius: 3px;
	    border: 1px solid #0b0910;
	    margin-right: 3px;
	    color: #0b0910;
	    display: inline-block;
	    margin-bottom: 8px;
		}

/* --- /// DISCLAIMER (BOTTOM) /// --- */

	/* Disclaimer */
	#disclaimer-bottom {
	    position: fixed;
	    bottom: 0px;
	    display: block;
	    background-color: #9e8955;
	    padding: 10px;
	    color:white;
	    font-family: 'Rubik', sans-serif;
	    font-weight: 400;
	    width:850px;
	    z-index: 999;
	    }
	
	/* Icon placement */
	#disclaimer-bottom .fa {
	    padding: 5px;
		}
	
	/* Z index pre-reqs */
	footer {
		position: absolute;
	    width: 100%;
	    z-index: 1000;
		}
		
header div.previews .preview div.info a {
    padding-top: 11px!important;
}

/* --- /// RESPONSIVE LAYOUTS /// --- */


	/* 0 - 370px */
	@media screen and (max-width: 370px) {
	    
	    /* Location selector width */
	    #containerCinemas {
	        width:200px;
	    	}
	}
	
	/* 370 - 640px */
	@media screen and (max-width: 640px) {
	
		/* Printer friendly session times link */
		#print-link{
			margin-bottom: 10px;
			float:none;
		    background-color: #0b0910;
		    padding: 9px 12px 6px 12px;
		    }
	    
	    /* Printer friendly session times icon */
	    .fa-print {
			margin-right:5px;
			}
		
		/* Date picker area -- used for printer friendly link placement */
		div.date-picker {
	    	text-align: center;
			}
		
		/* Date picker dropdown */
		.datepicker.dropdown-menu {
			margin-top: 55px;
		    border-radius: 5px;
		    color:#7D6A33!important;
			}
			
			/* dates with sessions */
			.datepicker table tr td.highlighted {
				background-color: #af94468c!important;
				}

		/* Middle disclaimer */  
		#disclaimer-middle {
			margin-bottom: 0px;
			font-size: 12px;
			border:0px!important;
    		}
	}
	
	/*640 - 800px */
	@media screen and (max-width: 800px) {
		
		/* Location selector alignment */
		#containerCinemas {
	        right:0;
	        text-align: left;
			}
		
		/* Hide circuit navbar */
		#circuit-links{
			display:none;
			}
	}
	
	/* 800 - 1155px */
	@media screen and (max-width: 1155px) {
	
		/* Pad circuit navbar links */
		#circuit-links{
			padding-left:12px
		}
		
		/* Session Times - Time */
	#movie-list div.movie div.movie-times a, 
	#printArea div.movie div.movie-times a, 
	div.staticPage div.movie div.movie-times a, 
	#wrapper div.movie div.movie-times a, 
	#movie-list div.movie div.movie-times div.no-booking-link, 
	#printArea div.movie div.movie-times div.no-booking-link, 
	div.staticPage div.movie div.movie-times div.no-booking-link, 
	#wrapper div.movie div.movie-times div.no-booking-link, 
	header div.previews .preview div.info a {
		padding-top:0px;
		
		}
		
		
		
	}
