@charset "utf-8";
/* CSS Document */

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {font-family: "RopaSansProLight"; color: #298ea6; }

.typography h1 { font-size:80px;margin:45px 0 45px;}
.typography h2 { font-size:70px;margin-bottom:45px;line-height: 70px;}
.typography h3 { font-size:50px;margin-bottom:35px;line-height: 60px;}
.typography h4 { font-size:40px;margin-bottom:35px;line-height: 50px;}
.typography h5 { font-size:30px;margin-bottom:25px;line-height: 40px;}
.typography h6 { font-size:22px;margin-bottom:25px;line-height: 30px;}

.typography h1 a,
.typography h2 a,
.typography h3 a,
.typography h4 a,
.typography h5 a,
.typography h6 a { color:#e1251b;}

.typography h1 span,
.typography h2 span,
.typography h3 span,
.typography h4 span,
.typography h5 span,
.typography h6 span {  font-weight:700; font-size:22px; margin-bottom:-15px; display:block;}

pre {  font-weight:700; font-size:24px; border-bottom:1px solid #777568; padding-bottom:15px; margin:45px 0 25px;}

.typography h1 a:hover,
.typography h2 a:hover,
.typography h3 a:hover,
.typography h4 a:hover,
.typography h5 a:hover,
.typography h6 a:hover { color:#008882;}

.typography h1 + p,
.typography h2 + p,
.typography h3 + p,
.typography h4 + p,
.typography h5 + p,
.typography h6 + p { margin-top:17px;}

.typography h1 + blockquote,
.typography h2 + blockquote,
.typography h3 + blockquote,
.typography h4 + blockquote,
.typography h5 + blockquote,
.typography h6 + blockquote { margin-top:17px;}

.typography h1 + ul,
.typography h2 + ul,
.typography h3 + ul,
.typography h4 + ul,
.typography h5 + ul,
.typography h6 + ul { margin-top:17px;}

.typography p + h1,
.typography p + h2,
.typography p + h3,
.typography p + h4,
.typography p + h5,
.typography p + h6 { margin-top:35px;}

.typography blockquote + h1,
.typography blockquote + h2,
.typography blockquote + h3,
.typography blockquote + h4,
.typography blockquote + h5,
.typography blockquote + h6 { margin-top:35px;}

.typography ul + h1,
.typography ul + h2,
.typography ul + h3,
.typography ul + h4,
.typography ul + h5,
.typography ul + h6 { margin-top:35px;}

.typography img + h1,
.typography img + h2,
.typography img + h3,
.typography img + h4,
.typography img + h5,
.typography img + h6 { margin-top:35px;}



.typography p + blockquote { margin-top:30px;}
.typography p + ul { margin-top:20px;}
.typography ul + p { margin-top:20px;}
.typography ul + blockquote { margin-top:30px;}

.text-center { text-align:center; margin-bottom:40px;}


.typography p { font-size:18px; line-height:26px; }
.typography p.highlight { font-size:32px; line-height:normal;padding: 30px 0;}
.typography p + p { margin-top:20px;}
.typography p strong { font-weight:700;}
.typography p a { color:#298ea6; font-weight:700;}
.typography p span { color:#e1251b; font-weight:700;}
.typography p a:hover { color:#000;text-decoration: underline;}
.typography p.center-btn { text-align:center; width:100%;}
.typography p.center-btn a { padding:0 30px; line-height:55px; border:2px solid #f95458; color:#f95458; display:inline-block; font-weight:700; display:inline-block;}
.typography p.center-btn a:hover { background:#f95458; color:#fff;}
.typography .table { display:block;}
.typography .table table { width:100%;}

.typography blockquote { padding:16px 0 0 73px; background:url(../images/quote.png) no-repeat; font-style:italic; font-size:24px; color:#414244; line-height:36px; min-height:52px;}
.typography blockquote + p { margin-top:17px;}
.typography img + blockquote { margin-top:35px;}
.typography img + ul { margin-top:35px;}
.typography ul + img { margin-top:35px;}
.typography blockquote + img { margin-top:35px;}
.typography p + img { margin-top:35px;}


.typography ul { margin:0 0 25px;}
.typography ul li { font-size:22px; list-style: disc; line-height:28px; padding:0 0 0 5px; margin:0 0 0 45px;}
.typography ul li a { color:#f5903d;}
.typography ul li a:hover { color:#d15d22;}

.bthead {  font-weight:700; font-size:38px; color:#53534A !important; border:1px solid #53534A; padding:25px 25px 20px 25px; margin-top:15px; display:inline-block;}
.btlink {  font-weight:700; font-size:38px; color:#53534A !important; border:1px solid #53534A; padding:25px 25px 20px 25px; margin-top:15px; display:inline-block;}
.btlink:hover { color:#fff !important; background:#F08B1D; border-color:#F08B1D;}


/* IMAGES 
-------------------------------------------- */
.typography img {
    border: none;
    height: auto;
    width: 100%; 
}
.typography img.left {
    float: left;
    max-width: 362px;
    margin: 5px 20px 10px 0;
}
.typography img.right {
    float: right;
    max-width: 362px; /* Responsive width */
    margin: 5px 0 10px 20px;
}
.typography img.leftAlone {
    float: left;
    margin-right: 100%;
    margin-bottom: 10px;
    clear: both;
}
.typography img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
    clear: both;
}
.typography .orangeborder {
    border-left:20px solid #F08A1D;
}
.typography .captionImage { width: 100%; margin-top: 5px; }
.typography .captionImage img { margin: 0; }
.typography .captionImage.left {
    float: left;
    margin: 5px 30px 20px 0px;
}
.typography .captionImage.right{
    float: right;
    margin: 5px 0 20px 30px;
}
.typography .captionImage.left[style],
.typography .captionImage.right[style] {
    max-width: 50%; /* Overides core width to make responsive */
}
.typography .captionImage.left img,
.typography .captionImage.right img {
    float: none;
    max-width: none;
    width: 100%;
}
.typography .captionImage.left img {
    margin-right: -10px;
}
.typography .captionImage.right img {
    margin-left: -10px;
}
.typography .captionImage.right p {
    margin-left: -10px;
    text-align: left;
    margin-left: -10px;
}
.typography .captionImage.leftAlone{
    float:none;
    margin: 0 20px 20px 0px;
}
.typography .captionImage.center{
    margin: 0 auto 20px;
}
.typography .captionImage p {
    clear: both;
    margin: 5px 0;
    font-style: italic;
    color: #888;
}

.text-uppercase { text-transform:uppercase;}
.summary p { text-align: center; margin-left: auto; margin-right: auto;}


.dark .typography p,
.dark .typography h1,
.dark .typography h2,
.dark .typography h3,
.dark .typography h4,
.dark .typography h5,
.dark .typography h6,
.darkpattern .typography p,
.darkpattern .typography h1,
.darkpattern .typography h2,
.darkpattern .typography h3,
.darkpattern .typography h4,
.darkpattern .typography h5,
.darkpattern .typography h6 { color:#fff;}
.darkpattern .related { color:#fff;}
.darkpattern .box a { color:#fff;}

@media only screen and (max-width: 992px) {
	.light, 
	.white { padding:30px 0;}
	.typography h1 { font-size:42px;}
	.typography h2 { font-size:36px;}
	.typography h3 { font-size:30px;}
	.typography h4 { font-size:26px;}
	.typography h5 { font-size:20px;}
	.typography h6 { font-size:20px;}
	.typography blockquote { background-size:30px auto; padding:0 0 0 43px; font-size:18px; line-height:24px;}
	.typography img.right { float:none; margin:0 0 0 0;}
	
}