/* Outline
=================================== */

.ol-box { margin-bottom:20px; }
.ol-box p { font-size:90%; line-height:180%; padding-bottom:0.5em; }
.ol-box p strong { color:#C70025; }
.ol-box h3 { margin-bottom: 0.5em; font-size:110%; color:#C70025; border-left:#C70025 3px solid; padding-left: 6px; font-size:90%; line-height:180%; }
.ol-box dl dt, .ol-box dl dd { font-size:90%; line-height:180%; }
.ol-box dl dt { clear: both; float:left; }
.ol-box dl dd { padding-left:9.0em; }

#ol-outline p { padding-bottom:0em; }

.ol-sttl { position:relative; margin-bottom:10px; padding:20px; font-size:110%; line-height:140%; background:#fff8f1; color:#C70025; }
.ol-sttl::before,
.ol-sttl::after { position: absolute; left: 0; content: ''; width: 100%; height: 6px; box-sizing: border-box; }
.ol-sttl::before { top: 0; border-top: 2px solid #C70025; border-bottom: 1px solid #e33c7d; }
.ol-sttl::after { bottom: 0; border-top: 1px solid #e33c7d; border-bottom: 2px solid #C70025; }


/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {


#ol-outline p { padding-bottom:0.5em; }
#ol-outline strong { display: block; }

.ol-box dl dt { float:none; }
.ol-box dl dd { padding-left:0.5em; padding-bottom: 0.3em; }

.ol-space { display:none; }

.ol-sttl { font-size:100%; padding:10px; }

}