/**
 * 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, body {
    height: 100%;
}

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

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

/*
|-----------------------------------------------------------------------------------------------------------
| FONTS
|-----------------------------------------------------------------------------------------------------------
|
*/

/*

Place all custom fonts here for reference

    font-family: 'proxima-nova', sans-serif;

    font-family: 'Covered By Your Grace', cursive;

*/

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


.core-styles h1,
.contentRender_name_plugins_core_textbox h1 {
    color: #15808f;
    font-size: 56px;
    font-family: 'proxima-nova', sans-serif;
    font-style: normal;
    font-weight: 900;
    line-height: 50px;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.core-styles h2,
.contentRender_name_plugins_core_textbox h2 {
    color: #15808f;
    font-size: 48px;
    font-family: 'proxima-nova', sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.core-styles h3,
.contentRender_name_plugins_core_textbox h3 {
    color: #db6027;
    font-size: 48px;
    font-family: 'Covered By Your Grace', cursive;
    font-style: normal;
    line-height: 1;
    margin-bottom: 1rem;
}

.core-styles h4,
.contentRender_name_plugins_core_textbox h4,
.sitemap h4 {
    color: #d44f5b;
    font-size: 36px;
    font-family: 'proxima-nova', sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.core-styles h5,
.contentRender_name_plugins_core_textbox h5 {
    color: #333333;
    font-size: 32px;
    font-family: 'proxima-nova', sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.core-styles h6,
.contentRender_name_plugins_core_textbox h6 {
    color: #15808f;
    font-size: 26px;
    font-family: 'proxima-nova', sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.core-styles p,
.contentRender_name_plugins_core_textbox p {
    color: #333333;
    font-size: 18px;
    font-family: 'proxima-nova', sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-rendering: optimizeLegibility;
    margin-bottom: 2rem;
}

.core-styles a,
.contentRender_name_plugins_core_textbox a {
	color: #db6027;
    font-weight: bold;
    text-decoration: none;
}

.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: #333333;
    font-size: 18px;
    line-height: 24px;
    font-family: 'proxima-nova', sans-serif;
    list-style-position: inside;
}

.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 {
	margin-bottom: 2rem;
}

.core-styles table,
.contentRender_name_plugins_core_textbox table,
.core-styles td,
.contentRender_name_plugins_core_textbox td {
	
}

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: 40px;
        line-height: 34px;
    }
    
    .core-styles h2,
	.contentRender_name_plugins_core_textbox h2 {
        font-size: 38px;
        line-height: 30px;
	}

	.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: 40px;
        line-height: 34px;
	}

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

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

	.core-styles h4,
	.contentRender_name_plugins_core_textbox h4,
	.sitemap h4 {
		font-size: 24px;
        line-height: 24px;
    }
    
    .core-styles h5,
	.contentRender_name_plugins_core_textbox h5 {
        font-size: 22px;
        line-height: 22px;
    }
    
    .core-styles h6,
	.contentRender_name_plugins_core_textbox h6 {
        font-size: 22px;
        line-height: 20px;
	}

	.core-styles p,
	.contentRender_name_plugins_core_textbox p {
        font-size: 17px;
        line-height: 24px;
    }

    .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: 17px;
        line-height: 24px;
    }

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

/*** BEGIN FORM STYLING ***/
/* 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 .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 ;line-height: 30px;height: 30px;} */
.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;
}
/* fixing unclickable captcha flield? */
/* .contentRender #sv_submit_event_form .inner_recur_opt > div {pointer-events: none;} */
.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: 40px;
    margin-top: 15px;
}

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

.contentRender #sv_submit_event_form .svrecurall {
    overflow: hidden;
}

/* 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: 'proxima-nova', 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,
.contentRender form.simpleForm::-webkit-input-placeholder,
.contentRender #sv_submit_event_form input[type=text]::-webkit-input-placeholder {
	color: #333333;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-rendering: optimizeLegibility;
    margin-bottom: 2rem;
}
/* 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: #464646;
}
/* REPLACE WITH A CORE STYLE HEADING */
.contentRender form.simpleForm h3,
.contentRender #sv_submit_event_form .formhead {
	color: #db6027;
    font-size: 48px;
    font-family: 'Covered By Your Grace', cursive;
    font-style: normal;
    line-height: 20px;
    margin-bottom: 1rem;
}
/* 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 {
    background-color: #15808f;
    color: #fff;
    line-height: 30px;
}
/* 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 {
    display: inline-block;
    margin: 0 auto;
    background-color: #ff8750;
    text-align: center;
    padding: 12px 35px;
    font-size: 15px;
    font-weight: bold;
    color:#FFF
}
.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: #ff8750 !important;
	color: #fff !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.
	*/
	color: #db6027;
	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 .formreq,
.contentRender form.simpleForm label.formreq {
	color: #d81111;
}
/* 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: #db6027;
}
.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: #db6027 !important;
	border-radius: 0 !important;
	box-shadow: none;
}
/*** END FORM STYLING ***/

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

html,body,div,span,applet,object,iframe,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;
}

h1,h2,h3,h4,h5,h6,p {
    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,
body {
    height: auto;
    min-height: 100%;
}

body {
    background-color: #faf8f4;
    font-family: 'proxima-nova', sans-serif;
    color: #333333;
    overflow-x: hidden;
}
.page-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 56%;
    filter: grayscale(100%);
    z-index: -1;
}
.page-bg .mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 56%;
    background: linear-gradient(to bottom, rgba(250, 248, 244, 1) 0%, rgba(250, 248, 244, 0.75) 30%);
}
@media (min-width: 641px) {
    .page-bg,
    .page-bg .mask {
        padding-bottom: 36%;
    }
}
a,
a:link,
a:visited,
a:focus {
    color: #db6027;
}
h1 {
    color: #15808f;
    font-size: 40px;
    font-family: 'proxima-nova', sans-serif;
    font-style: normal;
    font-weight: 900;
    line-height: 34px;
    text-transform: uppercase;
}
h2 {
    color: #15808f;
    font-size: 38px;
    font-family: 'proxima-nova', sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    text-transform: uppercase;
}
h3 {
    color: #db6027;
    font-size: 36px;
    font-family: 'Covered By Your Grace', cursive;
    font-style: normal;
    line-height: 34px;
}
h4 {
    color: #d44f5b;
    font-size: 24px;
    font-family: 'proxima-nova', sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}
h5 {
    color: #333333;
    font-size: 22px;
    font-family: 'proxima-nova', sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
}
h6 {
    color: #15808f;
    font-size: 22px;
    font-family: 'proxima-nova', sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
}
@media (min-width: 641px) and (max-width: 1024px) {
    h2 {
        font-size: 38px;
        line-height: 30px;
    }
}
@media (min-width: 641px) {
    h3 {
        font-size: 48px;
        line-height: 20px;
    }
    h4 {
        font-size: 36px;
        line-height: 24px;
    }
    h5 {
        font-size: 32px;
        line-height: 20px;
    }
    h6 {
        font-size: 26px;
        line-height: 18px;
    }
}
@media (min-width: 1025px) {
    h1 {
        font-size: 56px;
        line-height: 50px;
    }
    h2 {
        font-size: 48px;
        line-height: 24px;
    }
}
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
  font: inherit;
  color: inherit;
  text-decoration: none;
}
p {
    font-size: 17px;
    line-height: 24px; 
    margin-bottom: 1.25rem;
}
@media (min-width: 641px) {
    p {
        font-size: 18px;
        line-height: 24px;
    }
}

ul,
ol,
dl {
    color: #333333;
    font-size: 18px;
    line-height: 24px;
    font-family: 'proxima-nova', sans-serif;
}
.wrapper img { border: medium none; }
::-webkit-input-placeholder {
    color: #c9bea7;
    opacity: 1;
}
:-moz-placeholder {
    /* Firefox 18- */
    
    color: #c9bea7;
    opacity: 1;
}
::-moz-placeholder {
    /* Firefox 19+ */
    
    color: #c9bea7;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #c9bea7;
    opacity: 1;
}
/*
|-----------------------------------------------------------------------------------------------------------
| HEADER SECTION
|-----------------------------------------------------------------------------------------------------------
*/

.header-section {
    position: relative;
    z-index: 999;
    height: 70px;
    width: 100%;
    margin: 0 auto -70px;
}

.header-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
    z-index: -1;
    pointer-events: none;
}

.header-section.fixed {
    display: none;
}

.header-section.fixed::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fdf8ed;
    pointer-events: none;
    z-index: -1;
}

.header-section .top-nav-cont {
    position: relative;
    display: flex;
    padding: 15px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.header-section .header-right {
    display: none;
}

.header-section .logo {
    width: 100%;
    max-width: 160px;
}
.header-section .contentRender_name_plugins_common_logo {
    z-index: 2;
}
.header-section .logo img {
    display: block;
    width: 100%;
}

.header-section .mobilenav .weather-cont {
    padding: 12px;
}

.header-section .utilities {
    display: flex;
    align-items: center;
}

@media (min-width: 641px) {
    .header-section .logo {
        max-width: 170px;
    }
}

@media (min-width: 1025px) {
    .header-section {
        height: 110px;
        margin-bottom: -110px;
    }
    .header-section.fixed {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 110px;
        padding-top: 18px;
        background-color: white;
        transition: opacity 0.4s;
        opacity: 0;
        pointer-events: none;
    }
    .header-section.fixed.active {
        opacity: 1;
        pointer-events: all;
    }
    .header-section.fixed::after {
        content: "";
        position: absolute;
        top: 18px;
        left: 0;
        width: 100%;
        height: calc(100% - 18px);
        z-index: -1;
        background: url("/includes/public/assets/images/fixed-header-bg.png")center/contain repeat-x;
    }
    .header-section .top-nav-cont {
        padding: 20px 15px;
    }
    .header-section.fixed .top-nav-cont {
        padding: 10px 15px 20px;
    }
    .header-section .header-right {
        display: flex;
        align-items: center;
        margin-left: auto;
    }
    .header-section .logo {
        max-width: 275px;
    }
    .header-section.fixed .logo {
        max-width: 210px;
        padding-top: 10px;
    }
}

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

.content {
    position: relative;
    width: 100%;
    padding-bottom: 35px;
}

@media(min-width: 1025px) {
    .content {
        padding-bottom: 230px; 
        z-index: 1;
    }
}

.controlled-width {
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
}

.controlled-width.narrow {
    max-width: 1000px;
}

.row {
	max-width: 1150px;
    margin: 0 auto;
    margin-left: -15px;
    margin-right: -15px;
    width: inherit;
}

.contentRender_name_plugins_core_textbox,
.contentRender_name_plugins_nav_sitemap,
.contentRender_name_plugins_search_results,
.contentRender_name_plugins_events_submitevent,
.contentRender_name_plugins_crm_formbuilder,
.contentRender_name_plugins_common_button,
.contentRender_name_plugins_common_container_intro,
.contentRender_name_plugins_collections_template_custom_contacts {
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
    padding: 0 15px 15px;
}

.panel-two-col .contentRender_name_plugins_core_textbox,
.panel-two-col-even .contentRender_name_plugins_core_textbox,
.contentRender_name_plugins_common_container_intro .contentRender_name_plugins_core_textbox{
    padding: 0;
}

.panel-two-col,
.panel-two-col-even {
    width: 100%;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
}

.two-col-left {
    width: 100%;
    padding: 0 15px 25px;
    position: relative;
}

.two-col-left::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: calc(100% - 50px);
    height: 6px;
    background-color: #dedddb;
}

.panel-two-col.no-divide .two-col-left::after,
.panel-two-col-even.no-divide .two-col-left::after {
    display: none;
}

.panel-two-col.no-divide .two-col-left,
.panel-two-col-even.no-divide .two-col-left {
    padding: 0 15px;
}

.two-col-right {
    width: 100%;
    padding: 35px 15px 0;
    position: relative;
}

.panel-two-col.no-divide .two-col-right,
.panel-two-col-even.no-divide .two-col-right {
    padding: 0 15px;
}

@media (min-width: 641px) {
    .panel-two-col,
    .panel-two-col-even {
        flex-direction: row;
    }
    .two-col-left,
    .two-col-right {
        width: 50%;
    }
    .two-col-left {
        padding-bottom: 0;
    }
    .two-col-right {
        padding-top: 0;
    }
    .two-col-left::after {
        bottom: auto;
        left: auto;
        top: 50%;
        right: 0;
        width: 6px;
        height: calc(100% - 15px);
        transform: translate(-100%, -50%);
    }
}

@media (min-width: 1025px) {
    .panel-two-col,
    .panel-two-col-even {
        padding-bottom: 25px;
    }
    .two-col-left {
        padding-right: 40px;
    }
    .two-col-right {
        padding-left: 40px;
    }
}

.contentRender_name_plugins_core_textbox {
    width: 100%;
    max-width: 1145px;
    margin: 0 auto;
    padding: 0 15px 15px;
}

.panel-two-col-even .contentRender_name_plugins_core_textbox {padding: 0;}

.intro-panel {
    width: 100%;
    max-width: 975px;
    margin: 0 auto;
    padding-bottom: 30px;
}

.intro-panel .title-cont {
    margin-bottom: 15px;
}

.intro-panel span[class*="intro-"] {
    display: block;
}

.intro-panel .intro-title1 {
    font-weight: 100;
    font-size: 44px;
    line-height: 34px;
}

.intro-panel .intro-title2 {
    font-size: 48px;
    line-height: 34px;
}

.intro-panel .intro-title3 {
    font-family: 'Covered By Your Grace', cursive;
    color: #db6027;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    text-transform: none;
}

.shared-btn {
    display: inline-flex;
    align-items: center;
    padding: 10px 18px;
    border-radius: 6px;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 13px;
    font-weight: 400 !important;
    color: white !important;
}

.shared-btn > img {
    margin-left: 10px;
    padding-bottom: 2px;
}

@media (min-width: 1025px) {
    .intro-panel {
        margin-bottom: 105px;
    }
    .intro-panel.no-margin {
        margin-bottom: 0;
    }
    .intro-panel .inner-wrapper {
        display: flex;
    }
    .intro-panel .title-cont {
        margin-bottom: 20px;
    }
    .intro-panel .intro-title1,
    .intro-panel .intro-title2 {
        font-size: 72px;
        line-height: 66px;
    }
    .intro-panel .intro-title1 {
        margin-right: 10px;
    }
    .intro-panel .intro-title3 {
        font-size: 33px;
        line-height: 28px;
    }
}

/*
|-----------------------------------------------------------------------------------------------------------
| FOOTER SECTION
|-----------------------------------------------------------------------------------------------------------
*/

.footer {
    position: relative;
}

.footer .controlled-footer {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer .footer-top .controlled-footer {
    padding: 0;
}

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

.footer .flex-cont .contentRender_name_plugins_core_textbox {
    padding: 0;
}

.footer .footer-top {
    position: relative;
    padding: 15px;
    background-color: white;
    z-index: 1;
}

.footer .footer-top::after {
    content: "";
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 40px;
    background: url("/includes/public/assets/images/footer-edge.png")center/cover repeat-x;
}

.footer .footer-bottom {
    text-align: center;
    background-color: #007f8f;
    padding: 20px 0 0;
}

.footer .footer-bottom h4 {
    font-size: 19px;
    line-height: 23px;
    font-weight: 600;
    color: white;
    text-transform: none;
    margin: 0 auto 10px;
    width: 85%;
}

.footer .footer-bottom ul {
    margin: 0 0 15px;
    list-style: none;
    font-size: 15px;
    line-height: 20px;
    color: white;
    font-weight: 400;
}

.contentRender_name_plugins_common_logo_footer {
    width: 100%;
    max-width: 375px;
    padding: 0 15px;
}

.footer .footer-logo,
.footer .sponsor {
    margin-bottom: 10px;
}
.footer .footer-lower {
    padding: 15px;
    background-color: #00717f;
}

.footer .footer-lower span {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 13px;
    color: white;
}

.footer .footer-lower .made-by {
    display: block;
    margin: 0 auto;
    width: 140px;
}

.footer .footer-lower .made-by img {
    height: 100%;
}

@media (max-width: 640px){
    .gdpr-dtn-cont {
        position: fixed;
        bottom: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        z-index: 1;
        align-items: center;
        width: 100%;
    }
    .mobileAd.no-gdpr {
        position: fixed;
    }
}

.mobileAd {
    display: none;
    /* width: 100%; */
    height: 50px;
    position: relative;
    bottom: 17px;
    left: 0;
    z-index: 99;
}
.footer_container.hasMobileAd {
    position: relative;
    z-index: 101;
}
.hasMobileAd .mobileAd {
    display: block;
}

#dtnContainer {
    display: inline-block;
    padding: 10px 0px;
    width: 100%;
}

#dtnContainer img {
    display: block;
    width: 100%;
}

#dtnContainer .dtnad { overflow: hidden; }

#dtnContainer .banner-close {
    position: absolute;
    top: 10px;
    right: 6px;
    transform: translateY(-50%);
    color: #333333;
    font-size: 18px;
}

.mobileAd #dtnContainer {
    transform: translateX(-50%);
    position: absolute;
    bottom: auto;
    left: 50%;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    display: block;
    max-width: 350px;
}

.gdpr-dtn-cont .mobileAd.no-gdpr #dtnContainer {
    bottom: 0;
}

@media (min-width: 641px) {
    .footer .footer-bottom {
        text-align: left;
    }
    .footer .flex-cont {
        flex-direction: row;
        width: 100%;
    }
    .footer .footer-bottom h4 {
        width: 100%;
    }
    .footer .controlled-footer {
        flex-direction: row;
        padding: 0 15px;
    }
    .footer .sponsor {
        order: 2;
        margin: 0 0 0 25px;
    }
    .footer .footer-lower .controlled-footer {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .footer .footer-lower span,
    .footer .footer-lower .made-by {
        margin: 0;
    }
    .footer .footer-bottom .flex-cont.upper {
        margin-bottom: 30px;
        justify-content: space-between;
    }
    .footer .footer-bottom .flex-cont.lower {
        justify-content: space-between;
    }
    .contentRender_name_plugins_common_logo_footer, 
    .footer .sponsor {
        margin-bottom: 0;
    }
}

@media (min-width: 1025px) {
    .contentRender_name_plugins_common_logo_footer {
        padding: 0;
        margin: 0 3.5%;
    }
    .footer .footer-bottom .flex-cont.lower {
        justify-content: center;
        align-items: flex-start;
    }
    .footer .sponsor {
        margin-left: auto;
    }
    .footer .footer-bottom .controlled-footer {
        padding: 35px 15px;
    }
    .footer .footer-lower .controlled-footer {
        padding: 13px 0 10px;
    }
}

/* Shared Form */
.shared-form {
    position: relative;
    padding: 5px 0;
    z-index: 1;
}

.header-section .header-right .search-cont .shared-form {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-35px, -50%);
    pointer-events: none;
    padding: 8px 0 8px 28px;
    transition: opacity 0.4s ease-in-out;
    opacity: 0;
}

.header-section.search-active .header-right .search-cont .shared-form {
    opacity: 1;
    pointer-events: all;
}

.header-section.fixed.search-active .header-right .search-cont .shared-form {
    opacity: 1;
    pointer-events: all;
}

/* Shared Input */
.shared-input,
.shared-input[type] {
    height: 38px;
    width: 100%;
    box-shadow: 0px 0px;
    border: 0;
    position: relative;
    background: transparent;
    margin: 0;
    color: #333333;
    font-family: 'proxima-nova', sans-serif;
    padding: 8px 40px;
    font-size: 18px;
}
.shared-input::-webkit-input-placeholder {
    font-family: 'proxima-nova', sans-serif;
    color: #333333;
    font-size: 18px;
}
.shared-input::-moz-placeholder {
    font-family: 'proxima-nova', sans-serif;
    color: #333333;
    font-size: 18px;
}
.shared-input:-ms-input-placeholder {
    font-family: 'proxima-nova', sans-serif;
    color: #333333;
    font-size: 18px;
}
.shared-input:-moz-placeholder {
    font-family: 'proxima-nova', sans-serif;
    color: #333333;
    font-size: 18px;
}

.shared-input:focus,
.shared-input[type]:focus {
    background: transparent !important;
}

.mobilenav .shared-form .input-bg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 86%;
    background: url("/includes/public/assets/images/input-bg.png");
    background-repeat: no-repeat;
    background-size: 100% 115%;
    background-position: center;
    pointer-events: none;
    z-index: -1;
}

.header-section .header-right .shared-input {
    height: 50px;
    width: 320px;
    border-bottom: 2px solid white;
    color: white;
    padding: 8px 50px 8px 16px;
}

.header-section .header-right .shared-input::-webkit-input-placeholder {
    font-family: 'proxima-nova', sans-serif;
    color: white;
    font-size: 18px;
}
.header-section .header-right .shared-input::-moz-placeholder {
    font-family: 'proxima-nova', sans-serif;
    color: white;
    font-size: 18px;
}
.header-section .header-right .shared-input:-ms-input-placeholder {
    font-family: 'proxima-nova', sans-serif;
    color: white;
    font-size: 18px;
}
.header-section .header-right .shared-input:-moz-placeholder {
    font-family: 'proxima-nova', sans-serif;
    color: white;
    font-size: 18px;
}

.header-section .header-right .input-bg {
    position: absolute;
    top: calc(50% + 2px);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 86%;
    background: url("/includes/public/assets/images/input-bg-lg.png");
    background-repeat: no-repeat;
    background-size: 100% 115%;
    background-position: center;
    pointer-events: none;
    z-index: -1;
}

/* Shared Select */


/* Shared Button */
.shared-button {
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    background-color: #e76228;
    margin: 0;
    padding: 0;
    font-size: 18px;
    transition: none;
}

.shared-button i {
    font-size: 18px;
    color: white;
}

.shared-form .shared-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.header-section .header-right .shared-form .shared-button {
    height: 48px;
    width: 48px;
    top: calc(50% + 1px);
    right: -1px;
}

.header-section .header-right .shared-form .shared-button:hover,
.header-section .header-right .shared-form .shared-button:focus {
    background-color: #e76228;
    outline: none;
}


/* booking */
.booking {
    position: relative;
    padding: 40px 35px;
    margin: 35px 0 0;
    background-color: white;
}

.booking::before {
    content: "";
    position: absolute;
    top: -35px;
    left: 0;
    width: 100%;
    height: 40px;
    background: url("/includes/public/assets/images/listings/rough-edge-listings-booking.png")center/cover repeat-x;
}

.booking::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background: linear-gradient(to top, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 100%);
}

.booking .inner {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.booking-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.booking-form .option-cont {
    position: relative;
    margin-bottom: 15px;
    width: 100%;
    border-bottom: 3px solid #15808f;
}

.booking-form .option-cont .toggle {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3px;
    pointer-events: none;
    width: 40px;
    height: 40px;
    background-color: white;
}

.booking-form .option-cont i {
    font-size: 26px;
    color: #15808f;
}

.booking-form input,
.booking-form select {
    height: 40px;
    margin: 0;
    box-shadow: 0px 0px;
    border: 0;
    background: transparent;
    padding-right: 40px;
}

.booking-form input:focus,
.booking-form select:focus {
    background: transparent;
    outline: none;
}

.booking-form .option-cont .placeholder {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: calc(100% - 40px);
    background-color: white;
    pointer-events: none;
    color: #15808f;
    opacity: 1;
    font-size: 26px;
    font-weight: 600;
    transition: opacity 0.4s;
    display: flex;
    align-items: flex-end;
    padding-bottom: 8px;
    padding-left: 4px;
}

.booking-form input:focus + .placeholder {
    opacity: 0;
}

.booking-form .option-cont.active .toggle > i {
    transform: rotate(180deg);
}

.booking-form .submit {
    margin: 15px 0 0;
    background-color: #db6027;
    font-family: 'proxima-nova', sans-serif;
    border-radius: 4px;
    padding: 12px 36px;
    font-size: 18px;
}

@media (min-width: 641px) {
    .booking {
        padding: 40px 15px;
    }
    .booking::before {
        background-size: contain;
    }
}

@media (min-width: 750px) {
    .booking {
        padding: 40px 15px 55px;
    }
    .booking-form {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .booking-form .option-cont {
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: calc(25% - 15px);
        max-width: 230px;
        margin-right: 15px;
        margin-bottom: 0;
    }
    .booking-form .submit {
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 25%;
        margin: 0;
        padding: 10px;
        max-width: 180px;
    }
    .booking-form .option-cont .placeholder {
        font-size: 18px;
    }
}

@media (min-width: 1025px) {
    .booking-form .submit {
        padding: 13px 16px;
        font-size: 22px;
    }
    .booking-form .option-cont .placeholder {
        font-size: 26px;
    }
    .booking::before {
        height: 60px;
    }
    .booking::after {
        height: 30px;
    }
}

/*custom button*/
.button-cont {display: flex;}
.button-cont.align_left {justify-content:flex-start;}
.button-cont.align_center {justify-content:center;}
.button-cont.align_right {justify-content:flex-end;}
.button-cont a {
    position: relative;
    display: inline-block;
    background-color: #ff8750;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    margin: 10px 0;
    font-size: 15px;
    text-transform: uppercase;
    padding: 12px 30px;
}


/*Cookie CSS*/
.cookie-notification-wrapper {
	display: none;
	z-index: 1001;
	max-width: 540px;
	width: 100%;
	background: #FFF;
	padding: 14px 60px 12px 17px;
	position: fixed;
	right: 0;
	bottom: 0;
	border: 1px solid rgba(0,0,0,0.06);
	box-shadow: 3px 0px 40px rgba(0,0,0,.16);
}
.cookie-notification-wrapper .close {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	display: flex;
	justify-content:center;
	align-items:center;

}
.cookie-notification-wrapper .close:hover {
	background-color: rgba(0,0,0,0.1);
	border-radius: 50%;
}
.cookie-notification-wrapper p {
  font-size: 18px;
  line-height: 28px;
}
.cookie-notification-wrapper {
	position: fixed;
}
.hasMobileAd .cookie-notification-wrapper { position: relative; }
@media screen and (max-width: 640px) {
	.cookie-ad-container {
		position: fixed;
		z-index: 1000;
		bottom: 0;
		left: 0;
		width: 100%;
		text-align: center;
	}
}

/*EMBED WIDGET*/
.social-panel {
    margin-bottom: 50px;
}
.social-panel .title-cont {
    display: flex;
    flex-direction: column;
    padding: 0 15px 35px;
    width: 100%;
    max-width: 915px;
    margin: 0 auto;
}
.social-panel .title-cont span {
    display: inline-block;
}
.social-panel .title {
    display: flex;
    flex-direction: column;
}
.social-panel .title h2 {
    margin: 0 0 20px;
}
.social-panel .title .title1 {
    font-family: 'Covered By Your Grace', cursive;
    color: #db6027;
    font-size: 30px;
    font-weight: 400;
    line-height: 24px;
    text-transform: capitalize;
}
.social-panel .title .title2,
.social-panel .title .title3 {
    font-size: 44px;
    line-height: 36px;
    font-weight: 900;
    text-transform: uppercase;
    color: #15808f;
}
.social-panel .title-cont .desc {
    margin: 0 auto;
    width: 100%;
    max-width: 500px;
}
@media (min-width: 641px) {
    .social-panel .title-cont {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
    }
    .social-panel .title {
        margin: 0 15px 0 0;
    }
}
@media (min-width: 1025px) {
    .social-panel {
        margin-bottom: 135px;
    }
    .social-panel .title .title1 {
        font-size: 56px;
        line-height: 48px;
    }
    .social-panel .title .title2, 
    .social-panel .title .title3 {
        font-size: 58px;
        line-height: 46px;
    }
}

/*END OF EMBED WIDGET*/


.detail-header-replacement {
    position: relative;
}

.detail-header-replacement .img-cont {
    position: relative;
}

.detail-header-replacement .img-cont::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: url("/includes/public/assets/images/rough-edge.png")center/cover repeat-x;
}

.detail-header-replacement .img-cont img {
    display: block;
    width: 100%;
    filter: grayscale(100%);
}

.detail-header-replacement::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(250, 248, 244, 0.5);
}

.detail-header-replacement::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
    pointer-events: none;
    z-index: 1;
}

@media (min-width: 641px) {
    .detail-header-replacement .img-cont::after {
        background-size: contain;
    }
}

@media (min-width: 1025px) {
    .detail-header-replacement .img-cont::after {
        background-size: contain;
        height: 50px;
    }
}