@charset "UTF-8";
/*
	Theme Name: Life'n One
	Theme URI: http://sightline.ae
	Description: Custom Wordpress theme for Life n' Once
	Version: 1.1
	Author: Ibrahim Hassan (@imib5)
	Author URI: http://imibrah.im
	Tags: Fitness, Healing Center, Dubai

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
::selection {
  background: rgba(176, 178, 65, 0.5) !important;
  color: white !important; }

/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

/* html element 62.5% font-size for REM use */
html {
  font-size: 62.5%; }

body {
  font: 300 14px/1.4  "Century Gothic" sans-serif;
  color: #000; }

html, body {
  min-height: 100%;
  min-width: 100%;
  height: 100%; }

/* clear */
.clear:before,
.clear:after {
  content: ' ';
  display: table; }

.clear:after {
  clear: both; }

.clear {
  *zoom: 1; }

img {
  max-width: 100%;
  vertical-align: bottom; }

a {
  color: #444;
  text-decoration: none;
  position: relative;
  cursor: pointer; }

a:hover {
  color: #444; }

a:focus {
  outline: 0; }

a:hover,
a:active {
  outline: 0; }

a::first-letter {
  font-weight: bold; }

a:before {
  content: "•";
  position: absolute;
  top: -12px;
  opacity: 0;
  transition: 0.2s linear opacity;
  font-size: 0.8em; }

a:hover:before {
  opacity: 1; }

a:hover .fa-facebook-square {
  color: #3B5998; }

a:hover .fa-twitter-square {
  color: #54AAEC; }

a:hover .fa-instagram {
  color: #A87B5E; }

a:hover .fa-linkedin-square {
  color: #0077B5; }

input:focus {
  outline: 0;
  border: 1px solid #04A4CC; }

h1, h2, h3, h4, h5, h6 {
  color: #E0187D; }

h1 {
  font-size: 2.5em; }

h2 {
  font-size: 2em; }

h3 {
  font-size: 1.7em;
  margin: 10px 0px; }

p {
  text-align: justify; }

hr {
  border: none;
  border-top: 2px solid #B0B241; clear: both;
margin: 30px 0px 20px;
display: block;}

/*Use ful classes*/
.luna:first-letter {
  font-size: 18px;
  font-weight: bold; }

.row {
  display: table-row;
  width: 100%; }

.row:after {
  content: '';
  position: relative;
  display: block;
  height: 10px;
  clear: both; }

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
/* Home page  */
body {
  background: transparent url("img/main-bg.jpg") left top no-repeat;
  background-attachment: fixed !important;
  background-size: cover !important; }
  body h1 {
    display: none; }

body.home {
  background: transparent url("img/bg.jpg") left top no-repeat; }
  body.home h1 {
    display: block; margin:10px 0px;}
  body.home article {

    margin: 0 auto; position:relative;
    max-width: 960px; }
    body.home article .article {
      display: block;
      width: 100%; }
body.home article .article:nth-child(1) {position:absolute; top:0px; left:0px;}
  body.home .connect {
    position: relative;
    float: right;
    top: 0px;
    right: 28px;
    text-align: right; margin-bottom:10px;}
    body.home .connect a {
      font-size: 1.8em;
      transition: all 0.2s linear; color:white}
      body.home .connect a i {
        transition: all 0.2s linear; }
    body.home .connect a:hover:before {
      opacity: 0; }
  body.home h2 {
    margin: 10px 0px; }

/*About Page*/
body.stepping-stones-steve-harvey{background: transparent url("img/steve-bg.jpg") left top no-repeat; }
body.about {
  background: transparent url("img/about-bg.jpg") left top no-repeat; }
  body.about section, body.classes section {
    background: rgba(255, 255, 255, 0.8);
    max-width: 960px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 20px 0px 20px;
    position: relative; }
    body.about section img.article, body.classes section img.article{
      position: absolute;
      left: 0px;
      right: 0px;
      margin: 0 auto; }
    body.about section img.article:nth-child(1),body.classes section img.article:nth-child(1) {
      top: -61px; }
    body.about section img.article:nth-last-child(1),  body.classes section img.article:nth-last-child(1) {
      bottom: -61px; }
  body.about h2:first-letter,  body.classes h2:first-letter {
    font-size: inherit; }
  body.about .about-links a,body.classes .classes-links a {
    display: inline-block;
    box-sizing: border-box;
    width: 25%;
    text-align: center;
    font-size: 24px;
    text-transform: lowercase;
    color: #E0187D; }
  body.about article, body.classes article {
    padding: 0px 20px; }

/*Programs
body.classes section {
  background: rgba(255, 255, 255, 0.8);
  display: table; }
  body.classes section br {
    display: block !important; }
  body.classes section article {
    display: table-cell;
    box-sizing: border-box;
    width: 33.33%;
    padding: 20px 2% 80px;
    min-height: 100%;
    position: relative;
    vertical-align: top; }
    body.classes section article img.article {
      position: absolute;
      top: 0px;
      width: 88%; }
    body.classes section article img.article:last-child {
      bottom: 0px;
      top: auto; }
  body.classes section p:first-letter {
    font-weight: bold;
    font-size: 1.1em; }
  body.classes section a {
    color: #B0B241;
    font-weight: bold; }*/
body.classes table{border:1px solid rgba(176,179,54,1);}
body.classes td,body.classes th{border:1px solid rgba(176,179,54,0.2); width:50%; padding:3px 10px;} 
body.classes table tr td:nth-child(2),body.classes table tr th:nth-child(2){text-align:right !important;}
.price {
  border-top: 1px solid rgba(224, 24, 125, 0.1); }

body.classes {
  background: transparent url("img/programs-bg.jpg") center top no-repeat; }
 /* body.classes article:hover .session {
    opacity: 1; }*/

.session {
  display: block;
  width: 100%;
  padding: 5px 0px;
  margin: 5px 0px;
  background: #B0B241;
  text-align: center;
  color: white !important;
  font-size: 24px;
  opacity:1;
  transition: all 0.3s linear; }

.session:before {
  top: -8px; }

/*Shop*/
body.shop {
  background: transparent url("img/shop-bg.jpg") left top no-repeat; }

/*Contact*/
body.contact {
  background: transparent url("img/contact-bg.jpg") center top no-repeat; }
  body.contact section {
    max-width: 360px;
    width: 100%;
    font-size: 18px;
    font-weight: bold; }
    body.contact section article {
      background: rgba(255, 255, 255, 0.8);
      padding: 0px 10px; }
    body.contact section img.article {
      display: none; }

/*Schedule*/
body.schedules {
  background: transparent url("img/schedules-bg.jpg") right top no-repeat; }
  body.schedules article {
    padding-top: 20px; }
    body.schedules article img.article:nth-child(1) {
      position: absolute;
      top: -61px; }
    body.schedules article img.article {
      position: absolute; }
  body.schedules section {
    background: rgba(255, 255, 255, 0.5);
    position: relative;
    padding: 0px 20px; }

/*Team*/
body.team{background: transparent url("img/team-bg.jpg") left top no-repeat; }
body.team h2 {
  margin: 10px 0px; }
body.team h3 {
  margin: 5px 0px; }
body.team p {
  margin: 10px 0px; }
body.team article{background:rgba(255,255,255,0.8); padding:50px 10px; margin:15px auto; position:relative; box-sizing:border-box;}
body.team article:after{position:relative; display:block; content:''; height:10px; clear:both;}
body.team article img.article{position:absolute; left:0px; right:0px; margin:0 auto;}
body.team article img.article:nth-last-child(1){bottom:-61px;}
body.team article img.article:nth-child(1){top:-61px;}
/*Map*/
.responsive-map {
  background: white;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 80px; }

/*One Cafe*/
body.one-cafe {
  background: transparent url("img/rnsbg.jpg") left top no-repeat; }
  body.one-cafe main {
    background: rgba(255, 255, 255, 0.9);
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    top: -16px;
    padding: 20px;
    box-sizing: border-box; }
    body.one-cafe main h2 {
      color: black; }
    body.one-cafe main p {
      text-transform: uppercase;
      line-height: 35px;
      width: 70%;
      margin-left: auto;
      font-size: 18px;
      text-align: left; }
    body.one-cafe main strong {
      text-transform: uppercase; }
  body.one-cafe .wrapper {
    width: 100% !important;
    max-width: 100% !important; }
  body.one-cafe header {
    background: rgba(227, 225, 87, 0.8);
    margin-top: 100px; 
position: relative;
margin-bottom: 16px;
}
    body.one-cafe header .nav {
      max-width: 1280px;
      width: 95%;
      margin: 0 auto; }
    body.one-cafe header span {
      display: block; }
    body.one-cafe header .rnslogo {
      
      width: 300px; }
      body.one-cafe header .rnslogo img {
        width: 80%; }
    body.one-cafe header .bout {
      position: relative;
      top: -16px;
      padding-left: 43%;
      box-sizing: border-box;
      font-size: 16px; }

/*Main*/
main {
  padding-bottom: 25px; }

/* wrapper */
.wrapper {
  max-width: 1280px;
  width: 95%;
  margin: 0 auto;
  position: relative;
  min-height: 100%; }

article {
  margin: 0 auto;
  max-width: 960px; }

.team-button{max-width: 960px;margin: 0 auto;padding: 20px 0px;}
.team-button div{background: rgba(176, 179, 54, 0.6);color: rgb(255, 255, 255) !important;padding: 5px 0px; transition:all 0.2s linear;}
.team-button div:hover{background: rgba(176, 179, 54, 0.8);}
.team-button div p:first-letter{font-weight:normal;}
.team-button div a{color:white !important; display:block; width:100%; height:100%;font-weight:bold}
.team-button div a:before,.team-button div a:hover:before{display:none}

/*------------------------------------*\
    HEADER
\*------------------------------------*/
header {
  padding-top: 15px; }
  header .logo {
    max-width: 100px;
    width: 100%;
    display: inline-block; }
    header .logo a:hover:before {
      opacity: 0 !important; }
  header nav {
    background: url("img/menubg.png") left top no-repeat;
    background-size: 100%;
    display: inline-block;
    max-width: 1100px;
    width: calc(100% - 110px);
    height: 75px;
    line-height: 55px;
    top: -60px;
    position: relative; }
    header nav ul li {
      display: inline-block;
      padding: 0px 6px;
      overflow: hidden; }
      header nav ul li a {
        font-size: 16px;
        color: white;
        text-transform: lowercase;
        transition: all 0.2s linear;
        display: block;
        overflow: hidden; }
      header nav ul li a:hover {
        color: white;
        opacity: 1; }
      header nav ul li a:before {
        color: white;
        font-size: 15px; }
  header .angel {
    display: block;
    position: absolute;
    right: 100px;
    top: 7px; }
    header .angel a:hover:before {
      opacity: 0 !important; }
    header .angel div {
      display: block;
      height: 36px;
      width: 171px;
      float: left;
      text-align: center; }
    header .angel .book {
      background: transparent url("img/book.png") left top no-repeat;
      position: relative;
      right: -9px; }
      header .angel .book a {
        color: #fff;
        font-size: 16px;
        top: 6px;
        position: relative;
        right: -15px; }
      header .angel .book a::first-letter {
        font-weight: bold; }
    header .angel .rns {
      background: transparent url("img/snr.png") left top no-repeat;
      position: relative;
      left: -9px; }
      header .angel .rns span {
        position: relative;
        top: 6px;
        left: -18px; color:white
         }
    header .angel .anglebody {
      height: 36px;
      width: 32px; }
  header .current-menu-item:before {
    content: "•";
    position: absolute;
    top: 0px;
    color: white; }

   header .current-menu-item a:hover::before{display:none !important;}
/*------------------------------------*\
    FOOTER
\*------------------------------------*/
footer {
  position: fixed;
  bottom: 0px;
  width: 100%;
  background: #B0B241;
  left: 0px;
  box-sizing: border-box;
  padding: 0px 2%;
  color: white; }
  footer a {
    color: white; }
  footer .copyright {
    max-width: 1280px;
    margin: 10px auto !important;
    width: 100%; }
    footer .copyright .socialfoot {
      float: right;
      font-size: 1.5em; line-height:1}
.copyryt{float:left;}
footer .copyright:after{content:' '; display:block; height:0px; clear:both;}
/*------------------------------------*\
    MISC
\*------------------------------------*/
::selection {
  background: #04A4CC;
  color: #FFF;
  text-shadow: none; }

::-webkit-selection {
  background: #04A4CC;
  color: #FFF;
  text-shadow: none; }

::-moz-selection {
  background: #04A4CC;
  color: #FFF;
  text-shadow: none; }

.wcs3-schedule-wrapper table .wcs3-cell {
  padding: 10px !important;
  border: 1px solid rgba(227, 9, 125, 0.008);
  min-height: 82px; }

.wcs3-details-box-container {
  top: -10px !important;
  left: -10px !important; }


table.wcs3-schedule-normal-layout tr th {
  padding: 10px; }
table.wcs3-schedule-normal-layout tr:nth-child(1) {
  font-size: 24px; }

.wcs3-schedule-wrapper table {
  background-color: rgbA(255, 255, 255, 0.8) !important; }

.wcs3-hour-col {
  background: transparent url("img/logo.png") center 10px no-repeat;
  background-size: 22%; }

.loc-change {
  margin-bottom: 10px; }
  .loc-change span {
    display: inline-block;
    padding: 2px 5px;
    background: #fccae4;
    cursor: pointer; font-size:18px;
    transition: all 0.3s linear; }
  .loc-change span:hover, .loc-change span.active {
    background-color: #E0187D;
    color: white; }

.wcs3-schedule-list-layout {
  opacity: 0;
  height: 0px;
}

/**Table**/
body.prices table {border:1px solid #999;table-layout: fixed; }
body.prices td{vertical-align:top; padding:10px; box-sizing:border-box;background:rgba(255,255,255,0.6)}
body.programs section article.tabcap{display: table-caption !important; padding: 10px 0px;min-height: 0px;vertical-align: middle;background: rgba(176, 179, 54, 0.5);width: 100%;margin: 0px;max-width: 100% !important;color: rgb(255, 255, 255);font-size: 20px;text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px; transition:background 0.3s linear}
body.programs section article.tabcap:hover{background:rgba(176, 179, 54, 0.9);}
/*------------------------------------*\
    WORDPRESS BLOG
\*------------------------------------*/
.alignnone {
  margin: 5px 20px 20px 0; }

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 10px 0; }

a img.alignright {
  float: right;
  margin: 45px 0px 10px 10px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  background: #FFF;
  border: 1px solid #F0F0F0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto; }

.wp-caption .wp-caption-text,
.gallery-caption {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px; }

/*Main Elements*/
main.blog {
  box-sizing: border-box;
  float: left;
  width: 75%; }
  main.blog a:before {
    content: "" !important; }
  main.blog h1 {
    display: block;
    margin-left: 20px; }
  main.blog article h1{margin-left:0px}
aside.sidebar {
  margin-top: 45px;
  float: left;
  box-sizing: border-box;
  width: 25%;
  background: rgba(255, 255, 255, 0.3);
  padding: 10px; }
  aside.sidebar h3 {
    font-size: 1.2em; }

form.search {
  position: relative; }
  form.search input {
    width: 75%;
    display: block;
    padding: 5px;
    box-sizing: border-box;
    margin-bottom: 5px;
    font-size: 13px; }
  form.search input:focus {
    border-width: 2px;
    border-color: #B0B241; }
  form.search button {
    float: right;
    background: #b0b241;
    border: none;
    padding: 7px;
    color: white;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 25%; }
  form.search button:focus {
    outline: 0; }

form.search:after {
  content: ' ';
  display: block;
  clear: both;
  height: 1px; }

article.post {
  border-bottom: rgba(224, 24, 125, 0.1) 1px solid;
  margin: 10px;
  padding: 10px;
  transition: all 0.5s linear; }
  article.post h1 {
    display: block; }
    article.post h1 a {
      color: black; }
  article.post h2 {
    margin: 10px 0px; }
    article.post h2 a {
      color: black; }
  article.post h1, article.post h2 {
    margin-bottom: 0px; }

article.post:hover {
  background: rgba(255, 255, 255, 0.5); }

.post-edit-link, .date, .author, .comment {
  display: block;
  margin: 5px 0; }

.post-edit-link {
  border-top: rgba(176, 178, 65, 0.2) 1px solid;
  display: block; }

.date {
  padding-bottom: 10px;
  border-bottom: 1px solid #B0B241;
  font-style: italic; }

.wp-post-image {
  float: left;
  margin-right: 20px; }

.view-article {
  background: rgba(176, 178, 65, 0.5);
  color: white;
  font-weight: bold;
  padding: 0px 5px; }

.blogback {
  display: block;
  background: #e3097d;
  text-align: center;
  width: 100px;
  padding: 5px 0px;
  color: white; }

/*Home Page Styles*/
.homelinks a{display:block; width:25%; float:left; height:310px;overflow: hidden;}
.homelinks a:nth-child(1){background:url(img/bgm1.jpg) top left no-repeat;}
.homelinks a:nth-child(2){background:url(img/bgm22.jpg) top left no-repeat;}
.homelinks a:nth-child(3){background:url(img/bgm3.jpg) top left no-repeat;}
.homelinks a:nth-child(4){background:url(img/bgm4.jpg) top left no-repeat;}
.homelinks a span{font-size:30px; text-align:center; display:block; vertical-align:middle; background-color:rgba(0,0,0,0.2); width:100%; height:100%; color:white; padding-top:125px;text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px; transition: all 0.2s linear;position:relative; }

.homelinks a em{font-size:13px !important; text-align:center; color:white; margin-top: 20px; display: none;}

.homelinks a:hover span em{
    display: block;
}

.homelinks a span:after{position:absolute; top:0px; left:0px; right:0px; width:100%; height:10px; background-color:#B0B336; top:-20px; transition:all 0.2s linear; content:' '; display:block;}
.homelinks a:hover span{background-color:rgba(0,0,0,0.6);}
.homelinks a:hover span:after{top:0px;}
.homelinks:after{display:block; content:' '; clear:both; height:0px;}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (max-width: 1280px) {
  header nav {
    top: -60px; } }
@media only screen and (max-width: 1140px) {
  header nav {
    line-height: 44px; }
    header nav ul li a {
      font-size: 16px; } }
@media only screen and (max-width: 1024px) {
  header nav {
    line-height: 34px; }
    header nav ul li {
      padding: 0px 6px; } }
@media only screen and (max-width: 960px) {
  header .angel {
    right: 10px;
    top: 75px; }
    header .angel div {
      display: inline-block;
      float: none; }
    header .angel .book, header .angel .rns {
      top: -10px; }

  #wprmenu_bar {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 9px; }

  main.blog {
    width: 65%; }

  aside.sidebar {
    width: 35%; }

  body.one-cafe header {
    margin-top: 0px;
    padding-top: 0px;
    background: transparent; }
    body.one-cafe header .nav {
      display: block !important;
      width: 100%; }
    body.one-cafe header .rnslogo {
      float: none;
      text-align: center;
      top: -38px; }
    body.one-cafe header .bout {
      width: 100%;
      top: -42px;
      padding-left: 0px;
      margin: 0;
      background: rgba(227, 225, 87, 0.8);
      padding: 10px; }
img.article{display:none;}
  body.one-cafe #wprmenu_bar {
    display: none !important; } }
@media only screen and (max-width: 768px) {
.homelinks a span{font-size:22px;}

  .row {
    display: inline; }

  body.programs section article {
    display: block;
    width: 100%; }

  footer .copyright {
    text-align: center; }
    footer .copyright .socialfoot , .copyryt{
      display: block;
      float: none; }

  form.search input {
    width: 100%; }
  form.search button {
    width: 100%;
    position: relative; }

  body.one-cafe h2 {
    text-align: center; }

  body.one-cafe main p {
    text-transform: uppercase;
    line-height: 35px;
    text-align: center;
    width: 100%; }
    body.one-cafe main p strong {
      display: block; }

  body.one-cafe header .rnslogo {
    width: 100% !important;
    text-align: center;
    position: relative; }

  body.one-cafe header .rnslogo img {
    width: auto; }

  .wcs3-schedule-wrapper table {
    height: 0px;
    opacity: 0;
    display: block !important; }

  .wcs3-schedule-list-layout {
    opacity: 1;
    height: auto !important; }

  body.schedules section {
    background: rgba(255, 255, 255, 0.9) !important; }
table.wcs3-schedule-normal-layout{display:none !important} 
body.prices td{padding: 10px 2px; font-size:13px}
body.programs section article.tabcap{margin:0 auto; display: block !important; font-size:16px}

}/*End 768*/
@media only screen and (max-width: 600px) {
.homelinks a {width:50%; background-size:cover !important;}
  header .logo {
    display: block;
    margin: 0 auto; }
  header .angel {
    position: relative;
    top: 0px;
    right: 0px;
    margin: 0 auto;
    text-align: center; }

  section {
    background: rgba(255, 255, 255, 0.8);
    box-sizing: border-box;
    padding: 2%; }
    section h1, section h2, section h3 {
      text-align: center; }

  body.home .connect {
    float: none;
    top: 0px;
    right: 0px;
    left: 0px;
    text-align: center; }
 body.home .connect a {color:white !important}
body.home .connect a i{color:white}
  body.programs section {
    background: none; }
    body.programs section article {
      background: rgba(255, 255, 255, 0.8);
      padding: 0px 20px; }
      body.programs section article h2 {
        padding-top: 20px;
        margin-bottom: 0px;
        font-size: 1.5em; }
      body.programs section article h3 {
        font-size: 1em; }
      body.programs section article img.article {
        top: -22px;
        left: 0px;
        right: 0px;
        margin: 0 auto; }
      body.programs section article img.article:last-child {
        bottom: -21px; }
      body.programs section article .session {
        opacity: 1;
        font-size: 20px; }
      body.programs section article tr {
        border: 1px solid; }

  body.contact section {
    background: transparent; }

  body.about .about-links a, body.classes .classes-links a {
    display: block;
    width: 100%; }

  img.article {
    opacity: 0; }

  footer .copyright {
    font-size: 11px; }

  main.blog, aside.sidebar {
    float: none; }

  main.blog {
    width: 100%; }

  aside.sidebar {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 70px; }

  .alignleft, .alignright {
    float: none;
    margin: 0;
    width: 100%;
    height: auto !important; }

  body.team article {
    border-bottom: 1px solid rgba(224, 24, 125, 0.2); }

  section {
    margin: 0 auto !important; } }
@media only screen and (max-width: 480px) {
  header .angel div {
    display: block;
    margin: 0 auto;
    float: left;
    width: 49%;
    box-sizing: border-box;
    margin: 10px 0.5%; }
  header .angel .anglebody {
    display: none; }
  header .angel .book, header .angel .rns {
    background: #B0B336;
    top: 0px;
    right: 0px;
    left: 0px; }
    header .angel .book img, header .angel .rns span {
      top: 5px;
      right: 0px;
      left: 0px; }
header .angel .rns span{top:7px !important}
    header .angel .book a, header .angel .rns a {
      right: 0px; }
  header .angel .book {
    background: #E0187D; } }
/*------------------------------------*\
    PRINT
\*------------------------------------*/
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }

/*# sourceMappingURL=style.css.map */

#sys-sub{
    float: left;
    color: #FFF;
}

.sys-cap, .sys-field{
    float: left; margin-right: 10px;
}

.sys-cap{
    color: #FFF; font-weight: bold;
}

.sys-field input[type="text"]{
    border: 0;
    border-radius: 5px;
    padding: 3px 10px;
    background: #FFF; color: #000;
}

.sys-field input[type="submit"]{
    border: 0;
    border-radius: 5px;
    padding: 3px 10px;
    background: #FFF; color: #000;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
}

.sys-field input[type="submit"]:hover{
    background: #999;
}

.page-classes h3{
    color: #000 !important; font-weight: bold !important;
}

table.cafe-menu{
    border-collapse: collapse;
    width: 800px;
    margin: 0 auto;
}

table.cafe-menu tr{
    vertical-align: top;
}

table.cafe-menu tr td{
    width: 390px;
    padding: 5px 10px 0 0;
}

table.cafe-menu tr.hdr td{
    font-size: 28px; font-weight: bold; color: #E0187D;
}

table.cafe-menu tr.hdr2 td{
    font-size: 20px; font-weight: bold; color: #000;
}

.clr{
    clear: both;
}

.cafe-menu-wrap{
    margin: 0 auto; width: 800px;
}

.cafe-menu-wrap img{
    width: 100%; height: auto;
}

.food-menu-box{
    width: 380px;
    float: left;
    padding-right: 20px;
    margin: 0 0 15px 0;
}

.food-menu-box em{
    font-style: normal;
    display: inline-block;
    font-size: 20px; font-weight: bold; color: #000;
    margin: 0 0 5px 0;
    
}

h3.cafe{
    font-size: 28px;
}

.cafe-imgs{
    text-align: center !important;
}

.cafe-imgs img{
    float: none; margin: 0 !important;
}

.cafe-imgs p{
    width: 800px;
    margin: 0 0 10px 0 !important; padding: 0 !important;
    text-align:  center !important;
}

.holderx{
    position: relative;
}

.contentx{
    float: left;
    width: 700px;
}

.sidebarx{
    float: left;
    width: 240px;
    border-radius: 10px;
    border:1px solid #999;
    margin-top: 40px;
    padding: 10px 5px;
    
}

.sidebarx ul{
    margin-left: 0px !important;
    list-style: none; list-style-type: none;
}

.sidebarx span.l1{
    display: block;
    border-bottom: 1px solid #999;
    padding: 3px 10px;
}

.sidebarx span.l2{
    display: block;
    border-bottom: 1px solid #999;
    padding: 3px 10px 3px 20px !important;
}

.sidebarx span.l2:last-of-type{
    border: 0;
}

.sidebarx a{
    background: none !important; color: #E0187D;
}

.clr{
    clear: both;
}

table.table-osho{
    width: 100%;
    border-collapse:collapse;
}

table.table-osho tr td{
    padding: 5px 10px 5px 5px;
    border: 1px solid #CCC;
}

h2.no-childern{
    color: #000 !important;
}

div.tm h3{
    color: #000000 !important;
    font-size: 18px !important;
}

table.cafe-m-grid{
}

table.cafe-m-grid tr td{
    padding: 10px 0;
}

table.cafe-m-grid tr td.img{
    text-align: center;
}

div.about-footer{
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}

div.about-footer h2{
    color: #E0187D;
    font-size: 20px;
}

div.about-footer h3{
    color: #E0187D;
    font-size: 14px;
    margin-bottom: 0;
}

div.workshops-filter-box{
    width: 1200px;
    margin: 0 auto;
    padding: 10px;
    border-radius: 20px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.3);
}

div.workshops-filter-box ul li{
    list-style: none; list-style-type: none;
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
}

div.workshops-filter-box ul li a{
    display: block;
    background: #E3097D; color: #FFF;
    border-radius: 5px;
    padding: 5px 10px;
}

div.workshops-filter-box ul li a:hover{
    background: #999;
}

a h1.blk{
    color: #000 !important;
}

a:hover h1.blk{
    color: #666 !important;
}

a h1.blk span{
    opacity: 0;
}

article.teammember{
}

.tm-wrap{
    float: left;
    width: 75%;
    margin-right: 5%;
}

.team-sidebar{
    float: right;
    width: 20%;
    
}

.team-sidebar a{
    margin: 0 0 10px 0;
    display: block;
}