<html><body><p>p {
margin-bottom: 30px;
}
.figcap-h4{
font-family: Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 700;
color: #000;
display: block;
-webkit-margin-before: 1.33em;
-webkit-margin-after: 1.33em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
margin: 10px 0;
line-height: 20px;
text-rendering: optimizelegibility;
font-size: 17.5px;
line-height: 28px;
}
.mp-navigation {
/* this fixes issue with slight horizontal scrolling when Prev/Next navigation is present */
padding-left: 0px !important;
padding-right: 0px !important;
}
.previous,
.next {
vertical-align: top;
}
/*.opt-in.table.table-bordered,*/
.ohp {
width: 100% !important;
}
/*
custom prev/next navigation styles
*/
.cd-pnNav-top-outter {
padding-top: 0px;
display: block;
}
.cd-pnNav-top-inner {
background: url(../../../../TemplatePackage/3.0/images/fancy_deboss_border.png) top repeat-x;
margin-top: 10px;
padding: 20px 0 0 0;
display: table;
width: 100%;
}
.cd-pnNav-prev {
padding: 0;
width: 50%;
display: table-cell;
}
.cd-pnNav-next {
text-align: right;
padding: 0;
width: 50%;
display: table-cell;
}
/**********************************************************************
The following fixes margin & padding when embedding a row inside a module (in this
case within the Overview on the index page)
**********************************************************************/
#wrapper [class*=module]>div ul,
#wrapper [class*=module]>div ol {
margin-left: 20px;
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
#wrapper [class*=module]>div.row.overview-inner {
padding-left: 15px;
padding-right: 15px;
margin-left: 0px;
margin-right: 0px;
}
}
@media (max-width: 979px) and (min-width: 768px) {
#wrapper [class*=module]>div.row.overview-inner {
padding-left: 15px;
padding-right: 15px;
margin-left: -15px;
margin-right: -15px;
}
}
@media (max-width: 979px) {
.modal-body {
padding: 15px;
}
.opt-in.table caption {
display: table-caption !important;
font-weight: bold;
font-size: 18px;
line-height: 28px;
margin-bottom: 15px;
text-align: left !important;
}
}
@media screen and (max-width: 1199px) and (min-width: 980px) {
#wrapper [class*=module]>div.row.overview-inner {
padding-left: 15px;
padding-right: 15px;
margin-left: -15px;
margin-right: -15px;
}
}
@media screen and (min-width: 1200px) {
#wrapper [class*=module]>div.row.overview-inner {
padding-left: 15px;
padding-right: 15px;
margin-left: 0px;
margin-right: 0px;
}
}
@media screen {
.print-only {
display: none !important;
}
}</p></body></html>