:root {
    --main-whte:#FEFEFE;
    --main-blck:#181818;
    --main-rdgn:#C8D400;
    --main-orng:#EF8F05;
    --main-mdgy:#808080;
    --main-ltgn:#A5B27D;
    --main-mdgn:#A5B27D;
}
@font-face {font-family:'GillSans'; src:url("GIL_Sans.eot"); src:url("GIL_Sans.TTF");}
@font-face {font-family:'GillSansBold'; src:url("GIL_Sans_Bold.eot"); src:url("GIL_Sans_Bold.TTF");}

.background-main-whte {background-color:var(--main-whte);}
.background-main-blck {background-color:var(--main-blck);}
.background-main-rdgn {background-color:var(--main-rdgn);}
.background-main-orng {background-color:var(--main-orng);}
.background-main-mdgy {background-color:var(--main-mdgy);}
.background-main-ltgn {background-color:var(--main-ltgn);}

.color-whte {color:var(--main-whte);}
.color-blck {color:var(--main-blck);}
.color-rdgn {color:var(--main-rdgn);}
.color-orng {color:var(--main-orng);}
.color-mdgy {color:var(--main-mdgy);}
.color-ltgn {color:var(--main-ltgn);}
.color-mdgn {color:var(--main-mdgn);}

.gsb {font-family:'GillSansBold';}

.txtwdctr {width:90%; margin-left:auto; margin-right:auto;}

.fw700 {font-weight:700;}
.fw900 {font-weight:900;}

.ls1 {letter-spacing:1px;}
.ls2 {letter-spacing:2px;}

.em08 {font-size:0.8em;}
.em09 {font-size:0.9em;}
.em12 {font-size:1.2em;}
.em15 {font-size:1.5em;}
.em17 {font-size:1.7em;}
.em2 {font-size:2em;}

body {overflow-x:hidden; font-family:'GillSans'; background-color:#C4C5C9; font-size:18px; color:var(--main-blck); box-sizing:border-box; margin:0; line-height:160%;}
div {box-sizing:border-box;}
a {text-decoration:none;}
p {letter-spacing:0.5px;}

div.sheetctr {max-width:1100px; -webkit-box-shadow:0px 0px 36px -1px rgba(0,0,0,0.75); -moz-box-shadow:0px 0px 36px -1px rgba(0,0,0,0.75); box-shadow:0px 0px 36px -1px rgba(0,0,0,0.75); width:90%; margin:0 auto; background-color:#fff;}
div.container {width:100%; max-width:100%; margin-left:auto; margin-right:auto; background-color:#ffffff; -webkit-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);  -moz-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); border-radius:0.75rem; padding:0;}
div.logo {position:relative; left:3em; top:3em; display:inline-block; z-index:10;}

div.topmenu {padding:2.2em 0 2em 3em;}
div.topmenu a {margin-left:3em; vertical-align:top; text-transform:uppercase; font-size:1em; font-weight:bold; letter-spacing:1px; line-height:1.7em; border-bottom:1px solid rgba(235, 122, 0 ,0); transition:border-bottom 300ms;}
div.topmenu a:hover {border-bottom:1px solid rgba(235, 122, 0, 1);}

div.menubox img {max-width:45px;}
div.mainbit img {width:100%;}
div.maintxt {padding:1em 3em 1em 4em;}


 /**************************************************************************************************************************/
.header-black {width:100%; color:var(--main-orng); padding:2rem 3rem; display:flex; align-items:center; position:relative; box-sizing:border-box;}
.header-title {font-size:1.5rem; font-weight:bold; margin:0;}
.hamburger-icon {display:flex; flex-direction:column; justify-content:space-around; width:3.5em; height:3em; background:transparent; border:none; cursor:pointer; padding:0;
z-index:1001;}
.hamburger-icon span {display:block; width:100%; height:3px; background-color:var(--main-whte); border-radius:3px; transition:all 0.3s ease-in-out;}
a.meetmakers {color:var(--main-whte); margin-left:3em; text-transform:uppercase; font-size:1em; font-weight:bold; letter-spacing:1px; line-height:1.7em; border-bottom:2px solid rgba(235, 122, 0 ,0); transition:border-bottom 300ms;}
a.meetmakers:hover {border-bottom:2px solid #FFF;}
.slide-menu {position:fixed; top:0; left:-45%; width:25%; height:100%; background-color:#222; color:var(--main-whte); padding-top:90px; transition:left 0.3s ease-in-out; z-index:1000;}
.slide-menu.active {left:0; min-width:200px;}
.slide-menu ul {list-style:none; padding:0; margin:0;}
.slide-menu li a {display:block; font-size:1.3em; padding:1rem 1.5rem; text-decoration:none; color:var(--main-whte); border-bottom:1px solid #333; transition:background-color 0.2s ease-in-out;}
.slide-menu li a:hover {background-color:#444;}
.overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:999;}
.overlay.active {display:block;}
/**************************************************************************************************************************/

div.rtlogojoin {float:right; padding:2em 0 0 2em; text-align:center;}
div.rtlogojoin img {max-width:280px;}
img.joinhandmade {display:block; margin-top:2em; max-width:260px;}
p.em2 {text-wrap:pretty; width:50%; margin:0.7em 0;}
p.opening {margin:0;}
p.hours {margin-top:0.3em;}

img.homeimg1 {width:60%; margin-bottom:2em;}
a.joinlk2 {display:none;}

div.glrydiv {padding:1em 2em 2em 2em; width:100%;}
div.glrydiv p {color:#fff;}

.scroll-container {overflow-x:auto; white-space:nowrap; padding-top:1rem;}
::-webkit-scrollbar{height:4px;}
::-webkit-scrollbar-thumb:horizontal{background:#fff; border-radius:10px;}
.image-wrapper {display:inline-flex; gap:1rem;}
.image-card {background-color:#e5e7eb; overflow:hidden; box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); transform:scale(1); transition:transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; width:13rem; height:17rem;}
.image-card img {width:100%; height:100%; object-fit:cover;}

img.abtimg {margin:1em 0; max-width:640px; width:100%; height:auto;}

/***************************************************************************************************************************/

div.artbox {width:100%; background-color:#F8931D; padding:3em;}
div.artbox h3 {color:#FFFFFF; font-size:16px; font-weight:bold; margin:0 0 1em 0;}
div.artcols {column-count:3; font-size:1em;}
div.artcols a {color:var(--main-blck); display:table; margin-bottom:6px; border-bottom:1px solid #F8931D; transition:border-bottom 300ms;}
div.artcols a:hover {border-bottom:1px solid rgba(255, 255, 255, 1);}

/***************************************************************************************************************************/

div.theftr {padding:2em 2em 2em 2em; width:100%;}
div.ftrflex {display:flex; justify-content:flex-start; width:100%; gap:2em; box-sizing:border-box;}
div.ftrflex a.marlftato {margin-left:auto;}
div.ftrflex a.marlftato img {max-height:50px;}
div.ftrflex div.copywrt p  {margin:12px 0 0 0;}
@media (max-width:1000px) {
    div.rtlogojoin {width:42%;}
    div.rtlogojoin img {width:100%;}
    div.ftrflex {gap:1.5em;}
}
@media (max-width:565px) {
    div.ftrflex div.em15 p {font-size:0.8em !important;}
    div.ftrflex a.marlftato img {max-height:40px; margin-top:3px;}
}
@media (max-width:500px) {
    div.theftr {padding:1em;}
    div.ftrflex {gap:0.8em;}
}
@media (max-width:470px) {
    div.ftrflex {gap:0.6em;}
    div.ftrflex div.copywrt p {font-size:0.85em}
    div.ftrflex a.marlftato img {max-height:40px;}
/*    div.ftrflex {flex-direction:column;}
    div.ftrflex a.marlftato {margin-left:0;}*/
}

/***************************************************************************************************************************/
/* Contact Us                                                                                                              */
section.contactus {color:var(--main-dkgy);}
form#contact-form fieldset {border:none; display:flex; flex-direction:column; gap:1.7em; margin:0; padding:0;}
form#contact-form fieldset input[type=text], form#contact-form fieldset input[type=email], form#contact-form fieldset input[type=number], form#contact-form fieldset textarea {border:1px solid var(--main-ltgy); background-color:var(--main-orng); padding:1em; font-family:Roboto; font-size:1em; box-sizing:border-box; width:100%; max-width:600px;}
form#contact-form fieldset textarea {height:8em;}
form#contact-form fieldset input[type=text]::placeholder, form#contact-form fieldset input[type=email]::placeholder, form#contact-form fieldset input[type=number]::placeholder, form#contact-form fieldset textarea::placeholder {color:var(--main-blck);}
form#contact-form fieldset input[type=submit] {padding:0.7em 2em 0.7em 2em; background-color:var(--main-orng); color:var(--main-whte); font-size:1.1em; letter-spacing:2px;}
form#contact-form fieldset input[type=submit]:hover {color:var(--main-blck); cursor:pointer;}
/****************************************************************************************/


@media (min-width:768px) {
    .image-wrapper {gap:1.5rem; margin-bottom:1em;}
}
@media (max-width:800px) {
    div.sheetctr {width:100%;}
    .txtwdctr {width:98%;}
    div.maintxt {width:100%; padding:1em 2em 1em 2em;}
    /*div.rtlogojoin {float:none; padding:1em 0 0 0; text-align:left;}*/
    p.em2 {width:100%;}
    img.joinhandmade {display:none;}
    img.homeimg1 {width:100%;}
    a.joinlk2 {display:block;}
    a.joinlk2 img {margin-bottom:1em; max-width:260px;}
    div.artcols {column-count:2;}
}
@media (max-width:550px) {
    div.maintxt {padding:1em;}
}
@media (max-width:500px) {
    .txtwdctr {width:100%;}
    div.artcols {column-count:1;}
}