/* VARIABLES FOR REBRAND*/
:root {
    /*  Primary Colors  */
	--color-dark: #3e3e3e;
	--color-light: #f2f5f9;
    --living-waters-blue: #1f61ac;
    --fields-of-gold: #fdb731;
    --prairie-berry: #ee2939;
    --secondary-red: #ee2939;
    --secondary-orange: #f99500;
    --secondary-yellow: #ffca00;
    --secondary-green: #12b24b;
    --secondary-light-blue:#00a7cd;
    --secondary-blue: #1f61ac;
    --secondary-dark-blue: #193762;
    --secondary-purple: #af37a4;
    --secondary-pink: #e12173;
    --secondary-grey: #a69280;

    --color-links: var(--living-waters-blue);
    --color-button-primary: var(--living-waters-blue);
    --color-button-secondary: var(--fields-of-gold);
    --color-header-primary: var(--living-waters-blue);
    --color-featured: var(--fields-of-gold);
    --color-background-primary: var(--living-waters-blue);

    --color-transparent-gold: rgb(253, 183, 49, .9);
    --color-transparent-berry: rgb(238, 41, 57, .9);
    --color-transparent-purple: rgb(175, 55, 164, .9);
    --color-transparent-blue: rgb(31, 97, 172, .9);
    --color-transparent-light-blue: rgb(0, 167, 205, .9);


    /* Legacy Colors  */
    --color-legacy-teal: #009d96;
    --color-legacy-pink: #fe5f4c;

    /* Fonts */
    --font-niveau-grotesk: 'Niveau Grotesk';
    --font-nunito: 'Nunito';
    --font-fallback: Verdana;
    --font-primary: var(--font-niveau-grotesk), var(--font-fallback), sans-serif;
    --font-secondary: var(--font-nunito), var(--font-fallback), sans-serif;

    /* Social Share */
    --share-trigger-button-color: var(--color-button-primary);
    --share-trigger-icon-color: var(--color-button-primary);
}

/**
 * This file will be included in header in every page after foundation.
 * It should be used for content that relates
 * to your site as a whole, it should not be used for plugin-specific css.
 */

html {
    overflow-y: scroll;
    overflow-x: hidden;
}

/* This ensures that the page always has a scrollbar to ensure that some headers load correctly without FOUC */

html, body {
    height: 100%;
}

body > .contentRender {
    min-height: 100%;
    height: 100%;
}

body .mfp-arrow:hover, body .mfp-arrow:focus {
	background-color: transparent; /* foundation compatibility with magnific popup */
}

/*---------------------------CORE STYLES---------------------------*/

/*
	Fonts:
	font-family: 'Roboto', sans-serif;
	font-family: 'Lato', sans-serif;
*/

.core-styles h1,
.contentRender_name_plugins_core_textbox h1 {
	color: var(--color-dark);
    font-size: 56px;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 900;
    line-height: 50px;
    margin-bottom: 30px;
}

.legacy-project h1{
    color: var(--color-legacy-teal);
    text-transform: uppercase;
    font-size: 48px;
}

.core-styles h2,
.contentRender_name_plugins_core_textbox h2 {
    color: var(--color-dark);
    font-size: 45px;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
    margin-bottom: 30px;
}

.core-styles h3,
.contentRender_name_plugins_core_textbox h3 {
    color: var(--color-header-primary);
    font-size: 31px;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}

.core-styles h4,
.contentRender_name_plugins_core_textbox h4,
.sitemap h4 {
	color: var(--color-dark);
    font-size: 32px;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 300;
    line-height: 40px;
}

.core-styles h5,
.contentRender_name_plugins_core_textbox h5 {
    color: var(--color-dark);
    font-size: 24px;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
}

.core-styles h6,
.contentRender_name_plugins_core_textbox h6 {
    color: var(--color-header-primary);
    font-size: 18px;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 10px;
}

.core-styles p,
.contentRender_name_plugins_core_textbox p {
    color: var(--color-dark);
    font-size: 19px;
    font-family: var(--font-secondary);
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-rendering: optimizeLegibility;
}

.core-styles a,
.contentRender_name_plugins_core_textbox a {
    color: var(--color-links);
    font-weight: bold;
}

.core-styles ul:not([class*="block-grid-"]),
.core-styles ol:not([class*="block-grid-"]),
.contentRender_name_plugins_core_textbox ul:not([class*="block-grid-"]),
.contentRender_name_plugins_core_textbox ol:not([class*="block-grid-"]),
.sitemap ul  {
	color: var(--color-dark);
    font-size: 18px;
    line-height: 26px;
    font-family: var(--font-secondary);
    list-style: inside;
    margin-bottom: 1.25rem;
}
.sitemap ul li ul {
	margin-bottom: 0;
}
.core-styles td,
.contentRender_name_plugins_core_textbox td,
.core-styles tr,
.contentRender_name_plugins_core_textbox tr {

}
.contentRender_name_plugins_core_textbox section {
    margin: 50px 30px 0;
}

h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
  font: inherit;
  color: inherit;
  text-decoration: none;
}

.core-styles img[style*='float: right'],
.contentRender_name_plugins_core_textbox img[style*='float: right'] { margin-left : 15px; margin-bottom: 5px; }
.core-styles img[style*='float: left'],
.contentRender_name_plugins_core_textbox img[style*='float: left'] { margin-right : 15px; margin-bottom: 5px; }

.sitemap > ul {
	-webkit-column-count: 3;
	   -moz-column-count: 3;
			column-count: 3;
	-webkit-column-gap: 15px;
	   -moz-column-gap: 15px;
			column-gap: 15px;
}

@media screen and (max-width: 1024px){
	.core-styles h1,
	.contentRender_name_plugins_core_textbox h1 {
		font-size: 36px;
    	line-height: 46px;
	}

	.core-styles h2,
	.contentRender_name_plugins_core_textbox h2 {
	    font-size: 34px;
    	line-height: 40px;
	}

	.sitemap > ul {
		-webkit-column-count: 2;
		   -moz-column-count: 2;
				column-count: 2;
		-webkit-column-gap: 15px;
		   -moz-column-gap: 15px;
				column-gap: 15px;
	}
}
@media screen and (max-width: 640px) {
	.core-styles h1,
	.contentRender_name_plugins_core_textbox h1 {
	    font-size: 24px;
	    line-height: 30px;
	    margin-bottom: 0;
	}

	.core-styles h2,
	.contentRender_name_plugins_core_textbox h2 {
        font-size: 18px;
	    line-height: 24px;
	    margin-bottom: 0;
	}

	.core-styles h3,
	.contentRender_name_plugins_core_textbox h3 {
	    font-size: 16px;
    	line-height: 26px;
    	margin-bottom: 0;
    	font-weight: bold;
	}

	.core-styles h4,
	.contentRender_name_plugins_core_textbox h4,
	.sitemap h4 {
		font-size: 18px;
    	line-height: 24px;
	}

	.core-styles h5,
	.contentRender_name_plugins_core_textbox h5 {
	    font-size: 14px;
    	line-height: 22px;
    	margin-bottom: 0;
	}
	.core-styles h6,
	.contentRender_name_plugins_core_textbox h6 {
	    font-size: 14px;
    	line-height: 20px;
    	margin-bottom: 0;
	}
	.core-styles p,
	.contentRender_name_plugins_core_textbox p {
	    font-size: 16px;
    	line-height: 26px;
	}

	.core-styles ul:not([class*="block-grid-"]),
	.core-styles ol:not([class*="block-grid-"]),
	.contentRender_name_plugins_core_textbox ul:not([class*="block-grid-"]),
	.contentRender_name_plugins_core_textbox ol:not([class*="block-grid-"]),
	.sitemap ul  {
		font-size: 16px;
    	line-height: 26px;
	}

	.sitemap > ul {
		-webkit-column-count: 1;
		   -moz-column-count: 1;
				column-count: 1;
		-webkit-column-gap: 15px;
		   -moz-column-gap: 15px;
				column-gap: 15px;
	}
}

/*---------------------------END CORE STYLES---------------------------*/

/*---------------------------FORM STYLES---------------------------*/

/* START RESET FORM STYLING. YOU SHOULDN'T HAVE TO MODIFY ANYTHING TILL CUSTOMIZE SECTION  */

/* The crm-calendar-popup class is added by JS in the header */
body.crm-calendar-popup  { overflow-y: hidden !important; }
body.crm-calendar-popup::-webkit-scrollbar { display: none; }
body.crm-calendar-popup .contentRender { display: none; }
body.crm-calendar-popup .crm-calendar-parent { padding: 0; margin: 0; background: #fff; }
body.crm-calendar-popup table { width: 100%; margin-bottom: 0;}
body.crm-calendar-popup table thead tr th,
body.crm-calendar-popup table tfoot tr th,
body.crm-calendar-popup table tfoot tr td,
body.crm-calendar-popup table tbody tr th,
body.crm-calendar-popup table tbody tr td,
body.crm-calendar-popup table tr td {
	padding: 2px;
	font-size: 12px;
}
body.crm-calendar-popup .lookup-cal,
body.crm-calendar-popup .lookup-calNav { border: none; }
body.crm-calendar-popup .lookup-calNav {
	margin-bottom: 0px;
	border-bottom: 1px solid #ccc;
}
body.crm-calendar-popup .lookup-cal td,
body.crm-calendar-popup .lookup-calNav td { text-align: center; }
body.crm-calendar-popup .lookup-close {
	margin-top: 15px;
	text-transform: uppercase;
	padding-bottom: 20px;
}

/* TARGET CALENDER TRIGGER ON FORMS*/
.contentRender form.simpleForm a img { margin-bottom: 10px; }

.contentRender form.simpleForm .row textarea,
.contentRender form.simpleForm .row input { 
	margin-bottom: 10px; 

}
.contentRender form.simpleForm .row input[type="checkbox"]{
	vertical-align: top;
    margin-top: 12px;
}
.contentRender form.simpleForm .button { display: inline-block; }
.contentRender form.simpleForm .captcha img,
.contentRender #sv_submit_event_form img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}
.contentRender form.simpleForm .hint,
.contentRender #sv_submit_event_form .sv_api_hint {
	display: block;
	text-align: center;
}
.contentRender form.simpleForm .captcha #code,
.contentRender #sv_submit_event_form #code {
	width: 200px;
	display: block;
	margin: 0 auto;
	margin-top: -13px;
}
.contentRender form.simpleForm .captcha { overflow: hidden; }
.contentRender form.simpleForm .captcha #capimage { float: left;  margin-top: 10px; margin-right: 8px; }
.contentRender form.simpleForm .captcha .hint { margin-top: 10px; }
.contentRender #sv_submit_event_form .svrecurall *,#sv_submit_event_form #recur_show_1 {
	-moz-transition: opacity .6s;
	-o-transition: opacity .6s;
	-transition: opacity .6s;
	-webkit-transition: opacity .6s;
}
.contentRender #sv_submit_event_form select,
.contentRender #sv_submit_event_form select[size], #sv_submit_event_form select[multiple],
.contentRender #sv_submit_event_form input[type=text] { padding: 6px; }
.contentRender #sv_submit_event_form td:not(:first-child) {
	padding-left: 0;
	vertical-align: middle;
}
.contentRender #sv_submit_event_form table.fileuploads thead th,
.contentRender #sv_submit_event_form label.recur_menu,
.contentRender #sv_submit_event_form legend,
.contentRender #sv_submit_event_form div.datalabel label {
	font-weight: normal;
}
.contentRender #sv_submit_event_form .progress {
	background: grey;
	height: 22px;
	line-height: 18px;
}
.contentRender div#sv_submit_event_form.submitEventForm { padding: 0 !important; }
.contentRender #sv_submit_event_form .svrecurall *,#sv_submit_event_form #recur_show_1{
	-moz-transition:all .6s;
	-o-transition:all .6s;
	transition:all .6s;
	-webkit-transition:all .6s;
}
.contentRender #sv_submit_event_form #customdate_list {padding: 0 !important; }
.contentRender #sv_submit_event_form #customdate_list table { margin-bottom: 0; border: 1px solid #ddd; }
.contentRender #sv_submit_event_form #customdate_list table td,
.contentRender #sv_submit_event_form #customdate_list table tr { border: none; }
.contentRender #sv_submit_event_form .recur_opt .detailbar { vertical-align: middle; }
.contentRender #sv_submit_event_form .recur_opt td {padding: 2px 0;}
.contentRender #sv_submit_event_form input[type=radio]:checked ~ div.recur_opt { max-height: 100%; }
.contentRender #sv_submit_event_form #recur_opts_99 { overflow: visible !important; }
.contentRender #sv_submit_event_form .inner_recur_opt,
.contentRender #sv_submit_event_form label.recur_menu { margin: 0 1.25em ;}
.contentRender #sv_submit_event_form .inner_recur_opt { padding: 0 1.25em 0 1.25em; }
.contentRender #sv_submit_event_form #recur_range {
	margin: 0 1.25em;
	padding: 0 1.25em 0 1.25em;
}
.contentRender #sv_submit_event_form .inner_recur_opt label {
	height: 50px;
	line-height: 46px;
}
.contentRender #sv_submit_event_form .inner_recur_opt select {
	border: none;
	border-radius: 2px;
	min-width: 60px;
	padding-right: 24px;
}
.contentRender #sv_submit_event_form .svrecurall input[type=text]:not(#customdate) {
	border: none;
	border-radius: 2px;
}
.contentRender #sv_submit_event_form .svrecurall #customdate {
	width: 130px;
	text-align: center;
	height: 46px;
    vertical-align: bottom;
}

.contentRender form.simpleForm .formCntrls,
.contentRender form.simpleForm h3 { text-align: center; }
@media only screen and (min-width: 40.125em) {
	.contentRender form.simpleForm p.hint,
	.contentRender form.simpleForm h3 {
		padding-left: 8px;
	}
	.contentRender form.simpleForm p.hint,
	.contentRender form.simpleForm .captcha,
	.contentRender form.simpleForm .formCntrls,
	.contentRender form.simpleForm h3 {
		margin-left: 25%;
		text-align: left !important;
		width: auto;
	}
	.contentRender form.simpleForm .columns p.hint {
		margin: 8px 0 10px 0;
		padding-left: 0px;
	}
	.contentRender form.simpleForm .captcha img,
	.contentRender form.simpleForm .captcha #code { margin-left: 0; }
	.contentRender form.simpleForm .hint { text-align: left; }
}
.contentRender form.simpleForm .button,
.contentRender #sv_submit_event_form input.button,
.contentRender #sv_submit_event_form .svbtn,
.contentRender #multifileuploadcontainer label {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	box-shadow: none;
}
.contentRender form.simpleForm .button,
.contentRender #sv_submit_event_form input.button,
.contentRender #sv_submit_event_form .svbtn,
.contentRender #multifileuploadcontainer label {
	border-radius: 0px;
}
.contentRender form.simpleForm h3,
.contentRender #sv_submit_event_form .formhead {
	background-color: transparent;
}
.contentRender form.simpleForm .button,
.contentRender #sv_submit_event_form input.button,
.contentRender #sv_submit_event_form .svbtn,
.contentRender #multifileuploadcontainer label {
	background: none;
	border: none;
}
.contentRender form.simpleForm div input,
.contentRender #sv_submit_event_form div input {
	border-radius: initial;
}
/* END RESET */

/* CUSTOMIZE THE FOLLOWING */

/* RESET FONT FAMILY */
.contentRender #sv_submit_event_form legend,
.contentRender form.simpleForm label,
.contentRender form.simpleForm .formtext,
.contentRender form.simpleForm input,
.contentRender form.simpleForm select,
.contentRender #sv_submit_event_form .recur_opt input[type=checkbox] ~ label.minilabel,
.contentRender #sv_submit_event_form .recur_opt input[type=radio] ~ label.minilabel,
.contentRender #sv_submit_event_form table.fileuploads thead th,
.contentRender #sv_submit_event_form select,
.contentRender #sv_submit_event_form select[size], #sv_submit_event_form select[multiple],
.contentRender #sv_submit_event_form input[type=text],
.contentRender #sv_submit_event_form div.datalabel label,
.contentRender #sv_submit_event_form label.recur_menu {
	font-family: 'Lato', sans-serif;
}
/* RESET FONT STYLE */
.contentRender form.simpleForm .columns label,
.contentRender form.simpleForm .formtext,
.contentRender #sv_submit_event_form #customdate_list .formhead,
.contentRender #sv_submit_event_form table.fileuploads thead th,
.contentRender #sv_submit_event_form select,
.contentRender #sv_submit_event_form select[size], #sv_submit_event_form select[multiple],
.contentRender #sv_submit_event_form input[type=text],
.contentRender #sv_submit_event_form div.datalabel label {
	color: var(--color-dark);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-rendering: optimizeLegibility;
}
/* OPTIONAL RESET FOR INPUT STYLE */
/* This over-writes foundation style. Double check your select boxes. You may have to adjust the line-height to vertically center text */
.contentRender form.simpleForm input,
.contentRender form.simpleForm select,
.contentRender #sv_submit_event_form select,
.contentRender #sv_submit_event_form select[size], #sv_submit_event_form select[multiple],
.contentRender #sv_submit_event_form input[type=text] {
	color: var(--color-dark);
}
/* REPLACE WITH A CORE STYLE HEADING */
.contentRender form.simpleForm h3,
.contentRender #sv_submit_event_form .formhead {
	color: var(--color-dark);
    font-size: 35px;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    max-width: 62.5rem;
}
/* SET KEY COLOR HERE */
.contentRender #sv_submit_event_form .recur_opt input[type=checkbox]:checked ~ label,
.contentRender #sv_submit_event_form .recur_opt input[type=radio]:checked ~ label,
.contentRender #sv_submit_event_form #recur_range input[type=checkbox]:checked ~ label,
.contentRender #sv_submit_event_form #recur_range input[type=radio]:checked ~ label,
.contentRender #sv_submit_event_form input[type=radio]:checked ~ label.recur_menu,
.contentRender #sv_submit_event_form .progress {
	/*
		Set a background color or tiled image here as well as the color of text over it.
		This will affect things like the loading progress bar as well as some other event
		calendar related items.
	*/
	background-color: var(--secondary-light-blue);
}
/* STRONG WEIGHT FOR LABELS */
.contentRender #sv_submit_event_form #customdate_list .formhead,
.contentRender #sv_submit_event_form legend {
	/*
		Set your strong weight here for label items that need to be bolded
	*/
}
/* STYLE SUBMIT BUTTONS */
.contentRender form.simpleForm .button,
.contentRender #sv_submit_event_form input.button,
.contentRender #sv_submit_event_form .svbtn,
.contentRender #multifileuploadcontainer label {
	/*
		This is your basic button styling. You can use your site submit button styling here.
		E.G. the listings submit styles
	*/
	display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--font-primary);
    font-size: 14px;
    text-transform: uppercase;
    margin: 15px auto;
    padding: 15px;
    width: 100%;
    max-width: 200px;
    border-radius: 3px;
    background-color: var(--color-background-primary);
    color: white;
}
.contentRender form.simpleForm .button:hover,
.contentRender form.simpleForm .button:active,
.contentRender #sv_submit_event_form input.button:hover,
.contentRender #sv_submit_event_form input.button:active,
.contentRender #sv_submit_event_form .svbtn:hover,
.contentRender #sv_submit_event_form .svbtn:active,
.contentRender #multifileuploadcontainer label:hover,
.contentRender #multifileuploadcontainer label:active {
	/*
		This is the hover style on the submit buttons
	*/
	background-color: var(--color-background-primary) !important;
}
/* SET LINK COLOR HERE */
body.crm-calendar-popup .contentRender a, body.crm-calendar-popup .contentRender a:hover {
	/*
		This is a generic link style for the calendar popup.

		It's recommended you test the calendar popup but you might wanna limit your style here to color and family.
		The font size should be able to work across all sites.
	*/
	font-size: 1.0625rem;
	font-style: normal;
}
/* OPTIONAL: SET FORM HINT STYLE HERE */
.contentRender #sv_submit_event_form .hint,
.contentRender form.simpleForm p.hint:not(.formreq) {
	/* Default styling here. Changing is optional */
	color: #5b5b5b;
	font-size: 14px;
}
/* OPTIONAL: SET FORM REQUIRED STYLE HERE */
.contentRender #sv_submit_event_form div.datalabel label.svformreq,
.contentRender form.simpleForm label.formreq {
	color: var(--secondary-red);

}
#fieldcontainer_udf_133 label.formreq,
#fieldcontainer_udf_134 label.formreq,
#fieldcontainer_udf_135 label.formreq,
#fieldcontainer_udf_136 label.formreq {
	text-align: left;
}

/* SUBMIT EVENT FORM PIKA CALENDAR */
/* To test, click on the start date in a submit event form */
.pika-lendar .is-today .pika-button {
	/*
		Set a link color here. This can be standard site anchor color
	*/
	color: var(--secondary-blue);
    font-weight: bold;
}
.pika-lendar .pika-button:hover,
.pika-lendar .is-selected .pika-button {
	/*
		Set your hover/selected background and text color here.
		Note the Pika calendar uses important here so this is required to overwrite.
	*/
	color: #fff;
	background: var(--color-background-primary) !important;
	border-radius: 0 !important;
	box-shadow: none;
}

.contentRender form .formCntrls {
    display: flex;
    margin: auto;
    flex-wrap: wrap;
    max-width: 500px;
}
/*---------------------------END FORM STYLES---------------------------*/

/*
|-----------------------------------------------------------------------------------------------------------
| RESET STYLES
|-----------------------------------------------------------------------------------------------------------
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,
big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,center,dl,
dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,
canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,
time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }

body { line-height: 1; }

p ol,
p ul { list-style: none; }

blockquote,
q { quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*
|-----------------------------------------------------------------------------------------------------------
| GLOBAL TAG STYLES
|-----------------------------------------------------------------------------------------------------------
*/
html {
    background-color: #efefef;
    height: auto;
}

body {
    width: 100%;
    height: auto;
    background-color: white;
    color: var(--color-dark);
}
.wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: block;
}
a:link,
a:visited,
a:active {
    color: var(--color-links);
    font-family: var(--font-secondary);
    font-weight: bold;
}
h1 {
    color: var(--color-header-primary);
    font-size: 87px;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 900;
    line-height: 95px;
    margin-bottom: 15px;
}
h2 {
    color: var(--color-header-primary);
    font-size: 56px;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 900;
    line-height: 60px;
    margin-bottom: 15px;
}
h3 {
    color: var(--color-header-primary);
    font-size: 45px;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    margin-bottom: 10px;
}
h4 {
    color: var(--color-dark);
    font-size: 36px;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 10px;
}
h5 {
    color: var(--color-dark);
    font-size: 28px;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 10px;
}
h6 {
    color: var(--color-dark);
    font-size: 24px;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}
@media (max-width: 1024px) {
    h1 {
        font-size: 52px;
        line-height: 60px;
    }
    h2 {
        font-size: 42px;
        line-height: 45px;
    }
}
@media (max-width: 640px) {
    h1 {
        font-size: 38px;
        line-height: 46px;
        margin-bottom: 10px;
    }
    h2 {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 10px;
    }
    h3 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 5px;
    }
    h4 {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 5px;
    }
    h5 {
        margin-bottom: 5px;
    }
    p {
        font-size: 16px;
        line-height: 26px;
    }
}
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
  font: inherit;
  color: inherit;
  text-decoration: none;
}
p,
table tr th,
table tr td {
    color: var(--color-dark);
    font-size: 20px;
    font-family: var(--font-secondary);
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-rendering: optimizeLegibility;
}
p {
    margin-bottom: 30px;
}
ul,
ol,
dl {
    color: var(--color-dark);
    font-size: 18px;
    line-height: 26px;
    font-family: 'Open Sans', sans-serif;
}
.wrapper img { border: medium none; }

body .wrapper .row {
    max-width: none;
}
::-webkit-input-placeholder {
    font-family: var(--font-primary);
    color: var(--color-dark);
    opacity: 1;
}
:-moz-placeholder {
    /* Firefox 18- */
    font-family: var(--font-primary);
    color: var(--color-dark);
    opacity: 1;
}
::-moz-placeholder {
    /* Firefox 19+ */
    font-family: var(--font-primary);
    color: var(--color-dark);
    opacity: 1;
}
:-ms-input-placeholder {
    font-family: var(--font-primary);
    color: var(--color-dark);
    opacity: 1;
}

/*
|-----------------------------------------------------------------------------------------------------------
| HEADER SECTION
|-----------------------------------------------------------------------------------------------------------
*/
.header_container {
    position: relative;
}

.header_container::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 100;
    pointer-events: none;
    display: none;
}

.header_container.menu-open::after {
    display: block;
}

.header-section {
    position: relative;
    height: 110px;
    width: 100%;
    margin: 0 auto;
    z-index: 1000;
    background-color: white;
}

.header-section .header-wrapper {
    position: relative;
    width: 100%;
    height: inherit;
    background-color: white;
    padding: 0;
}

.header-section .microsite-root {
    height: inherit;
}

.header-section .header-wrapper .header-inner {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: inherit;
    padding: 0 100px;
    margin: 0 auto;
}

.header-section .header-main {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding-top: 15px;
    padding-left: 30px;
}

.header-section .header-top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 15px;
}

.header-section .header-top .cta-button a.custom-btn {
    text-transform: capitalize;
    margin: 0;
    font-size: 14px;
    border-radius: 2px;
    padding: 10px 13px;
}

.header-section .header-bottom {
    height: 50px;
    margin-top: auto;
    padding-left: 9vw;
}

.header-section .header-bottom > * {
    height: inherit;
}

.header-section .logo {
    padding: 20px 0;
    align-self: center;
}

.header-section .logo img {
    width: 300px;
}

.header-section .logo .legacy-logo img {
    width: 190px;
}

.header-section .translate-cont {
    padding-bottom: 8px;
}

.header-section .translate-cont .item .item-inner {
    display: flex;
    align-items: center;
}

.header-section .translate-cont .item a {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 100;
    text-transform: uppercase;
    color: #ababab;
}

.header-section .translate-cont .item .item-inner i {
    color: #999999;
    margin-left: 5px;
    font-weight: bold;
}

.header-section .mobile-logo,
.header-section .mobile-search-cont {
    z-index: 100;
}
.header-section .mobile-logo {
	margin-top: 5px;
}
.header-section .mobile-search-cont .search-toggle img {
	height: 16px;
}

@media (max-width: 1350px) {
    .header-section .header-wrapper .header-inner {
        padding: 0 50px;
    }
}

@media (max-width: 1290px) {
    .header-section .header-wrapper .header-inner {
        padding: 0 25px;
    }
    .header-section .logo img {
        width: 250px;
    }
    .header-section .header-bottom {
        padding-left: 6vw;
    }
    .header-section .header-top .cta-button a.custom-btn {
        font-size: 12px;
        padding: 8px 10px;
    }
}

@media (max-width: 1024px) {
    .header-section {
        height: auto;
    }
    .header-section .mobile-nav-wrapper {
        height: 60px;
    }
    .header-section .header-wrapper {
        display: none;
    }
}

@media (max-width: 640px) {
    .header-section {
        height: auto;
        /* padding: 0 15px; */
    }
    .header-section .mobile-nav-wrapper {
        height: 50px;
    }
}

/*
|-----------------------------------------------------------------------------------------------------------
| BODY SECTION
|-----------------------------------------------------------------------------------------------------------
*/

.body-section {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
}
.background-art > .bady-section > .maincont > .content {
	background: url(/includes/public/assets/images/bridge2.png) top / contain no-repeat;
    background-size: 186%;
    background-position: left -300px top;
}
.body-section .maincont { padding: 0px; }

.panel-one-col,
.panel-two-col-right,
.panel-two-col-left,
.panel-two-col-even {
    padding-bottom: 60px;
    display: block;
}

.panel-one-col .panel-one-col,
.panel-one-col .panel-two-col-right,
.panel-one-col .panel-two-col-left,
.panel-one-col .panel-two-col-even {
    padding-bottom: 0;
}

.controlled-width {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
}
.controlled-width-wider {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;	
}
.controlled-width-wider .row { max-width: 100%; }

.intro-panel {
    text-align: center;
}

.flex-cont {
    display: flex;
    align-items: center;
}

.flex-cont.center-align {
    justify-content: center;
}

@media (max-width: 1024px) {
    .panel-one-col,
    .panel-two-col-right,
    .panel-two-col-left,
    .panel-two-col-even {
        padding-bottom: 40px;
    }
}

@media (max-width: 640px) {
    .intro-panel {
        padding-bottom: 20px;
    }
    .panel-one-col,
    .panel-two-col-right,
    .panel-two-col-left,
    .panel-two-col-even {
        padding-bottom: 20px;
    }
}
.intro_panel_container h1 {
	font-size: 56px;
	margin-bottom: 30px;
	margin-top: 0;
}
@media (max-width: 640px) {
	.intro_panel_container h1 {
		font-size: 24px;
	    line-height: 20px;
	    margin-bottom: 10px;
	}
}
/*
|-----------------------------------------------------------------------------------------------------------
| FOOTER SECTION
|-----------------------------------------------------------------------------------------------------------
*/
.footer {
    position: relative;
    padding-bottom: 70px;
    background-color: white;
    overflow: hidden;
}

section.footer.show_skyline::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 105px;
    /*REPEATING OPTION*/
    background: url("/includes/public/assets/images/skyline.png") bottom;
    background-size: contain;
    background-repeat: repeat-x;

	/*CENTERED*/
    /*background: url("/includes/public/assets/images/skyline-pencil-thick71.png") bottom;
    background-size: contain;
    background-repeat: no-repeat;*/

    /*DROP IN*/
    /*background: url("/includes/public/assets/images/skyline-pencil-thick71.png") bottom / cover no-repeat;*/
    opacity: 0.4;
    pointer-events: none;
}

.footer-section {
    position: relative;
    padding: 45px 15px 0;
    background-color: white;
}

.footer-section::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    height: 15px;
    background: url("/includes/public/assets/images/torn-edge.png") top / cover repeat;
    z-index: 3;
}

.footer-section .footer-top {
    margin-bottom: 25px;
}

.footer .footer-bottom {
    text-align: center;
}

.footer .footer-logo {
    text-align: center;
    margin-bottom: 15px;
}

.footer .footer-logo img {
    height: 60px;
}

.footer .address ul {
    margin: 0 0 15px;
    list-style: none;
}

.footer .address li {
    font-family: var(--font-primary);
    font-size: 14px;
    line-height: 22px;
}

.footer .copyright {
    font-family: var(--font-primary);
    font-size: 14px;
    margin-right: 5px;
}

@media (max-width: 640px) {
    .footer-section {
        padding: 25px 15px 0;
    }
    .footer-section::before {
        top: -10px;
    }
    .footer .footer-logo {
        margin-bottom: 5px;
    }
    .footer .footer-logo img {
        height: 55px;
    }
    .footer .address li,
    .footer .copyright,
    .footer-nav li a {
        font-size: 10px;
    }
    .footer .address li {
    	line-height: 18px;
    }
    .footer .address {
        margin: 0 0 15px;
    }
    .footer .footer-bottom .flex-cont.center-align {
        flex-direction: column;
    }
    ul.footer-nav {
    	line-height: 20px;
    }
}

@media (max-width: 475px) {
    .footer::after {
        background-position: bottom left;
        background-size: 250%;
    }
}

/* Vguide/Enews */

.vguide-panel {
    display: flex;
}

.vguide-panel .vg-item {
    height: 100%;
}

.vguide-panel .left-col,
.vguide-panel .right-col {
    flex: 1 1 50%;
}

.vg-item{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
    font-family: var(--font-primary);
}

.enews.vg-item {
    /*background: url("/includes/public/assets/images/enews-bg.png") center / cover no-repeat;*/
}

.vguide.vg-item {
    position: relative;
    /*background: url("/includes/public/assets/images/vguide-bg.jpg") center / cover no-repeat;*/
}
.contentRender_name_plugins_common_vguide,
.contentRender_name_plugins_common_enews {
	height: 100%
}

.vg-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
}

.vg-item .title {
    padding: 15px 50px;
    text-align: center;
    margin-bottom: 35px;
    color: white;
    z-index: 2;
}

.enews.vg-item .title {
    background: var(--secondary-orange);
    border-radius: 3px;
}

.vguide.vg-item .title {
    background: var(--secondary-purple);
    border-radius: 3px;
}

.enews.vg-item .title:hover,
.vguide.vg-item .title:hover,
.enews.vg-item .title:focus,
.vguide.vg-item .title:focus {
    box-shadow: 0 5px 15px rgba(255, 255, 255, 0.4);
}

div.legacy-project .enews.vg-item .title,
div.legacy-project .vguide.vg-item .title {
    background: url("/includes/public/assets/images/teal-text-bg.png") center / contain no-repeat !important;
}

.vguide.vg-item .vg-link {
    display: flex;
    align-items: center;
    font-family: var(--font-primary);
    font-size: 18px;
    color: white;
    font-weight: 700;
    z-index: 2;
}

.vguide.vg-item .vg-link img {
    width: 24px;
    margin-left: 15px;
}

.vguide.vg-item .cover {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    z-index: 1;
}

.vg-item .title span {
    display: block;
}

.vg-item .title span:first-child {
    font-size: 18px;
    font-weight: 300;
    padding-bottom: 4px;
}

.vg-item .title span:last-child {
    font-size: 27px;
    font-weight: 700;
}

.vg-item .enews-form {
    position: relative;
    width: 75%;
    z-index: 1;
}

.enews .enews-form input {
    background: transparent;
    border-color: transparent;
    border: 0;
    border-bottom: 2px solid white;
    box-shadow: 0px 0px 0px;
    padding: 0 55px 15px 15px;
    margin: 0;
    font-family: var(--font-primary);
    color: white;
    font-size: 18px;
}

.enews .enews-form ::-webkit-input-placeholder {
    font-family: var(--font-primary);
    color: white;
    opacity: 1;
    font-size: 18px;
}

.enews .enews-form :-moz-placeholder {
    /* Firefox 18- */
    font-family: var(--font-primary);
    color: white;
    opacity: 1;
    font-size: 17px;
}

.enews .enews-form ::-moz-placeholder {
    /* Firefox 19+ */
    font-family: var(--font-primary);
    color: white;
    opacity: 1;
    font-size: 17px;
}

.enews .enews-form :-ms-input-placeholder {
    font-family: var(--font-primary);
    color: white;
    opacity: 1;
    font-size: 17px;
}

.enews .enews-form .submit {
    position: absolute;
    top: 50%;
    transform: translateY(-70%);
    right: 0;
    width: 35px;
    background-repeat: no-repeat;
    background-size: 35px 15px;
    background-position: center center;
    border: 0;
}

@media (max-width: 1024px) {
    .vg-item {
        padding: 40px 20px;
    }
    .vg-item .title span:first-child {
        font-size: 16px;
    }
    .vg-item .title span:last-child {
        font-size: 23px;
    }
    .vg-item .enews-form {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .vguide-panel {
        flex-direction: column;
    }
    .vguide-panel .right-col,
    .vguide-panel .left-col {
        flex: auto;
        width: 100%;
    }
    .vg-item .title {
        width: 100%;
        padding: 15px;
    }
    .enews .enews-form input {
        padding: 0;
	    padding-right: 55px;
		line-height: 28px;
    }
    .enews .enews-form .submit {
	    transform: translateY(-60%);
	    background-size: 30px 15px;
	    right: -10px;
	}
}

.footer .gold-seal{
    height: 180px;
    width: auto;
    margin: auto;
    display: block;
    margin: 30px auto 0;
}


/* Booking */

.booking-panel {
    position: relative;
    background-color: #2362AE;
    padding: 90px 15px;
    z-index: 2;
    overflow: hidden;
    margin-bottom: -60px;
}

.booking-panel::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("/includes/public/assets/images/symbol-pattern-blue.svg") center / 50% repeat;
    z-index: -1;
}

.booking-widget {
    width: 100%;
    max-width: 1010px;
    margin: 0 auto;
}
.booking-widget h2 {
    color: white;
}

.booking-panel-jr.layout-interior {
    position: absolute;
    bottom: 100%;
    width: 100%;
}

@media (min-width: 64.063em) {
    .booking-panel-jr.layout-interior {
        bottom: calc(100% + 100px);
    }
}

.booking-panel-jr.layout-homepage {
    margin-bottom: 60px;
}

.booking-panel-jr .booking-widget {
    width: auto;
    max-width: none;
}

.booking-widget .title-cont {
    margin-bottom: 40px;
}

.booking-widget .title-cont h2 {
    font-weight: 700;
    margin: 0;
}

.booking-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.booking-form .flex-cont:first-child {
    flex: 1 1 55%;
}

.booking-form .flex-cont:last-child {
    flex: 1 1 45%;
}

.booking-form .input-cont,
.booking-form .select-cont {
    position: relative;
    margin-right: 7px;
}

.booking-form .select-cont > div {
    position: relative;
    flex: 1 1 140px;
    height: 55px;
}

.booking-form .select-cont {
    display: flex;
    flex: 1 1 295px;
}

.booking-form .input-cont {
    flex: 1 1 265px;
}

.booking-form .select-cont > div:first-child {
    margin-right: 7px;
}

.booking-form .select-cont select {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 3px;
    border: 0;
    background: white;
    background-image: none;
    font-family: var(--font-primary);
    font-weight: 700;
    color: var(--color-dark);
    margin: 0;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    font-size: 16px;
}

.booking-form .select-cont select:focus {
    outline: 0;
}

.booking-form input {
    height: 55px;
    margin: 0;
    padding: 20px 40px 20px 105px;
    border: 0;
    border-radius: 3px;
    box-shadow: 0px 0px 0px;
    font-family: var(--font-primary);
    font-weight: 100;
    color: var(--color-dark);
    font-size: 15px;
    background: white;
}

.booking-form input::-webkit-input-placeholder {
    font-size: 11px;
    font-weight: 100;
}
.booking-form input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 11px;
    font-weight: 100;
}
.booking-form input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 11px;
    font-weight: 100;
}
.booking-form input:-ms-input-placeholder {
    font-size: 11px;
    font-weight: 100;
}

.booking-form label {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    font-family: var(--font-primary);
    font-weight: 700;
    color: var(--color-dark);
    font-size: 15px;
    text-transform: capitalize;
    z-index: 1;
}

.booking-form .select-cont label {
    transform: translateY(-40%);
}

.booking-form .input-cont .calendar,
.booking-form .select-cont .arrow {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 38px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.booking-form .calendar img,
.booking-form .arrow img {
    width: 18px;
}

.booking-form button {
    height: 55px;
    margin: 0;
    border-radius: 3px;
    transition: none;
    font-family: var(--font-primary);
    background-color: var(--secondary-orange);
    font-size: 21px;
    color: white;
    font-weight: 700;
    text-transform: capitalize;
    min-width: max-content;
}

.booking-form button i {
    padding-left: 5px;
}

.legacy-project .booking-form button {
    background-color: var(--color-legacy-teal);
}

.booking-form button:focus {
    outline: none;
}

@media (max-width: 1024px) {
    .booking-panel {
        padding: 45px 15px;
        margin-bottom: -40px;
    }
    .booking-widget {
        width: 100%;
        max-width: 750px;
        margin: 0 auto;
    }
    .booking-widget .title-cont {
        margin-bottom: 20px;
    }
    .booking-form {
        flex-direction: column;
    }
    .booking-form > .flex-cont {
        flex: 1 1 auto !important;
        width: 100%;
        flex-direction: column;
    }
    .booking-form > .flex-cont:first-child {
        margin-bottom: 20px;
    }
    .booking-form .input-cont,
    .booking-form .select-cont {
        flex: 1 1 auto;
        width: 100%;
        margin: 0;
    }
    .booking-form .input-cont {
        margin-right: 0;
    }
    .booking-form .input-cont,
    .booking-form .select-cont {
        margin-bottom: 20px;
    }
    .booking-form .select-cont > div:first-child {
        margin-right: 0;
    }
    .booking-form button {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .booking-panel {
        padding: 25px 15px;
        margin-bottom: -20px;
    }
    .booking-widget .title-cont h2 {
        font-size: 26px;
        line-height: 30px;
        margin-top: 20px;
    }
    .booking-panel::before {
        left: 0;
        background: url("/includes/public/assets/images/symbol-pattern-blue.svg") top 25px center / cover no-repeat;
    }
}

.social-panel {
    margin: 25px 0 50px;
    padding-top: 90px;
    background: url("/includes/public/assets/images/colour-symbols-row.svg") top / 50% no-repeat;
    /*background-size: 1250px;*/
    /* background-position: center top; */
}
.social-panel .title-cont {
    margin-bottom: 15px;
    text-align: center;
}
.social-panel .title-cont span {
    font-family: var(--font-primary);
    font-size: 24px;
    color: var(--color-header-primary);
}
.social-panel .social-icons-panel .social-icon span{display: none;}
@media (max-width: 1024px) {
    .social-panel {
        margin-bottom: 70px;
        padding-top: 60px;
    }
}
@media (max-width: 640px) {
    .social-panel {
        margin-bottom: 35px;
        padding-top: 10px;
    }
    .social-panel .title-cont {
        margin-top: 40px;
    }
    .social-panel .title-cont span {
        font-size: 16px;
    }
    .social-panel .title-cont h2 {
        font-size: 24px;
        line-height: 28px;
    }
}
.alert-wrapper-cookie .alert-container {display: none;}
.alert-wrapper-cookie.show-alert .alert-container {
    display: block;
    position: relative;
    z-index: 1001;
    max-width: 540px;
    width: 100%;
    background: #FFF;
    padding: 14px 60px 12px 17px;
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 3px 0px 40px rgba(0,0,0,.16);
}
.alert-wrapper-cookie .alert-container .close {
    position: absolute;
    display: flex;
    top: 15px;
    right: 15px;
	background-color: var(--color-button-primary);
    width: 32px;
    height: 32px;
    color: white;
    cursor: pointer;
    justify-content:center;
    align-items:center;

}
.alert-wrapper-cookie .alert-container .close:hover { opacity: 0.8; }

.custom-btn {
    display: inline-block;
    padding: 10px 20px;
    font-family:var(--font-primary);
    color: white;
    font-size: 21px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
}
.contentRender_name_plugins_common_button {display: inline-block;}
a.custom-btn {
    font-family:var(--font-primary);
    color: white;
    margin-bottom: 30px;
    margin-right: 15px;
}

.custom-btn {
    background-color: var(--color-button-primary);
}

.green-stem .custom-btn {
    background-color: #0071ad;
}

.rainbow .custom-btn {
    background-color: #00BDF9;
}

.legacy-project .custom-btn {
    background-color: var(--color-legacy-teal);
}

.mobile-fixed {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 200001;
}

.mobileAd {
	display: none;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 99;
}

.hasMobileAd .mobileAd { display: block; }

.mobileAd #dtnContainer {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    display: block;
    max-width: 320px;
}
.mobileAd #dtnContainer img { display: block; width: 100%;}
.mobileAd #dtnContainer .banner-close {
    position: absolute;
    top: 10px;
    right: 10px;
    transform: translateY(-100%);
}
.mobileAd #dtnContainer .banner-close .fa-times-circle {
	color: black;
    background-color: white;
    border-radius: 50%;
}
.mobileAd #dtnContainer .banner-close span {
    font-family: var(--font-secondary);
}
@media (min-width: 1025px) {
    .hasMobileAd .mobileAd { display: none; }
}

.panel-two-col-even.wider .row { max-width: 1280px !important; }


.mobile-logo div.legacy-logo,
.logo div.legacy-logo{
	display: none;
}

.legacy-project .logo div.legacy-logo, 
.legacy-project .mobile-logo div.legacy-logo{
    display: unset;
}
.legacy-project .logo div.legacy-logo + img,
.legacy-project .mobile-logo div.legacy-logo + img {
    display: none !important;
}

.sv-share-trigger:active,
.sv-share-trigger:focus,
.sv-share-trigger:hover {
    color: var(--color-button-primary);
}

.social-share-panel {
	position: relative;
}

.social-share-panel .panel-one-col.controlled-width {
	text-align: end;
	padding-top: 16px;
	padding-bottom: 16px;
}