/******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************

Button

*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************/

/*
p-button-wrapper
cta-link-wrapper
play-link-wrapper
*/

/******************************************************
Default Button, Sans Color

Keep this seperate in case additional button colors are introduced.
*******************************************************/

.p-button-wrapper,
.p-button-wrapper-salmon{
	display: inline-block;
}
.p-button-blue, .p-button-wrapper-blue a,  a .p-button-wrapper-blue,
.p-button-orange, .p-button-wrapper-orange a,  a .p-button-wrapper-orange,
.p-button, .p-button-wrapper a,  a .p-button-wrapper,
.p-button-salmon, .p-button-wrapper-salmon a,  a .p-button-wrapper-salmon{
	text-decoration: none !important;	
	display: inline-block;
	font-size: 14px;
	/*min-width: 260px;*/
	text-align: center;
	position: relative;
	margin: 6px 0 0 0 !important;

	font-family: 'Montserrat', sans-serif;
	font-weight: 400;

	text-shadow: none !important;
	border: 0;
	cursor: pointer;
	padding: 7px 20px 6px 20px;
	text-transform: uppercase;
}

@media (min-width: 1024px) {
	.p-button, .p-button-wrapper a,  a .p-button-wrapper,
	.p-button-salmon, .p-button-wrapper-salmon a,  a .p-button-wrapper-salmon{
		/*min-width: 275px;*/
	}
}
.p-button-blue.full, .p-button-wrapper-blue.full a,  a .p-button-wrapper-blue.full,
.p-button-orange.full, .p-button-wrapper-orange.full a,  a .p-button-wrapper-orange.full,
.p-button.full, .p-button-wrapper.full a,  a .p-button-wrapper.full, .p-button-wrapper.full
.p-button-salmon.full, .p-button-wrapper-salmon.full a,  a .p-button-wrapper-salmon.full, .p-button-wrapper-salmon.full{
	min-width: 100%;
}


/******************************************************
Default (Green) Button
*******************************************************/

.p-button, .p-button-wrapper a,  a .p-button-wrapper{
	background-color: #5ab7b2 !important;
	background-color: #35647E !important;
	color: white !important;
}

.p-button:hover, .p-button:active,
.p-button-wrapper a:hover, .p-button-wrapper a:active, 
a:hover .p-button-wrapper, a:active .p-button-wrapper{
	background-color: #48928e !important;
	background-color: #294c62 !important;
}

/******************************************************
Salmon Button
*******************************************************/

.p-button-salmon, .p-button-wrapper-salmon a,  a .p-button-wrapper-salmon{
	background-color: #e56a54 !important;
	color: white !important;
}

.p-button-salmon:hover, .p-button-salmon:active,
.p-button-wrapper-salmon a:hover, .p-button-wrapper-salmon a:active, 
a:hover .p-button-wrapper-salmon, a:active .p-button-wrapper-salmon{
	background-color: #ba5743 !important;
}

/******************************************************
Orange Button
*******************************************************/

.p-button-orange, .p-button-wrapper-orange a,  a .p-button-wrapper-orange{
	background-color: #e87722 !important;
	color: white !important;
}

.p-button-orange:hover, .p-button-orange:active,
.p-button-wrapper-orange a:hover, .p-button-wrapper-orange a:active,
a:hover .p-button-wrapper-orange, a:active .p-button-wrapper-orange{
	background-color: #cb671d !important;
}
/******************************************************
Dark Blue Button
*******************************************************/

.p-button-blue, .p-button-wrapper-blue a,  a .p-button-wrapper-blue{
	background-color: #1b365d !important;
	color: white !important;
}

.p-button-blue:hover, .p-button-blue:active,
.p-button-wrapper-blue a:hover, .p-button-wrapper-blue a:active,
a:hover .p-button-wrapper-blue, a:active .p-button-wrapper-blue{
	background-color: #1b365d !important;
}


/******************************************************
CTA Link
*******************************************************/

.cta-link-wrapper a, a.cta-link-wrapper, a .cta-link-wrapper, .wysiwyg .cta-link-wrapper a, .wysiwyg a.cta-link-wrapper{
	display: inline-block;
	color: #7c878e;
	color: #484848;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	margin-top: -2px;
}


.cta-link-wrapper a:after, a.cta-link-wrapper:after, a .cta-link-wrapper:after{
	content: '\00a0\203A';
	font-size: 28px;
	font-family: 'Roboto', sans-serif;
	position: relative;
	top: 2px;
	left: -1px;
	font-weight: 300;
	height: 20px;
	display: inline-block;
}

.cta-link-wrapper a:hover, a.cta-link-wrapper:hover, a .cta-link-wrapper:hover,
.cta-link-wrapper a:hover:after, a.cta-link-wrapper:hover:after, a .cta-link-wrapper:hover:after{
	color: #eb6852 !important;
}

/******************************************************
Play Button
*******************************************************/

.play-link-wrapper a, a.play-link-wrapper, a .play-link-wrapper{
	color: #7c878e !important;
	font-size: 16px;
	line-height: 16px;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	display: inline-block;
	text-transform: uppercase;
	min-height: 42px;
	position: relative;	
	padding: 16px 0 0 54px;
}

.play-link-wrapper a:before, a.play-link-wrapper:before, a .play-link-wrapper:before{
	content: '';
	display: block;
	position: absolute;	
	background-image: url(../graphics/icon-play.svg);
	background-repeat: no-repeat;
	background-position: 17px 13px;
	background-color: #7c878e;
	height: 42px;
	width: 42px;
	border-radius: 21px;
	top: 0px;
	left: 0px;
}

.play-link-wrapper a:hover, a.play-link-wrapper:hover, a .play-link-wrapper:hover{
	color: #eb6852 !important;
}

.play-link-wrapper a:hover:before, a.play-link-wrapper:hover:before, a .play-link-wrapper:hover:before{
	background-color: #eb6852 !important;
}

/******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************

WYSIWYG

*******************************************************************************************************************************************************************
*******************************************************************************************************************************************************************/

.wysiwyg{
	color: #7c878e;
	color: #484848;
}

.wysiwyg > *:first-child{
	margin-top: 0;
}

.wysiwyg > *:last-child{
	margin-bottom: 0;
}

.wysiwyg strong{
	font-weight: 500;
}

.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #34657f;
	margin: 30px 0 -4px 0;
}

.wysiwyg h1, .wysiwyg h2{
	text-transform: uppercase;
	font-size: 26px;
}
.wysiwyg.sentence-case h1, .wysiwyg.sentence-case h2{
	text-transform: unset;
}
.wysiwyg h3{
	font-size: 22px;	
}

.wysiwyg h4{
	font-size: 18px;	
}

.wysiwyg a{
	color: #5ab7b2;
	text-decoration: none;
}

.wysiwyg a:hover,
.wysiwyg a:active{
	color: #4b928e;
}
.wysiwyg p, .wysiwyg ul, .wysiwyg ol{
	font-size: 16px;
	line-height: 22px;
	margin: 14px 0;
}

.wysiwyg ol, .wysiwyg ol{
	width: auto; 
	overflow: hidden;
	padding: 0 0 0 14px;
	margin: 24px 0px 24px 0px;
}

.wysiwyg li{
	margin: 6px 0px 6px 14px;
	padding: 0 0 0 0;
	position: relative;
}

.wysiwyg li:first-child{
	margin-top: 0;
}

.wysiwyg li:last-child{
	margin-bottom: 0;
}

.wysiwyg ul > li{
	margin-left: 28px;
}

.wysiwyg ul > li:before { 
	content:"\2022";
	font-size:16px;
	vertical-align:top; 
	position: absolute;
	left: -12px;
	top: 0px;
	padding-right: 7px;
	display: block;
}
.wysiwyg .ot-sdk-subgroup ul > li:before {
	content:"";
}
.wysiwyg ol{
	list-style-type: decimal;
}

.wysiwyg ol li, .wysiwyg ul li{
	margin-top: 0;
	margin-bottom: 0;
}
.wysiwyg ol > li > ol > li {list-style-type: lower-alpha;}
.wysiwyg ol > li > ol > li > ol > li {list-style-type: lower-roman;}
.wysiwyg ul ul, .wysiwyg ol ul, .wysiwyg ul ol, .wysiwyg ol ol{
	margin-top: 4px;
	margin-bottom: 4px;
}

.wysiwyg ul ul > li:before, .wysiwyg ol ul > li:before{
	content:"\00b0";
	top: 4px;
}


@media (min-width: 1024px) {
	.wysiwyg h1, .wysiwyg h2{
		font-size: 30px;
	}

	.wysiwyg h3{
		font-size: 28px;
	}
}

.wysiwyg .quote-copy{
	font-style: italic;
}

.wysiwyg .quote-attribution{
	text-align: right;
}