html, body { font-size: 18px; color: #363636; font-family: 'Roboto', sans-serif; line-height: 1.7; font-weight: 400; }
body { min-height: 100vh; overflow-x: hidden; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.15rem; }

/* for toggle behavior */
#sidebar.active { margin-left: -17rem; }
#content.active { width: 100%; margin: 0; }
#rs-slider { position: absolute; top: 0; left: 0; z-index: -1; }

.separator { margin: 3rem 0; border-bottom: 1px dashed #fff; }
.text-uppercase { letter-spacing: 0.1em; }
.text-gray { color: #aaa; }

.vertical-nav { min-width: 17rem; width: 17rem; height: 100vh; position: fixed; top: 0; left: 0; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); transition: all 0.4s; }
.page-content { width: calc(100% - 17rem); margin-left: 17rem; transition: all 0.4s; }
.page-content2 { margin-left: 0rem; transition: all 0.4s; max-width: 100%; }
.page-content2.topblock { margin-top: 450px; }
.nivo-controlNav { display: none; }


#destinality-content .btn-sm, .btn-xs, #enhanced-content .btn-sm, .btn-xs { font-size: 14px !important; }
#destinality-content a, #enhanced-content a { font-family: 'Lato', sans-serif; padding: 3px 20px; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: nowrap; }

.ownerinfo-section { margin-top: 8px; margin-bottom: 5px; }
.ownerinfo-nav { font-weight: bold; margin-left: 10px; padding: 5px 20px; }

.more-results { display: none; }

/* ==== Textual Styles ==================== */
p.con { margin-bottom: 0.3rem; }
p.con span { font-size: 16px; }
p.con a { font-size: 18px; color: red; line-height: unset; }
h3.con { font-size: 23px; margin: 0; padding: 0; }
p.perf { font-size: 18.5px; }
ol.mgmt li { font-size: 20px; line-height:34px; }
h3.randblurb { margin-top: 50px; font-size: 42px; line-height:60px; text-align: center; color: green; }

/* ==== Layout Styles ===================== */
.nomargins { margin: 0; }

.bucket { text-align: center; }
.bucket-bordered { border: 1px solid #d2d1c2; border-radius: 10px; padding:8px; }
.bucket-title { color: #01325a; font-weight: 700; font-size: 30px; line-height: 34px; }
.bucket-item { color: #000000; font-weight: 600; font-size: 24px; line-height: 30px; }
.bucket-item span { color: #000000; font-weight: 400; font-size: 18px; line-height: 30px; }
.bucket-item-large { font-size: 32px; line-height: 32px; margin-bottom: .1rem; }

/* ==== Calculator Styles ============= */
.calculated { overflow: hidden; }
.calculated th { padding: .05rem 15px .5rem; }
.calculated td { padding: .05rem 15px .05rem; }
.calculated td { font-size: 18px; font-family: Arial; font-wei.calculated td, .calculated th { padding: .05rem 15px .5rem; }ght: 500; letter-spacing: .1em; } 
.calculated td span.red { color: red; font-weight: 700; letter-spacing: 0; } 
.calculated td span.blue { color: blue; font-weight: 600; letter-spacing: 0; } 
.calculated th { padding-left: 15px !important; color: #fff !important; background-color: #003154 !important; border-color: unset; } 
#refiResult { display: none; font-size: 25px; background-color: #047c06; border-radius: 15px; padding: 10px 20px; text-align: center; color: #fff; letter-spacing: .1rem; }

.hidden { display: none; }

.panel { margin-bottom: 20px; background-color: #ffffff; border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
.panel-heading { color: #3a87ad; padding: 10px 15px; border-bottom: 1px solid transparent; border-bottom-color: transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; }
.panel-info { border-color: #bce8f1; }
.panel-info > .panel-heading { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; }
.panel-heading h4 { color: #3a87ad; }
.panel-body { padding: 15px; }
a.engageLinks:link { color: #5f5f5f; text-decoration: none; }



@media (max-width: 768px) {
	#sidebar { margin-left: -17rem; }
	#sidebar.active { margin-left: 0; }
	#content { width: 100%; margin: 0; }
	#content.active { margin-left: 17rem; width: calc(100% - 17rem); }
}