@charset "UTF-8";
/* CSS Document */
html, body { font-family: 'Montserrat', sans-serif; }
.map .jumbotron {
padding: 0; margin: 0 auto !important;
	max-width: 100%;
	position: relative;
}

/*.map .mapper { 
	background-image: url(../images/map.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 0;
	padding-top: 187.94%;
} */

.map .mapper { position: relative; }
.map .mapper img { width: 100%; position: relative; }

a.map-marker { display: block; width: 40px; height: 59px; background: url(map-point-16.svg); position: absolute; z-index: 100; }
a.map-marker.smithsonian { left: 68%; top: 73%; }
a.map-marker.usBotanical { left: 85%; top: 73%; }
a.map-marker.dumbarton { left: 23%; top: 30%; }

h2, h4, h3 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 24px; letter-spacing: 1px; text-transform: uppercase; padding-bottom: .75em; }
h4 { font-size: 16px; padding-bottom: 0.2em; display: block; width: 100%; }
h3 { padding-bottom: 0; }

.qtip {
    max-width: none !important;
}

a.qtip-close {
    display: block;
    top: 10px;
    right: 10px;
    padding: 5px;
}

#qtip-2, #qtip-1, #qtip-0 { width: 360px !important; }

.toolTipText { padding: 0.5em 2em 0em 0.5em; }
.toolTipText span.descText { display: block; font-size: 14px; font-weight: 400px; margin-bottom: 0.8em; }
.toolTipText a { margin-left: 0; display: inline-block; width: 49%; padding: 0.7em 0 0.5em; }
.toolTipText a.second { border-left: 1px solid #ccc; }
.toolTipText a.second > span { padding-left: 1em; }
.toolLinks { display: block; margin-top: 0.3em; border-top: 1px solid #ccc; }

@media screen and (max-width:1150px) {
	/*#qtip-2 { left: 70% !important; width: 33%; min-width: 360px; } */
	#qtip-3, #qtip-0 { top: 10px !important; }
}

@media screen and (max-width:990px) {
	.rowTable a { font-size: 14px; }
	.rowTable .icon { font-size: 25px; }
}

@media screen and (max-width:767px) {
	.rowTable { margin-top: 1.5em; }
	.tweeter { text-align: left; }
	.qtip, #qtip-2, #qtip-1, #qtip-0 {
        max-width: 90% !important;
        width: 90% !important;
        left: 5% !important;
		top: 10px !important;
    }
	a.map-marker { width: 30px; height: 44px; }
	a.map-marker.bloedal { left: 21.5%; top: 27%; }
	a.map-marker.japanese { left: 70%; top: 24.5%; }
	a.map-marker.bellevue { left: 90%; top: 38%; }
}

@media screen and (max-width:630px) {
	a.map-marker { width: 20px; height: 29px; }
}

@media screen and (max-width:450px) {
	.greyBox span { font-size: 12px; }
}

@media screen and (max-width:384px) {
	.toolTipText a.toolButton { font-size: 12px; }
}

@media screen and (max-width:366px) {
	.greyBox span { display: block; }
	a.map-marker { width: 15px; height: 22px; }
}