/* cmsms stylesheet: 36_Grad_Layout modified: Dienstag, 2. September 2025 12:19:09 */
            
/* =====================================
BASIC STYLES
===================================== */
body {
    background: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: rgb(0,0,0);
    line-height: 1.4;
    font-weight: 300;
}

/* add some space inside the boxed container */
#boxed .container {
    padding: 0 1%
}

a img {
    border: none
}

.right {
    float: right
}

.left {
    float: left
}

/* if image needs some space add this class to img tag
 * so at the end a left floating image would be <img src='some.jpg' class='left spacing' alt='foo' />
 */
.spacing {
    margin: 10px
}

.spacing.left {
    margin: 10px 10px 10px 0
}

.spacing.right {
    margin: 10px 0 10px 10px
}

/* or add a 2 px border to image or something, change as you need it */
.border {
    border: 2px solid rgb(74,74,73)
}

/* target IE7 and IE6 */
*:first-child+html pre {
    padding-bottom: 20px;
    overflow-y: hidden;
    overflow: visible;
    overflow-x: auto
}

* html pre {
    padding-bottom: 20px;
    overflow: visible;
    overflow-x: auto
}

/* horizontal ruler */
hr {
    border: solid rgb(0,0,0);
    border-width: 1px 0 0 0;
    clear: both;
    margin: 10px 0 30px 0;
    height: 0
}

/* =====================================
COMMON TYPOGRAPHY
===================================== */

/* link default styles */
a {
    color: rgb(0,0,0);
}

a:visited {
    color: rgb(0,0,0)
}

a:hover {
    color: rgb(0,0,0);
    transition: transform 0.6s ease-out;
    -webkit-transition: color 0.6s ease-out;
    -moz-transition: color 0.6s ease-out;
    -o-transition: color 0.6s ease-out;
    text-decoration: underline
}

a:focus {
    outline: thin dotted
}

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

/* default heading styles */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
}

h1 {}

h2,
h3 {
    font-size: 1.375em;
    text-transform: uppercase;
    font-weight: 300;
    background-color: rgb(74,74,73);
    color: #292a2d;
    line-height: 2.7;
    font-weight: 100;
    letter-spacing: 2px;
    margin-top: 0;
    margin-bottom: 0;
    text-indent: 50px;
}

h2 {
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    box-sizing: border-box;
}

/* blockquotes and cites */
blockquote,
blockquote p {
    font-size: 1em line-height: 1.5;
    color: rgb(0,0,0);
    font-style: normal;
    font-weight: 500;
    margin-left: 0;
}

blockquote {}

blockquote cite {
    display: block;
    font-size: 1em;
    color: rgb(0,0,0)
}

blockquote cite:before {
    content: "\2014 \0020";
}


/* =====================================
LAYOUT
===================================== */
/* wrapping the page in a box */
#wrapper {}

/* you can switch appearance of the page by adding or removing id #boxed to body tag */
#boxed #wrapper {
    background: #fff;
}

.fullsize {
    width: 100%;
}

/* ------ HEADER SECTION ------ */
/* if you need height or something for header part add style here */
.header {
    background: #fff url(https://360-grad-hannover.de/uploads/360-Grad/images/header.jpg) no-repeat 0 0;
    background-size: cover;
    height: 870px;
    position: relative;
    margin-bottom: 50px;
}

/* the logo */
.logo {
    background: #fff url(https://360-grad-hannover.de/uploads/360-Grad/images/logo-360-grad-hannover2017.jpg) no-repeat 0 23px;
    height: 230px;
}

.logo img {
    width: 300px;
    height: auto;
}

.slogan {
    color: #fff;
    background: rgba(122,160,75,0.75);
    margin-top: 50px;
    height: 180px;
}

.slogan p,
.slogan h2 {
    font-size: 2.8em;
    line-height: 2.5em;
    margin-top: 50px !important;
    font-weight: 100;
    padding: 0 !important;
    background: transparent;
    text-transform: none
}

/* ------ NAVIGATION ------ */
.bg_navi {
    float: left;
    width: 100%;
    background-color: #fff;
}

.slogan2 {
    background: rgba(122,160,75,0.75);
    position: absolute;
    bottom: 0;
    right: 0;
    height: 65px;
}

.placeholder {
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 65px;
}

.slogan2 blockquote p {
    color: #292a2d;
    text-transform: uppercase;
    line-height: 1.1;
    font-weight: 500;
    margin: 0px 0px 0px 50px;
    text-shadow: 2px 2px 8px #fff;
}

/* 1) Skip-Links standardmäßig off-screen parken */
.skip-link {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* 2) Sobald der Link per Tab-Fokus erreicht wird, sichtbar machen */
.skip-link:focus {
    position: static;
    /* an den normalen Flow zurück */
    width: auto;
    height: auto;
    background: #005ea0;
    /* gute Kontrastfarbe */
    color: white;
    padding: 0.5em 1em;
    z-index: 1000;
    /* über allen anderen Inhalten */
    text-decoration: none;
    /* optional entfernen */
}

/* Optional: etwas rundere Ecken etc. */
.skip-link:focus {
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

/* first level */
nav.main-navigation {
    z-index: 10;
    height: 70px;
    line-height: 70px;
    background: #fff;
}

nav.main-navigation>ul {
    float: left;
    padding: 0 0 0 50px;
}

nav.main-navigation>ul>li {
    float: left;
    padding: 0;
    margin: 0 18px;
    position: relative;
    font-size: 0.9em;
}

nav.main-navigation>ul>li:nth-child(5) {
    margin-right: 0 !important;
}

nav.main-navigation>ul>li:first-child,
nav.main-navigation>ul>li.first {
    margin-left: 0
}

nav.main-navigation>ul>li:last-child,
nav.main-navigation>ul>li.last,
nav.main-navigation>ul>li.li-kontakt {
    margin-right: 0
}

nav.main-navigation>ul>li>a,
nav.main-navigation>ul>li.sectionheader span {
    color: rgb(0,0,0);
    text-decoration: none;
    font-size: .8125em;
    font-weight: 300;
    cursor: pointer;
    text-transform: uppercase
}

/* navigation text color */
nav.main-navigation ul li li a,
nav.main-navigation ul li li.sectionheader span {
    padding: 6px 12px;
    text-transform: none;
    font-weight: normal;
    font-size: .75em;
    text-decoration: none;
    color: rgb(0,0,0);
    display: block
}

nav.main-navigation>ul>li>a.current {
    font-weight: 500;
}

nav.main-navigation>ul>li.last,
nav.main-navigation>ul>li.li-kontakt {
    display: block;
    background-color: rgba(122,160,75,0.75);
    line-height: 40px;
    padding: 0px 124px 0px 15px;
    height: 40px;
    position: absolute;
    top: 70px;
    right: 0
}

nav.main-navigation>ul>li.last a,
nav.main-navigation>ul>li.li-kontakt a {
    color: #353030;
    font-size: 1.25em
}

nav.main-navigation.sticky>ul>li {
    background: transparent !important;
}

nav.main-navigation.sticky>ul>li.li-kontakt {
    position: static;
    line-height: 48px;
}

nav.main-navigation.sticky>ul>li.li-kontakt a {
    color: inherit;
    font-size: .75em;
}

nav.main-navigation a.active {
    font-weight: 500;
}

nav.sticky {
    width: 100% !important;
    margin-left: -1px;
    border-bottom: 1px solid #ccc;
}

/* ------ CONTENT AREA ------ */
.content-wrapper {
    padding-top: 20px
}

/* ------ Modified Grid Layout  ------ */
.container .grid_3,
.container .grid_9 {
    padding: 0 1%;
}

.container .grid_4 {
    width: 28.666666%;
}

.container .grid_8 {
    width: 71.3333%;
}

.container .push_4 {
    left: 28.666666%;
}

.container .pull_8 {
    left: -71.3333%;
}

.container h2 {
    padding-left: 28.666666%;
    margin-top: 50px;
}

/* ------ CONTENT AREA Custom ------ */
#main.content .row {
    position: relative;
}

#main.content .inner-content {
    box-sizing: border-box;
    padding: 2% 4%;
}

#main.content ul,
#main.content ol {
    padding: 0;
    list-style: none;
}

#main.content ul li {
    background: #fff url(https://360-grad-hannover.de/uploads/360-Grad/images/arrow.png) no-repeat 0 5px;
    padding-left: 3%;
    line-height: 1.7;
}

.aside {
    float: left;
    overflow: hidden;
    margin-top: -60px;
}

.aside>p {
    padding-left: 17.441%;
}

.aside {}

/* ------ FOOTER AREA ------ */
/* footer wrapper */
.footer {
    display: table;
    widows: inherit;
    width: 100%;
}

.footer * {
    color: #fff;
    text-decoration: none
}

.footer a:link,
.footer a:visited,
.footer a:hover,
.footer a:focus,
.footer a:active {
    color: #fff
}



.footer a:hover,
{
color: #fff;
}

.footer .grey {
    background: rgb(74,74,73);
}

.footer .grid_3 {
    display: table-cell;
    float: none;
    border: none;
    vertical-align: top;
    padding: 20px 0 0 20px;
}

.footer .grid_3 {
    height: 210px;
}

.footer,
.footer p {
    font-size: 1em;
    line-height: 1.3;
    font-weight: 100;
}

.footer h1 {
    font-size: 1em;
    font-weight: 300;
}

.footer p {
    font-size: 0.825em;
    line-height: 1.5;
}

.footer .logo {
    background-position: 0 10px;
    height: 230px;
}

.footer .impressum {
    padding-left: 6.3%
}

.footer .hannover,
.footer .seelze {
    padding-left: 3%
}

/* Scroll to Top */
.scroll-to-top,
#footer_menu ul {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: rgb(100, 160, 57);
    border-radius: 7px 7px 0 0;
    bottom: 0px;
    display: block;
    height: 9px;
    opacity: 0;
    padding: 10px 0 24px;
    position: fixed;
    right: 20px;
    text-align: center;
    text-decoration: none;
    width: 49px;
    z-index: 1040;
    color: #000 !important;
}

a:hover.scroll-to-top {}

.scroll-to-top:hover {
    filter: alpha(opacity=100);
    opacity: 1;
    color: #172014;
}

.scroll-to-top.visible,
#footer_menu ul.visible {
    filter: alpha(opacity=75);
    opacity: 0.75;
}

#footer_menu ul {
    list-style: none;
    position: fixed;
    right: 75px;
    bottom: 0px;
    width: auto;
    margin: 0;
    padding-right:1rem;
}

#footer_menu ul li {
    float: left;
    margin-left: 20px;
}

#footer_menu ul li a {
    color: #172014
}

/* Verlauefe */
/* Gruenverlauf */
.green,
.slogan,
.slogan2,
nav.main-navigation>ul>li.last,
nav.main-navigation>ul>li:last-child,
nav.main-navigation>ul>li.li-kontakt {
    background: -moz-linear-gradient(left, rgba(100, 160, 57, 0.85) 0%, rgba(100, 160, 57, 0.2) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(100, 160, 57, 0.85)), color-stop(100%, rgba(100, 160, 57, 0.2)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(100, 160, 57, 0.85) 0%, rgba(100, 160, 57, 0.2) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(100, 160, 57, 0.85) 0%, rgba(100, 160, 57, 0.2) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(100, 160, 57, 0.85) 0%, rgba(100, 160, 57, 0.2) 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(100, 160, 57, 0.85) 0%, rgba(100, 160, 57, 0.2) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d964a039', endColorstr='#3364a039', GradientType=1);
    /* IE6-9 */

}

.black,
h2 {
    background: -moz-linear-gradient(left, rgba(74, 74, 73, 0.7) 0%, rgba(74, 74, 73, 0.2) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(74, 74, 73, 0.7)), color-stop(100%, rgba(74, 74, 73, 0.2)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(74, 74, 73, 0.7) 0%, rgba(74, 74, 73, 0.2) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(74, 74, 73, 0.7) 0%, rgba(74, 74, 73, 0.2) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(74, 74, 73, 0.7) 0%, rgba(74, 74, 73, 0.2) 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(74, 74, 73, 0.7) 0%, rgba(74, 74, 73, 0.2) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b34a4a49', endColorstr='#334a4a49', GradientType=1);
    /* IE6-9 */
}

/* Anpassungen abweichend vom Standartlayout */
#so-erreichen-sie-uns-in-seelze h2,
#kontaktformular h2 {
    display: none;
}

#so-erreichen-sie-uns .aside,
#so-erreichen-sie-uns-in-seelze .aside {
    margin: 0;
}

#main.content #so-erreichen-sie-uns,
#main.content #so-erreichen-sie-uns-in-seelze {
    margin-bottom: 0;
}

.standort-seelze .header {
    background-image: url(https://360-grad-hannover.de/uploads/360-Grad/images/header-seelze.jpg);
}

/* Sticky Header */
nav.nav {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

nav.sticky {
    position: fixed;
    top: 0;
    line-height: 48px;
    height: 48px;
    width: 100%;
    background: #fff;
    text-align: left;
    padding-left: 20px;
    z-index: 100;
}

/* Google Maps Responsive Anpassung */
.responsiveContainer {
    position: relative;
    padding-bottom: 56%;
    height: 0;
    overflow: hidden;
}

.responsiveContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* sonstige Anpassungen */
.copyright {
    color: rgb(55, 100, 0);
    margin-top: 40px;
    font-size: 85%;
}

.hide_me_special * {
    height: 0;
    padding: 0 !important;
    margin: 0;
    line-height: 0;
}

.traditionel .aside {
    margin-top: 0
}

.traditionel .container h2,
.traditionel h2.grid_12 {
    padding-left: 0;
}

/* sr-only: nur für Screenreader sichtbar, visuell ausblenden */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
body.barrierefreiheit .container h2 {margin-top:0;background:#fff;height:auto;position:static;text-indent:0;font-size: initial;text-transform: none;font-weight: 700}
/* cmsms stylesheet: 36_Grad_Form modified: Samstag, 5. Februar 2022 16:06:05 */
/* Formdefinition allgemein */
legend { font-size:1em; font-weight:300; text-transform:uppercase; margin-bottom:1em; }
fieldset {border:none;padding-left:0;}
label { font-size:1em;}
textarea {font-family: "Roboto",sans-serif; height:100px}
input[type="text"],
input[type="email"],
textarea,
input.cms_submit { background-color:#f2f2f3; padding:5px; margin:0 0 8px 0; border:2px solid #fff; -webkit-box-shadow:0px 1px 2px 0px #B9B9B9 inset; -moz-box-shadow:0px 1px 2px 0px #B9B9B9 inset; box-shadow:0px 1px 2px 0px #B9B9B9 inset; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
input.cms_submit { padding:7px 20px; }
input:hover.cms_submit { color:rgb(195,211,85); }
div.submit {margin-left:1px;}
div.required.fb_invalid label { color:red; }
/* Formdefinition workshop */
.contactform { margin-bottom:60px; }
.contactform input[type="text"],.contactform input[type="email"],
.contactform textarea   {width:100%; }
.contactform p.error   { margin: 0px 0px 0px 20px; float: left; font-size: 0.825em; padding: 0; }
.contactform label  { float: left; width: 99%; }
.contactform select { width: 93%;margin:0 0 15px 0; }
/* only visible in screen readers */
.sr-only, legend,.error_message {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
/* DatenschutzCheckbox und ReCaptcha */
.cms_checkbox {float:left;}
#fbrp__29_1_0 + label {width:calc(100% - 30px);font-size:13px;padding-left:8px;margin-bottom:20px}
.captcha {clear:both;padding:20px 0;font-size:13px}
/* cmsms stylesheet: 36_Grad_SlickNav modified: Montag, 18. August 2025 20:48:00 */
.slicknav_menu { display:none }

@media screen and (max-width:960px) {
  nav.main-navigation ul,
  nav.sticky,
  .bg_navi  { display:none }
  .slicknav_menu { display:block }
}

/*!
 * SlickNav Responsive Mobile Menu v1.0.3
 * (c) 2015 Josh Cope
 * licensed under MIT
 */
 #mobilemenu_container {
  position: relative;
  z-index: 100;
 }
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu { *zoom: 1;position: fixed; right:3%;top:30px;width:100%; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    margin: 0.188em 0 0 0.438em; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both;float:left;width:100%;position: relative;z-index: 10; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; border-bottom:1px solid #fff; line-height: 2;text-align: center;}
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  margin-top:0px; }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
  margin: 11px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: rgb(122,160,75) }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 1em;
  list-style: none;
  overflow: hidden;
  background: rgb(122,160,75)}
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #fff;
      color: #ccc; }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff; }
    .slicknav_nav a:hover {
      color: #ccc;
      text-shadow: 1px 1px 0px rgba(0,0,0,0.5);}
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

@media screen and (max-width:320px) and (orientation: portrait) {
  .slicknav_menu {

  } 
}
@media screen and (max-width:480px) {
    .slicknav_menu {

  } 
}

@media screen and (min-width:768px) and (max-width:800px) {
  .slicknav_menu {
    right:0;
  }
}
/* cmsms stylesheet: 36_Grad_Kalender modified: Dienstag, 25. Januar 2022 11:32:23 */
table#cal-calendar { float:left; height:500px;min-height:500px; margin:0; width:100%; border-collapse:separate; }
table#cal-calendar td, table#cal-calendar tr, table#cal-calendar th, table#cal-calendar tbody { text-align:left; vertical-align:top; }
table#cal-calendar td { border-right:1px dotted #ccc; }
table#cal-calendar td, table#cal-calendar th {padding:0 2px;font-weight:400;}
table#cal-calendar td.first, table#cal-calendar th.first {  }
table#cal-calendar th.last {padding-right:0; }
table#cal-calendar td.last { padding-right:0; border-right:none; }
table#cal-calendar td.dayrows1, table#cal-calendar th.Di, table#cal-calendar td.dayrows2, table#cal-calendar th.Mi, table#cal-calendar td.dayrows3, table#cal-calendar th.Do, table#cal-calendar td.dayrows4, table#cal-calendar th.Fr { }
table#cal-calendar th { height:40px;width:20%;}
table#cal-calendar th > span {font-weight:100;font-size:85%;display: block;margin-bottom: 20px;}
/*table#cal-calendar th*/
div.event {overflow:auto;padding-bottom:40px;}
span.event_time, span.event_title, span.event_field { display:block; line-height:1.4; padding:0; margin:0; }
span.event_time { font-size:14px; }
span.event_title { font-family:Verdana;font-size:65%; width:100px; font-weight:100; }
span.event_field { color:rgb(0,146,177); text-transform:uppercase; }
span.event_cat { height:16px;width:100%;float:right;margin-top:-36px;background-position:84px 0; }
span.event_cat p { font:0/0 a;color:transparent;text-shadow:none; }
#events_today { width:150px; min-height:310px; position:absolute; bottom:30px; background-color:#fff; margin-left:20px; }
#events_today h5 { padding:10px 20px; text-transform:uppercase; background:rgb(195,211,85); color:#fff; height:20px; width:110px; }
#events_today ul { list-style:none; padding-left:20px; }
#events_today ul li {margin-bottom:4px;}
.calendar-event h2 {background:none;}
.highlight {background-color:#64A039;background-color:rgba(100, 160, 57, 0.85);color:#fff;}
.Sa, .So { display:none; visibility:hidden; width:0; height:0; }
.hour1_6, .hour7_9, .hour10_12, .hour13_15, .hour19_24, .hour16_18 { }
.hour1_6 { height:30px; }
.hour7_9 { height:30px; }
.hour10_12 { height:30px; }
.hour13_15 { height:30px; }
.hour16_18 { height:30px; }
.hour19_24 { height:30px; }

/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */
/* REsponsice Tables */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

/* Mobile */
@media only screen and (max-width: 1023px) {
	table.responsive { margin-bottom: 0; }
	
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }	
}