@font-face {
    font-family: 'ar_christyregular';
    src: url('../fonts/ARCHRISTY-webfont.eot');
    src: url('../fonts/ARCHRISTY-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ARCHRISTY-webfont.woff2') format('woff2'),
         url('../fonts/ARCHRISTY-webfont.woff') format('woff'),
         url('../fonts/ARCHRISTY-webfont.ttf') format('truetype'),
         url('../fonts/ARCHRISTY-webfont.svg#ar_christyregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

:root {
	--background-color: #C84D5F;
	--content-background-color: #C84D5F;
	--text-color: #ede1e3;
	--link-color: #eed266;
	--hover-color: #fdd918;
	--active-color: #fdd918;
	--secondary-color: #8ac05a;
	--tertiary-color: #8ac05a;
	--dim-color: rgba(0, 0, 0, 0.06);
	--highlight-color: #ff0;
	--text-dim-color: #cf9fa4;
}

BODY {
	color: var(--text-color);
	background-color: var(--background-color);
	font-family: Verdana, Helvetica, Arial, Lucida, sans-serif;
	background-image: url(../images/background.jpg);
 }


/** Links **/

A:link, A:visited, LI A.active, INPUT[type="submit"], summary, button.link, ul.menu a.is-active { color: var(--link-color);  }
A:hover, A:focus, LI A.active:hover, LI A.active:focus, summary:hover, summary:focus, button.link:hover, button.link:focus { color: var(--hover-color); }
A:active { color: var(--active-color); }

header[role=banner] A:link, header[role=banner] A:visited { }
footer A:link, footer A:visited { }


button, INPUT[type="submit"], .button, .image-button,
.webform-options-display-buttons input + label.webform-options-display-buttons-label {
	border-color: var(--link-color);
	background-color: transparent;
}

.button:hover,
.button:focus,
.button:active,
.webform-options-display-buttons input:hover + label.webform-options-display-buttons-label {
	background-color: var(--dim-color);
}

INPUT[id|="edit-submit"], INPUT.button-primary, P.promo .button,
.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label {
	border-color: var(--link-color);
	background-color: var(--link-color);
	color: var(--background-color);
	text-shadow: none;
	background-image: none;
}

INPUT[id|="edit-submit"]:hover, INPUT.button-primary:hover, P.promo .button:hover,
.webform-options-display-buttons input:checked:hover + label.webform-options-display-buttons-label {
	background-color: var(--hover-color);
}

.pager__item A:hover, .pager__item A:focus { border-color: var(--hover-color) !important; }
.pager__item.is-active A { color: #fff !important; background-color: var(--link-color); }


/** Header **/

header[role=banner]
{
	border-width: 0 0 1px 0;
	border-color: #333;
	border-style: solid;
	/**  background-color: var(--background-color); **/
}


.site-name A {
	float: left; 
	z-index: 15; 
	margin-top: 0;
	background: url(../images/logo-mobile.png) no-repeat;
	text-indent: -9999px;
	background-size: 157px 58px;
	width: 157px;
	height: 58px;
	background-position: left top;
}

header[role=banner] .block-social { clear: right; float: right; }
footer .block-social { text-align: center; }


#search-block-form, .accessibility--controls {
	background-color: var(--dim-color);
}

.accessibility--control { color: var(--link-color); }

@media (min-width: 768px) {
	header[role=banner] { border-width: 0; }
	#block-accessibilitytoolbar { margin-top: 10px; }
	#block-accessibilitytoolbar .color-contrast { float: right; }
	#block-accessibilitytoolbar .text-sizing { float: right; margin-right: 2em; }
	header[role=banner] .search-block-form { margin-top: 1em; float: right; }
	#search-block-form, .accessibility--controls { background-color: transparent; }
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 1400px) {
}







/** Navigation **/

.layout-sidebar-first .block-menu { font-size: 0.888888888888889em; }

header[role=banner] .collapsiblock A, #superfish-main-toggle { 
	background-color: var(--link-color); /* icon color */
}

#superfish-main-accordion { 
	background-color: #eee; /* accordion menu color */
}

ul.sf-menu a, ul.sf-menu a:visited, ul.sf-menu span.nolink { /** all menu items **/
	color: var(--link-color);
}

ul.sf-menu.sf-accordion li.sf-depth-1 > A { /* main menu items */
	color: #662730);
	background-color: var(--link-color);
}

ul.sf-menu li.sf-depth-1 {
	border-color: rgba(255, 255, 255, 0.5); /* line between main menu items */
}

ul.sf-menu.sf-horizontal li.sf-depth-1 { flex-grow: 1; }

ul.sf-menu.sf-horizontal li.sf-depth-1 > A { /* main menu items */
	color: #662730;
	background-color: var(--link-color);
}



ul.sf-menu li A:hover:not(.sf-accordion-button), 
ul.sf-menu li A:focus:not(.sf-accordion-button), 
ul.sf-menu span.nolink:hover,
.layout-sidebar-first UL.menu LI A:hover {
	background-color: var(--hover-color) !important; 
	color: #662730 !important;
} /* hover all menu items */

ul.sf-menu li.active-trail A.is-active { text-decoration: underline; text-decoration-thickness: 1px; }

ul.sf-menu li.active-trail.sf-depth-1 > A,
.layout-sidebar-first UL.menu--level-1 > LI.menu-item--active-trail > A,
.layout-sidebar-first UL.menu--level-1 > LI.menu-item--expanded > A { background-color: var(--active-color); color: #fff !important; } /* active main menu items */

ul.sf-menu li.active-trail:not(.sf-depth-1) > A,
.layout-sidebar-first UL.menu LI.menu-item--active-trail LI A { background-color: #eee; } /* active drop down menu items */


@media (min-width: 768px) {
	/* .block-superfishmain { display: none; } */
	
	nav.menu { background-color: rgba(0,0,0,.1); }


	ul.sf-menu li A.sf-depth-1 {
		/* height: 2em; max number of lines */
		color: var(--link-color);
		padding: .5em 1em;
	}

	ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul { top: 2em; }

	ul.sf-menu.menu ul { /** sub menu outline **/
		border: 1px #ccc solid; 
		background-color: #fff; 
	}
}

/** Content **/
.layout-content {
}


/** Headers **/

H1, H2, H3, H4, H5, H6 { font-weight: normal; }

H1 {
	color: var(--secondary-color);
	font-family: ar_christyregular;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	font-size: 2.66666667em;
}
H2, H2+P.subtitle { color: var(--secondary-color); }
P.subtitle, 
.mode-view .field--name-field-subtitle, 
.mode-view .field--name-field-informal-name {
	color: #9bd966;
	font-style: italic;
	font-size: 1.222222222222222em;
	margin-bottom: 1em; 
	line-height: 1.272727272727273em;
}

H2 { font-size: 1.44444444em; }

H3, H4, H5, H6 { color: var(--tertiary-color); }

/* Fields */

main .field, .view-eva { margin-bottom: 1em; }

BLOCKQUOTE {   }





/** Images & Video **/



/** Forms **/

textarea:focus, input:is([type="text"], [type="search"], [type="number"], [type="date"], [type="time"], [type="datetime-local"], [type="month"], [type="week"], [type="password"], [type="email"], [type="tel"], [type="url"]):focus {
	border-color: #cc0;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #ff9;
}

input:checked[type="checkbox"] {
	background-color: #005569;
}


/** Tables **/

THEAD TH {
	color: var(--tertiary-color);
	border-width: 0 0 2px 0;
	border-color: var(--tertiary-color);
	border-style: solid;
}


/** Footer **/

.region-footer {
	border-width: 1px 0 0 0;
	border-color: #ccc;
	border-style: solid;
	text-align: center;
	color: var(--text-dim-color);
}


/** Front Page **/

.featured { background-color: #ccc; }

.path-frontpage H1 { display: none; }

.mode-view .field--name-field-alert
{
	background-color: hsl(from var(--highlight-color) h s 75% );
	padding: .5em;
	text-align: center;
	border: 1px var(--highlight-color) solid;
}


/** Reviews **/
.view-reviews .views-row { margin-bottom: 3em; }

.view-reviews .views-field-title {
	text-align: right;
	font-style: italic;
}

/** Gallery **/
.view-tiles .views-field-field-photo .field-content,
.field--name-field-photo .field__item {
	border-top: 6px #C90 double;
	border-right: 6px #FC3 double;
	border-bottom: 6px #FC3 double;
	border-left: 6px #C90 double;
	display: inline-block;
}

.view-tiles .views-field-view-node { text-align: center; margin: -12px 6px 0; z-index: 10; }
.view-tiles .views-field-view-node A {
	background-color: #c90;
	color: #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 3px 10px;
	display: inline-block;
	border: 1px #C90 outset;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	line-height: 1em;
	text-decoration: none;
}

.view-tiles .views-row:hover .views-field-view-node A, 
.view-tiles .views-row:focus .views-field-view-node A { background-color: #fc3; }