@font-face {
    font-family: 'roboto_slabregular';
    src: url('/type/RobotoSlab-Regular-webfont.eot');
    src: url('/type/RobotoSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/type/RobotoSlab-Regular-webfont.woff') format('woff'),
         url('/type/RobotoSlab-Regular-webfont.ttf') format('truetype'),
         url('/type/RobotoSlab-Regular-webfont.svg#roboto_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_slabbold';
    src: url('/type/RobotoSlab-Bold-webfont.eot');
    src: url('/type/RobotoSlab-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/type/RobotoSlab-Bold-webfont.woff') format('woff'),
         url('/type/RobotoSlab-Bold-webfont.ttf') format('truetype'),
         url('/type/RobotoSlab-Bold-webfont.svg#roboto_slabbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubunturegular';
    src: url('/type/ubuntu-r-webfont.eot');
    src: url('/type/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('/type/ubuntu-r-webfont.woff2') format('woff2'),
         url('/type/ubuntu-r-webfont.woff') format('woff'),
         url('/type/ubuntu-r-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'droid_serifregular';
    src: url('DroidSerif-Regular-webfont.eot');
    src: url('DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('DroidSerif-Regular-webfont.woff') format('woff'),
         url('DroidSerif-Regular-webfont.ttf') format('truetype'),
         url('DroidSerif-Regular-webfont.svg#droid_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { font-family:'ubunturegular'; font-size:0.875rem; color:#333; background: url(/img/background.png); }

.wrapper { z-index:3; max-width:60rem; margin:0 auto; border-top:.3125em solid #2c92d0; border-bottom:0; background:#fff; box-shadow:0 0 .625em .08em rgba(0,0,0,.05); padding-top: 2.5rem; }
header { margin-bottom:1.5rem; }
header h1 { padding:0 0 0 2.813rem; }
header .site-name { font-family:'roboto_slabregular'; font-size:2.5rem; letter-spacing:1px; line-height:1; }
header .blue { color:#2c92d0; }
header .grey { color:#808184; font-size:2rem; padding:0 0 0 0.5rem; }
header .orange { color:#e95c33; }
header .site-name small { font-family:'ubunturegular'; font-size:1.25rem; letter-spacing:2px; color:#808184; display:inline-block; text-align:justify; }

header h2 , header h3 { padding:0 2.813rem 0 0; text-align:right;  }
header .title { color:#005993; font-family:'ubunturegular'; font-size:1rem;  padding-top:1rem; }
header .date { font-size:0.875rem; color:#808184; }
@media only screen and (max-width: 40em) {
  header h1 { padding:0; text-align:center; }
  header h2 , header h3 { padding:0; text-align:center; }
}
/*== Navigation ==*/
.top-bar { border-bottom:0.08rem solid #eee; background-color:#fff; padding:0 0.5rem; }
.top-bar ul { background-color:#fff; }
.top-bar-left  ul { padding-left:2.813rem; }
.top-bar-right ul { padding-right:3.5rem; }
.top-bar-right ul ul { padding-right:0; }

.top-bar .menu li { width: 7.8125em; text-transform: uppercase; text-align:center; }
.top-bar .top-bar-left .menu li { border-right:.08em solid #eee; }
.top-bar .top-bar-left .menu li:last-child { border:none; }
.top-bar .top-bar-right .menu li { border-left:.08em solid #eee; }
.top-bar .menu li a { font-size:.875rem; padding:0.750rem; letter-spacing: .08em; }
.top-bar .menu li a.active, .top-bar .menu li a:hover { color:#fff; background:#87D0F3; border:0; }

.dropdown.menu.vertical .is-dropdown-submenu.first-sub { top:auto; left:0; padding-left:0; z-index:89; background:#fff; border:none; 
                                                              -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 0 2px;
                                                              -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 0 2px;
                                                              box-shadow: rgba(0, 0, 0, 0.25) 0 0 2px; 
                                                            }
.is-dropdown-submenu { min-width:auto; width:auto; }
.top-bar  .menu .submenu li { border-right:none; border-bottom:.08em solid #eee; text-align:left; width:auto; }
.top-bar .menu .submenu li a { padding:1rem; }

.is-dropdown-submenu-parent.is-down-arrow > a:after { display:none; }
.is-dropdown-submenu-parent.is-right-arrow > a::after { display:none; }

@media only screen and (max-width: 40em) {
  .title-bar { padding-left:2rem; background:#fff; color:#005993; border-top:.08em solid #eee; border-bottom:.08em solid #eee;}
  .title-bar .menu-icon::after { background:#005993;  box-shadow: 0 7px 0 #005993, 0 14px 0 #005993; }
  .top-bar-left  ul { padding-left:1rem; }
  .top-bar .menu li { width:100%; text-align:left; border-bottom:.08em solid #eee; }
  .top-bar-right ul { padding-left:1rem; padding-right:0; } 
}
/*== //Navigation ==*/

.inner { padding:2rem 2.813rem 3rem; }
.center { text-align:center; }

/*== Home-Slider ==*/
.home-slider { margin:1rem 0 2rem; position:relative; /* Style the actual content */ }
.home-slider .text-content { position:absolute; top:0; left:0; right:0; background-color: rgba(255, 255, 255, 0.9); padding:1rem; width:100%; height:100%; text-align:center; }
.home-slider .text-content {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c92d0+0,2c92d0+25,ffffff+65&1+0,0.5+25,0+65 */
background: -moz-linear-gradient(top,  rgba(44,146,208,1) 0%, rgba(44,146,208,0.5) 25%, rgba(255,255,255,0) 65%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(44,146,208,1) 0%,rgba(44,146,208,0.5) 25%,rgba(255,255,255,0) 65%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(44,146,208,1) 0%,rgba(44,146,208,0.5) 25%,rgba(255,255,255,0) 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c92d0', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.home-slider .text-content h2 { margin:0; color:#fff; font-family:'roboto_slabregular'; font-size:1.75rem; letter-spacing:0.05rem; text-decoration:none; text-shadow:3px 3px 6px  #002e61; }
.home-slider .text-content p { margin: 1em 0; font-size:0.875rem; line-height:1.75; color:#fff; text-shadow:1px 1px 2px #002e61; }
.home-slider .text-content a.button-link { padding:0.25em 0.5em; position:absolute; bottom:1em; right:1em; color:#fff; text-shadow:1px 1px 2px #002e61; }
.home-slider .image-content { line-height:0; }
.home-slider .image-content img { max-width:100%; }
.home-slider .news-pager { z-index:4; position:absolute; bottom:0px; left:0px; background-color: rgba(255, 255, 255, 0.6); width:auto; height:auto; text-align:right; display:block; margin:0px; padding:0px; list-style: outside none none; }
.home-slider .news-pager li { display:inline-block; padding:0.6em; margin:0 0 0 1em; }
.home-slider .news-pager li.sy-active a { color:#31ace2; }
.home-slider .news-pager li a { font-weight:500; text-decoration: none; display:block; color:#222; }
.home-slider .sy-controls { top:36%; }
.home-slider .sy-controls li { height:25%; }
@media only screen and (max-width: 40em) {
.home-slider .text-content h2, .home-slider .text-content p { font-size:0.750; line-height:1.15; }
}
/*== //Home-Slider ==*/

/*== Page Content ==*/
.page h1, .page h2, .page h3, .page h4  { font-family:'roboto_slabregular'; }
.page h1 { font-size:2rem; margin-bottom:1.25rem; }
.page h2 { font-size:1.750rem; margin-bottom:1.25rem; }
.page h3 { font-size:1.5rem; margin-bottom:1.15rem; }
.page h4 { font-size:1.25rem; margin-bottom:1.05rem; }
.page a { border-bottom:.08rem solid #e5e5e5; padding-bottom:.08rem; }
.page a.button { border-bottom:none; padding-bottom:0; padding:0.85em 1em; margin:0 0 1rem 0; }
.page a:hover { border-color: #4db7db; }
.page p { font-size:0.938rem; line-height:1.75; }
.page .intone { color:#e95c33; }

.page .menu.vertical { width:12rem; float:right; margin-left:2rem; margin-bottom:2rem; }
.center { text-align:center; }

.page .programme li { font-weight:700; padding-bottom:1.5rem; }
.page .programme li ul  { padding-top:1rem; }
.page .programme li ul li { font-weight:400; padding-bottom:1rem; }
.page .programme li ul li:last-child { padding-bottom:0; }

.page .lect-holder { margin:0; padding:0; padding:1rem 0; border-bottom: .08em solid #eee;}
.page .lect-holder:last-child { border:none;}
.page h3.lecturer  { margin:0.5rem 0 0.75rem 0; }
.page p.para-aff { line-height: 115%; font-size:0.813rem; }
.page p.para-photo { float:left; padding-right:1.5rem; padding-bottom:1.5rem; line-height: 115%; font-size:0.813rem; }
.page p.para-photo { display:none; }
/*== //Page Content ==*/



p.excerpt { font-family:'roboto_slabregular'; font-size:1.125rem; font-weight:400; font-style:normal; color:#3b4648; }



.callout.large { padding:0; background-color:#E6E6E6; }

#section-title > .columns { padding-bottom:1rem; border-bottom: 1px solid #E3E5E8; }

#content {  }

#content > .columns { padding-top:1rem; }

.active { color:#46a4f2; border-bottom: 1px solid #E3E5E8; }


/*== //Footer ==*/
footer.foo { max-width:60rem; padding:2.5rem 3.75rem 1.25rem; margin:0 auto; border-top:.625em solid #e6fbff; color: rgba(0,0,0,.35); background-color:#d4f7ff; }
footer.foo  ul.menu { margin-top:0.5rem; text-align:center; }
footer.foo .menu > li { float: none; display: inline-block; }
footer.foo .menu > li:not(.menu-text) > a:hover { background:none; color:#fff; }
footer.foo .menu > li a { font-size:0.750rem; font-weight:300; text-transform:uppercase; }
footer.foo .copy { font-size:12px; text-align:center;  }

/*== Footer ==*/



/*http://callmenick.com/_development/simple-parallax-effect/*/
/*
<section class="module parallax parallax-1">
  <div class="container">
    <h1>Serene</h1>
  </div>
</section>
*/
section.module.parallax {
  height: 600px;
  height: 50vh;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
section.module.parallax h1 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 48px;
  line-height: 600px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
section.module.parallax-1 {
  background-image: url("/img/slippry/home-1.jpg");
}