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

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 { color:#2e2d28; font-family:"source-sans-pro";line-height: 1.2em;}

.typography h1 { font-size:52px;}
.typography h2 { font-size:46px;}
.typography h3 { font-size:40px;}
.typography h4 { font-size:34px;}
.typography h5 { font-size:28px;}
.typography h6 { font-size:24px;}

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

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

pre { font-family:"source-sans-pro"; 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: black; }

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

.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;line-height: 1em;}

.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:20px;}

.typography .btn { max-width:450px;}
.typography .btn a { display:block; border:2px solid #fff; text-transform: uppercase; background:#18acec; line-height:61px; text-align:center; color:#fff; font-weight:400;}
.typography .btn a:hover { background:#000; color:#fff; border:2px solid #fff;}
.btn {max-width:450px; }
.btn a { display:block; border:2px solid #fff; text-transform: uppercase; background:#18acec; line-height:61px; text-align:center; color:#fff; font-weight:400;}
.btn a:hover { background:#000; color:#fff; border:2px solid #fff;}

.typography p { font-size:20px; color:#272723; font-family:"source-sans-pro"; line-height: 1.2em; }
.typography .smallertxt { font-size:18px; color:#272723; font-family:"source-sans-pro"; line-height: 1.2em; padding-bottom: 30px;}
.typography p.highlight { font-family: 'industry'; font-weight:600; font-size:30px; color:#53534A;}
.typography p + p { margin-top:20px;}
.typography p strong { font-weight:700;}
.typography p a { color:#18acec; font-weight:700;}
.typography p span { color:#18acec; font-weight:700;}
.typography p a:hover { color: black;}
.typography .highlight { padding:0px 10px; color:#fff;background-color:#18acec;}

.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 30px 30px;}
.typography ul li { font-size:20px; color:#414244; font-weight:400; line-height:28px; padding:10px 0 0 10px;margin:0 0 0 10px;list-style: disc;}
.typography ul li a { color:#18acec;}
.typography ul li a:hover { color:#000;}

.typography .whitetext { color:#fff;}
.typography .blacktext { color:#000;}

.typography .blue ul {margin:10px 0 50px 0px; padding:0;}
.typography .blue ul li { font-size:22px; color:#fff; font-weight:400; line-height:28px; padding:10px 0 10px 0px; margin:0px;list-style: none;border-bottom: solid #fff 1px;max-width: 450px;}


/* TABLE STYLES
-------------------------------------------- */
.typography table {
    border-collapse: collapse; /* borders are collapsed into a single border when possible */
    border: 1px solid #d4d4d4;
    border-spacing: 0; /* The border-spacing property sets the distance between the borders of adjacent cells - acts as a backup to border-collapse: collapse */
    margin: 0 0 10px;
    text-align: left;
    font-size: 16px;
}
.typography table p {
    font-size: 18px;
    margin: 0px;
    line-height: 1.2em
}

.typography table td,
.typography table th {
    padding: 20px 25px;
    border: 1px solid #d4d4d4;
    vertical-align: top;
}
.typography table th {
    font-weight: bold;
    background-color: #ededed
}

/* IMAGES 
-------------------------------------------- */
.typography img {
    border: none;
    height: auto; 
}
.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 .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;}

.light { padding:80px 0; background:#f0f3f7;border-top: 2px solid #fff;}
.white { padding:70px 0;}

@media only screen and (max-width: 992px) {
	.light, 
	.white { padding:30px 15px;}
	.typography ul li { font-size:20px; color:#414244; font-weight:400; line-height:1.2em; padding:10px 0 0 10px;margin:0 0 0 10px;list-style: disc;}
	.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;}
	
}