/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * myriad-pro:
 *   - http://typekit.com/eulas/00000000000000000001709e
 *   - http://typekit.com/eulas/00000000000000000001709f
 *   - http://typekit.com/eulas/00000000000000000001709b
 *   - http://typekit.com/eulas/00000000000000000001709a
 *   - http://typekit.com/eulas/00000000000000000001709c
 *   - http://typekit.com/eulas/00000000000000000001709d
 *
 * © 2009-2021 Adobe Systems Incorporated. All Rights Reserved.
 */

@import url('https://p.typekit.net/p.css?s=1&k=eel2xjx&ht=tk&f=6846.6847.6848.6851.6852.6853.13407&a=9684963&app=typekit&e=css');

/* Colors are also under site settings in Elementor WYSIWYG */
:root {
	--text-grey: #585757;
	--text-grey-2: #828282;
	--ryan-grey: #3E4050;
	--ryan-primary-blue: #0E247E;
	--ryan-royal-blue: #0C61F9;
	--ryan-primary-navy: #092041;
	--ryan-background-blue: #EAF4FA;
	--ryan-light-blue: #D9F1FF;
	--middle-grey: #DBDBDB;

	--font-lato: "Lato", Sans-serif;
	--font-myriad: "Myriad Pro", Sans-serif;
}

p {
	margin-bottom: 0;
}

/* content pages
 * these are pages with mostly text and headings, excluding legal agreements copy
 * tag is located inside each element it is applied to in Elementor Advanced Tab in WYSIWYG
 * things like color, text-align, and paddings/margin still need set for each there
*/

.content-pages h1,
.content-pages h2,
.content-pages h3,
.content-pages h4 {
	font-family: var(--font-myriad);
	font-weight: 700;
}

.content-pages h1 {
	font-size: 48px;
	line-height: 56px;
}
@media only screen and (max-width: 768px) {
	.content-pages h1 { 
		font-size: 40px;
		line-height: 44px;
	}
}

.content-pages h2 {
	font-size: 32px;
	line-height: 40px;
}
.content-pages h3 { 
	font-size: 24px; 
	line-height: 32px;
}
.content-pages h4 {
	font-size: 20px;
	line-height: 28px;
}

.content-pages h5 {
	font-family: var(--font-myriad);
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
}

.content-pages a,
.legal-agreements a {
	color: var(--ryan-royal-blue);
	text-decoration: none;
}

.content-pages a:hover,
.legal-agreements a:hover {
	text-decoration: underline;
}

.content-pages p,
.content-pages ul,
.content-pages ol {
	font-family: var(--font-lato);
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	color: var(--text-grey);
}

.content-pages p,
.content-pages div > ul,
.content-pages div > ol,
.legal-agreements p,
.legal-agreements div > ul,
.legal-agreements div > ol{
	margin-bottom: 24px;
}

.content-pages div ul,
.content-pages div ol,
.legal-agreements div ul,
.legal-agreements div ol {
	padding-left: 25px;
}

.content-pages div ol ol,
.legal-agreements div ol ol {
	list-style-type: lower-alpha;
}

/* only content text is different size on legal-agreements
and news and insights articles
class applied same way as content-pages */

.legal-agreements p,
.legal-agreements ul,
.legal-agreements ol {
	font-family: var(--font-lato);
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: var(--text-grey);
}

sup {
	font-size: 0.5em;
	position: relative;
	top: -0.8em;
	font-weight: normal;
}