/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.stylist { min-height: 200px;}

ul#menu-secondary a{     
        font-family: "Lato", sans-serif;
	font-size: 0.8em; /* = 30px */
        color: 	#BEBEBE

}
ul#menu-secondary a:hover{     

	font-size: 0.8em; /* = 30px */
        color: 	#FFFFFF

}
.openinghours {
    font-family:Lucida Console;
    border-radius:4px;
    margin:10px;
    box-shadow: 0 0 10px black;
    padding:0 10px 0 10px;
    overflow: hidden;
    display: inline-block;
}
.openinghourscontent {
    float:left;
}
.openinghourscontent h2 {
    display:block;
    text-align:center;
    margin-top:.33em;
}
.openinghourscontent button {
    color:white;
    font-family:Courier New;
    font-size:large;
    font-weight:bolder;
    background-color:#4679BD;
    border-radius:4px;
    width:100%;
    margin-bottom:10px;
}
.today {
    color: #8AC007;
}
.opening-hours-table tr td:first-child {
    font-weight:bold;
}
#open-status {
    display:block;
    margin-top:-1em;
    text-align:center;
    border:dotted lightgrey 3px;
}
.openorclosed:after {
    content:" open during these hours:";
}
.open {
    color:green;
}
.open:after {
    content:" Open";
    color: #6C0;
}
.closed:after {
    content:" Closed";
    color: red;
}
.opening-hours-table tr td {
    padding:5px;
}
#section_8337{background: url("https://localhost/innovationshairstudio.co.uk/wp-content/uploads/2017/03/bg.png") repeat scroll 0 0 #000000;}
.back { background-color:#CD1D20;
	background: url("https://innovationshairstudio.co.uk/wp-content/uploads/2017/03/bg.png") repeat scroll 0 0 #000000;
}
.opening-time { margin-top:8px;
  background: url('https://innovationshairstudio.co.uk/wp-content/uploads/2014/01/lanes.png') no-repeat center top;

  padding-top: 47px;
  color: white; }
  .opening-time .time-table {
    background-color: #303030;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding-bottom: 8px; }
    .opening-time .time-table h3 {
      font-size: 18px;
      margin: 0;
      text-align: center;
      color: white;
      line-height: 2.2; }
    .opening-time .time-table > .inner-bg {
      margin: 0 8px;
      padding: 0 3px;
      background: url('https://innovationshairstudio.co.uk/wp-content/uploads/2014/01/opening-time.gif') repeat;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      border-bottom: 1px solid #444444;
      -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.6);
      -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.6);
      box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.6); }
  .opening-time .week-day {
    padding: 7px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0; }
    .opening-time .week-day.light-bg {
      background-image: url('https://innovationshairstudio.co.uk/wp-content/uploads/2014/01/opening-time-light.gif'); }
    .opening-time .week-day dt {
      width: 50%;
      float: left;
	  margin-bottom:0px !important;
margin-top:0px !important; }
.opening-time  h3 {
	font-size: 1.375em; /* = 30px */
	margin-bottom: .357em !important;
	margin-top:0px !important;
}

    .opening-time .week-day dd {
      text-align: right;
	  margin-left:10px;
      text-transform: uppercase; }
    .opening-time .week-day.today dt {
      color: #ac6ed4; }
    .opening-time .week-day.closed dt,
    .opening-time .week-day.closed dd {
      color: #676767; }


 .opening-time  h3 .light
 {
    font-weight: normal; }

img.size-full.alignnone {
    margin-bottom: 0em;
}


.nopadding { padding: 10px 10px 10px !important;}

}
.menu-body {
  max-width: 680px;
  margin: 0 auto;
  display: block;
  color: rgb(92, 92, 92);
}

.menu-section {
  margin-bottom: 0px;
}

.menu-section-title {
  font-family: georgia;
  font-size: 50px;
  display: block;
  font-weight:normal;
  margin: 20px 0; 
  text-align: Center;
}

.menu-item {
  margin: 20px 0;
  font-size: 18px;
  color: #000000;
font-family: "Lato", sans-serif;
 
}

.menu-item-name{
font-family: "Lato", sans-serif;
  font-weight: bold;
}

.menu-item-description {
font-family: "Lato", sans-serif;
  font-weight: normal;
  font-size: .9em;
  line-height: 1.5em;
}

.menu-item-price{
  float: right;
  font-weight: bold;
  font-family: arial;
  margin-top: -28px;
}


div.menu-item-name > span:first-child{
    width:100%;
    min-width:100%;
  content: '';
  border-bottom:3px dotted grey; }

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
ul#menu-secondary a{     
        font-family: "Lato", sans-serif;
        color: 	#BEBEBE

}

}