@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
}
body{
background-color:#2d2824;
}
p {
  text-shadow: 0px 0px black !important;
  font-family: 'Quicksand', sans-serif !important;
}
.website-content p {
  font-size: 16px;
  color: #fff0d6;
  font-family: 'Quicksand', sans-serif !important;
}
.website-content a{
color: #fff0d6;
}
.content_list_category {
  background-color: #000;
  margin-bottom: 15px;
}
.content_list_category h2 {
  color: #fff !important;
  font-family: 'Quicksand', sans-serif;
}
.content_list li p {
  margin-bottom: 0px;
  font-family: 'Quicksand', sans-serif;
  text-shadow: 0 0 black;
  color: #fff0d6 !important;
}
.content_list li .note {
  color: #fff0d6 !important;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
}
.content_list li strong {
  font-family: 'Quicksand', sans-serif;
  color: #fff0d6 !important;
  padding-bottom: 10px;
}
.menu_system_links {
  background-color: #000;
  margin: auto;
}
.menu_system_content {
  padding: 20px 20px 0px 20px;
  border-radius: 0px 0px 0px 0px !important;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  text-shadow: 0 0 black !important;
  margin: auto;
}
.menu_system_content table {
  font-family: 'Quicksand', sans-serif;
  font-size: 20px;
  color: #fff0d6
}
.stackable-block .top2 {
  margin-bottom: 10px;
}
#link_1117 {
  border-top: 1px solid #FED793;
  border-bottom: 1px solid #FED793;
}
.website-navigation {
  text-align: center;
  padding: 10px 0px 0px 0px;
  margin-right: 0;
  background: #3b1200;
  border-bottom: 0px;
}
.top2 h1, .stackable-block h1 {
  width: 100%;
  text-align: center;
  padding: 10px 0px 10px 0px;
  margin-bottom: 20px;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  font-size: 32px;
  color: #FED793;
  text-shadow: 0px 0px 5px black;
  text-transform: uppercase;
}
.primary-div-gallery {
  background: rgba(0, 0, 0, 0.5) !important;
  padding: 20px;
}
.rpwb_photo_gallery ul li {
  margin-bottom: 10px;
}
.btn1 {
  text-align: center;
  width: 100%;
  max-width: 250px;
  margin: 15px auto;
  background: #932109;
  padding: 10px;
display:block;
}
.btn1 a {
  color: #fff;
  font-size: 16px;
}
#modal_window {
  text-align: center;
  max-width: 425px;
  width: 100%;
background:rgba(0,0,0,0.8);
color:#fff;
}
#modal_closer {
  padding: 10px;
  background: #000;
  text-align: right;
}
#modal_closer button {
  padding: 5px;
  background-color: #fff;
  border-radius: 5px;
  font-variant: small-caps;
}
#modal_content {
  padding: 10px;
}
.website-social a:link img {
  filter: invert(100%);
}
.website-navigation ul {
  width: 100%;
}
.website-navigation li {
  font-size: 18px;
  letter-spacing: 0px;
  padding-bottom: 10px;
  width: 100%;
}
.website-navigation li a {
  color: #FED793 !important;
  font-size: 18px;
  text-shadow: none;
  width: 100%;
  font-family: 'Quicksand', sans-serif !important;
}
.website-navigation li a:hover {
  color: #fff0d6 !important;
  letter-spacing: 0px;
  transition-timing-function: ease-out;
  transition-duration: 0.2s;
}
.viewing {
  display: none;
}
.custom_page_body {
  padding: 10px;
}
.custom_page_body p {
  font-size: 20px;
  color: #fff0d6 !important;
  font-family: 'Quicksand', sans-serif !important;
}
.giftcert-btn {
  padding: 15px;
  background: #253475;
  border-radius: 20px;
  color: #fff;
  font-size: 24px;
  box-shadow: 0 0 12px black;
  margin: 15px auto;
}
.giftcert-btn a {
  color: #fff;
}
.menu_system_links li a {
  font-family: 'Quicksand', sans-serif !important;
}
.menu_system_links li a:hover {
  color: #fff !important;
}
.menu_system_links_li_selected a {
  text-decoration: underline;
  color: #fff !important;
}
.website-navigation-shell {
  background: #932109;
  color: #fff;
  padding: 0px;
}
.address-and-phone {
  padding: 10px 0px 10px 0px;
  font-weight: 300;
  font-size: 16px;
  font-family: 'Quicksand', sans-serif !important;
}
.address-and-phone li {
  padding: 0px !important;
}
.website-logo-link {
  margin-bottom: 25px;
  display: block;
  padding-top: 15%;
  max-width: 200px;
  margin: 0 auto;
}
.mobile-phone {
  display: none;
}
.website-background {
  filter: brightness(100%);
}
#wc_indexhtmlvar, #wc_homea, #wc_homeb, #wc_homec, #wc_privatedininga, #wc_privatediningb, #wc_reserveatable, #wc_catering, #wc_contact, #wc_hours, #wc_directions, #wc_giftcard, #wc_events, #wc_outdoordining, #wc_privatedining, #wc_menu, #wc_winelist, #wc_gallery, #wc_desserts, #wc_happyhour, #wc_reserveatableb, #wc_outdoordiningb, #wc_recipes {
  padding: 0;
}
.end-block {
  display: none;
}
a {
  color: #fff;
}
content_list column2 {
  column-count: 2 !important;
}
.stackable-block .top3 {
  text-align: left;
}
#rpwbfooter {
  text-align: right;
  color: #fff;
}
.external-page {
  height: 95vh;
}
.column2:first-of-type {
  column-count: 2 !important;
}
.custom_page_header {
  font-family: 'Quicksand', sans-serif !important;
  color: #fff !important;
  background: #000 !important;
  margin-top: 20px;
}
.website-snippet-hours {
  font-family: 'Quicksand', sans-serif !important;
  margin-top: 10px !important;
}
.flipster__button {
  color: #fff !important;
  opacity: 1 !important;
}
#rpwbfooter {
  text-align: right;
  color: #fff;
  background: #000;
}
#rpwbfooter a {
  color: #fff;
}
.media_caption_group {
  display: none;
}
#stackable-block primary-div primary-div-desserts {
  animation: none !important;
  -moz-animation: none !important;
  -webkit-animation: none !important;
}
#sb1_3176, #sb1_3178, #sb1_3180 {
  background: #000;
  animation: none !important;
  -moz-animation: none !important;
  -webkit-animation: none !important;
  height: 100px;
}
.website-navigation li:first-of-type {
  background-color: #932109 !important;
  border-radius: 0;
}
.takeout, .happyhour {
  padding-top: 10px;
}
.holidayparty{
color:#fff;
font-size:28px;
text-align:center;
    font-family: 'Raleway', sans-serif;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding:5px 0px 5px 0px;
margin-bottom:20px;
}
.forced_notice_menu{
text-align:center;
}
@media only screen and (max-width: 1027px){
#sb0_3006_spot3, #sb0_2787_spot3, #sb0_3238_spot3, #sb0_3239_spot3 {
    height: auto !important;
  }
}
@media only screen and (max-height: 850px) {
#sb0_3006_spot3, #sb0_2787_spot3 {
    height: auto !important;
  }
  .website-logo-link {
    padding-top: 10%;
  }
  .address-and-phone {
    font-size: 12px;
  }
.address-and-phone a{
color:#fff;
}
  .website-snippet-hours {
    margin-top: 0px !important;
    font-size: 12px;
  }
  .website-social {
    margin-top: 10px;
  }
  .website-social a:link img {
    height: 25px;
    width: 25px;
  }
  .takeout {
    padding: 4px 0px 2px 0px;
  }
  .happyhour {
    padding: 2px 0px 2px 0px;
  }
  .website-navigation li {
    padding-bottom: 5px;
  }
  .website-navigation li a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .website-navigation {
    visibility: visible !important;
    height: auto;
  }
  .website-navigation li {
    background-color: rgba(0, 0, 0, 0) !important;
    border-radius: 10px;
    margin-top: 5px;
    margin-bottom:5px;
  }
  .mobile-navbutton {
    background-color: lightgrey;
    display: none;
  }
  .website-navigation li:first-of-type {
    background-color: #932109 !important;
    border-radius: 0;
  }
  a {
    color: #000;
  }
  #modal_window {
    max-width: 350px !important;
  }
  .website-logo-link {
    padding: 25px 10px 0px 10px !important;
  }
  .column2, .column2:first-of-type {
    column-count: 1 !important;
  }
  #rpwbfooter {
    text-align: center;
    bottom: 0;
    width: 100%;
  }
  .mobile mobile-address {
    padding-top: 0px;
  }
  .top3:nth-child(2) {
    margin: 0;
  }
#sb0_3015_spot3{
background:rgba(0,0,0,0.4) !important;
}
#sb0_3015_spot3, #sb0_3182_spot3{
height:auto !important;
}
#sb0_3006_spot1, #sb0_3006_spot2, #sb0_3034_spot1, #sb0_3034_spot2, #sb0_2787_spot1, #sb0_2787_spot2, #sb0_3015_spot1, #sb0_3015_spot2, #sb0_576_spot1, #sb0_576_spot2, #sb0_569_spot1, #sb0_569_spot2, #sb0_3182_spot1, #sb0_3182_spot2{
display:none;
}
.website-background img{
position: fixed;
}
#body_page_362 .website-background img{
content: url(https://sofiaofmargate.com/static/1199/mobile-home.jpg);
}
#body_page_364 .website-background img{
content: url(https://sofiaofmargate.com/static/1199/mobile-menu.jpg);
left: -120px !important;
}
#body_page_1382 .website-background img{
content: url(https://sofiaofmargate.com/static/1199/mobile-happyhour.jpg);
}
#body_page_1383 .website-background img{
content: url(https://sofiaofmargate.com/static/1199/mobile-desserts.jpg);
left: -120px !important;
}
#body_page_1295 .website-background img{
content: url(https://sofiaofmargate.com/static/1199/mobile-winelist.jpg);
}
#body_page_1319 .website-background img{
content: url(https://sofiaofmargate.com/static/1199/mobile-outdoordining.jpg);
}
#body_page_1299 .website-background img{
content: url(https://sofiaofmargate.com/static/1199/mobile-privatedining.jpg);
}
#body_page_1322 .website-background img{
content: url(https://sofiaofmargate.com/static/1199/mobile-giftcards.jpg);
}
#body_page_369 .website-background img{
content: url(https://sofiaofmargate.com/static/1199/mobile-home.jpg);
}
#body_page_367 .website-background img{
content: url(https://sofiaofmargate.com/static/1199/mobile-contactus.jpg);
}
#body_page_1384 .website-background img{
content: url(https://sofiaofmargate.com/static/1199/mobile-reservations.jpg);
}
}
/*---END MOBILE---*/