/* ---------------------------- */
/* Hides previous version of HP slide */
/* Should be properly removed when change confirmed *
#film_roll {display: none;}
/* ---------------------------- */
/* ---------------------------- */



/* Hide Home Page calendars*/
#block-views-block-events-view-block-3, #block-views-block-events-view-block-5 {display: none !important;}

/* TEMP Hide of Instagram */
section.block-simple-instagram-feed {display: none;}

#block-views-block-closure-dates-block-1, .ClosureDates {display: none;}

section.block-hpagwadetails { padding: 0; }
/*
#keyinfozone { margin-bottom: 0; }
/* HOME PAGE - AGWA details *
.HpAgwaDetails { background-color: #ddd; padding: 30px; color: #666; font-size: 1.2rem; display: flex; justify-content: space-between;}
#keyinfozone.row { display: block; }
*/
/*HeaderContainer {display: none;}*/
/* HP Agwa Title and Plan Your Visit button - First line below slide */
.HpAgwaTitle { color: #666; font-size: 1.2rem; display: table; justify-content: space-between; width: 100%; margin-top: 4rem; margin-bottom: 1rem; }
.HpAgwaTitle .Col1 { font-size: 2.8rem; color: #333; font-weight: 600; line-height: 3rem; margin-bottom: 20px;}
.HpAgwaTitle .Col2 { vertical-align:bottom; text-align: right; width: 16rem;    padding-bottom: 1.4rem;}
.HpAgwaTitle .Col { display: block; padding-left: 10px; padding-right: 10px; }

@media only screen and (min-width: 600px) { .HpAgwaTitle .Col { display: table-cell; } }


.HpAgwaDetails { background-color: #fff;  padding: 0 30px 30px 30px;  font-size: 1.2rem; display: inline-block; justify-content: space-between; max-width: 100vw;}
.HpAgwaDetails .Col {display: block; float: left; }
.HpAgwaDetails .Col1 {float: left;  }
.HpAgwaDetails .Col2 {min-width: 350px; }
.HpAgwaDetails .title { font-size: 1.4rem; color: #000; }

@media only screen and (min-width: 1024px) {
	/* if full size then put the cols next to each other*/
	.HpAgwaTitle .Col1 { font-size: 4.8rem; line-height: 5rem;}
	.HpAgwaDetails {display: flex; margin-right: 0;}
	.HpAgwaDetails .Col { display: inline; }
	.HpAgwaDetails .Col1 { margin-right: 150px; }
	.HpAgwaDetails .Col2 { width: 350px; }
}

/* ---------------- */

/* HP Calendars (Today and Tomorrow) */
/*.HPCalendar {float: left; display: inline; }*/
#block-views-block-events-view-block-3 { background-color: #fbfaf8; display: block; margin-top: 30px; }
#block-views-block-events-view-block-5 { background-color: #f5f2ee; display: block; margin-top: 30px; }
/*.HPCalendarEvents { border-top: solid 1px #cdcdce;  }
/*.HPCalendar { border-bottom: solid 1px #cdcdce; padding: 15px 10px 12px 0; }
.HPCalendar h2 { font-size: 1.3rem; max-width: 400px; display: inline-block; padding-top: 0; } /* <- finalise and make variations according to media width *
.HPCalendar h2 a {border-bottom: 0;}
.HPCalendar .view-mode-minimalist {  display: inline; text-align: right; float: right; }
.HPCalendar .view-mode-minimalist div { display: inline;  }
.HPCalendar .view-mode-minimalist div:nth-child(2):before { content: " - "; }*/
.HPCalendar .Today { background-color: #fbfaf8;}
.HPCalendar .Tomorrow { background-color: #f5f2ee; }
#block-views-block-events-view-block-3 {  padding: 15px;}
#block-views-block-events-view-block-5 {  padding: 15px;}
#block-views-block-events-view-block-3 h2, #block-views-block-events-view-block-5 h2 { padding-bottom: 0;   margin-bottom: 0; font-size: 2rem;    padding-top: .6rem;}
#block-views-block-events-view-block-3 .Intro, #block-views-block-events-view-block-5 .Intro { font-size: 1.2rem; margin-bottom: 1rem; display: block; }
/*#block-views-block-events-view-block-3 .Sep, #block-views-block-events-view-block-5 .Sep { margin:  }*/
.HPCalendar.Today.ListOfMinimalists {display: none;}
.ListOfMinimalists .HPCalendar {display: none;}


@media only screen and (min-width: 1024px) {
	#block-views-block-events-view-block-3 {  width: 48%; float: left; padding: 15px;}
	#block-views-block-events-view-block-5 {  width: 48%; float: right; padding: 15px;}
}
/* ------------------- */

#GalleryHoursHomePage {margin-top: 1rem; margin-bottom: 1rem; display: block; font-size: 1.5rem;}
#GalleryHoursHomePageTempAddition { text-align: left; }

.StateCollectionItemImage img {
	width: 100vw;
	object-fit: cover;
}

.HPWhatsonMore {text-align: center; width: 100%; display: inline-block; }
.HPWhatsonMore .morewhatson- {     border: none;
	border-bottom: solid 5px #f26722;
	color: #f26722;
	font-weight: 600;
	font-size: 1.7rem;
}

/* Subscribe to our newsletter panel */
.BluePanel .js-form-item { margin-bottom: .5rem; }
.MailChimpBluePanelRightCol form { margin-top: 1.2rem;}
/* .MailChimpBluePanelRightCol form input.btn { width: 100%; } */

/* HP Key Info Zone (AGWA details)
.HPDetails .col1 {display: inline; float: left;}
.HPDetails .col2 {display: inline; float: right; width: 380px;}
.HPDetails .intro {font-size: 2.5rem; line-height: 2.5rem;}
.HPDetails .HpAgwaDetailsTitle { font-weight: bold; margin: 25px 0 10px 0; }
.HPDetails .HpAgwaDetailsTitle.GalleryOpen { margin-top: 0; }
.HPDetails .WithIcon30  { background-repeat: no-repeat; padding: 3px 40px; line-height: 35px;}
.HPDetails .LinkPhone {background-image: URL("/themes/custom/agwa/images/icons/ico_phone.png");}
.HPDetails .LinkEMail {background-image: URL("/themes/custom/agwa/images/icons/ico_mail.png"); }
.HPDetails .SocialMediaIcons {margin-right: 5px;}

.HPDetails .righticon {margin-left: 20px; background-repeat: no-repeat; padding: 0 0 20px 40px;}
.HPDetails .righticon.time {background-image: URL("/themes/custom/agwa/images/icons/ico_time.png");}
.HPDetails .righticon.ticket {background-image: URL("/themes/custom/agwa/images/icons/ico_ticket.png");}
.HPDetails .righticon.location {background-image: URL("/themes/custom/agwa/images/icons/ico_location.png");}


@media only screen and (min-width: 1024px) {
.HPDetails .InfoBlock {margin-top: 170px; }
}

@media only screen and (max-width: 1024px) {
.HPDetails {display: inline-block;}
.HPDetails .InfoBlock {margin-top: 30px; position: inherit; }
.HPDetails .col1, .HPDetails .col2 {display: block;}
.HPDetails .col2 { width: auto; margin-top: 25px}
}
*/

/* HOME PAGE - Events *
#block-views-block-events-block-2, #block-views-block-events-block-4, #block-views-block-events-view-block-1, #block-views-block-events-view-block-2 {
	/*padding: 10px 0;
    display: flex; *
    border-bottom: solid #ddd 8px;
    border-top: solid #000 1px;
    border-bottom: solid #000 1px;
	margin-top: 5px;
}*/

/*
					#block-views-block-events-view-block-1 { margin-bottom: 30px; display: block}
					.EventHPCard { font-size: 0.8rem; padding-left: 3px; width: 130px; padding-right: 13px; margin-right: 20px;}
					.EventItem {width: 130px; margin-right: 0; margin-bottom: 20px;}
					.HPEventCardsDate, .TomorrowHeader .EventHPCard {font-weight: 800; font-size: 1.1rem; color: #f26722; text-align: right; }
					.HPEventCardsDate {padding-right: 35px; padding-left: 50px; letter-spacing: 1px; line-height: 1.6rem; float: left }
					.HPEventCardsDate .EventDate {font-size: 1.1rem; font-weight: 400; color: #444;}
					.HPEventCardsDate .button { margin-top: 15px; margin-bottom: 5px;  }
					.EventHPCard a {
						text-transform: uppercase;
						font-weighT: 800;
						color: #666;
						padding: 2px 0;
						top: 2px;
						position: relative;
					}

					.TodaysEvents .slick__slide, .TodaysEvents .TomorrowHeader { padding-top: 20px; padding-bottom: 20px; display: inline-block; width: auto; }
					/*.slick__slide { background-color: #f8f8f8;}
					.IsToday, .HPEventCardsDate {background-color: #ccc; }

					.TomorrowHeader .EventHPCard { border: none; }
					.TomorrowHeader { padding-left: 15px; border-left: none; 	padding-right: 0; }

*/
/* Home Page slides
 .LogoWhiteForSlides { position: relative; left: 20px; bottom: 85px; margin-bottom: -100px; z-index: 10; height: 6rem !important;}
.SlideTextArea {
	background-color: #333;
	position: absolute;
	right: 60px;
	top: 70px;
	margin-bottom: -400px;
	width: 330px;
	min-height: 200px;
	text-align: right;
	z-index: 11;
	padding-top: 20px;
	padding-right: 20px;
}
.SlideTextArea1 { color: white; font-size: 2rem; font-weight: bold; text-transform: uppercase;}

.SlideTextArea2 { color: white; 1.2rem; margin-top: 50px; font-weight: bold;}
*/



/* ------------------------ */
/* HP Slide */
/* ------------------------ */
.LogoWhiteForSlides {
	position: absolute;
	left: 7%;
	bottom: 7%;
	z-index: 60;
	height: 50% !important;
	display: none !important;
}
.slick-active .LogoWhiteForSlides {display: block !important;}

.SlideTextArea {
	background-color: #333;
	position: absolute;
	right: 5%;
	top: 10%;
	width: 42vw;
	text-align: right;
	height: auto;
	/*max-weght: 350px;*/
	z-index: 11;
	padding-top: 2%;
	padding-right: 2%;
	/*display: none;*/
	opacity: 0;
	transition: opacity 1s;
}



.slick-active .SlideTextArea {display: block !important;}



.SlideTextArea {
	background: url('/themes/custom/agwa/images/cornerTLorange.png') no-repeat;
	background-size: 10%;
	padding: 0;
	max-width: 51vw;
	letter-spacing: 0.03em;
	line-height: 1em;


}

.SlideTextAreaInside {
	background: url(/themes/custom/agwa/images/cornerBRorange.png) no-repeat bottom right;
	background-size: 10%;
	padding: 5%;
}


.SlideTextArea0 {
	display: grid;
	color: white;
	font-size: 4vw;
	line-height: 4vw;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 10%;
	position: relative;
	float: right;
	margin-bottom: 6%;
	width: 100%;
}

/*.SlideTextAreaWrap {display: none;}*/

/*.HPSlider:before{
	content:url(/themes/custom/agwa/images/LogoWhiteForSlides.svg);
	position: absolute;
	left: 7%;
	bottom: -7px;
	width: 27vw;
	z-index: 100;
	max-width: 350px;
}*/

@media only screen and (max-width: 600px) {
	.HPSlider:before{display: none;}
}

.SlideTextAreaWrap {padding: 2rem; background-color: #333;	min-height: 50%; max-height: 80%;}
@media only screen and (min-width: 600px) { .SlideTextArea0 {font-size: 4.4vw; line-height: 3.4vw;font-weight:600;letter-spacing: 0.03em;}  }

@media only screen and (min-width: 1170px) { .SlideTextArea0 {font-size: 4.4vw; line-height: 3.2vw;font-weight:600;letter-spacing: 0.03em;} }

.SlideTextArea0 > div {
	 /*text-shadow: 1px 1px 4px rgba(0,0,0,.3), -1px -1px 4px rgba(0,0,0,.3);*/
}

.SlideTextArea2 {
	color: white;
	font-size: 2vw;
	margin-top: 15%;
	line-height: 1.8rem;
}

@media only screen and (min-width: 601px) { .SlideTextArea0 {font-size: 3.5vw; } .SlideTextArea2 {line-height: 2.6vw;} } /* Temporary fix because of title tto long */
@media only screen and (min-width: 1170px) {.SlideTextArea2 { line-height: 2.2vw; } }
.SlideTextArea3 {margin-top: 2rem;}
.SlideTextAreaWrap .btn {color: white; border-color: white;font-size: 1em; background-color: black;}

.SlideTextArea.TextColor_Black .SlideTextArea0, .SlideTextArea.TextColor_Black .SlideTextArea2 {
	color: black !important;
	text-shadow: 0px 0px 3px rgba(255,255,255, 0.5) !important;
}

.SlideTextArea.TextColor_White .SlideTextArea0, .SlideTextArea.TextColor_White .SlideTextArea2 {
	color: white !important;
	text-shadow: 0px 0px 3px rgba(0,0,0, 0.5) !important;
}

@media only screen and (min-width: 600px) {

	.slick-dots li button:before{
		opacity: .9;
		color: #bbb;
	}

	.HPSlider .slick-dots {
		position: absolute;
		margin-bottom: 0;
		/*bottom: 11%;*/
		z-index: 1000;
	}

	.slick-dots li.slick-active button:before {
		opacity: 1;
		color: #FFF;
	}
}

@media only screen and (max-width: 500px) {
	.SlideTextAreaWrap .btn {
		font-size: 1rem;
		margin-top: 0;
		padding: 5px 15px 5px 15px;
	}
}

@media only screen and (max-width: 600px) {

	.path-frontpage #slick-views-hpslider-block-1-2-slider:before{
		display: none;
	}

	.SlideTextArea2 {font-size: 4vw; }

	.SlideTextArea {
		position: absolute;
		right: 5%;
		top: 60%;
		width: 85vw;
		text-align: left;
		height: auto;
		z-index: 11;
		left: 7%;
		max-width: 100vw;
	}

	.SlideTextArea0 {
		color: white;
		margin-top: 0;
		position: relative;
		float: right;
		width: 100%;
		margin-bottom: 6%;
		font-size: 6vw;
		line-height: 6vw;
	}

	.slick-list,.slick--skin--classic .slick__slide{
		overflow: visible;
	}

	.slick-list{
		margin-bottom: 35%;
	}
}

@media only screen and (min-width: 1170px) { .SlideTextArea2 {font-size: 1.7vw;} .SlideTextAreaWrap {min-height: 300px;} }

.SliderCornerTL { position: relative; top: -2.7vw; left: -1.6vw; margin-bottom: -3vw; height: 5vw !important; max-height: 60px;}
.SliderCornerBR { position: relative; height: 5vw !important; max-height: 60px;bottom: -2.1vw; right: -28vw;}

section#block-views-block-events-view-block-2 {
	margin-bottom: 7%;
}
/* ------------------------ */
/* END HP Slide */
/* ------------------------ */

.slick img{
	object-fit: cover;
	height: 100vh;
}

@media only screen and (max-width: 600px) {
	.slick img{
		object-fit:contain;
		height:inherit;
	}
}





/* Add background-inmage behind Home Page Vide in case video doesn't display */
.video-embed-field-responsive-video {
	/*background-image: url("/themes/custom/agwa/images/Rainbow-Serpent.jpg");*/
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 100%;
}



/* body.node--type-home-page h1 {display: none;} */



#AGWAInfos { padding-bottom: 4rem;}
#AGWAInfos .HpAgwaDetails {display: inline-block !important; max-width: 100%}



.HPElevateImage {
	background-image: URL("/themes/custom/agwa/images/elevate2.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position-y: bottom;
	background-color: #01031a;
	min-height: 360px;
}
@media only screen and (max-width: 750px) {
	.HPElevateImage {min-height: 300px;}
}
@media only screen and (max-width: 500px) {
	.HPElevateImage {min-height: 220px;}
}
@media only screen and (max-width: 400px) {
	.HPElevateImage {min-height: 170px;}
}

@media only screen and (min-width: 601px) {
	#slick-views-hpslider-block-5-1 {
		height: auto ! important;
	}
}


.updatedesign .SlideTextAreaWrap .SlideTextArea0 { display: inline !important;}
.updatedesign .SlideTextAreaWrap .SlideTextArea0 > div {
	display: inline !important;
	background-color: rgba(0,0,0,.8);
	padding: 7px 18px 0px 18px;
	line-height: 6.2rem !important;
	color: white;
}
.updatedesign .SlideTextAreaWrap .SlideTextArea2 .field-item {
	background-color: black;
	display: inline-block;
	padding: 4px 8px;
}
.updatedesign .LineOfTilesLink {color: white;}
@media only screen and (max-width: 600px) {
	.updatedesign .slick__slide.slide > article .SlideTextAreaWrap .SlideTextArea0 > div {font-size: 3.8rem; line-height: 4.5rem !important;}
	.updatedesign .slick__slide.slide > article .SlideTextAreaWrap .SlideTextArea0 {line-height: 2.5rem !important;}
	.updatedesign .SlideTextAreaWrap .SlideTextArea2 .field-item {margin-top: 10px;}
}

.updatedesign .btn {background-color: white;	border: solid 2px black !important;}
.updatedesign .btn:hover {background-color: black;	color: white !important; }






.updatedesign2 .SlideTextAreaWrap .SlideTextArea0 {}
.updatedesign2 .SlideTextAreaWrap .SlideTextArea0 > div {
	color: white;
}
.updatedesign2 .SlideTextAreaWrap .SlideTextArea2 .field-item {
}
.updatedesign2 .LineOfTilesLink {color: white;}
@media only screen and (max-width: 600px) {
	.updatedesign2 .slick__slide.slide > article .SlideTextAreaWrap .SlideTextArea0 > div {}
	.updatedesign2 .slick__slide.slide > article .SlideTextAreaWrap .SlideTextArea0 {}
	.updatedesign2 .SlideTextAreaWrap .SlideTextArea2 .field-item {}
}

.updatedesign2 .btn {background-color: white;	}
.updatedesign2 .btn:hover {background-color: #aaa;	color: white; }