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

Place all custom fonts here for reference

font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica;
font-style: normal;
font-weight: 400;

font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica;
font-style: italic;
font-weight: 400;

font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica;
font-style: normal;
font-weight: 700;

font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica;
font-style: italic;
font-weight: 700;

*/
/*
|-----------------------------------------------------------------------------------------------------------
| 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; }

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;
}

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

.core-styles h1,
.contentRender_name_plugins_core_textbox h1 {
	position: relative;
    text-transform: uppercase;
    color: #484849;
    font-size: 38px;
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica;
    font-style: normal;
    font-weight: 700;
}

.intro-panel > .contentRender_name_plugins_core_textbox h1::after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 7px;
    background-color: #00b388;
}

.core-styles h2,
.contentRender_name_plugins_core_textbox h2 {
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica;
    font-size: 32px;
    line-height: 40px;
    margin: 15px auto 20px;
    color: #484849;
}

.core-styles h3,
.contentRender_name_plugins_core_textbox h3 {
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica;
    font-size: 28px;
    line-height: 32px;
    margin: 15px auto 20px;
    color: #484849;
}

.core-styles h4,
.contentRender_name_plugins_core_textbox h4 {
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica;
    font-size: 24px;
    line-height: 28px;
    margin: 15px auto 20px;
    color: #484849;
}

.core-styles h5,
.contentRender_name_plugins_core_textbox h5 {
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica;
    font-size: 20px;
    line-height: 26px;
    margin: 15px auto 20px;
    color: #484849;
}

.core-styles h6,
.contentRender_name_plugins_core_textbox h6 {
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica;
    font-size: 18px;
    line-height: 22px;
    margin: 15px auto 20px;
    color: #484849;
}

.body-section .core-styles p,
.contentRender_name_plugins_core_textbox p {
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica;
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    color: #484849;
    margin: 0 0 20px;
}
.footer-section .footer-links p {
    color: #fff;
}

/* .intro-panel.promote-paragraph > .contentRender_name_plugins_core_textbox p:first-of-type {
    font-size: 18px;
    line-height: 1.6;
} */

.core-styles a,
.contentRender_name_plugins_core_textbox a {}

.contentRender_name_plugins_core_textbox ul,
.core-styles ul {
	list-style: url(/includes/public/assets/images/bullet.png);
}
.contentRender_name_plugins_core_textbox ul,
.contentRender_name_plugins_core_textbox ol,
.core-styles ul,
.core-styles ol {
	margin-bottom: 20px;
}
.core-styles ul:not([class*="block-grid-"]) li,
.core-styles ol:not([class*="block-grid-"]) li,
.contentRender_name_plugins_core_textbox ul:not([class*="block-grid-"]) li,
.contentRender_name_plugins_core_textbox ol:not([class*="block-grid-"]) li {
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
    margin-bottom: 20px;
    color: #484849;
}

.core-styles td,
.contentRender_name_plugins_core_textbox td,
.core-styles tr,
.contentRender_name_plugins_core_textbox tr {
    font-family: Arial, Helvetica, serif;
    font-size: 18px;
    line-height: 32px;
    font-weight: normal;
    color: #484849;
}

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

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

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

    .core-styles h4,
    .contentRender_name_plugins_core_textbox h4 {
        font-size: 22px;
        line-height: 28px;
    }

    .core-styles h5,
    .contentRender_name_plugins_core_textbox h5 {
        font-size: 20px;
        line-height: 26px;
    }

    .core-styles h6,
    .contentRender_name_plugins_core_textbox h6 {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (max-width: 641px) {
    .core-styles h1,
    .contentRender_name_plugins_core_textbox h1 {
        font-size: 22px;
        line-height: 26px;
        margin: 5px auto 10px;
    }

    .core-styles h2,
    .contentRender_name_plugins_core_textbox h2 {
        font-size: 21px;
        line-height: 24px;
        margin: 5px auto 10px;
    }

    .core-styles h3,
    .contentRender_name_plugins_core_textbox h3 {
        font-size: 20px;
        line-height: 26px;
        margin: 5px auto 10px;
    }

    .core-styles h4,
    .contentRender_name_plugins_core_textbox h4 {
        font-size: 18px;
        line-height: 24px;
        margin: 5px auto 10px;
    }

    .core-styles h5,
    .contentRender_name_plugins_core_textbox h5 {
        font-size: 16px;
        line-height: 22px;
        margin: 5px auto 10px;
    }

    .core-styles h6,
    .contentRender_name_plugins_core_textbox h6 {
        font-size: 15px;
        line-height: 21px;
        margin: 5px auto 10px;
    }

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

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

    .core-styles td,
    .contentRender_name_plugins_core_textbox td,
    .core-styles tr,
    .contentRender_name_plugins_core_textbox tr {
        font-size: 14px;
        line-height: 26px;
    }
}

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; }

/*--------------------------- DEFAULT 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 .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;
    vertical-align: text-top;
}
.contentRender #sv_submit_event_form .svrecurall #customdate_btn {
    padding: 1px .5rem;
    vertical-align: text-top;
}

.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;
}
/* RSVP RESET */
.contentRender #rsvp-container { 
    padding: 0; 
    margin-top: 50px;
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica;
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    color: #484849;
}
.contentRender #rsvp-container h1{ 
    padding: 0; 
    margin-top: 50px;
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica;
    font-size: 22px;
    line-height: 22px;
    font-weight: normal;
    color: #484849;
}
.contentRender #rsvp-container h2{ 
    padding: 0; 
    margin-top: 50px;
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica;
    font-size: 20px;
    line-height: 22px;
    font-weight: normal;
    color: #484849;
}
.contentRender #rsvp-container h3{ 
    padding: 0; 
    margin-top: 50px;
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica;
    font-size: 18px;
    line-height: 22px;
    font-weight: normal;
    color: #484849;
}
.contentRender #rsvp-container p{ 
    color: #484849;
}
.contentRender #rsvp-container .eventListTable { width: 100%; }
.contentRender #rsvp-container div.eventTypeHeader {
	text-decoration: none;
	padding: 0;
	display: block;
	white-space: normal;
}
.contentRender #rsvp-container .button { border-radius: 0; }
.contentRender #rsvp-container .eventListCell_button,
.contentRender #rsvp-container .eventListCell_deadline,
.contentRender #rsvp-container .eventListCell_edate,
.contentRender #rsvp-container .eventListCell_sdate {
	width: 12%;
}
.contentRender #rsvp-container div.eventListCell_eventname { white-space: pre-wrap; }
.contentRender #rsvp-container div.evenrow { background-color: #f1f1f1;}
.contentRender #rsvp-container div.oddrow { background-color: transparent; }
.contentRender #rsvp-container #eventdetailbuttonrow { margin-top: 20px; }
.contentRender #searchEmail,
.contentRender #label_searchEmail {
	display: inline;
}
.contentRender #registrationForm > div > div> label { width: 15%; display: inline-block; }
.contentRender #registrationForm > div > div > div { display: inline-block; }
.contentRender #rsvp-container .registrationForm-eventName { text-align: left; }
.contentRender #rsvp-container .button { margin-bottom: 0; }
@media only screen and (max-width: 64em) {
	.contentRender #rsvp-container .eventListTable { display: block; }
	.contentRender #rsvp-container div.eventList_headerRow { display: none };
	.contentRender #rsvp-container .eventListCell { position: relative; }
	.contentRender #rsvp-container .eventListRow { padding: 10px; display: block; }
	/* .contentRender #rsvp-container .eventListCell:not(.eventListCell_button)::before {
		content: attr(data-title) ":\00A0";
		display: inline-block;
		clear:both;
		width: 10em;
		position: absolute;
		left: 0;
	} */
	.contentRender #rsvp-container .eventListCell {
		padding-top: 0;
		width: 100%;
		display: block;
		position: relative;
	}
	.contentRender #rsvp-container .eventListCell.eventListCell_button { padding-left: 0; }
	.contentRender #rsvp-container .times, .contentRender #rsvp-container .day { display: block; }
	.contentRender #rsvp-container div.eventListCell:empty { display: none; }
}
/* END RESET */

/* CUSTOMIZE THE FOLLOWING */

/* RESET FONT FAMILY */
.contentRender #rsvp-container div.eventListCell,
.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: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica;
}
/* RESET FONT STYLE */
.contentRender #rsvp-container div.eventListCell,
.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: #222;
    font-size: 18px;
    line-height: 28px;
}
/* RESET TABLE FONT SIZE HERE */
.contentRender #rsvp-container div.eventListCell {
	/* Your standard P font size may not work for table fonts. Set this here */
	font-size: 16px;
	line-height: 21px;
}

body #rfpForm label {width: auto;}

/* 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 #rsvp-container input,
.contentRender #rsvp-container select,
.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] {
    background-color: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    padding: 0 15px;
    margin-bottom: 20px;
    font-weight: bold;
    color: #484849;

}
/* REPLACE WITH A CORE STYLE HEADING */
.contentRender .registrationForm-eventName,
.contentRender #rsvp-container div.eventTypeHeader,
.contentRender form.simpleForm h3,
.contentRender #sv_submit_event_form .formhead {
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica;
    font-size: 28px;
    line-height: 32px;
    margin: 15px auto 20px;
    color: #484849;
}
/* SET KEY COLOR HERE */
.contentRender #rsvp-container .eventList_headerRow div,
.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 {
    border: none;
    background-color: #00b487;
    color: #fff;
}
/* SET COLOR OVER KEY COLOR HERE (E.G RSVP HEADER) */
.contentRender #rsvp-container .eventList_headerRow div {
	color: #fff; /* probably fine to leave this white against the above background color */
}
/* STRONG WEIGHT FOR LABELS */
.contentRender #rsvp-container .eventListCell:before,
.contentRender #rsvp-container .eventList_headerRow div,
.contentRender #sv_submit_event_form #customdate_list .formhead,
.contentRender #sv_submit_event_form legend {
    font-weight: 600;
    font-size: 25px;
}
/* STYLE SUBMIT BUTTONS */
.contentRender #rsvp-container .button,
.contentRender form.simpleForm .button,
.contentRender #sv_submit_event_form input.button,
.contentRender #sv_submit_event_form .svbtn,
.contentRender #multifileuploadcontainer label,
body #rfpForm .button,
body.facilitySearchForm .button {
    width: auto;
    margin: 0;
    background-color: transparent !important;
    border: 2px solid #00b487 !important;
    color: #00b487;
    font-weight: bold;
    font-size: 16px;
}

body #rfpForm .button,
body.facilitySearchForm .button{padding: 0 8px}

.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 {
    opacity: 0.8;
    background-color: transparent;
}
/* 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: #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
    */
}
.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: #a49483 !important;
    border-radius: 0 !important;
    box-shadow: none;*/
}
/*---------------------------END FORM STYLES---------------------------*/

/*
|-----------------------------------------------------------------------------------------------------------
| GLOBAL TAG STYLES
|-----------------------------------------------------------------------------------------------------------
*/

body {
    background-color: white;
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica;
    font-style: normal;
    font-weight: 400;
    color: #3d4543;
    line-height: 1;
    overflow-x: hidden;
}
.wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: block;
    font-size: 16px;
}
a,
a:link,
a:visited,
a:focus {

}

h1 {

}
h2 {

}
h3 {

}
h4 {

}
h5 {

}
h6 {

}

ul li,
ol li {
    margin-bottom: 15px;
    line-height: 24px;
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    color: #767677;
}

p {
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
    color: #767677;
    margin: 0 0 20px;
}
ul,
ol { margin-left: 1.8em; }
.wrapper img { border: medium none; }

.text-cont {
    position: relative;
    text-align: center;
    padding: 100px 0px;
}
.center-align { text-align: center; }

.clear {
    clear: both;
    line-height: 1px;
    visibility: hidden;
}
.relative {
    position: relative;
    width: 100%;
    height: 100%;
}
body .wrapper .row {
    max-width: 100%;
}
body .wrapper .row .row {
	max-width: none;
}
::-webkit-input-placeholder {
    color: #484849;
    font-style: italic;
    font-weight: bold;
    opacity: 1;
}
:-moz-placeholder {
    /* Firefox 18- */
    color: #484849;
    font-style: italic;
    font-weight: bold;
    opacity: 1;
}
::-moz-placeholder {
    /* Firefox 19+ */
    color: #484849;
    font-style: italic;
    font-weight: bold;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #484849;
    font-style: italic;
    font-weight: bold;
    opacity: 1;
}

.shared-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin: 20px 0;
    padding: 12px 20px;
    background-color: #00a0e1;
    font-size: 15px;
    color: white;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    overflow: hidden;
}

.shared-btn:not(.no-hover)::before{
    content: "";
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all 0.5s;
}

.shared-btn:not(.no-hover):hover::before {
    left: 0;
    background: #00b487;
    border: 3px solid #00a0e1;
}
.shared-btn:not(.no-hover).green::before {
    background: #00a0e1;
    border: 3px solid #00b487;
}

.shared-btn span{
    position: relative;
}

.shared-btn.green {
    background-color: #00b487;
}



/* .shared-btn > div {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 14px !important;
    width: 14px !important;
    min-height: 14px !important;
    height: 14px !important;
    background-color: white;
    border-radius: 50%;
    margin-left: 10px;
    transition: all 0.3s;
}

.shared-btn > div i {
    color: #00a0e1;
    margin-left: 0px;
    font-size: 12px;
    font-weight: bold;
    transition: all 0.3s;
} */
/* @media (max-width: 375px) {
	.shared-btn > div {
		width: 12px;
		height: 12px;
		margin-left: 0;
	}
} */

.orange .shared-btn > div i { color: #f05b38; }
.blue .shared-btn > div i { color: #00a0e1;  }
.purple .shared-btn > div i { color: #ab64a1; }
.sitemap h4 {
	font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica;
    margin: 5px auto 10px;
    color: #484849;
    font-size: 18px;
    line-height: 24px;
}
@media (min-width: 641px) {
	.sitemap h4 {
		font-size: 22px;
    	line-height: 28px;
    	margin: 15px auto 20px;
	}
	.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 (min-width: 1025px) {
	.sitemap h4 {
	    font-size: 24px;
	    line-height: 28px;
	}
	.sitemap > ul {
		-webkit-column-count: 3;
		   -moz-column-count: 3;
				column-count: 3;
		-webkit-column-gap: 15px;
		   -moz-column-gap: 15px;
				column-gap: 15px;
	}
}

/**** shared form ****/

.shared-form {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	display: none;
    padding: 40px;
    margin-bottom: 40px;
    background-color: #00b487;
    border-top: 2px solid white;
}

.shared-form .search-field {
    margin: 0;
    padding-left: 15px;
}

.shared-filter .shared-form ::-webkit-input-placeholder {

}

.shared-filter .filter-tab.active > .shared-form {
	display: block;
}

@media (max-width: 1024px) {
	.shared-filter .filter-tab.active > .shared-form {
		position: relative;
		top: 0;
		margin-bottom: 0;
		padding-bottom: 25px;
	}
}


.header-slideshow {
	min-height: 40px;
}

@media (max-width: 1025px) {
	.header-slideshow { min-height: 15px; }
}

/**** Hotel listings form ****/

.hotel-list-form select.amenities,
.hotel-list-form input[type="submit"] {
	margin-bottom: 0;
}

.hotel-list-form .select-cont {
	position: relative;
	overflow: hidden;
}

.hotel-list-form .select-cont.date {}

.hotel-list-form .select-cont.date i {font-size: 13px;}

.hotel-list-form .select-cont.amenities,
.hotel-list-form input[type="submit"] {
	margin-top: 15px;
}

.hotel-list-form .select-cont .select-btn {
	position: absolute;
	top: 1px;
	right: 0;
	height: 35px;
	width: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: white;
    pointer-events: none;
}

.hotel-list-form .select-cont .select-btn .circle {
	width: 22px;
	height: 22px;
}

.hotel-list-form .select-cont .select-btn .circle i {
	color: white;
}

.hotel-list-form .select-cont .select-btn .circle .fa.fa-angle-up,
.hotel-list-form .select-cont .select-btn .circle .fa.fa-angle-down {
	font-size: 20px;
	font-weight: bold;
}

.hotel-list-form .select-cont select,
.hotel-list-form input[type="text"] {
	padding-left: 15px;
	font-weight: bold;
	color: #484849;
	background-color: white;
	border-color: white;
	border: 0;
}

.hotel-list-form .select-cont select{
    -moz-appearance: none;
}

.hotel-list-form .select-cont select:hover {
	background-color: white;
	border-color: white;
}

.hotel-list-form .select-cont select:focus,
.hotel-list-form input {
	outline: none;
}

.hotel-list-form .hotel-list-search {
	height: 37px;
    width: 100%;
    background-color: transparent;
    border: 2px solid white;
    color: white;
    font-weight: bold;
    font-size: 16px;
    margin: 15px 0;
    padding: 0;
    overflow: hidden;
}

.hotel-list-form .hotel-list-search:before{
    content: "";
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all 0.5s;
}

.hotel-list-form .hotel-list-search:hover:before {
    left: 0;
    background: #00a0e1;
}

.hotel-list-form .hotel-list-search:hover span {
    /* color: #00b487; */
    position: relative;
}

.hotel-list-form .hotel-list-search:hover {
    cursor: pointer;

}


/*
|-----------------------------------------------------------------------------------------------------------
| HEADER SECTION
|-----------------------------------------------------------------------------------------------------------
*/

.header-section .top-nav-cont > .row {
    max-width: 100%;
    height: inherit;
}

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

.header-section .top-nav-cont {
    position: relative;
    left: 0;
    top: 0;
    height: 120px;
    width: 100%;
    background-color: #3c3c3c;
}

.header-section .top-nav-cont.active {
    background-color: white;
}

.header-section .top-nav-cont .nav-flex-container {
    display: flex;
    height: 100%;
}

.header-section .top-nav-cont .top-header {
    flex: 1;
    height: inherit;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.header-section .logo {
    position: relative;
    height: inherit;
    margin: 0;
    padding: 20px 0 0 40px;
    background-color: white;
}

.header-section .top-nav-cont.active .logo { z-index: 9999; }

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

.header-section .logo svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-left: -1px; /* remove line in FF */
}

.header-section .top-nav-cont.active .logo svg { display: none !important; }

@media (max-width: 1024px) {
    .header-section .top-nav-cont {
        height: 75px;
    }
    .header-section .logo {
        padding: 10px 10px 10px 25px;
    }
    .header-section .logo img {
        width: 110px;
    }
}

@media (max-width: 641px) {
    p {
        line-height: 24px;
    }
}

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

.body-section {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
}

.fixed-banner {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    background-color: rgba(30,30,30, 0.75);
}

.fixed-banner .inner {
    display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

    justify-content: center;
    align-items: center;
    max-width: 950px;
    margin: 0 auto;
}

.fixed-banner p {
    color: white;
    margin: 0;
    line-height: 22px;
    font-size: 15px;
}

.fixed-banner .shared-btn {
    width: 100%;
    justify-content: center;
    overflow: hidden;
}

.fixed-banner .inner > * {
    flex: 1;
    margin-right: 30px;
}

.fixed-banner .inner > *:last-child {
    margin-right: 0;
}

/* .fixed-banner .shared-btn .animated {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    opacity: 0;
    transition: opacity 0.3s;
}

.fixed-banner .shared-btn:hover .animated{
    left: 50%;
} */

.fixed-banner .shared-btn:before{
    content: "";
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all 0.5s;
}

.fixed-banner .shared-btn:hover:before {
    left: 0;
    background: #00b487;
    border: 3px solid #00a0e1;
}

.fixed-banner .shared-btn.green:before {
    background: #00a0e1;
    border: 3px solid #00b487;
}

.fixed-banner .shared-btn span{
    position: relative;
}


/* .fixed-banner .shared-btn:hover > span,
.fixed-banner .shared-btn:hover > div {
    opacity: 0;
} */

/* .fixed-banner .shared-btn > div {
    transition: all 0.3s;
} */

/* .fixed-banner .shared-btn:hover > div i {
    color: #00b487;
} */

/* .fixed-banner .shared-btn:hover > div.animated {
    opacity: 1;
} */

@media (max-width: 1024px) {
	.fixed-banner .inner {
		-webkit-flex-flow: row wrap;
  		justify-content: space-around;
	}
	.fixed-banner .inner > * { flex: auto; }
    .fixed-banner .inner > div {
    	width: 100%;
    	margin: 0;
    	text-align: center;
    	padding: 0 30px
    }
    .fixed-banner .inner > a {
    	width: 50%;
    	margin: 0;
    	padding: 0 15px;
    }
    .fixed-banner p {
    	margin: 0 auto;
    	padding: 20px 0 0;
		max-width: 300px;
    }
}

@media (max-width: 641px) {
    .fixed-banner {
        bottom: 0;
    }
    .fixed-banner,
    .fixed-banner .inner {
        display: block;
    }
    .fixed-banner .inner > div {
        display: none;
    }
    .fixed-banner .inner > * {
        flex: 0;
        margin: 0;
    }
    .fixed-banner .inner > a { padding: 0; }
    .fixed-banner .shared-btn {
        padding: 7px;
        font-size: 14px;
        float: left;
        width: 40%;
        height: 42px;
        margin: 5%;
    }
}

.body-section h1 { margin-bottom: 60px; }

/*.body-section p {
    color: #484849;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin: 0 auto;
}*/

.body-section .maincont { padding: 0px; }

.panel-one-col { display: block; padding-bottom: 50px;}

.body-section .intro-text {
    padding: 15px 50px;
}

.body-section .intro-panel {
	/*text-align: center;*/
	padding: 0 150px 20px;
}

.controlled-width {
    max-width: 1200px;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .panel-one-col {
        padding-bottom: 25px;
    }
    .body-section .intro-panel {
        padding: 0 35px;
    }
    .body-section .intro-text {
        padding: 15px 75px;
    }
    .body-section .intro-panel h1 {
        font-size: 30px;
        margin-bottom: 40px;
    }
}

@media (max-width: 641px) {
    .panel-one-col {
        padding-bottom: 20px;
    }
    .body-section .intro-panel {
        padding: 0;
    }
    .body-section .intro-text {
        padding: 0 15px 15px;
    }
    .body-section .intro-panel h1 {
        font-size: 26px;
        margin-bottom: 40px;
    }
}

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

.footer-section {
    position: relative;
    padding-bottom: 78px;
}

.footer-top {
    display: flex;
    align-items: center;
    background-color: #484849;
}

.footer-logo {
    position: relative;
    width: 250px;
    align-self: stretch;
    margin: 0;
    padding: 20px 0 0 40px;
    background-color: white;
    padding-bottom: 25px;
    overflow: hidden;
}

.footer-logo svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.footer-logo img {
    width: 165px;
}

.footer-top .address-cont {
    color: white;
    padding: 15px 0 15px 25px;
}

.footer-top .address-cont h6 {
    color: white;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 0;
    border-bottom: 1px solid lightgray;
    margin-bottom: 8px;
}

.footer-section .spacer {
    margin: 0 5px;
    padding: 0 5px;
}

.footer-top .address-cont span {
    line-height: 22px;
    font-size: 14px;
}

.footer-top .address-cont span.break-lines {
    display: block;
}

@media screen and (max-width: 1200px) and (min-width: 1025px){
	.footer-top .address-cont span.break-lines {
		display: block;
	}
}
.footer-top .address-cont span

.footer-top .address-cont a {
    color: white;
}

.footer-top .address-cont i {
    color: #00a0e1;
    margin-right: 7px;
}

.footer-top .footer-right {
    display: flex;
    margin-left: auto;
    margin-right: 30px;
}

.footer-bottom {
    display: flex;
    background-color: #1e1e1e;
    padding: 12px 25px;
    color: white;
    font-size: 13px;
}

.footer-links div {
	display: inline-flex;
	align-items: center;
}

.footer-links a,
.footer-links span {
    color: white;
    font-size: 13px;
}

.footer-bottom .made-by {
    width: 165px;
    margin-left: auto;
}

@media (max-width: 1024px) {
    .footer-top {
        flex-direction: column;
    }
    .footer-logo {
        width: 100%;
        max-height: 130px;
        padding: 20px;
        display: block;
        text-align: center;
    }
    .footer-logo svg {
        display: none;
    }
    .footer-top .address-cont {
        align-self: flex-start;
        padding-left: 50px;
    }
    .footer-top .footer-right {
        align-self: center;
        margin: 30px 0 50px;
    }
    .footer-bottom {
        height: 200px;
        flex-direction: column;
        align-items: center;
        padding-top: 20px;
    }
    .footer-bottom .made-by {
        margin: 20px 0 0 0;
    }
}

@media (max-width: 641px) {
    .footer-top .address-cont {
        padding: 15px;
        text-align: center;
            align-self: center;
    }
    .footer-top .footer-right {
        display: block;
        text-align: center;
    }
    .footer-bottom {
        text-align: center;
        height: auto;
    }
    .footer-section {
        padding-bottom: 75px;
    }
}

/**** Vguide / E-news ****/

.vguide-panel {
    position: relative;
    background: url("/includes/public/assets/images/vguide-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
    padding: 0;
}

@media (max-width: 640px) {
    .vguide-panel {
        padding: 30px 0;
    }
}

.vguide-panel-bg {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: black;
    transition: opacity 0.4s 0.5s;
    opacity: 0;
}

.vguide-panel.active .vguide-panel-bg {
    opacity: 0.5;
}

.enews-cont,
.vguide-cont {
    text-align: center;
    z-index: 100;
    margin: 30px auto;
    width: 70%;
    padding: 0 60px;
    transform: translateY(50%);
    opacity: 0;
}

.enews-cont {
    transition: all 0.6s;
}

.vguide-cont {
    transition: all 0.6s;
}

.vguide-panel.active .enews-cont,
.vguide-panel.active .vguide-cont {
    transform: translateY(0);
    opacity: 1;
}

.vguide-panel.active .enews-cont {
    transition: all 0.6s 0.6s;
}

.vguide-panel.active .vguide-cont {
    transition: all 0.6s 0.8s;
}

.enews-cont h3,
.vguide-cont h3 {
    color: white;
    font-size: 35px;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-weight: bold;
}

.enews-cont p,
.vguide-cont p {
    color: white;
    margin-bottom: 25px;
    line-height: 24px;
}

/* .vguide-panel .shared-btn span,
.vguide-panel .shared-btn > div {
    transition: all 0.3s;
}

.vguide-panel .shared-btn .animated {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    opacity: 0;
    transition: opacity 0.3s;
} */

/* .vguide-panel .shared-btn > span {
    transition: all 0.3s;
} */

/* .vguide-panel .shared-btn:hover > span,
.vguide-panel .shared-btn:hover > div {
    opacity: 0;
} */

/* .vguide-panel .shared-btn > div {
    transition: all 0.3s;
} */

/* .vguide-panel .shared-btn:hover > div i {
    color: #00b487;
}

.vguide-panel .shared-btn:hover > div.animated {
    opacity: 1;
} */


@media (max-width: 1024px) {
    .enews-cont,
    .vguide-cont {
        width: 100%;
        padding: 0 15px;
    }
    .enews-cont h3,
    .vguide-cont h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .enews-cont p,
    .vguide-cont p {
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 20px;
    }
    .vguide-panel .shared-btn {
        margin: 10px 0;
    }
    /* .vguide-panel .shared-btn > div i {
        margin: 0;
    } */
}

@media (max-width: 641px) {
    .enews-cont p,
    .vguide-cont p {
        margin-bottom: 0;
    }
    .enews-cont,
    .vguide-cont {
        margin-bottom: 20px;
        margin-top: 0;
    }
}


/**** Google Translate ****/

.translate-cont {
    display: inline-flex;
    align-items: center;
    border: 1px solid white;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
}

.translate-cont .select-group { position: relative; }

.translate-cont select {
    margin: 0;
    padding: 10px 39px 10px 13px;
    max-width: 133px;
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    color: white;
    text-transform: uppercase;
    border: none;
    background-color: #484849;
    -moz-appearance: none;
}

.translate-cont div.icon {
    position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    background-color: #00a0e1;
    border-radius: 100%;
    margin-left: 10px;
    pointer-events: none;
}

.translate-cont div.icon i {
    color: #3c3c3c;
    font-weight: bold;
}

/**** Booking ****/

/* Booking */
.booking {
    text-align: center;
    background-color: #c74d28;
}
@media only screen and (max-width: 64em) {
    .booking {
        margin-bottom: 30px;
    }
}
.booking .title {
    color: #fff;
    text-align: center;
    font-size: 22px;
    line-height: 20px;
    text-transform: uppercase;
    margin: 20px 0;
}
.booking .title i.fa {
    display: none;
    font-size: 28px;
    line-height: 20px;
    margin-left: 5px;
}
@media only screen and (min-width: 40em) {
    .booking form {
        display: block !important;
    }
}
@media only screen and (max-width: 40em) {
    .booking .title {
        font-size: 18px;
        cursor: pointer;
    }
    .booking .title i.fa {
        display: inline-block;
        font-size: 18px;
    }
    .booking form {
        display: none;
    }
}
.booking input {
    display: block;
    width: 100%;
    font-family: 'acumin-pro-condensed', sans-serif;
    background-color: #fff;
    border: none;
    color: #c9bea7;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(/includes/public/assets/images/listings/fa-calendar.png);
}
.booking input::-webkit-input-placeholder {
    color: #c9bea7;
}
.booking input::-moz-placeholder {
    color: #c9bea7;
}
.booking input:-ms-input-placeholder {
    color: #c9bea7;
}
.booking input:-moz-placeholder {
    color: #c9bea7;
}
.booking button {
    font-family: 'acumin-pro-condensed', sans-serif;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    height: 40px;
    line-height: 38px;
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media only screen and (max-width: 40em) {
    .booking button {
        width: auto;
        padding: 0 15px;
    }
}

/**** Quote Container ****/

.quote-cont {
    background-color: #009fdf;
    color: white;
    padding: 30px 0 5px;
    margin-bottom: 50px;
}

.quote-cont .quote,
.quote-cont .quote-info {
    display: block;
}

.quote-cont .quote {
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 10px;
}

.quote-cont .quote-info {
    font-size: 14px;
}

@media (max-width: 1024px) {
    .quote-cont {
        padding: 25px 15px;
    }
}

@media (max-width: 641px) {
    .quote-cont {
        margin-left: -15px;
        margin-right: -15px;
    }
}


/**** Full width imagebox ****/

.imgbox-full {
    display: flex;
    position: relative;
    height: 320px;
    z-index: 1;
    background: url("../includes/public/assets/images/imgbox-full.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    padding-left: 370px;
    margin-bottom: 100px;
}

.imgbox-full::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #484849;
    opacity: 0.7;
    z-index: 2;
}

.imgbox-full .content {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

.imgbox-full .content { padding-right: 20px; }
.imgbox-full .content p,
.imgbox-full .content ul li {
    color: white;
}

.imgbox-full .content a {
    color: white;
    border-bottom: 1px solid white;
}

.imgbox-full .title-cont {
    position: absolute;
    top:0;
    left: 0;
    width: 370px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 15px;
    padding-right: 10%;
    z-index: 5;
}

.imgbox-full .title-cont h4 {
    margin: 0 0 20px 0;
    font-size: 32px;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
}
.imgbox-full .title-cont h4 a:hover {
    opacity: 0.8;
    color: #fff;
}

.imgbox-full .shared-btn {
    margin: 0;
    background: transparent;
    border: 2px solid white;
}

.imgbox-full .shared-btn:hover {
    background: white;
    color: #00a3cc;
}

.imgbox-full .shared-btn:hover > div {
    /* background: #00a3cc; */
    position: relative;
    z-index: 1;
}

@media (min-width: 1025px) {
    .imgbox-full .shared-btn > div {
        display: none;
    }
}

.imgbox-full .shared-btn i {
    color: #fff !important;
}

.imgbox-full svg {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
    z-index: 4;
    margin-left: -2px;
    pointer-events: none;
}

.imgbox-full svg.mobile {
    display: none;
}

@media (max-width: 1024px) {
    .imgbox-full {
        margin-bottom: 50px;
    }
    .imgbox-full .shared-btn {
        padding: 8px;
    }
    .imgbox-full .shared-btn span {
        display: none;
    }
    .imgbox-full .shared-btn > div {
        margin: 0;
    }
    .imgbox-full .title-cont h4 {
        font-size: 26px;
    }
}

@media (max-width: 641px) {
    .imgbox-full {
        height: 300px;
        margin-left: -17px;
        margin-right: -17px;
        padding: 100px 25px 25px 25px;
    }
    .imgbox-full svg.desktop {
        display: none;
    }
    .imgbox-full svg.mobile {
        display: block;
        width: 100%;
    }
    .imgbox-full .title-cont {
        width: 100%;
        height: 140px;
        padding: 10px 0 0 0;
        align-items: center;
        justify-content: flex-start;
    }
    .imgbox-full .title-cont h4 {
        font-size: 24px;
        margin: 0;
    }
    .imgbox-full .shared-btn {
        padding: 7px;
        margin-top: 5px;
    }
    .imgbox-full .shared-btn span {
        display: none;
    }
    .imgbox-full .shared-btn > div {
        margin: 0;
        height: 10px;
        width: 10px;
    }
}
.mobileAd {
    width: 100%;
	margin:0 auto;
	position: fixed;
    bottom: 89px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
}
.mobileAd a {display: block;}
.mobileAd img {width: 100%;display: block;}
.mobileAd #dtnContainer {padding: 0;position: relative; margin-bottom: 21px;}
.mobileAd #dtnContainer .banner-close {
	position: absolute;
	top: -10px;
	right: 10px;
}
.mobileAd #dtnContainer .banner-close .fa{
	font-size: 22px;
    line-height: 21px;
    background: #fff;
    border-radius: 9px;
    color: #000;
}

.custom-button {
    position: relative;
    display: flex;
    margin-bottom: 20px;
    overflow: hidden;
}
.custom-button a {
    display: inline-block;
}

.custom-button.align-left {
    justify-content: flex-start;
}

.custom-button.align-center {
    justify-content: center;
}

.custom-button.align-right {
    justify-content: flex-end;
}
.custom-button .inner {
    display: inline-flex;
    padding: 12px 20px;
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica;
    font-size: 15px;
	font-style: normal;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    border: 3px transparent solid
}
.inner:before{
    content: "";
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all 0.5s;
}

.sv-share {
    --share-trigger-button-color: #333;
	--share-trigger-icon-color: #333;
	--share-trigger-bg-color: transparent;
	--share-trigger-bg-color-hover: transparent; 
    flex: 0;
}

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

.sv-share .sv-share-popover {
    margin-bottom: 0.25rem;
}

.core-styles .sv-share .sv-share-popover li {
    margin-bottom: 0;
}

.contentRender_name_plugins_mediagallery_album {
    position: relative;
    z-index: 1;
}