* { box-sizing:border-box; }
body { margin:0px; height:100%; background-color:#1e1c19; color:#080808; font-family:'Montserrat','sans-serif'; font-size:15px; font-weight:300; line-height:1.25; }
a { color:#d0a620; font-weight:400; }
a:hover { color:#303030; text-decoration:underline; }
button:hover { cursor:pointer; }
div { box-sizing:border-box; -moz-box-sizing:border-box; }
div::-webkit-scrollbar { width:10px; }
div::-webkit-scrollbar-track { box-shadow:inset 0px 0px 5px #3f3f3f; border-radius:5px; }
div::-webkit-scrollbar-thumb { background:#6f6f6f; border-radius:5px; }
div::-webkit-scrollbar-thumb:hover { background: #3f3f3f; }
form { margin:0px; }
h1 { margin:0px; color:#f0f0f0; font-size:min(44px, 6.5vw); font-family:'Cormorant Garamond'; font-weight:normal; line-height:normal; }
h2 { margin:0px; color:#6f6f6f; font-size:18px; }
html { height:100%; }
p { margin:0px; line-height:1.8; }
input[type=checkbox] { margin:0px; }
input[type=radio] { margin:0px; }
input[type=text] { width:100%; box-sizing:border-box; font-size:inherit; }
input[type=password] { box-sizing:border-box; font-size:inherit; }
textarea { width:100%; font-family:inherit; font-size:inherit; color:#333333; box-sizing:border-box; }
select { font-size:inherit; }
table { border-collapse:collapse; border-spacing:0px; empty-cells:show; }
tr { }
td { padding:0px; box-sizing:border-box; }
img { display:block; }
ol { margin:0px; }
ul { margin:0px; padding-left:20px; }
li { margin-top:4px; }

/**** buttons ****/
div.button1-sm { border:1px solid #f0f0f0; padding:5px 8px 5px 10px; text-align:center; color:#f0f0f0; font-family:'Montserrat','sans-serif'; font-size:10px; letter-spacing:2px; }
div.button1-sm:hover { border:1px solid #d0a620; color:#d0a620; cursor:pointer; }
div.button1-md { border:1px solid #606060; padding:12px 15px 12px 18px; text-align:center; color:#3f3f3f; font-family:'Montserrat','sans-serif'; font-size:10px; font-weight:500; letter-spacing:3px; }
div.button1-md:hover { border:1px solid #d0a620; color:#d0a620; cursor:pointer; }
div.button2-md { background-color:#f0c640; padding:20px 30px 20px 33px; text-align:center; color:#303030; font-family:'Montserrat','sans-serif'; font-size:10px; letter-spacing:2.5px; font-weight:600; transition:background-color 0.3s; }
div.button2-md:hover { background-color:#ffe369; cursor:pointer; }

/**** Date Lists ****/
div.datalist { margin-left:-6px; margin-right:-6px; }
div.datalist-item { padding:0px 6px 12px 6px; }
div.datalist-item-contents-hover { position:relative; top:0px; height:100%; border-top:2px solid #e0b630; background-color:#e4e0d8; padding:9px 9px 9px 9px; transition:top 0.3s, background-color 0.3s, box-shadow 0.3s; }
div.datalist-item-contents-hover:hover { top:-3px; background-color:#f6f3ec; box-shadow:0px 2px 8px 0px rgba(0,0,0,0.3); }
div.datalist-item-contents-off { height:100%; border-top:2px solid #e0b630; background-color:#e4e0d8; padding:9px 9px 9px 9px; }

/**** fonts ****/
.font-link { color:#d0a620; font-weight:400; }
.font-link:hover { color:#303030; text-decoration:underline; }

.font-cmuted { color:#909090; }
.font-chighlighted { color:#e0b630; }
.font-cknockout { color:#f0f0f0; }

.font-famdefault { font-family:Arial,Verdana,Helvetica; }
.font-famnarrow { font-family:'PT Sans Narrow'; line-height:normal; }
.font-famtitle { font-family:'Cormorant Garamond'; line-height:normal; }

.font-lhmin { line-height:1; }
.font-lhdefault { line-height:1.25; }
.font-lhnormal { line-height:normal; }
.font-lhsmallparagraph { line-height:1.5; }
.font-lhparagraph { line-height:1.8; }

.font-sp3 { font-size:18px; }
.font-sp2 { font-size:17px; }
.font-sp1 { font-size:16px; }
.font-sm1 { font-size:14px; }
.font-sm2 { font-size:13px; }
.font-sm3 { font-size:12px; }
.font-sm4 { font-size:11px; }

.font-wp1 { font-weight:400; }
.font-wp2 { font-weight:500; }

/**** frames ****/
div.imageframe { border:1px solid #f6c636; background-color:#ffffff; padding:2px; }

div.imageframe1-off { border:1px solid #c06000; border-radius:10px; }
td.imageframe1-off { border:1px solid #c06000; border-radius:10px; }
div.imageframe1-hover { border:1px solid #c06000; border-radius:10px; }
div.imageframe1-hover:hover { border:1px solid #000000; }
div.imageframe2-on { border:1px solid #c06000; border-radius:10px; }
td.imageframe2-on { border:1px solid #c06000; border-radius:10px; }
div.imageframe2-off { border:1px solid #9f9f9f; border-radius:10px; }
div.imageframe2-hover { border:1px solid #9f9f9f; border-radius:10px; }
div.imageframe2-hover:hover { border:1px solid #c06000; }

div.panelframe1-off { border:1px solid #e0b630; border-radius:10px; background-color:rgba(0,0,0,0.05); padding:9px 9px 9px 9px; }
div.panelframe1-hover { border:1px solid #e0b630; border-radius:10px; background-color:rgba(0,0,0,0.05); padding:9px 9px 9px; }
div.panelframe1-hover:hover { border:1px solid #000000; }

/**** main nav ****/
#mainnav { font-family:'Montserrat', 'sans-serif'; font-size:11px; font-weight:400; letter-spacing:1.5px; text-transform:uppercase; white-space:nowrap; }
div.mainnav-item a { border:1px solid transparent; padding-bottom:4px; color:#f0f0f0; text-decoration:none; transition:color 0.5s; }
div.mainnav-item:hover a { color:rgb(224,182,48); border-bottom:1px solid rgb(224,182,48); }

/**** margin top ****/
.post-h1 { margin-top:12px; }
.post-h1small { margin-top:10px; }
.post-paragraph { margin-top:15px; }
.post-paragraphsmall { margin-top:12px; }

/**** mobile nav ****/
div.mobilenav-item { padding:20px 0px 0px 0px; font-size:17px; font-family:'Lato'; letter-spacing:1px; line-height:normal; }
div.mobilenav-item a { color:#303030; font-weight:300; transition:color 0.3s; }
div.mobilenav-item a:hover { color:#e0b630; text-decoration:none; }

/**** misc ****/
div.site-breadcrumb { font-size:11px; line-height:normal; }

div.contentbox { padding:12px; border:solid 1px rgba(255,255,255,0.2); border-radius:5px; background-color:rgba(255,255,255,0.05); box-shadow:inset 3px 3px 10px rgb(255 255 255 / 10%), 2px 2px 8px rgba(0 0 0 / 50%); }

.clickable:hover { cursor:pointer; }

