/***********SOCXS Font***********/
 
/***********SOCXS Style***********/
 /**Backgound Styles**/
/*Page Background Styles*/
/*Main Body Background Color*/
/* Main Body Background Image*/
/*Body Repeat*/
/*Body Horizontal Position*/
/*Body Vertical Position*/
/*Body Attachment (Scroll/noscroll/fixed*/
/*Page Container Styles*/
/*Container Background Color*/
/*Container Image*/
/*Container Repeat*/
/*Container Horizontal Postion*/
/*Container Vertical Position*/
/*Container attachment (Scroll/Nosroll Fixed*/
/*Container vertical padding*/
/*Container Horizontal Padding*/
/************Frame Styles*******************************/
/*Frame Title*/
/*Horizontal*/
/*Vertical*/
/*Size*/
/*Weight*/
/*Font*/
/*Link*/
/*Frame Content*/
/*Horizontal*/
/*Vertical*/
/*Frame Margin*/
/*Frame*/
/*Frame Border*/
/*Thickness*/
/*Type*/
/*Radius*/
/*Border*/
/*Frame Shadow*/
/*Horizontal*/
/*Vertical*/
/*Blur*/
/*Spread*/
/*Shadow*/
/*************************Card Styles***********************/
/*User*/
/*Size*/
/*Weight*/
/*Text*/
/*User*/
/*Card Settings*/
/*Vertical-top*/
/*Vertical-Bottom*/
/*Horizontal*/
/*Card*/
/*Side Margin*/
/*Card Margin*/
/*Card Paragraph Styles*/
/*Horizontal Padding*/
/*Veritcal Padding*/
/*Horizontal Margin*/
/*Vertical Margin*/
/*Size*/
/*Text*/
/*Link*/
/*Footer*/
/*Card Separator*/
/*Thickness*/
/*Type*/
/*Separator*/
/*Card Border*/
/*Thickness*/
/*Type*/
/*Radius*/
/*Border*/
/*Card Shadow*/
/*Horizontal*/
/*Vertical*/
/*Blur*/
/*Spread*/
/*Shadow*/
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/* Miscellenaous Mixins */
.sxst-body {
  background-color: #dddddd;
  background-image: url('https://visitpenang.socxs.com/sx/api/v2/site/visitpenang/page/Eat/style/custom?isPreview=False');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top;
}
.socxs-page-container {
  background-color: white;
  background-image: url('https://visitpenang.socxs.com/sx/api/v2/site/visitpenang/page/Eat/style/custom?isPreview=False');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position-x: center;
  background-position-y: top;
}
@media (min-width: 992px) {
  .socxs-page-container {
    padding: 15px 15px;
  }
}
.sxst-module {
  position: relative;
}
.sxst-module .panel-body {
  border: 0;
  padding: 0;
}
.sxst-frame {
  background-color: #efefef;
  border: 1px solid #efefef;
  margin: 20px;
  padding: 10px 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 4px 4px 2px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 4px 4px 2px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 4px 4px 2px 0px rgba(0, 0, 0, 0.5);
}
.sxst-frame .panel-heading {
  font-size: xx-larger;
  font-weight: 400;
  color: black;
  border: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 10px 10px 10px;
}
.sxst-card {
  border: 0px #efefef solid;
  background-color: #cccccc;
  margin: 10px 8px;
  padding: 20px 20px 10px 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.35);
}
.sxst-card:first-child {
  /* This is needed to override Bootstrap media's zero margin on first-child */
  margin-top: 8px;
}
.sxst-card h4.media-heading {
  display: inline-block;
  color: #181818;
  font-size: xx-larger;
  font-weight: bold;
}
.sxst-card h4.media-heading a {
  color: blue;
}
.sxst-card h4.media-heading a:hover {
  text-decoration: underline;
}
.sxst-card .media-body {
  padding: 10px 10px;
  margin: 10px 0px;
  color: #333300;
  font-size: 18px;
  word-break: break-word;
}
.sxst-card .media-body a {
  color: blue;
}
.sxst-card .table {
  background-color: transparent;
  color: #333300;
}
.sxst-card .table > tbody > tr > th,
.sxst-card .table > thead > tr > th,
.sxst-card .table > tfoot > tr > th,
.sxst-card .table > thead > tr > td,
.sxst-card .table > tbody > tr > td,
.sxst-card .table > tfoot > tr > td {
  border-top: none;
}
.sxst-profile img {
  max-width: 100%;
}
.sxst-card-footer a {
  color: #ff2200;
  margin: 10px;
}
.sxst-card-footer hr {
  margin-top: 8px;
  margin-bottom: 8px;
  border-top: 1px solid #dddddd;
}
.sxst-card-footer .fa {
  /* Share Icons */
  font-size: large;
  color: #ff2200;
}
.sxst-card-no-padding {
  padding: 0 0 0 0;
  margin: -20px -20px 10px -20px;
}
.sxst-card-no-padding img {
  max-width: 100%;
  border-radius: 6px;
}
.sxst-comment .user-pic {
  width: 50px;
  height: 50px;
}
.sxst-comment .user-pic img {
  width: 50px;
  height: 50px;
}
.sxst-comment .media-body .media-heading {
  font-size: xx-larger;
}
.sxst-comment .media-body .media-heading a {
  color: blue;
}
.sxst-comment .media-body .media-heading a:hover {
  text-decoration: underline;
}
.modal-body .sxst-card {
  background-color: white;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 2px 2px 2px 0px white;
  -moz-box-shadow: 2px 2px 2px 0px white;
  box-shadow: 2px 2px 2px 0px white;
}
.modal-body .sxst-card h4.media-heading {
  color: black;
}
.modal-body .sxst-card h4.media-heading a {
  color: #666666;
}
.modal-body .sxst-card .media-body {
  color: black;
}
.modal-body .sxst-card .media-body a {
  color: blue;
}
.modal-body .sxst-card-footer a {
  color: #666666;
}
.modal-body .sxst-card-footer hr {
  margin-bottom: 0;
  border-top: white;
}
.modal-body .sxst-card-footer .fa {
  /* Share Icons */
  color: #666666;
}
.modal-body .sxst-comment .media-body .media-heading {
  color: black;
}
.modal-body .sxst-comment .media-body .media-heading a {
  color: #666666;
}
/***********Page Info2*************/

.page-info-module {
  padding: 20px;
  color: #333300;
}
.page-info-module h3 {
  display: block;
  padding: 10px 10px;
  color: blue;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 300 !important;
}
.page-info-module h4 {
  padding: 10px 10px;
  margin-top: 0;
  margin-bottom: 0;
  color: #333300;
  font-size: 18px;
  font-weight: 300 !important;
}
.page-info-module p {
  padding-left: 10px;
  padding-right: 10px;
}
.page-info-module .info-details {
  /* Be VERY careful with this, breaks normal words wh_erever */
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.page-info-module .info-details .fa {
  float: left;
  margin-top: 3px;
  padding-left: 30px;
  margin-right: 10px;
}
.page-info-module .info-details p {
  float: left;
  padding-left: 0;
}
.page-info-module .info-details p a {
  color: #333300;
}
.socxs-gallery {
  margin: 10px 0px;
}
/* Override font-family if changed. Overriding it allows us not to touch bootstrap theme at all */
body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.tooltip,
.popover {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*Size*/
/*Weight*/
/*Size*/
/*Weight*/
/*Size*/


/***********SOCXS Site css***********/
 
/***********SOCXS Page css***********/