/*------------------------------------------------
 * GENERAL VARIABLES
 *----------------------------------------------*/
/*------------------------------------------------
 * UTILITIES MIXINS & CLASSES
 *----------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Raleway:700,800,400);
.bubble {
  position: relative;
  width: auto;
  height: 35px;
  padding: 0px;
  background: #FFFFFF;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px; }

.bubble:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 10px 8px;
  border-color: #FFFFFF transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -8px;
  left: 115px; }

/*------------------------------------------------
 * RESET
 *----------------------------------------------*/
html, body {
  color: #2f302f; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3,
h4, h5, h6, pre, code, form, fieldset, legend,
input, textarea, p, blockquote, th, article,
aside, details, figcaption, figure, footer,
header, hgroup, menu, nav, section, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

article, aside, details, figcaption, figure, footer,
header, hgroup, menu, nav, section {
  display: block; }

address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal; }

em {
  font-style: italic; }

strong {
  font-weight: bold; }

ol, ul {
  list-style: none; }

ol {
  list-style: decimal outside; }

ul {
  list-style: square outside; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

input, textarea, select {
  *font-size: 100%; }

legend {
  color: #2f302f; }

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  margin-top: 0.2em;
  margin-bottom: 0.8em; }

blockquote, ul, ol, dl {
  margin: 1em; }

dl dd {
  margin-left: 1em; }

th {
  font-weight: bold;
  text-align: center; }

caption {
  margin-bottom: .5em;
  text-align: center; }

p, fieldset, table, pre {
  margin-bottom: 1em; }

input[type=text], input[type=password], textarea {
  width: 12.25em;
  *width: 11.9em; }

ul li, ul.menu li, ul li.leaf {
  list-style-image: none; }

.clearfix:after {
  font-size: 0px; }

pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word; }

img {
  max-width: 100%;
  height: auto; }

/*------------------------------------------------
 * TYPOGRAPHY
 *----------------------------------------------*/
h1 {
  font-family: Raleway, Candara, Calibri, Arial, sans-serif;
  font-weight: 700;
  font-size: 24px;
  font-style: normal;
  font-variant: normal;
  line-height: 26.3999996185303px; }

h2 {
  font-family: Raleway, Candara, Calibri, Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
  font-style: normal;
  font-variant: normal;
  line-height: 21.3999996185303px; }

h3 {
  font-family: Raleway, Candara, Calibri, Arial, sans-serif;
  font-weight: 700;
  font-size: 17px;
  font-style: normal;
  font-variant: normal;
  line-height: 18.3999996185303px; }

h4 {
  font-family: Optima, Segoe, 'Segoe UI', Candara, Calibri, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  line-height: 15.3999996185303px; }

body, p {
  font-family: Optima, Segoe, 'Segoe UI', Candara, Calibri, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 20px; }

blockquote {
  font-family: Optima, Segoe, 'Segoe UI', Candara, Calibri, Arial, sans-serif;
  font-size: 21px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 30px; }

body {
  font-size: 14px;
  *font-size: small;
  *font: x-small; }

a, a:visited {
  color: #c26e00;
  text-decoration: none; }

a:hover, a.active, li a.active {
  color: #db7c00;
  text-decoration: underline; }

select, input, button, textarea {
  font-size: 99%; }

table {
  font-size: inherit;
  font: 100%; }

pre, code, kbd, samp, tt, aside {
  font-size: 12px;
  *font-size: 108%;
  line-height: 100%; }

/*------------------------------------------------
 * LAYOUT
 *----------------------------------------------*/
#shell {
  width: 100%;
  min-width: 1124px;
  margin: 0px;
  padding: 0px; }
  #shell .shell-row {
    width: 100%;
    letter-spacing: -0.31em;
    /* webkit: collapse white-space between units */
    *letter-spacing: normal;
    /* reset IE < 8 */
    margin: 0px;
    padding: 0px;
    position: relative; }
  #shell .shell-row > .cell, #shell .shell-row #main-content-wrapper {
    display: block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    width: 100%;
    max-width: 1124px;
    margin: auto; }
  #shell .shell-row > .shell-row-left {
    display: inline-block;
    zoom: 1;
    *display: inline;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    width: 50%;
    text-align: right; }
    #shell .shell-row > .shell-row-left .cell {
      max-width: 562px; }
  #shell .shell-row > .shell-row-right {
    display: inline-block;
    zoom: 1;
    *display: inline;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    width: 50%;
    text-align: left; }
    #shell .shell-row > .shell-row-right .cell {
      max-width: 562px; }
  #shell .shell-row > .shell-row-left > .cell, #shell .shell-row > .shell-row-right > .cell {
    display: inline-block;
    zoom: 1;
    *display: inline;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    width: 100%;
    text-align: left; }

/*
// When on mobile device (resolution lower then tablet portrait), linearize blocks.
@media screen and (max-device-width : $handheld-width),
       screen and (max-width: $tablet-width),
       screen and (max-device-width: $tablet-width) and (orientation: portrait)
{
  .g-container, .g-container .g-block, .g-container .g-cell-left, .g-container .g-cell-right {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-left: 0px;
  }
}
*/
/* EXAMPLE MEDIA QUERY.

@media screen and (max-device-width : $handheld-width),
       screen and (max-width: $tablet-width),
       screen and (max-device-width: $tablet-width) and (orientation: portrait)
{
}

@media screen and (max-device-width : $handheld-width),
       screen and (max-width: $handheld-width)
{
}

*/
/*--------------------------------- GENERICS ---------------------------------*/
body {
  background: #f38a00; }
  body #shell {
    background: white; }

body #main-content-inner {
  padding: 100px; }

body.front #main-content-inner {
  padding: 0px; }

/*--------------------------------- HEADER ---------------------------------*/
#shell #shell-row-header > .shell-row-left {
  position: relative;
  background: #f38a00;
  height: 80px; }
  #shell #shell-row-header > .shell-row-left .cell {
    position: relative; }
    #shell #shell-row-header > .shell-row-left .cell #region-menufloat {
      position: absolute;
      display: none;
      z-index: 475;
      top: 0px;
      left: 0px;
      padding: 42px 0px;
      padding-bottom: 0px;
      width: auto;
      height: auto;
      background: #65312f;
      color: white;
      border-top: 80px solid #351e00; }
      #shell #shell-row-header > .shell-row-left .cell #region-menufloat ul.menu {
        margin: 0px;
        padding: 0px; }
        #shell #shell-row-header > .shell-row-left .cell #region-menufloat ul.menu li {
          list-style-type: none;
          list-style-image: none;
          margin: 0px;
          padding: 12px 0px;
          padding-bottom: 0px; }
          #shell #shell-row-header > .shell-row-left .cell #region-menufloat ul.menu li a {
            margin: 0px 40px;
            display: inline-block;
            zoom: 1;
            *display: inline;
            padding-bottom: 12px; }
          #shell #shell-row-header > .shell-row-left .cell #region-menufloat ul.menu li ul.menu li a {
            margin: 0px 65px;
            margin-right: 40px; }
        #shell #shell-row-header > .shell-row-left .cell #region-menufloat ul.menu li:hover {
          background: #351e00; }
          #shell #shell-row-header > .shell-row-left .cell #region-menufloat ul.menu li:hover li {
            background: #65312f; }
          #shell #shell-row-header > .shell-row-left .cell #region-menufloat ul.menu li:hover li:hover {
            background: #351e00; }
        #shell #shell-row-header > .shell-row-left .cell #region-menufloat ul.menu li.burgundy, #shell #shell-row-header > .shell-row-left .cell #region-menufloat ul.menu li.burgundy:hover {
          background: #65312f; }
      #shell #shell-row-header > .shell-row-left .cell #region-menufloat a {
        font-family: Raleway, Candara, Calibri, Arial, sans-serif;
        font-weight: 700;
        font-size: 17px;
        font-weight: 400;
        color: white !important; }
      #shell #shell-row-header > .shell-row-left .cell #region-menufloat a.active, #shell #shell-row-header > .shell-row-left .cell #region-menufloat a:hover {
        text-decoration: none !important; }
    #shell #shell-row-header > .shell-row-left .cell div.menu-social {
      padding: 42px 0px;
      margin-top: 42px;
      border-top: 42px solid #351e00;
      display: none;
      text-align: center; }
      #shell #shell-row-header > .shell-row-left .cell div.menu-social a {
        text-align: center;
        display: block;
        padding: 12px 0px; }
      #shell #shell-row-header > .shell-row-left .cell div.menu-social img {
        text-align: center;
        display: block;
        padding: 12px 0px;
        margin: auto; }
      #shell #shell-row-header > .shell-row-left .cell div.menu-social a:hover {
        background: #351e00; }
    #shell #shell-row-header > .shell-row-left .cell div.menu-logo {
      display: none;
      position: absolute;
      z-index: 499;
      left: 180px;
      top: 8px; }
    #shell #shell-row-header > .shell-row-left .cell a.menu-toggle {
      position: absolute;
      z-index: 499;
      left: 16px;
      top: 28px;
      vertical-align: top;
      margin-right: 30px; }
    #shell #shell-row-header > .shell-row-left .cell a.logo {
      position: absolute;
      top: 0px;
      left: 76px;
      z-index: 250; }
#shell #shell-row-header > .shell-row-right {
  background: #f38a00;
  height: 80px; }
  #shell #shell-row-header > .shell-row-right .region {
    display: inline-block;
    zoom: 1;
    *display: inline;
    text-align: right; }
  #shell #shell-row-header > .shell-row-right section.block {
    display: inline-block;
    zoom: 1;
    *display: inline; }
  #shell #shell-row-header > .shell-row-right p {
    vertical-align: top; }
  #shell #shell-row-header > .shell-row-right a.quick-link {
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 0px;
    padding-left: 26px;
    height: 26px;
    overflow: hidden;
    background: transparent url(../images/icon-castle.png) no-repeat left bottom;
    margin-right: 6px;
    vertical-align: top; }
  #shell #shell-row-header > .shell-row-right a.quick-link:hover {
    background-position: -26px bottom;
    vertical-align: top; }
  #shell #shell-row-header > .shell-row-right a#icon-calendar {
    background-image: url(../images/icon-calendar.png); }
  #shell #shell-row-header > .shell-row-right a#icon-castle {
    background-image: url(../images/icon-castle.png); }
  #shell #shell-row-header > .shell-row-right a#icon-contact {
    background-image: url(../images/icon-contact.png); }
  #shell #shell-row-header > .shell-row-right a#icon-costs {
    background-image: url(../images/icon-costs.png); }
  #shell #shell-row-header > .shell-row-right a#icon-families {
    background-image: url(../images/icon-families.png); }
  #shell #shell-row-header > .shell-row-right a#icon-location {
    background-image: url(../images/icon-location.png); }
  #shell #shell-row-header > .shell-row-right a#icon-photos {
    background-image: url(../images/icon-photos.png); }
  #shell #shell-row-header > .shell-row-right #block-block-1 {
    vertical-align: top;
    margin-top: 26px; }
  #shell #shell-row-header > .shell-row-right #block-search-form {
    vertical-align: top;
    margin-top: 26px;
    margin-left: 14px; }
    #shell #shell-row-header > .shell-row-right #block-search-form input.form-submit {
      display: none;
      visibility: hidden; }
    #shell #shell-row-header > .shell-row-right #block-search-form input.form-text {
      background: transparent url(../images/search.png) no-repeat left top;
      border: none;
      height: 26px;
      padding: 0px 10px;
      padding-right: 30px;
      width: 117px; }
  #shell #shell-row-header > .shell-row-right #block-locale-language {
    vertical-align: top;
    margin-top: 29px;
    margin-left: 14px; }
    #shell #shell-row-header > .shell-row-right #block-locale-language ul {
      display: inline-block;
      zoom: 1;
      *display: inline;
      list-style: none;
      margin: 0px;
      padding: 0px; }
      #shell #shell-row-header > .shell-row-right #block-locale-language ul li {
        display: inline;
        list-style-type: none;
        list-style-image: none;
        text-transform: uppercase;
        font-size: 17px; }
        #shell #shell-row-header > .shell-row-right #block-locale-language ul li a {
          color: black !important; }
      #shell #shell-row-header > .shell-row-right #block-locale-language ul li.active {
        display: none;
        visibility: hidden; }

/*--------------------------------- slideshow ---------------------------------*/
#shell .shell-row > #region-slideshow {
  max-width: none;
  z-index: 10; }
  #shell .shell-row > #region-slideshow .views_slideshow_cycle_main {
    width: 100%;
    float: left; }
  #shell .shell-row > #region-slideshow .views_slideshow_cycle_main .views-slideshow-cycle-main-frame {
    width: 100% !important;
    height: auto; }
  #shell .shell-row > #region-slideshow .views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row {
    width: 100% !important;
    height: auto; }
  #shell .shell-row > #region-slideshow .views_slideshow_cycle_main .field-content {
    max-width: 100%;
    width: 100%; }
  #shell .shell-row > #region-slideshow .views_slideshow_cycle_main .field-content img {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0; }
  #shell .shell-row > #region-slideshow article.node-image-du-carroussel {
    display: block;
    width: 100%;
    min-width: 1124px;
    height: auto;
    height: 26vw;
    margin: 0px; }
    #shell .shell-row > #region-slideshow article.node-image-du-carroussel div.content {
      font-size: 200%;
      width: 17.5%;
      padding: 5vw;
      margin-right: 17.5%;
      height: 16vw;
      float: right;
      background: black;
      background: rgba(0, 0, 0, 0.5);
      color: white;
      text-align: center; }
      #shell .shell-row > #region-slideshow article.node-image-du-carroussel div.content p {
        line-height: 25px; }
      #shell .shell-row > #region-slideshow article.node-image-du-carroussel div.content a {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
        position: relative;
        display: inline-block;
        zoom: 1;
        *display: inline;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        border-radius: 40px;
        border: 1px solid white;
        color: white;
        background: transparent;
        margin: 10px 0px;
        padding: 8px 40px;
        cursor: pointer; }
      #shell .shell-row > #region-slideshow article.node-image-du-carroussel div.content a:hover {
        background: white;
        border-color: transparent;
        color: #2f302f;
        text-decoration: none; }

/*--------------------------------- Explore Section ---------------------------------*/
#shell-row-explore .block {
  margin: 80px 0px; }
  #shell-row-explore .block h1 {
    text-align: center; }

/*--------------------------------- Families Section ---------------------------------*/
#shell #shell-row-family {
  background: #3b3738 url(../images/white-arrow.jpg) no-repeat center top;
  color: white;
  padding: 80px 0px; }
  #shell #shell-row-family .shell-row-left {
    padding-top: 40px; }
    #shell #shell-row-family .shell-row-left h1 {
      text-align: center;
      color: #f38a00; }
    #shell #shell-row-family .shell-row-left hr {
      height: 1px;
      border: none;
      border-bottom: 1px solid white;
      width: auto;
      margin: 26px 64px; }
    #shell #shell-row-family .shell-row-left p {
      width: 80%;
      margin: 1em auto; }
    #shell #shell-row-family .shell-row-left a.button {
      display: block;
      background: transparent url(../images/family-button.png) no-repeat left top;
      background-size: 460px 42px;
      width: 460px;
      height: 43px;
      text-align: center;
      line-height: 42px;
      vertical-align: middle;
      color: white;
      opacity: 0.8; }
    #shell #shell-row-family .shell-row-left a.button:hover {
      opacity: 1.0; }
  #shell #shell-row-family .shell-row-right {
    text-align: center !important; }

/*--------------------------------- Front Page Node ---------------------------------*/
body.front #main-content-inner #main {
  background: transparent url(../images/history.jpg) no-repeat left center;
  background-size: 180px 180px;
  padding: 80px 250px; }
  body.front #main-content-inner #main h1 {
    text-align: center; }

/*--------------------------------- Youth Block ---------------------------------*/
#shell #shell-row-youth {
  background: white url(../images/youth.jpg) no-repeat center center;
  background-size: cover;
  color: white;
  padding: 80px 0px; }
  #shell #shell-row-youth .cell .region {
    text-shadow: 3px 3px 6px black;
    width: 50%;
    padding-right: 50%; }
    #shell #shell-row-youth .cell .region h1 {
      text-align: center;
      color: #f38a00; }
    #shell #shell-row-youth .cell .region hr {
      height: 1px;
      border: none;
      border-bottom: 1px solid white;
      width: auto;
      margin: 32px 64px; }
    #shell #shell-row-youth .cell .region p {
      width: 80%;
      margin: 1em auto; }
    #shell #shell-row-youth .cell .region a.button {
      display: block;
      background: transparent url(../images/youth-button.png) no-repeat left top;
      background-size: 460px 42px;
      width: 460px;
      height: 42px;
      text-align: center;
      line-height: 42px;
      vertical-align: middle;
      color: white;
      opacity: 0.8;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 16px; 
      }
    #shell #shell-row-youth .cell .region a.button:hover {
      opacity: 1.0; }

/*--------------------------------- Photo Album Block ---------------------------------*/
.album-teaser h1 {
  text-align: center;
  font-size: 17px; }
  .album-teaser h1 a {
    color: #2f302f !important; }
.album-teaser img {
  border: 2px solid white; }

#shell #shell-row-albums {
  background: transparent url(../images/dark-arrow.jpg) no-repeat center top;
  padding: 80px 0px;
  text-align: center; }
  #shell #shell-row-albums #block-block-6 > .content {
    padding: 10px 150px; }
  #shell #shell-row-albums .views-row {
    display: inline-block;
    zoom: 1;
    *display: inline; }
  #shell #shell-row-albums .album-teaser {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 40px;
    margin-bottom: 0px; }
    #shell #shell-row-albums .album-teaser h1 {
      text-align: center;
      font-size: 14px;
      font-weight: bold; }
      #shell #shell-row-albums .album-teaser h1 a {
        color: #2f302f !important; }
    #shell #shell-row-albums .album-teaser img {
      width: 160px;
      height: 160px;
      -webkit-border-radius: 80px;
      -moz-border-radius: 80px;
      border-radius: 80px; }
  #shell #shell-row-albums hr {
    height: 1px;
    border: none;
    border-bottom: 1px solid #9a3433;
    width: auto;
    margin: 32px 64px; }
  #shell #shell-row-albums span.more a {
    font-size: 24px;
    color: #2f302f !important; }

/*--------------------------------- Media Section ---------------------------------*/
#shell #shell-row-medias {
  color: white;
  padding: 0px; }
  #shell #shell-row-medias h1 {
    text-align: center;
    color: white; }
  #shell #shell-row-medias hr {
    height: 1px;
    border: none;
    border-bottom: 1px solid white;
    width: auto;
    margin: 32px 96px; }
  #shell #shell-row-medias p {
    width: 80%;
    margin: 1em auto; }
  #shell #shell-row-medias a {
    color: white !important; }
  #shell #shell-row-medias article {
    margin: auto; }
  #shell #shell-row-medias .view-footer {
    text-align: center;
    font-size: 17px; }
  #shell #shell-row-medias .shell-row-left {
    padding: 40px 0px;
    background: #69813a url(../images/media-arrow.jpg) no-repeat right top;
    background-position: right -25px top;
    text-align: center; }
    #shell #shell-row-medias .shell-row-left article h1 {
      color: white; }
  #shell #shell-row-medias .shell-row-right {
    padding: 40px 0px;
    background: #65312f url(../images/media-arrow.jpg) no-repeat -25px top;
    text-align: center; }
    #shell #shell-row-medias .shell-row-right article h1 {
      color: white; }

/*--------------------------------- Footer Section ---------------------------------*/
#shell #shell-row-footer {
  background: #f38a00;
  color: black;
  text-align: center; }
  #shell #shell-row-footer .line {
    padding: 20px;
    vertical-align: middle; }
    #shell #shell-row-footer .line .triptych {
      display: inline-block;
      zoom: 1;
      *display: inline;
      text-align: center; }
    #shell #shell-row-footer .line .left {
      width: 32.5%; }
    #shell #shell-row-footer .line .middle {
      width: 24%; }
    #shell #shell-row-footer .line .right {
      width: 32.5%; }
  #shell #shell-row-footer .top-line {
    border-bottom: 1px solid black; }
    #shell #shell-row-footer .top-line .left {
      vertical-align: top;
      margin-top: 40px; }
      #shell #shell-row-footer .top-line .left p {
        font-family: Raleway, Candara, Calibri, Arial, sans-serif;
        font-weight: 700;
        font-size: 20px;
        color: white;
        text-align: right;
        padding-right: 10px; }
    #shell #shell-row-footer .top-line .right {
      vertical-align: top;
      margin-top: 32px;
      text-align: left; }
      #shell #shell-row-footer .top-line .right a {
        margin: 0px 12px; }

/*--------------------------------- Articles ---------------------------------*/
.article-teaser {
  position: relative;
  width: 476px;
  height: 357px;
  border: 2px solid white;
  overflow: hidden; }
  .article-teaser .field-name-field-image {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 476px;
    height: 360px;
    z-index: 1;
    border: none; }
  .article-teaser div.content {
    border: none;
    -webkit-transition: top 0.25s ease;
    -moz-transition: top 0.25s ease;
    -ms-transition: top 0.25s ease;
    transition: top 0.25s ease;
    position: absolute;
    top: 219px;
    left: 0px;
    padding: 30px;
    width: 418px;
    height: 120px;
    padding: 30px;
    z-index: 2;
    background: black;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    text-align: center; }
    .article-teaser div.content .field-name-field-abstract {
      min-height: 36px; }
    .article-teaser div.content h1 {
      color: #f38a00;
      font-size: 17px; }
    .article-teaser div.content .pager {
      text-align: right;
      margin-top: 30px; }
      .article-teaser div.content .pager a {
        color: white !important; }

.article-teaser:hover div.content {
  top: 184px; }

body.front .article-teaser {
  border: none !important; }

/*--------------------------------- Events ---------------------------------*/
article.event-teaser {
  padding: 40px 0px;
  border-bottom: 1px solid #3b3738; }
  article.event-teaser h1 {
    margin-bottom: 0px; }
    article.event-teaser h1 a {
      color: #2f302f !important; }
  article.event-teaser .field-name-field-event-image {
    float: right;
    border: 1px solid #666;
    padding: 6px;
    margin-top: 0px; }
    article.event-teaser .field-name-field-event-image a {
      display: block;
      line-height: 0px; }
  article.event-teaser .pager, article.event-teaser .field-name-field-event-date, article.event-teaser .field-name-field-event-abstract {
    width: 75%;
    float: left; }
  article.event-teaser .field-name-field-event-date {
    text-transform: lowercase;
    margin-bottom: 16px; }
  article.event-teaser .pager {
    margin-top: 16px; }
    article.event-teaser .pager a {
      color: #2f302f !important; }

/*--------------------------------- Views ---------------------------------*/
body.page-calendrier #block-system-main .view-header h1 {
  margin-bottom: 0px; }

/*--------------------------------- Calendar ---------------------------------*/
#views-exposed-form-calendrier-page {
  visibility: hidden;
  position: absolute; }

.timeline {
  position: relative;
  padding: 5em 0 2em;
  margin: 1em 0;
  border-width: 0 1px; }

.timeline .line {
  display: block;
  list-style-type: none;
  margin: 0.5em 0 0;
  padding: 0;
  height: 1em;
  border-top: 1px solid #CBCBCA;
  width: 100%;
  position: relative; }

.timeline .line .events {
  position: relative;
  top: -0.8em;
  margin: 0; }

.timeline .line .events .event {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 0;
  margin: 0; }

.timeline .line .events .event .circle {
  position: relative;
  background: #21205f;
  border: 4px solid #21205f;
  margin-top: .25em;
  width: .5em;
  height: .5em;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  z-index: 1; }

.timeline .line .events .event .circle .circle-inner {
  background: #21205f;
  width: .5em;
  height: .5em;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }

.timeline .line .events .event .today {
  width: 35px;
  height: 35px;
  border-radius: 50% 50% 50% 0;
  background: #cbcbca;
  position: absolute;
  transform: rotate(-45deg);
  left: 50%;
  top: 50%;
  margin: -12px 0 0 -20px;
  z-index: 1; }

.timeline .line .events .event .today .circle-inner {
  width: 20px;
  height: 20px;
  margin: 5px 0 0 6px;
  border: 2px solid #fff;
  background: #F38A00;
  position: absolute;
  border-radius: 50%;
  z-index: 1; }

.timeline .line .events .event .small-dot {
  position: relative;
  margin-top: 0.4em;
  background: #7292cb;
  border: 4px solid #7292cb;
  width: .25em;
  height: .25em;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  z-index: 1; }

.timeline .line .events .event .small-dot .small-dot-inner {
  background: #7292cb;
  width: .25em;
  height: .25em;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }

.timeline .line .events .event .day-dot {
  position: relative;
  margin-top: 9px;
  background: #cbcbca;
  width: 3px;
  height: 3px;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.timeline .line .events .event .label {
  width: 10em;
  font-size: 13px;
  padding: 1.5em 1em;
  text-align: center;
  position: absolute;
  margin: -2px 0 0 -6em;
  left: 50%;
  bottom: 60%; }

.timeline .line .events .event .label label {
  color: #cbcbca;
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 5px 0; }

.timeline .line .events .event .today-date label {
  position: absolute;
  top: 3em;
  left: -2em;
  width: 10em;
  color: #cbcbca;
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 5px 0; }

.timeline .line .events .event .label time {
  visibility: hidden; }

.timeline .line .events .event .today .circle-inner {
  transition: All .5s ease-in-out;
  -webkit-transition: All .5s ease-in-out;
  -moz-transition: All .5s ease-in-out;
  -o-transition: All .5s ease-in-out; }

.today .circle-inner:hover {
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2); }

.timeline .line .events .event .today {
  transition: All .5s ease-in-out;
  -webkit-transition: All .5s ease-in-out;
  -moz-transition: All .5s ease-in-out;
  -o-transition: All .5s ease-in-out; }

.today:hover {
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2); }

.timeline .line .events .event .circle {
  transition: All .5s ease-in-out;
  -webkit-transition: All .5s ease-in-out;
  -moz-transition: All .5s ease-in-out;
  -o-transition: All .5s ease-in-out; }

.circle:hover {
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2); }

.timeline .line .events .event .small-dot {
  transition: All .5s ease-in;
  -webkit-transition: All .5s ease-in-out;
  -moz-transition: All .5s ease-in-out;
  -o-transition: All .5s ease-in-out; }

.small-dot:hover {
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2); }

.timeline .line.checklist .events .event .label label {
  background-color: transparent; }

.timeline .time {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1; }

.timeline .time .period {
  position: absolute;
  top: 0;
  bottom: 0; }

.timeline .time .period .label {
  visibility: hidden; }

#views-exposed-form-calendrier-page{
  visibility: visible;
  position:relative;
}

.timeline {
  position: relative;
  padding: 5em 0 2em;
  margin: 1em 0;
  border-width: 0 1px;
  display:none;
}

.container-inline-date .description{
display: none;
}

.views-exposed-form .views-exposed-widget {
    float: left;
    padding: .5em 1em 0 0;
    width: 100%;
}

.views-exposed-form .views-exposed-widget.views-submit-button, .views-exposed-form .views-exposed-widget.views-reset-button{
	width:auto;
}

div#edit-date-filter-min-wrapper {
    float: left;
}

div#edit-date-filter-max-wrapper {
    float: left;
}

.container-inline-date .form-item, .container-inline-date .form-item input {
    width: 160px;
    margin-right: 20px;
}

.views-exposed-form .views-exposed-widget .form-submit {
     margin-top: 0; 
}

.views-exposed-form label{
    font-size: 16px;
    text-transform: uppercase;
    }
    
.i18n-fr .view-calendrier .view-filters:before{
	content: "Vous planifiez venir nous voir?  Inscrivez-vos dates ici!";
	display: block;
	font-size: 22px;
	text-transform: none;
    font-weight: bold;
    color:#f38a00;
    margin-top:5px;
}

.i18n-en .view-calendrier .view-filters:before{
	content: "Planning a visit?  Insert your dates here!";
	display: block;
	font-size: 22px;
		text-transform: none;
		color:#f38a00;
        font-weight: bold;
            margin-top:5px;
}

a.logo img{
max-width:150px;
}
/*# sourceMappingURL=theme.css.map */