@charset "UTF-8";



/*---------------------------------------- UNIVERSAL STYLES ----------------------------------------*/		



html, body {

	background-color: #ebf3f7;

	font-family: 'Roboto', sans-serif;

	font-size: 100%;

	font-weight: 400;

	height: 100%;

	line-height: 1.5;

	margin-left: auto;

	margin-right: auto;

    -webkit-font-smoothing: antialiased;

}



.sectionContainer {

	margin-left: auto;

	margin-right: auto;

	max-width: 1000px;

	padding-left: 30px;

	padding-right: 30px;

}



h1 {

	/*font-family: 'Playfair Display', sans-serif;*/

	font-size: 2.2rem;

	letter-spacing:0; font-weight:700; line-height:1.3;

	margin-top: 0; margin-bottom:0px;

}



h2, h3, h4, h5 {

	font-weight: 700;

}



h2 {

	font-size: 1.8rem;

}



h3 {

	font-size: 1.5rem;

}



h4 {

	font-size: 1.25rem; line-height:1.4;

}







p, li {

	font-size: 17px;

	margin: 0 0 1.25rem;

}



blockquote, ol, ul, .articleImageContainer {

	color: #333;

	margin: 0 0 16px; 

}



blockquote {

	background-color: #f5faf1;

	border-left: 5px solid #cbe6b6;

	font-size: inherit;

}





.footnote {

	font-size: 0.75rem;

}



/*----- Extra Small -----*/

@media(max-width: 767px){

	

	html, body {

		background-color: #fff;

	}



	.sectionContainer {

		padding-left: 15px;

		padding-right: 15px;

	}

	

	h1 {

		/*font-family: 'Playfair Display', sans-serif;*/

		font-size:24px;

	}

	

	h2 {

		font-size: 1.5rem;

	}

	

	h3 {

		font-size: 1.25rem;

	}

 

	h4 {

		font-size: 1.15rem;

	}



}



/*---------------------------------------- LINKS & BUTTONS ----------------------------------------*/



a, button {

	outline: none;

}



a {

	color: #006699;

	cursor: pointer;

	text-decoration: underline;

}

a:hover {

	color: #7dc049;

}



button.cta {

	background-color: #ff0000;

	border-bottom: 5px solid #cc0000;

	color: #fff;

	font-size: 2em;

	font-weight: 700;

	letter-spacing: -0.025em;

	line-height: 1.8em;

	margin: 5px 0;

	outline: none;

	padding: 10px 15px;

}

button.cta:hover {

	background: #cc0000;

}



.outboundLink {

	cursor: pointer;

}



.multiBrandAdvertorial button.cta {

	width: 100%;

}



.tapAge {

	margin: 0 0 16px;

}



.tapAge button {

	background-color: #7dc049;

	border: none;

	color: #fff;

	font-size: 1.15rem;

	font-weight: 700;

	margin: 0 8px 8px 0;

	padding: 10px 5px;

	width: 90px;

}

.tapAge button:hover {

	background-color: #006699;

}



/*----- Extra Small -----*/

@media(max-width: 767px){



	button.cta {

		font-size: 1.5em;

		line-height: 1.5em;

		padding: 10px;

	}

	

	.tapAge button {

		font-size: 100%;

	}

	

}



/*---------------------------------------- HEADER ----------------------------------------*/



header {

	background-color: #fff;

	height: 90px;

	width: 100%;

}



header .sectionContainer {

	padding-left: 0;

	padding-right: 0;

}



#advertisement {

	color: #999;

	font-size: 0.75rem;

	margin: 0;

	text-align: center;

}



.wpLogo {

	width: 100%;

	margin-top: -5px; margin-bottom:15px;

}



/*----- Extra Small -----*/

@media(max-width: 767px){



	header {

		height: 65px;

	}

	

	header .sectionContainer {

		padding-left: 15px;

		padding-right: 15px;

	}

	

	.wpLogo {

		width: 60%;

		margin-top: 8px;

	}



}



/*----- Small -----*/

@media(min-width: 768px) and (max-width: 991px){

	

	header .sectionContainer {

		padding-left: 30px;

		padding-right: 30px;

	}

	

}



/*----- Medium -----*/

@media(min-width: 992px) and (max-width: 1199px){



	header .sectionContainer {

		padding-left: 30px;

		padding-right: 30px;

	}

	

}



/*---------------------------------------- ARTICLE CONTENT ----------------------------------------*/



.articleContent {

	background-color: #fff;

	border-bottom: 1px solid #cce0eb;

	margin-bottom: 30px;

	margin-top: 20px;

	padding-bottom: 30px;

	padding-top: 20px;

}



.articleInfo {

	color: #999;

	font-size: 100%;

	margin-bottom: 15px;

}



.sharethis-inline-share-buttons {

	margin-bottom: 15px;

}



.articleAuthor {

	color: #7dc049;

	font-weight: 700;

	margin-right: 8px;

}



.photoAuthor {

	height: 40px;

	margin-right: 12px;

	width: 40px;

}



.highlight {

	background-color: yellow;

}



/*----- Extra Small -----*/

@media(max-width: 767px){

	

	.articleContent {

		border-bottom: none;

		margin-bottom: 0;

		margin-top: 0;

		padding-top: 30px;

	}

	

	.articleInfo {

		font-size: 0.85rem;

	}



}



/*---------------------------------------- MULTIBRAND ADVERTORIAL ----------------------------------------*/



.multiBrandAdvertorial h2 {

    margin-top: 50px;

}



/*---------------------------------------- FOOTER ----------------------------------------*/

.img-shadow{box-shadow:0px 0px 10px rgba(0,0,0,0.2); border-radius:4px; margin:20px 0px;}

footer {

	background-color: #cce0eb;

	/*font-size: 15px;*/

	padding: 60px 0 30px;

	text-align: center;

}



footer a {

	/*font-size: 0.65rem;*/

}



footer ul {

	margin-bottom: 0;

}



footer .wpLogo {

	width: 35%;

	margin-bottom: 10px;

}



footer a:hover {

	color: #333;

}



















/*----- Extra Small -----*/

@media(max-width: 767px){



}



/*----- Small -----*/

@media(min-width: 768px) and (max-width: 991px){



}



/*----- Medium -----*/

@media(min-width: 992px) and (max-width: 1199px){



}



/*----- Large -----*/

@media (min-width: 1000px){

	

}





/********** POPOVER STYLES **********/

.popover {

    background-color: #fef5c3;

    color: #666;

    border: 2px solid #fad611;

    font-size: 12px;

    line-height: 1.3em;

    max-width: 225px;

    padding: 5px;

}



.popover > .arrow {

    border-width: 12px;

}

.popover > .arrow:after {

    content: "";

    border-width: 10px;

}



.popover.bottom > .arrow {

    top: -12px;

    left: 50%;

    margin-left: -11px;

    border-top-width: 0;

    border-bottom-color: #fad611;

}

.popover.bottom > .arrow:after {

    top: 3px;

    margin-left: -10px;

    border-top-width: 0;

    border-bottom-color: #fef5c3;

}

/********** END POPOVER STYLES **********/