/**** Body ****/
/** Fonts */
@font-face { font-family: 'ververegular'; src: url("../fonts/verve-webfont.woff2") format("woff2"), url("../fonts/verve-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'verve_shadowregular'; src: url("../fonts/verveshadow-webfont.woff2") format("woff2"), url("../fonts/verveshadow-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'rounded_elegance_regularRg'; src: url("../fonts/rounded_elegance_regular-webfont.woff2") format("woff2"), url("../fonts/rounded_elegance_regular-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
/**** Body ****/
html { font-size: 17px; }

body { font-size: 1em; background: #eed7ae; color: #1f3300; font-family: "Gowun Dodum", sans-serif; }

/**** Paragraph ****/
p { margin: 0px; padding: 0px 0px 10px; }

/**** Links ****/
a, a:link, a:active, a:hover, a:visited { color: #1f3300; text-decoration: underline; border: none; }

a:hover { color: #000; text-decoration: underline; }

a.active { position: relative; z-index: 3; }

/**** Headings ****/
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; color: #1f3300; font-family: "ververegular", sans-serif; font-weight: normal; line-height: 1.1; }

h1 { font-size: 100px; margin: 0 0 20px; font-family: 'verve_shadowregular'; text-align: center; letter-spacing: -0.7pt; }
@media only screen and (max-width: 40em) { h1 { font-size: 60px; } }

h2 { font-size: 50px; margin: 0 0 15px; font-family: 'verve_shadowregular'; text-align: center; letter-spacing: -0.5pt; }
@media only screen and (max-width: 40em) { h2 { font-size: 45px; } }

h3 { font-size: 40px; margin: 0 0 10px; letter-spacing: -0.4pt; }
@media only screen and (max-width: 40em) { h3 { font-size: 34px; } }

h4 { font-size: 32px; margin: 0 0 8px; letter-spacing: -0.2pt; }
@media only screen and (max-width: 40em) { h4 { font-size: 27px; } }

h5 { font-size: 26px; margin: 0 0 5px; letter-spacing: -0.1pt; }
@media only screen and (max-width: 40em) { h5 { font-size: 24px; } }

h6 { font-size: 22px; margin: 0 0 5px; letter-spacing: -0.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 ****/
/**** Header ****/
/**** Menu ****/
#menu-main a { font-family: "ververegular", sans-serif; }
@media only screen and (max-width: 40em) { #menu-main { position: absolute; z-index: 2; top: 0px; left: -225px; width: 225px; background: #fff; 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) {
	display:block;
}*/ }

/**** Content ****/
#content { padding: 0 50px; min-height: 350px; }
@media only screen and (max-width: 40em) { #content { padding: 0 15px; } }

/**** Footer ****/
/**** 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: #1f3300; color: #fff; padding: 10px 20px; font-size: 1.2em; font-family: "ververegular", sans-serif; line-height: 1; margin-top: 2px; cursor: pointer; }
.accordion-top.accordion-2 { background: #1f3300; }
.accordion-top.accordion-3 { background: #1f3300; }
.accordion-top:after { content: '\25BA'; display: block; float: right; }
.accordion-top.accordion-open:after { content: '\25BC'; }

.accordion-bottom { display: none; border: 1px solid #1f3300; padding: 15px 20px 0px; margin-bottom: 10px; }
.accordion-bottom.accordion-2 { border-color: #1f3300; }
.accordion-bottom.accordion-3 { border-color: #1f3300; }

/** Candle */
#candle { height: 420px; width: 100%; background: url(../images/candle-1.png) repeat-x top center; background-size: cover; position: relative; z-index: 3; }

#candle-glow { width: 200px; height: 200px; position: absolute; z-index: 2; left: 50%; top: 20px; margin-left: -100px; background: url(../images/candle-glow-1.png) no-repeat center center; opacity: 0.5; animation-name: glow; animation-duration: 1s; animation-iteration-count: infinite; }

@keyframes glow { 0% { opacity: 0.5; }
  50% { opacity: 0.65; }
  100% { opacity: 0.5; } }
/** Candle 2  https://codepen.io/shorinamaria/pen/VbepBe */
.candle-container { display: flex; margin: 0; position: fixed; z-index: 3; width: 100%; height: 100%; overflow: hidden; }

.candle { width: 34px; margin: 30px auto 0 auto; position: relative; height: 30%; align-self: flex-end; animation: blink .1s infinite; }

.wick { position: absolute; width: 6px; height: 50px; background: #23161a; top: 60px; left: 50%; transform: translateX(-50%) skewX(2deg); border-radius: 10%; box-shadow: 0 0 2px 0px black; }
.wick:before { content: ''; position: absolute; width: 0; left: 50%; height: 10px; box-shadow: 0 -14px 10px 8px white, 0 -10px 10px 8px rgba(255, 215, 0, 0.7), 0 -3px 10px 8px rgba(255, 106, 0, 0.7), 0 6px 3px 4px black; }
.wick:after { content: ''; position: absolute; left: 50%; bottom: 0; width: 0px; height: 0px; box-shadow: 0 5px 2px 3px gold, 0 20px 2px 14px gold, 0 -6px 4px 5px rgba(98, 33, 27, 0.8), 0 0px 1px 4px rgba(255, 106, 0, 0.7), 0 0px 3px 4px #b59b55, 0 5px 3px 4px gold; }

.flame { width: 20px; height: 100px; margin: 0px auto; position: relative; animation: move 3s infinite, move-left 3s infinite; transform-origin: 50% 90%; }
.flame .top { width: 20px; height: 100%; position: absolute; top: 0; left: 0; background: #f5eed9; border-top-left-radius: 500%; border-bottom-left-radius: 50px; border-top-right-radius: 500%; border-bottom-right-radius: 50px; transform: skewY(-10deg); box-shadow: 0 0px 0px 3px #f5eed9, 0 -20px 1px 4px #f5eed9, 0 -25px 2px 3px gold, 0 -30px 5px 4px #b59b55, 0 0px 150px 10px #b59b55, 0 -10px 2px 4px #f5eed9, 0 -5px 3px 3px #f5eed9; animation: flame-up 4s infinite; }
.flame .shadows { position: absolute; left: 50%; top: 0; width: 1px; height: 10px; border-radius: 50%; box-shadow: 0 5px 20px 15px gold, 0 0px 100px 20px #b59b55, 0 15px 50px 15px #b59b55, 5px 30px 5px 13px #b59b55, 5px 50px 5px 13px #b59b55, 0 75px 50px 30px black; }
.flame .bottom { transform: scale(0.9); position: absolute; bottom: 6px; left: 9px; width: 1px; height: 8px; border-radius: 1%; background: #2c2b39; box-shadow: 0 6px 10px 12px rgba(60, 76, 125, 0.3), 0 0px 4px 8px #2c2b39, 0 -12px 10px 8px rgba(255, 106, 0, 0.5), 0 5px 7px 12px #2c2b39, 0 -3px 10px 12px #2c2b39, 5px -10px 10px 5px red, 0 -15px 10px 10px gold, 5px -25px 10px 5px gold, 0 2px 5px 10px #30537d, 0 -2px 2px 14px #76daff, 0 2px 10px 12px #76daff; }

.wax { position: relative; top: 15px; width: 100%; height: 100%; background: #e1b439; background: -moz-linear-gradient(top, #e1b439 0px, #e1b439 20px, #58523a 50px); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #e1b439 0px, #e1b439 20px, #58523a 50px); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #e1b439 0px, #e1b439 20px, #58523a 50px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9224', endColorstr='#58523a',GradientType=0 ); /* IE6-9 */ border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: inset 0 7px 12px -2px #b9ac68, inset 0 9px 57px -3px rgba(255, 0, 0, 0.4), inset 0 -5px 8px 2px black, 0 0 3px 0px #b59b55; }

@keyframes move { 0% { transform: skewX(2deg) skewY(5deg); }
  50% { transform: skewX(-2deg) skewY(0deg); }
  100% { transform: skewX(2deg) skewY(5deg); } }
@keyframes move-left { 50% { transform: skewX(3deg); } }
@keyframes flame-up { 50% { box-shadow: 0 0px 0px 3px white, 0 -38px 1px 2px white, 0 -41px 2px 3px gold, 0 -50px 5px 4px #b59b55, 0 0px 150px 10px #b59b55, 0 -10px 2px 4px white, 0 -5px 3px 3px white; } }
@keyframes blink { 50% { opacity: 0.95; } }
/** Darkness */
.darkness-top { width: 100%; height: 20%; position: fixed; z-index: 2; top: 0; left: 0; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(6, 6, 4, 0.8) 60%, rgba(6, 6, 4, 0.95) 80%, #060604 100%); }

.darkness { width: 100%; height: 25%; position: fixed; z-index: 2; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(6, 6, 4, 0.8) 60%, rgba(6, 6, 4, 0.95) 80%, #060604 100%); }

.darkness-left { width: 20%; height: 100%; position: fixed; z-index: 2; top: 0; left: 0; background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(6, 6, 4, 0.8) 35%, #060604 100%); }
@media only screen and (max-width: 1024px) { .darkness-left { width: 7%; } }
@media only screen and (max-width: 800px) { .darkness-left { width: 4%; } }
@media only screen and (max-width: 40em) { .darkness-left { display: none; } }

.darkness-right { width: 20%; height: 100%; position: fixed; z-index: 2; top: 0; right: 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(6, 6, 4, 0.8) 35%, #060604 100%); }
@media only screen and (max-width: 1024px) { .darkness-right { width: 7%; } }
@media only screen and (max-width: 800px) { .darkness-right { width: 4%; } }
@media only screen and (max-width: 40em) { .darkness-right { display: none; } }

.darkness-circle { width: 100%; height: 200%; position: fixed; z-index: 2; bottom: -80%; left: 0; background: radial-gradient(circle, rgba(255, 255, 255, 0) 50%, rgba(6, 6, 4, 0.8) 75%, #060604 100%); }

/** Misc */
.text-center { text-align: center; }

.hr { /*margin:20px auto;
width:170px;
height:60px;
background:url(../images/hr.gif) center center no-repeat;
background-size:contain;*/ margin: 40px auto 50px; width: 151px; height: 20px; background: url(../images/hr-1.png) center center no-repeat; background-size: contain; }

.deer { margin-top: -15px; }
.deer img { width: 400px; max-width: 80%; }

.image-border { padding: 8px; border: 1px solid #1f3300; width: 300px; margin-right: 10px; }
@media only screen and (max-width: 40em) { .image-border { width: 100%; margin: 0 0 5px; } }

.image-width-600 { width: 615px; }

/*!/*##end##*/
