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

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

.typography h1 { font-size:52px;}
.typography h2 { font-size:48px;}
.typography h3 { font-size:42px;}
.typography h4 { font-size:36px;}
.typography h5 { font-size:30px;}
.typography h6 { font-size:26px;margin-bottom:15px;}

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

.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:#fcba50;}

.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 span.welcome{ font-size:26px; font-style: italic; font-weight:900;}

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

.typography .book-btn {text-align: center;margin-top:20px;}
.typography .book-btn a { display:inline-block; font-size:16px; color:#0063a8; text-transform:uppercase; padding:10px 25px; border:1px solid #0063a8;}
.typography .book-btn a:hover { background:#0063a8; color:#fcba50; border:1px solid #fcba50;}

.typography p { font-size:18px; color:#414244; font-weight:300; line-height:28px; }
.typography p + p { margin-top:10px;}
.typography p strong { font-weight:700;}
.typography p a { color:#0063a8;}
.typography p a:hover { color:#fcba50;}

.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{ font-size:24px;line-height:36px;color:#414244;}
.typography blockquote + p { margin-top:17px;font-size:24px;}
.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 {}
.typography ul li { font-size:22px; color:#414244; font-weight:300; line-height:38px; background:url(../images/tick.png) no-repeat 0 7px; background-size:15px auto; padding:0 0 0 35px; }
.typography ul li a { color:#0063a8;}
.typography ul li a:hover { color:#fcba50;}



/* 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 .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;
}

@media only screen and (max-width: 800px) {
	.light, 
	.white { padding:30px 15px;}
	
	.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 { color: white; 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;}
	
}