@charset "utf-8";
/* CSS Document */

.leaflet-popup-pane
{
	width:100% !important;
	height:100% !important;
}

/*Map container*/
#mapContainer
{
	width:100vw;
	height:auto;
}

/*Map size, position and z-index*/
#mapid 
{ 
	height: 95vh;
	width: 99vw;
	position:absolute;
	z-index:-50;
}

/*Place white banner at top of screen and format contained text*/
#sitesBanner
{
	height:7.5vh;
	width:100%;
	background-color:#6F0;	
	position:absolute;
	text-align:center;
	background-color:rgba(255,255,255,0.5);
	padding-top:2vh;
}

/*Sites banner text = white*/
#sitesBanner p
{
	color:#333;
	text-align:center;
}

#sitesPopUpTXT p{
	text-align:center;
}

/*Initialise nuribermestan popup by hiding it*/
#nurPopUp
{
	display:none;	
}

/*Initialise chapel popup by hiding it*/
#anaPopUp
{
	display:none;	
}

/*Initialise khan popup by hiding it*/
#khaPopUp
{
	display:none;	
}
/*Initialise palace popup by hiding it*/
#palPopUp
{
	display:none;	
}

/*Initialise madrassa popup by hiding it*/
#madPopUp
{
	display:none;	
}

/*Initialise hammam popup by hiding it*/
#hamPopUp
{
	display:none;
}

/*Initialise tekkiye popup by hiding it*/
#tekPopUp
{
	display:none;
}

/*Create black overlay for back of popups*/
.sitesOverlay
{
	height:93vh;
	width:100%;
	background-color:rgba(0,0,0,0.8);	
	position:absolute;
	text-align:center;
	padding-top:2vh;
	z-index:90;
}

/*Create popup container underneath title text*/
.popUpContainer
{
	height:70vh;
	width:70vw;	
	background-color:rgba(0,0,0,0.4);
	display:inline-block;
	margin-top:4vh;
}

/*Cross image used to close popup - display on top left side*/
.closePopUp img
{
	height:15px;
	width:auto;	
	float:left;
	padding:1vw;
}

/*Large popup image displayed to the right*/
.popUpImg
{
	height:auto;
	width:28vw;
	position:relative;
	float:right;
	margin-top:20px;
	margin-right:20px;
	padding:2.5vh;
	padding-left:0vw;
	/*padding-bottom:20px;*/

}

/*Max height and width of the popup image*/
.popUpImg img
{
	max-height:100%;
	max-width:100%;/*width:auto;*/
}

/*Display text to the left of the popup image
Padding used to add space between close icon and scroll bar*/
.popUpTXT
{
	height:50vh;
	width:28vw;
	float:left;
	/*margin-left:4vw;*/
	margin-right:2.5vh;
	margin-top:2.5vh;
	margin-bottom:2.5vh;
	padding-top:4vh;
	padding-bottom:4vh;
	padding-right:3.5vw;
	/*padding:7.5vh;*/
	overflow:auto;
	display:inline;
}

/*Format popup text*/
.popUpTXT p
{
	text-align:justify;
	color:white;	
}

/*Format popup bold text*/
.popUpTXT b
{
	font-weight:700;	
}

/*Map location marker*/
.leaflet-marker-icon
{
	z-index:100;
}

/*Bolded Text formatting*/
.bolded-text
{
	font-weight:600;
	font-size:20px;
}

/*Define size of left arrow image, position infront of main popup image and move half way down the main image */
.popUp-leftArrow img
{
	height:75px;
	width:auto;
	position:absolute;
	left:0%;
	margin-top:50%;
}

/* Define size of right arrow image, position infront of main popup image, move half way down the main image and display to the right side */
.popUp-rightArrow img
{
	height:75px;
	width:auto;
	position:absolute;
	/*float:left;*/
	/* Move to right side of the image */
	left:100%;
	/*Move arrow half way down the main image */
	margin-top:50%;
	/*Transform the origin to be on the right side of the arrow - this way it lines up inside the main popup image's boundaries */
    -webkit-transform: translate(-148%, 0);
}

/* Upon user hovering over the left arrow, display a new image and change the cursor */
.popUp-leftArrow img:hover
{
	background-image:url(../images/research/leftArrow_hover.png);
	cursor:pointer;
}

/* Upon user hovering over the right arrow, display a new image and change the cursor */
.popUp-rightArrow img:hover
{
	background-image:url(../images/research/rightArrow_hover.png);
	cursor:pointer;
}

/*Define style properties for virtual tour button container*/
.popUp-btn-container
{
	padding-left:2.5vw;
	margin-top:25px;
}

/*Define style, size and margins for virtual tour button*/
.popUp-btn
{
	height:30px;
	width:100px;
	background-color:#000000;
	top:82%;
	color:white;
	position: absolute;
}

/*Text formatting for virtual tour button*/
.popUp-btn p
{
	text-align:center;
}

/* Change scrollbar to be white */
.popUpTXT::-webkit-scrollbar
{
	background-color:rgba(255,255,255,0.3);
}

/* Change thumb of scrollbar to be black */
.popUpTXT::-webkit-scrollbar-thumb
{
	background-color:white;
}