/**** Body ****/
/**** Body ****/
html { font-size: 16px; }

body { font-size: 0.8em; font-family: "Merriweather", serif; }

/**** Paragraph ****/
p { margin: 0px; padding: 1px 0px; }

/**** Links ****/
a, a:link, a:active, a:hover, a:visited { color: #e78b00; text-decoration: none; border: none; }

a:hover { color: #000; text-decoration: underline; }

.button, a.button { background: #9d4600; color: #fff; text-decoration: none; line-height: 1.1; padding: 16px 18px 15px; display: inline-block; font-weight: 600; text-align: center; text-transform: uppercase; letter-spacing: 0.5pt; font-size: 16px; }
.button:hover, a.button:hover { background-color: #e78b00; }
.button.button-orange, a.button.button-orange { background: #e78b00; }
.button.button-orange:hover, a.button.button-orange:hover { background-color: #9d4600; }

/**** Headings ****/
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; color: #e78b00; font-family: "Century Gothic", sans-serif; letter-spacing: 0.5pt; font-weight: normal; }

h1 { font-size: 60px; color: #e78b00; letter-spacing: 0.7pt; }

h2 { font-size: 34px; color: #9d4600; }

h3 { font-size: 30px; color: #000000; }

h4 { font-size: 26px; color: #9d4600; }

h5 { font-size: 26px; color: #e78b00; }

h6 { font-size: 16px; font-family: "Merriweather", serif; color: #9d4600; text-transform: uppercase; font-weight: bold; letter-spacing: 1pt; }

/**** Forms ****/
input[type=text], input[type=password], input[type=email], input[type=url], input[type=number], input[type=date], input[type=datetime], textarea { height: 18px; }

select { font-size: 16px; padding: 5px 3px; }

/**** Menu ****/
/* Clear */
.menu:after { content: "."; display: block; line-height: 0px; font-size: 1px; clear: both; visibility: hidden; }

/* Horizontal - structure */
.menu-horizontal > ul, .menu-horizontal > ul li, .menu-horizontal > ul ul { list-style: none; margin: 0; padding: 0; }

.menu-horizontal > ul { position: relative; z-index: 197; float: left; }

.menu-horizontal > ul li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; }

.menu-horizontal > ul li.hover, #header .menu-horizontal > ul li:hover { position: relative; z-index: 199; cursor: default; }

.menu-horizontal > ul ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 198; width: 100%; }

.menu-horizontal > ul ul li { float: none; }

.menu-horizontal > ul ul ul { top: 1px; left: 99%; }

.menu-horizontal > ul li:hover > ul { visibility: visible; display: block; }

/* Horizontal - basic styling */
.menu-horizontal a, .menu-horizontal a:hover, .menu-horizontal span { display: block; text-decoration: none; }

/**** Body ****/
/**** Container ****/
#container { background: #f5f0e9; }

/**** Header ****/
#header { padding: 20px 20px; }

/**** Menu ****/
#menu-main ul { float: right; }
#menu-main a { color: #000000; padding: 5px 10px; font-size: 17px; }
@media only screen and (max-width: 40em) { #menu-main { position: absolute; z-index: 2; top: 0px; left: -225px; width: 225px; background: #f5f0e9; padding: 15px 0px; text-align: left; }
  #menu-main li { float: none; }
  #menu-main a, #menu-main span { padding: 5px 20px; }
  #menu-main ul ul { visibility: visible; background: none; position: relative; }
  #menu-main ul ul a, #menu-main ul ul span { padding: 5px 20px 5px 30px; } }

#menu-mobile { display: none; width: 24px; height: 24px; background: url(../images/icon-menu-black.png) no-repeat center center; background-size: 100% 100%; position: absolute; z-index: 10; top: 10px; right: 10px; cursor: pointer; }
@media only screen and (max-width: 40em) { #menu-mobile { display: block; } }

/**** Content ****/
#content { min-height: 350px; }

.page { padding: 30px 50px; }
@media only screen and (max-width: 40em) { .page { padding: 30px 15px; } }

/**** Footer ****/
#footer { background: #006837 url("../images/leaf-up-a-70.png") right bottom no-repeat; background-size: contain; padding: 50px 50px; }
#footer .footer-social { text-align: right; }
#footer .footer-social img { width: 50px; margin-left: 20px; }
@media only screen and (max-width: 40em) { #footer { padding: 50px 15px; }
  #footer .footer-social { text-align: center; }
  #footer .footer-social img { margin: 0 10px; } }

/**** Share ****/
#body .stButton { margin: 0px 1px; }

/**** Font Resize ****/
.font-resize a { font-size: 1.2em; line-height: 1.2em; vertical-align: middle; }

/**** Search ****/
.search-box-form-input { width: 120px; vertical-align: middle; }

.search-box .search-box-form-submit { vertical-align: middle; }

/**** Accordion ****/
.accordion-top { background: #e78b00; color: #fff; padding: 10px 20px; font-size: 1.2em; font-family: "Century Gothic", sans-serif; line-height: 1; margin-top: 2px; cursor: pointer; }
.accordion-top.accordion-2 { background: #e78b00; }
.accordion-top.accordion-3 { background: #e78b00; }
.accordion-top:after { content: '\25BA'; display: block; float: right; }
.accordion-top.accordion-open:after { content: '\25BC'; }

.accordion-bottom { display: none; border: 1px solid #e78b00; padding: 15px 20px 0px; margin-bottom: 10px; }
.accordion-bottom.accordion-2 { border-color: #e78b00; }
.accordion-bottom.accordion-3 { border-color: #e78b00; }

/** Home */
.body-home #content > .page { padding: 0; }
.body-home p { padding: 0; }

.page-section-home-banner .carousel-slide-text { position: absolute; top: 0; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0.3) 78%, rgba(0, 0, 0, 0.15) 90%, rgba(0, 0, 0, 0) 100%); padding: 40px 10% 40px 40px; color: #fff; }
.page-section-home-banner .carousel-slide-text p { letter-spacing: 0.2pt; text-transform: uppercase; font-size: 17px; }
.page-section-home-banner .carousel-slide-text h1 { color: #fff; font-size: 90px; line-height: 1; }
.page-section-home-banner .carousel-slide-text h4, .page-section-home-banner .carousel-slide-text h6 { color: #fff; }
.page-section-home-banner .carousel-slide-text h6 { font-family: "Merriweather", serif; }
@media only screen and (max-width: 700px) { .page-section-home-banner img { width: auto !important; height: 320px !important; max-width: none; } }
@media only screen and (max-width: 440px) { .page-section-home-banner .carousel-slide-text { padding: 30px 15px; }
  .page-section-home-banner .carousel-slide-text h1 { font-size: 75px; } }

.page-section-home-welcome .page { background: url("../images/sleepy-hollow-sign-a.png") no-repeat center right; background-size: 50%; padding-right: 50%; padding: 50px 50% 50px 50px; }
@media only screen and (max-width: 768px) { .page-section-home-welcome .page { background-size: auto 45%; background-position: center 20px; padding: 50% 50px 50px; } }
@media only screen and (max-width: 650px) { .page-section-home-welcome .page { background-size: auto 35%; } }
@media only screen and (max-width: 550px) { .page-section-home-welcome .page { background-size: auto 25%; } }
@media only screen and (max-width: 440px) { .page-section-home-welcome .page { padding: 68% 15px 30px; background-size: contain; } }

.page-section-home-countdown { background: #9d4600; padding: 10px 0; }

.countdown { text-align: center; }
.countdown .countdown-text { width: 170px; margin: 0 2px; display: inline-block; font-size: 20px; font-family: "Century Gothic", sans-serif; text-transform: uppercase; color: #f5f0e9; font-weight: bold; padding-right: 10px; border-right: 1px solid #f5f0e9; }
.countdown .countdown-text.countdown-seconds { border-right: none; }
.countdown .countdown-text span { font-size: 80px; line-height: 85px; display: block; color: #f5f0e9; }
@media only screen and (max-width: 40em) { .countdown { height: auto; padding: 30px 0; }
  .countdown .countdown-text { width: 20%; max-width: 75px; }
  .countdown .countdown-text span { font-size: 33px; line-height: 30px; } }

.page-section-home-speakers { background: #6b150f url("../images/leaf-down-70.png") no-repeat left 50px; background-size: 190px; }
.page-section-home-speakers h2 { color: #f5f0e9; }
.page-section-home-speakers .column { padding: 5px; }

.page-section-home-sleepy-hollow { background: url("../images/lighthouse.jpg") no-repeat top center; background-size: cover; }
.page-section-home-sleepy-hollow h2 { color: #362732; }
.page-section-home-sleepy-hollow .column { padding: 5px 5px 15px; }

.discover-box { background: #f5f0e9; padding: 15px; }
.discover-box .discover-image { margin: -10px -10px 10px; }
.discover-box h6 { text-align: center; /*color:#362732;
font-weight:bold;*/ }

/*!/*##end##*/