/* Cascading Style Sheet for  MyGuidedTours.com */
/* Last Modification: 05:27 PM 06-Feb-2017 */
/* Copyright:  MyGuidedTours.com */
body {
  padding: 0rem 1rem 5rem 1rem; /* Put some space at the bottom of the screen for the nav bar */
  text-align: center;
}

/* Put some space around Buttons */
.btn {margin: 0.5rem 0.5rem;}

/* Change Button Colour to match page header  */
.btn-primary2 {background: #0066ff; color: #ffffff;}

/* Info PopOver Button */
.btnInfo {margin: 0rem !important; border-style: none !important; padding: 0rem !important; }

/* Normal Text */
.pagetext {max-width: 1000px; margin: 0 auto; text-align: justify;}

/* Put some space between labels and input fields */
.form-inline > * { margin:0 1rem !important;}

.jumbotron {max-width: 800px; padding: 2rem 1rem;  margin: 0 auto;  background-color: #eeeeee;  border-radius: 1rem;}

/* Center Navigation Bar Items */
.navbar.center .navbar-inner {text-align: center;}
.navbar.center .navbar-inner .nav {display:inline-block; float: none; vertical-align: top;}

/* Adjust H1 */
h1{text-align: center; font-weight: 700; font-family: Verdana, Arial, Helvetica, sans-serif;  color: #ff8900;}

/* Adjust H1 Text size for different sized screens */
@media (min-width: 1200px) { h1{font-size: 36px;}} /* Large desktops and laptops */
@media (min-width: 992px) and (max-width: 1199px) {h1{font-size: 32px;}} /* Landscape tablets & med desktops */
@media (min-width: 768px) and (max-width: 991px) {h1{font-size: 28px;}}/* Portrait tablets and small desktops */
@media (max-width: 767px) {h1{font-size: 22px; }} /* Landscape phones and portrait tablets */
@media (max-width: 480px) {h1{font-size: 18px; text-align: center}} /* Portrait phones and smaller */

/* Informations */
.informationsPane {text-align: justify; display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; max-width: 600px; max-height: 450px; margin: auto; z-index: 100; border: 3px solid #ffe900; background: #eeeeee; overflow: scroll;}

/* Opinions */
.opinionsbox {background: #eee; font-size: 0.8em; text-align: left; padding: 4%;}
.opinions {font-family: Georgia, verdana, arial, sans-serif; font-size: 9pt; text-align: justify; margin: 2% 4%; font-style:italic;}
.opinionsHeader {font-family: Georgia, verdana, arial, sans-serif; font-size: 4%;}
.opinionsFooter {font-family: verdana, arial, sans-serif; font-size: 9pt; text-align: justify; margin: 2% 4%; }

/* Picture Pane */
.picturePane {display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 50%; height: 60%; margin: auto; z-index: 100; border: 5px solid yellow; BACKGROUND: white;}
.infoButton {cursor: pointer; cursor: hand; margin-left: 1em; vertical-align:middle;}
.floatingButton {position: absolute; right: 0px; z-index: 50; cursor: pointer; cursor: hand;}

/* Stripy Table */
.stripes tr:nth-child(even) {background: #DDDDDD}
.stripes tr:nth-child(odd) {background: #EEEEEE}

/* Hotspot Images */
.hotspotImage {border-radius:50%; height: auto; max-height: 90vh; width: auto;  max-width: 90vw;  margin: 0 auto;}
.hotspotImageArtTrail {width: 100%; border-radius:5%; height: auto; max-height: 90vh; width: auto;  max-width: 90vw;  margin: 0 auto;}

/* Download Dialog */
.downloadDialogBox {visibility: hidden; position: absolute;  top: 40%;  left: 40%;  margin-top: -50px;  margin-left: -100px;  width: 30%; border: 0.5em ridge white; background: white; font-size: 1.2em; font-family: times; text-align: center; }
.downloadDialogContent {background: orange; color: white; padding: 1em;}