// Bootstrap library.
@import "../bootstrap/less/bootstrap.less";

// Base-theme overrides (includes variables!).
@import "overrides.less";

@import "mixins.less";

// For loop plugin
@import "for.less";

@import "pagination.less";
@import "flexnav.less";
@import "cookies.less";
@import "follow.less";

/*=========================================
=            Generals & Mixins            =
=========================================*/
noscript {
  display: block;
  background: @brand-danger;
  padding: 5px 15px;
  text-align: center;
  color: #fff;

  p {}
}

.block {
  position: relative;
}

.region-content {
  .content>.node {
    .block-white(25px);
  }
}

.region-sidebar-first,
.region-sidebar-second {
  .block {
    .block-white(25px);
    margin-bottom: @grid-gutter-width;
  }
}

.edit-node {
  position: absolute;
  font-size: 12px;
  display: block;
  padding: 3px 5px;
  text-transform: uppercase;
  top: 0;
  right: 0;
  z-index: 5;
  background: @brand-secondary;
  color: #fff !important;
  opacity: 0.5;

  &:hover {
    opacity: 1;
    color: #fff !important;
  }
}

.block-white(@radius: 15px) {
  background: #fff;
  position: relative;
  padding: 15px;
  .drop-shadow(2px, 2px, 6px, 1px, 0.1);
  margin-bottom: @grid-gutter-width;

  @media (min-width: @screen-md) {
    padding: @radius;
  }
}

.block-title {
  margin: 0 0 15px 0;
  padding: 0;
  z-index: 1;
  color: @brand-primary;
  text-transform: uppercase;
}

.block-title-white {
  .block-title;
  color: #fff;
}

.block-blue {
  .drop-shadow(2px, 2px, 6px, 1px, 0.1);
  margin-bottom: @grid-gutter-width;
  padding: 15px !important;
  background: #fff;
  width: 100%;

  h2 {
    color: #fff;
    margin-bottom: 0;
  }

  a {
    color: inherit;
  }

  .content {
    background: @brand-primary;
    padding: 15px;
    width: 100%;
    color: #fff;
  }

  .field,
  .views-field {
    color: #fff;

    * {
      color: inherit;
    }

    a {
      .transition(0.4s color ease);
    }

    a:hover {
      color: @brand-secondary;
      .transition(0.2s color ease);
    }

    .more-link {
      bottom: 0;
      right: 0;

      &:after {
        border-color: #fff;
      }
    }
  }
}

.field-name-body,
.field-name-field-body,
.views-field-field-body {
  p a {
    font-weight: 400;
  }
}

.field-label-inline .field-label {
  font-weight: inherit;
}

.date-small {
  color: @gray-light;
  font-size: @font-size-small;
  font-weight: 400;
  margin-bottom: 0.3em;
}

.node-teaser .date-display-single,
.view-mode-mini_teaser .date-display-single {
  .date-small;
}

.button-link {
  position: relative;
  box-shadow: inset 0 0 0 1px #fff;
  color: @brand-primary;
  text-transform: uppercase;
  font-weight: 400;
  display: inline-block;
  padding: 5px 15px 4px 15px;
  font-size: @font-size-small;
  line-height: 22px;
  cursor: pointer;
  .transition(all 0.3s cubic-bezier(0.125, 0, 0.75, 1));

  &:after {
    content: "";
    border: 1px solid @brand-primary;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    opacity: 1;
  }

  &:hover {
    box-shadow: inset 0 0 0 30px @brand-primary;
    color: #fff;
  }
}

.more-link {
  .button-link;
  position: absolute;
  right: 15px;
  bottom: 15px;

  padding: 5px 10px 4px 10px;
  font-size: @font-size-small;
}

.button-disabled {
  border: 1px solid @gray-light;
  border-color: @gray-light;
  color: @gray-light;
  text-transform: uppercase;
  font-weight: 400;
  display: inline-block;
  padding: 5px 15px 4px 15px;
  font-size: @font-size-small;
  line-height: 22px;
}

.back-link {
  border-top: 1px solid @gray-lighter;
  padding: 20px 0 0 0;
  margin: 20px 0;
  display: block;

  i {
    font-size: 0.8em;
  }
}

.views-field-edit-node a {
  .edit-node;
}

/* Owl Carousel */
.owl-carousel {
  .owl-controls {
    margin-top: 0;

    .owl-buttons {
      display: none;

      @media (min-width: @screen-md) {
        display: block;
      }

      .owl-prev,
      .owl-next {
        position: absolute;
        top: 50%;
        margin-top: -30px;
        background: 0 none;
        width: 60px;
        height: 60px;
        text-indent: -3000px;
        overflow: hidden;
        background: url(../images/slider-controls.png) no-repeat left center;
        background-size: 200% auto;
        opacity: 1;
      }

      .owl-prev {
        left: 0;
        .transition(0.2s left ease-out);

        &:hover {
          left: -5px;
        }
      }

      .owl-next {
        right: 0;
        background-position: right center;
        .transition(0.2s right ease-out);

        &:hover {
          right: -5px;
        }
      }
    }
  }
}

/*-----  End of Generals & Mixins  ------*/

html,
body {
  height: 100%;
  font-size: @font-size-small;
  font-weight: 300;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* The html and body elements cannot have any padding or margin. */
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  padding: 0;
  font-weight: 300;
  line-height: 1.5em;
}

h1,
h2,
h3,
  {
  line-height: 1.3em;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}


h1 {
  color: @brand-primary;
  font-size: ceil(@font-size-small*1.5);
  font-weight: 300;
}

h2,
.h2 {
  font-size: ceil(@font-size-small*1.5);
  font-weight: 300;
  text-transform: uppercase;
  color: @brand-primary;
}

h3,
.h3 {
  color: @brand-primary;
  font-size: ceil(@font-size-small * 1.1);
  text-transform: uppercase;
  font-weight: 500;
}

h4,
.h4 {
  font-size: @font-size-small;
  text-transform: uppercase;
  color: @brand-primary;
  font-weight: 500;
}

h5 {}

h6 {
  font-size: @font-size-small;
  color: @gray;
  padding: 10px 0;
}

h2,
h3,
h4,
.h2,
.h3,
.h4 {
  margin-bottom: 10px;
}

p,
ul {

  +h2,
  +h3,
  +h4,
  +h5,
  +h6 {
    margin-top: 1em;
  }
}

a:hover,
a:focus {
  text-decoration: none;
}

@media all and (min-width: @screen-md) {

  html,
  body {
    height: 100%;
    font-size: @font-size-base;
  }

  h1,
  h2,
  .h2 {
    font-size: @font-size-h1;
  }

  h3,
  .h3 {
    font-size: @font-size-h3;
  }

  h4,
  .h4 {
    font-size: @font-size-h4;
  }

  h5,
  .h5 {
    font-size: @font-size-h5;
  }

  h6 {
    font-size: @font-size-h6;
  }
}

/*==============================
=            Layout            =
==============================*/
@media all and (max-width: @screen-sm-max) {
  #toolbar {
    display: none;
  }
}

img {
  vertical-align: bottom;
}

.img-responsive {
  width: 100%;
  height: auto;
}

.insert-image {
  max-width: 100%;
  height: auto;
}

.region-navigation {
  clear: both;
  position: relative;
}

.tabs--primary {
  background: #fff;
  margin-bottom: 0;
  font-size: 0.8em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: 1px solid @gray-lighter;
  border: 0 none;

  li {
    margin: 0;

    a,
    a:hover {
      border: 0 none !important;
    }

    &.active a {
      color: @gray;
      border: 0 none;
      background: 0 none;
    }
  }
}

div:empty {
  display: none;
}

.page-node .node ul li {
  list-style-position: outside;
  margin-left: 1em;
}

.page-node .field-type-text-long img.img-responsive {
  height: auto !important;
}

.field-type-text-long img {
  width: 100% !important;
  height: auto !important;
}

.field ul {
  padding-left: 0;
}

#page-header {
  margin-bottom: 40px;

  @media (min-width: @screen-md) {
    margin-bottom: 80px;
  }
}

.field-name-field-file,
.field-name-field-download,
.field-name-field-downloads {
  margin: 10px 0;
  font-weight: 400;

  .file {
    padding: 5px 0;
    clear: both;
    display: block;
  }

  a {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.4em;
    height: 35px;
  }
}

.file-icon {
  float: left;
  margin-right: 10px;
  height: 35px;
  width: auto;
}

div:empty {
  display: none;
}

.view .view-content {
  // float:left;
  // width: 100%;
  // overflow: auto;
}

/*==============================
=       Header & Menu          =
==============================*/
.page-header {
  border-bottom: 0 none;
  padding-bottom: 0;
}

.navbar {
  border: 0 none;
  margin-bottom: 0;
  background: #fff;

  .inner {}

  .logo {
    padding: 0;

    a {
      width: 180px;
      display: inline-block;

      @media (min-width: @screen-md) {
        width: 300px;
      }

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

    @media (max-width: @screen-sm-max) {
      width: 100%;
      position: absolute;
      left: 0;
      text-align: center;
      margin: 15px 0;
    }

    @media (min-width: @screen-sm) {
      float: left;
    }

    @media (min-width: @screen-md) {
      margin: @grid-gutter-width 0;
    }
  }
}

#banner {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

/* Breadcrumb */
.breadcrumb {
  background: 0 none;
  padding: 0;
  font-size: 0.85em;
  color: @gray;
  margin-bottom: 0;
  line-height: 39px;
  height: 40px;
  padding-left: (@grid-gutter-width / 2);

  a {
    color: inherit;
  }

  a:hover,
  li.active,
  a.active {
    color: @brand-primary;
  }

  >li+li:before {
    content: "/";
    color: @gray;
  }
}

#main {
  margin-top: 30px;
}

blockquote {
  border: 0 none;
  padding: 0 0 0 30px;
  margin: 0;
  position: relative;
  color: @brand-primary;
  font-size: 1.2em;

  @media (min-width: @screen-md) {
    padding: 0 0 0 60px;
  }

  &:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/quote.png) no-repeat left center;
    background-size: contain;
    position: absolute;
    color: @brand-secondary;
    left: 0;
    top: 0;

    @media (min-width: @screen-md) {
      width: 50px;
      height: 50px;
    }
  }

  footer {
    color: @brand-secondary;
    padding: 5px 0;
  }
}

/*=================================
=            Page Top             =
=================================*/

.region-top {
  clear: both;
  display: none;
  overflow: hidden;

  @media all and (min-width: @screen-md) {
    float: right;
    display: block;
    float: right;
    padding: 10px 0;

    .block {
      float: right;
    }

    .menu,
    .language-switcher-locale-url {
      margin-bottom: 0;

      li {
        display: inline;
        padding-right: 10px;
        color: @gray-light;
        line-height: @line-height-base;
        font-size: 17px;

        a,
        span.nolink {
          padding-right: 10px;
          display: inline-block;
          color: @gray;
        }

        &.active a,
        &.active-trail a,
        &.active span.nolink,
        &.active-trail span.nolink {
          color: @gray;
        }
      }
    }

    .language-switcher-locale-url {
      li {

        a:link,
        a:visited {
          font-size: 0.9em;
          text-transform: uppercase;
          color: @gray-light;
        }

        a:hover {
          color: @brand-primary;
        }

        &.active a,
        &.active-trail a {
          color: @brand-primary;
          font-weight: 600;
        }
      }
    }
  }
}

/*=================================
=             Footer             =
=================================*/
#page {
  min-height: 100%;
  padding-bottom: 265px;
  margin-bottom: -265px;
}

#footer {
  background: @brand-primary;

  .footer-container {
    color: #fff;
    padding-top: 12px;
    padding-bottom: 12px;

    a {
      color: inherit;
    }

    .region-footer {
      font-size: 0.82em;
      padding-top: @grid-gutter-width;
    }

    @media (max-width: @screen-sm-max) {
      .block+.block {
        margin-top: @grid-gutter-width;
      }
    }

    #block-custompage-copyright {
      line-height: 28px;

      @media (min-width: @screen-md) {
        float: left;
      }
    }

    #block-eic-core-eic-footer-menu {
      line-height: 28px;
      float: right;

      ul {
        float: left;

        li {
          margin-right: 15px;

          @media (min-width: @screen-md) {
            margin-left: 15px;
            margin-right: 0;
          }
        }
      }

      .menu {
        li {
          display: inline-block;

          @media (min-width: @screen-md) {
            display: inline;
            padding-right: 8px;
          }

          a {
            color: #fff;
            line-height: 1em;
            padding-right: 8px;
            display: inline-block;
          }
        }
      }
    }
  }
}

/*=====================================
=            Menu Defaults            =
=====================================*/
#page .menu,
#footer .menu {
  margin: 0;
  padding: 0;

  li {

    a,
    span.nolink {
      line-height: 1.4em;
      text-transform: uppercase;
      font-size: 14px;
    }

    &.active-trail>a,
    &.active-trail>span,
    &.active>a {
      font-weight: 500;
    }
  }
}

/*============================
=       Main Menu    =
============================*/
@menu-height: 65px;

/*==========  Desktop  ==========*/
@media all and (min-width: @screen-md) {
  #block-menu-block-1 {
    clear: both;
    background-color: #fff;
    height: @menu-height;
    position: relative;
    z-index: 99;
    bottom: 1px;

    @media (min-width: @screen-lg) {
      position: absolute;
      right: 0;
    }

    ul.menu {

      li,
      li a {
        background-color: #fff;
        border-left: 0 none;
        text-decoration: none;
      }

      li {
        border: 0 none;

        a:hover,
        span.nolink:hover {
          background-color: #fff;
        }

        span.nolink:hover {
          cursor: default;
        }

        & .touch-button {
          display: none;
        }
      }

      // Hide JS attached menus: top, lang
      &.top-menu,
      &.lang-menu {
        display: none;
      }
    }

    /* 1st level */
    ul.level-1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      align-items: stretch;
      border-top: 1px solid @gray-light;

      >li {
        transition-delay: 0.3s;
        height: @menu-height;
        margin-right: 0;
        width: auto;

        &>a,
        &>span.nolink {
          display: block;
          color: @brand-primary;
          cursor: pointer;
          padding: 0 25px;
          line-height: @menu-height;
          margin: 0 -1px;
          text-align: center;
          white-space: nowrap;
        }

        &:hover>a,
        &.active-trail>a,
        &:hover>span.nolink,
        &.active-trail>span.nolink {
          border-color: @gray;
          .gradient(#fff, #c3d2e2);
        }

        &.last {
          margin-right: 0;

          >a,
          >span.nolink {
            margin-right: 0 !important;
            border-right: 0 none;
          }

          &:after {
            content: initial;
          }
        }
      }
    }

    /* 2nd level */
    ul.level-2 {
      position: absolute;
      background: rgba(255, 255, 255, 0.85);
      width: 100%;
      display: none;
      padding: 20px;
      min-width: 250px;

      &>li {
        padding: 0;
        overflow: visible;
        width: 100%;
        background: transparent;

        &>a,
        &>span {
          border-bottom: 1px solid darken(@brand-primary, 5%);
          background: transparent;
          padding: 0.82em 5px 0.72em 5px;
          display: block;
          position: relative;
          margin: 0;
        }

        &.last a {
          border: 0 none;
        }

        &:hover {
          background: 0 none;
        }

        &.active,
        &.active-trail {

          &>a,
          >span {
            background: 0 none;
            font-weight: bold;
          }
        }
      }
    }
  }

  // End Media Query Desktop
}

/*==========  Mobile  ==========*/
/* Toggler */
.navbar-toggle {
  display: block;
  position: relative;
  float: none;
  margin-right: -10px;
  padding: 15px;
  margin-top: 17px;
  margin-bottom: 17px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;

  @media (min-width: @screen-md) {
    display: none;
  }

  .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: @brand-primary;
  }

  i {
    display: none;
  }
}

@media all and (max-width: @screen-sm-max) {
  #block-menu-block-1 {
    text-transform: uppercase;
    background-color: #fff;
    margin: 0 -15px;
    position: relative;

    .menu-block-wrapper {
      background: #fff;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: auto;
      z-index: 1000;
      .drop-shadow(2px, 2px, 6px, 1px, 0.1);
      padding-bottom: 25px;
    }

    ul.menu {
      >li {
        border-bottom: 1px solid @brand-primary;
        position: relative;
        line-height: 1.4em;
      }

      li a,
      li span.nolink {
        display: block;
        padding: 11px 0;
        transition: background-color 0.5s ease-out;
        background-color: #fff;
        color: @brand-primary;
        border: 0 none;

        &:hover {
          text-decoration: none;
        }
      }
    }

    ul.menu li {
      .touch-button {
        right: 0;
        height: 100%;
        background: url(../images/menu-toggle@2x.png) no-repeat bottom center rgba(255, 255, 255, 0.1);
        background-size: 100% auto;
        width: 44px;
        height: 40px;
        margin: 0;
        background-color: @gray-lighter;

        i {
          display: none;
        }
      }

      &.open {
        .touch-button {
          background-position: top center;
        }
      }
    }

    ul.lang-menu {
      width: 100%;
      overflow: auto;
      background-color: #fff;
      border-bottom: 1px solid darken(@brand-secondary, 10%);

      li {
        border-right: 1px solid darken(@brand-secondary, 10%);
        border-bottom: 0 none;
        float: left;

        span.nolink {
          color: #ccc;
        }

        &.active a {
          color: @brand-primary;
        }
      }
    }

    /* Level 1 */
    ul.level-1 {
      background: #fff;
      padding: 0 15px;
      clear: both;

      >li>a,
      >li>span.nolink {
        background-color: #fff;
      }
    }

    /* Level 2 */
    ul.menu.level-2 {
      border-top: 1px solid @brand-secondary;

      li {
        border-bottom: 1px solid @brand-secondary;

        &.last {
          border-width: 0;
          /* no border at last link in list */
        }

        a,
        span.nolink {
          transition: background-color 1s;
          background-color: #fff;
          padding-left: 15px;
        }
      }
    }
  }
}

/* Medium Width */
@media all and (min-width: @screen-sm) and (max-width: @screen-sm-max) {
  #block-menu-block-1 {
    margin: 0;
  }
}

.navbar.container .menu-button {
  border: 0 none;
  display: block;
  margin-left: -10px;

  .touch-button {
    display: none;
  }

  &:hover,
  &:active,
  &:focus {
    background: 0 none;
  }

  .icon-bar {
    background-color: @brand-secondary;
  }

  @media all and (min-width: @screen-md) {
    display: none;
  }
}

// End Media Query Mobile

/*=================================
=           Accordion             =
==================================*/
.ui-accordion {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  padding-top: 1px;

  .ui-accordion-header,
  .ui-accordion-content {
    border-color: lighten(@gray, 55%);
    border-radius: 0;
    color: inherit;
    line-height: inherit;
  }

  .ui-accordion-header {
    margin-top: -1px;
    color: @link-color;
    font-weight: 600;
    background: #fff;
    padding: @grid-gutter-width;
    .flex-display();
    .justify-content(space-between);
    .align-items(center);

    h4 {
      margin-bottom: 0;
    }

    &.ui-state-active {
      color: inherit;
      background: @gray-lighter;
    }

    &.ui-state-hover {
      background-color: @gray-lighter;
    }
  }

  .ui-accordion-content {
    padding: 0;

    .inner {
      padding: @grid-gutter-width;
    }
  }
}

/*=============================================
=            Custompage Blocks            =
=============================================*/
.block-custompage {
  div.cp_tile {
    .edit {
      position: relative;
      padding: 0;
      border: 0;
      display: block;

      a {
        .edit-node;
        font-weight: 300;
      }
    }
  }

  div.cp_showborder:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}

#block-custompage-contact {

  .node,
  .gmap {
    .block-white(25px);
  }

  p em {
    min-width: 50px;
    display: inline-block;
    font-style: normal;
  }
}

#block-custompage-footer {
  border-bottom: 1px solid #fff;
  padding-bottom: @grid-gutter-width;
  margin-bottom: @grid-gutter-width;
  width: 100%;
  float: left;
}

.front .region-sidebar-second {
  .flex-display();
  .flex-flow(column);
  .justify-content(stretch);
  .align-items(center);

  @media all and (max-width: @screen-sm-max) {
    height: auto !important;
    margin-bottom: 15px;
  }
}

#block-custompage-frontpage-link-1,
#block-custompage-frontpage-link-2 {
  .block-blue;
  .flex(1 0 auto);
  .flex-display();
  .justify-content(stretch);

  .content {
    .flex-display();
    .align-items(center);
  }

  .cp_tile {
    .flex(1 0 auto);
  }

  .node {
    h2 {
      .block-title-white;
      margin: 5px 0;
    }
  }
}

#block-custompage-frontpage-link-2 {
  margin-bottom: 0;
}

#block-custompage-frontpage-message {
  .block-white(35px 25px);

  .field-name-field-image {
    img {
      border-radius: 75px;
      width: 150px;
      height: 150px;
      display: inline-block;
    }
  }
}

.node-section {

  .field-name-field-image,
  .field-name-field-position {
    text-align: center;
    margin-bottom: 15px;
  }
}

#block-custompage-newsletter {
  .block-white(25px);

  .row {
    position: relative;
    display: table;
    width: 100%;
  }

  .col {
    @media (min-width: @screen-md) {
      display: table-cell;
      float: none;

      &.col-first,
      &.col-second {
        vertical-align: top;
        border-right: 1px solid @brand-primary;
      }
    }
  }

  .col-third {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
    text-align: center;
  }
}

/*====================================
=            Node-Teaser             =
====================================*/
.block-block,
.block-views {
  position: relative;

  .field-name-field-header-image,
  .field-name-field-image {
    margin-bottom: 10px;
  }

  // .field-name-body,
  // .field-name-subtitle {
  //   color: @gray;
  // }
}

.block-views .node-teaser {
  margin-bottom: @grid-gutter-width;
  .block-white();

  >.content {
    padding-bottom: 40px;

    .field-name-field-header-image {
      margin-bottom: 15px;
    }

    .field-name-body {
      font-size: @font-size-small;
    }

    .field-name-field-date {
      position: absolute;
      left: 15px;
      bottom: 15px;
      line-height: 30px;
    }
  }
}

.view-mode-mini_teaser,
.node-teaser {

  .field-name-title-field,
  .field-name-title {
    h3 {
      text-transform: uppercase;
      margin-bottom: 3px;
      font-size: @font-size-small;
      font-weight: 400;
    }
  }
}

.node-unpublished {
  background: lighten(@brand-danger, 35%) !important;
}

/*=============================================
=            Federation Members            =
=============================================*/
.view-federation-categories {
  .views-row {
    .views-row-inner {
      .block-white(25px);
    }

    .views-field-tid {
      text-align: center;
      margin-bottom: 15px;

      a.filter-by-term {
        .button-link;
        display: block;
        padding: 7px 15px;

        &.active {
          background: @brand-primary;
          color: #fff;
          .transition(initial);
        }
      }
    }
  }
}

.view-federation-members {
  .view-content {}

  .views-row {
    display: none;

    &.weight0 {
      display: block;
    }

    .views-row-inner {
      .block-white(25px);
      text-align: center;
      position: relative;

      strong {
        color: @brand-primary;
      }
    }

    .views-field-field-image {
      min-height: 150px;
      margin-bottom: 15px;

      img {
        width: auto;
        height: auto;
        display: inline-block;
      }
    }

    .views-field-body {
      text-align: center;
    }

    .views-field-nothing {
      a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        opacity: 0;
        .transition(0.3s opacity);

        &:hover {
          opacity: 0.7;
          background: fade(@brand-primary, 60%);
        }
      }
    }
  }
}

.view-federation-member-contact {
  .views-field-field-image {
    margin-bottom: 15px;
    text-align: center;

    img {
      width: auto;
      height: auto;
      display: inline-block;
    }
  }
}

/*====================================
=         View Sectors               =
====================================*/
#block-views-industries-block {
  margin-top: -@grid-gutter-width;

  .view-industries {
    .views-row {
      margin-bottom: @grid-gutter-width;

      @media (max-width: 480px) {
        width: 50%;
      }

      &:hover {
        opacity: 0.7;
      }
    }

    .views-field-field-image {
      height: 100px;

      img {
        width: 100px;
        height: auto;
        display: inline-block;
      }
    }

    .views-field h4 {
      font-size: inherit;

      a {
        color: @brand-secondary;
        white-space: nowrap;
      }
    }
  }
}

/*==========================================
=        Frontpage Slider/Header           =
===========================================*/
.view-frontpage-slider,
.view-header-image,
#block-custompage-header-members-area .content {
  max-height: 500px;
  height: auto;
  overflow: hidden;

  .view-content,
  .view-empty {
    .gradient(#a9a9a9, #d5d5d5);
    overflow: hidden;
    width: 100%;
    height: auto;
    min-height: 300px;

    @media (min-width: @screen-sm) {
      min-height: 350px;
    }

    @media (min-width: @screen-md) {
      min-height: 500px;
    }
  }

  .field-name-field-header-image,
  .views-field-field-header-image {
    width: 100%;
    height: 300px;
    max-height: 300px;
    overflow: hidden;

    @media (min-width: @screen-xs) {}

    @media (min-width: @screen-sm) {
      height: 350px;
      max-height: 350px;
    }

    @media (min-width: @screen-md) {
      height: 500px;
      max-height: 500px;
    }

    .field-content,
    .field-item {
      height: 100%;
      width: 100%;
      overflow: hidden;

      img {
        width: auto;
        height: 100%;
        max-width: none;
        position: absolute;
        left: -9999px;
        right: -9999px;
        margin: auto;
      }
    }
  }
}

.view-header-image,
#block-custompage-header-members-area {
  h1 {
    position: absolute;
    z-index: 1;
    bottom: 0;
    margin: 0;
    display: inline-block;
    color: #fff;
    padding: 10px;
    line-height: 1.2em;
    font-weight: 300;
    font-size: 1.5em;
    background-color: @brand-secondary;
    background-color: fade(@gray-darker, 50%);
    behavior: url(/sites/all/themes/eic/js/PIE.htc);
    width: auto;
    text-transform: uppercase;

    @media (min-width: @screen-sm) {
      max-width: 820px;
    }

    @media (min-width: @screen-md) {
      font-size: 2.6em;
      padding: 15px;
      max-width: 960px;
    }

    div {
      display: inline;
    }
  }
}

#block-custompage-header-members-area {
  .field-name-title {
    margin: 0 auto;
    position: relative;

    @media (min-width: @screen-xs) {
      width: 100%;
    }

    @media (min-width: @screen-sm) {
      width: @container-sm;
    }

    @media (min-width: @screen-md) {
      width: @container-md;
    }

    @media (min-width: @screen-lg) {
      width: @container-lg;
    }
  }
}

/* Frontpage Slider */

.view-frontpage-slider {
  position: relative;

  .view-content>div>div {
    position: relative;
  }

  .owl-item {
    background: #fff;
    position: relative;
    overflow: hidden;

    @media (min-width: @screen-xs) {
      width: 100%;
    }

    @media (min-width: @screen-sm) {
      width: @container-sm;
    }

    @media (min-width: @screen-md) {
      width: @container-md;
    }

    @media (min-width: @screen-lg) {
      width: @container-lg;
    }
  }

  .views-field-nothing {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 20px;

    @media (min-width: @screen-md) {
      bottom: 60px;
    }

    h2 {
      margin: 0;
      margin-bottom: 4px;
      display: inline-block;
      color: #fff;
      padding: 0 5px;
      line-height: 1.2em;
      font-weight: 300;
      font-size: 2em;
      background-color: @brand-secondary;
      background-color: fade(@gray-darker, 50%);
      behavior: url(/sites/all/themes/eic/js/PIE.htc);
      width: auto;
      text-transform: uppercase;

      @media (min-width: @screen-sm) {
        max-width: 820px;
      }

      @media (min-width: @screen-md) {
        font-size: 3em;
        padding: 0 10px;
        padding: 7px 15px;
        max-width: 960px;
      }
    }

    .field-name-field-lines {
      .field-items {
        @media (max-width: @screen-sm-max) {
          background: rgba(0, 0, 0, 0.5);
          padding: 5px;

          * {
            display: inline;
          }
        }

        .field-item {
          color: #fff;
          line-height: 1.2em;
          display: inline-block;

          @media (max-width: @screen-sm-max) {
            display: inline;

            * {
              display: inline;
            }
          }

          @media (min-width: @screen-md) {
            background: rgba(0, 0, 0, 0.5);
            padding: 3px 12px;
            margin-bottom: 4px;
            font-size: @font-size-large;

            &+.field-item {
              margin-top: 3px;
            }
          }
        }
      }
    }

    .link a {
      margin-top: 6px;
      line-height: 1.2em;
      background: rgba(0, 0, 0, 0.5);
      padding: 5px 12px 3px 12px;
      border: 1px solid #fff;
      display: inline-block;
      color: #fff;
      text-transform: uppercase;
      font-size: @font-size-small;
    }
  }

  .owl-carousel {
    .owl-pagination {
      margin-top: 0;
      position: absolute;
      bottom: -30px;
      width: 100%;

      .owl-page {
        span {
          background-color: transparent;
          border: 1px solid @gray-light;
          margin: 5px;
          behavior: url(/sites/all/themes/eic/js/PIE.htc);
        }

        &.active span {
          background: @gray-light;
        }
      }
    }

    .owl-controls {
      position: static;

      .owl-buttons {
        display: none;

        @media (min-width: @screen-md) {
          display: block;
        }

        .owl-prev,
        .owl-next {
          position: absolute;
          top: 50%;
          margin-top: -50px;
          width: 100px;
          height: 100px;
        }
      }

      .owl-item {
        position: relative;
      }
    }
  }
}

/*=============================
=            Forms            =
=============================*/
/* Forms */
fieldset.panel {
  background-color: #fff;
  border: 0 none;
  box-shadow: initial;
}

fieldset.panel .panel-heading {
  background: transparent;
  border-bottom: 1px solid #fff;
  font-weight: 600;
  padding: 0 0 0.2em 0;
  margin-bottom: 0.5em;
  line-height: inherit;
}

fieldset.panel .panel-title {
  line-height: 1.1;
  color: inherit;
  font-weight: 400;
  font-size: 20px;
  text-transform: uppercase;
  color: #1d4973;
  margin-bottom: 10px;
}

fieldset.panel .panel-body {
  padding: 0;
}

form {
  background: #fff;

  &.confirmation {
    .form-actions {
      margin-top: 20px;

      a {
        margin-left: 20px;
      }
    }
  }

  #edit-cancel {
    color: @brand-danger;
    background: 0 none;
    border: 0 none;
    font-size: @font-size-small;
    float: right;
    text-transform: none;
    font-weight: 400;
    padding: 6px 12px;
  }

  fieldset.panel {
    border: 0 none;
    background: #fff;
    box-shadow: none;
  }

  .form-control {
    border: 1px solid @brand-primary  !important;
    background: #fff;
    outline: none;
    padding: 4px 10px;
  }

  label {
    font-weight: 300;
    color: @text-color  !important;
    line-height: 35px;
  }

  /*date*/
  .field-widget-date-select .panel .panel-heading {
    border: 0 none;
    margin: 0;
    padding: 0;
  }

  .field-widget-date-select .panel .panel-title {
    font-size: ceil(@font-size-small);
  }

  .field-widget-date-select .container-inline-date .date-padding {
    padding: 10px 0 0 0;
  }

  .field-widget-date-select .container-inline-date .form-item .form-item {
    margin-right: 0.3em;
  }

  /*button*/
  .btn-default,
  .btn-success {
    color: #fff;
    background-color: @brand-primary;
    border: 0 none;
    text-transform: uppercase;
    font-weight: 500;

    &:hover {
      background-color: lighten(@brand-secondary, 10%);
    }
  }

  /* Radio , Checkbos*/
  .form-type-checkbox,
  .form-type-radio {
    position: relative;

    input[type="checkbox"],
    input[type="radio"] {
      margin-left: -20px;
    }

    label {
      line-height: inherit;
    }
  }

  @media all and (min-width: @screen-md) {
    fieldset.panel .panel-title {
      font-size: @font-size-h3;
    }

    .field-widget-date-select .panel .panel-title {
      font-size: @font-size-base;
    }
  }

  .field-type-text,
  .form-type-select,
  .form-type-textfield,
  .field-type-list-integer,
  .field-type-list-text,
  .field-type-text-long,
  .field-type-addressfield,
  .form-type-select {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 15px;

    .form-item {
      margin: 0;
    }
  }

  .captcha {
    background-color: transparent;
    margin-left: 0 !important;

    @media (min-width: @screen-sm) {
      img {
        margin-top: 20px;
        margin-bottom: 10px;
        width: auto;
      }

      .form-item-captcha-response {
        max-width: 50%;
        float: left;
        clear: none;
      }
    }

    label {
      width: auto;
    }

    legend,
    .help-block {
      display: none;
    }

    img {
      max-width: 200px;
    }
  }
}

#registration-form {
  .block-white(25px);
  margin-bottom: @grid-gutter-width;
  width: 100%;
  float: left;

  .group-participant {
    border-bottom: 1px solid @brand-primary;
    margin-bottom: 30px;
    padding-bottom: 20px;
  }

  .panel-title {
    .h2;

    @media (min-width: @screen-md) {
      font-size: @font-size-h1;
    }
  }

  .control-label {
    text-align: right;
    float: left;
    width: 38%;
  }

  .form-control {
    width: 60%;
    float: right;
  }

  .help-block {
    color: @text-color;
  }

  .form-item {}

  .form-checkboxes,
  .form-radios {
    width: 60%;
    float: right;
  }

  .form-type-checkbox,
  .form-type-radio {
    .control-label {
      text-align: left;
      float: none;
      width: auto;
      font-weight: 300;
    }
  }

  .form-actions {
    clear: both;
    padding-top: 20px;
  }

  .form-submit {
    float: right;
  }
}

#block-mailchimp-signup-eic-newsletter {
  .block-white(25px);
}

/*==========  News  ==========*/
.view-news.view-display-id-block_1 .view-content {
  float: left;
  width: 100%;
}

.view.teaser-row {
  .views-row {
    clear: both;
    border-bottom: 1px dotted @text-color;
    padding: 25px 0;
  }
}

.view-news-related {
  .views-row+.views-row {
    margin-top: 25px;
  }
}

/*==========  Books  ==========*/

/*==========  Conferences  ==========*/
.view-events {
  .node-events.view-mode-mini_teaser {}
}

//Past events
#block-views-events-block-2 {
  .view-events {
    .views-row-inner {
      .block-white;
      padding-bottom: 60px !important;
    }

    .views-field-field-header-image {
      position: relative;
      margin-bottom: 15px;

      span.date-display-single {
        position: absolute;
        display: inline-block;
        right: 10px;
        top: 10px;
        padding: 15px;
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        text-align: center;
        line-height: 1.2em;
        text-transform: uppercase;

        b {
          display: block;
        }
      }
    }

    h3 {
      text-transform: uppercase;
      margin-bottom: 3px;
      font-size: 14px;
      font-weight: 400;
    }

    .views-field-field-date-period-1 {
      div {
        display: inline;
      }
    }
  }
}

/* Upcoming conference */
#block-views-events-block-3 {
  >.content {
    .drop-shadow(2px, 2px, 6px, 1px, 0.1);
    margin-bottom: @grid-gutter-width;
    padding: 15px !important;
    background: #fff;
    width: 100%;
    color: #fff;

    a,
    h2,
    h3,
    h4,
    h5 {
      color: #fff;
    }

    h2 {
      margin-bottom: 0;
    }

    .view-events {
      background: @brand-primary;
      padding: 25px;
      width: 100%;
      position: relative;
      padding-bottom: 40px;

      @media (min-width: @screen-md) {
        padding-bottom: 25px;
      }
    }
  }

  .col {
    position: static;
  }

  .views-field-field-location:extend(h2) {
    color: #fff;

    @media (max-width: @screen-sm-max) {
      margin-bottom: 10px;
    }
  }

  div.date-display-range {
    margin-bottom: 1em;

    @media (min-width: @screen-xs) {
      display: inline;
    }

    @media (min-width: @screen-md) {
      margin-bottom: 0;
    }
  }

  .views-field-field-header-image {
    margin-bottom: @grid-gutter-width;
  }

  .more-link {
    &:after {
      border-color: #fff;
    }
  }
}

/*=================================
=   Management  Contact persons   =
==================================*/
.view-management {
  .view-content {
    .block-white(25px 15px);
    padding-bottom: 0 !important;
  }
}

#block-views-contact-persons-block {
  .block-white(25px);
  overflow: hidden;
}

.view-contact-persons {
  overflow: hidden;

  .view-content {
    margin-bottom: -@grid-gutter-width;
  }
}

.view-management,
.view-contact-persons {
  .view-content {
    float: left;
    width: 100%;
  }

  .views-row {
    margin-bottom: @grid-gutter-width;

    .inner.right {
      border-top: 1px solid @brand-primary;
      padding-top: 15px;

      @media (min-width: @screen-sm) {
        border: 1px solid @brand-primary;
        padding: 15px;
      }
    }

    .field-name-field-position {
      color: @brand-primary;
    }

    .field-name-field-image {}
  }
}

/********************************************************************************/
/* Search Block Form*/
/********************************************************************************/
#block-search-form {
  width: 100%;
  height: @menu-height;
  margin: 0;

  @media (min-width: @screen-md) {
    width: 220px;
  }

  #search-block-form {
    padding: 0;
    background: 0 none;
    position: relative;
  }

  form {
    .input-group {
      width: 100%;
    }

    .form-text {
      height: 26px;
      width: 100%;
      padding-right: 40px;
      text-indent: 0;
      background: #fff;
      border: 1px solid @gray-light;
      border-radius: 0;
      position: relative;
      z-index: 0;
    }

    button {
      cursor: pointer;
      height: 26px;
      width: 40px;
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: 1;
      color: @gray-light;
      line-height: 26px;
      font-size: 14px;
      text-align: center;
      display: block;
      font-weight: normal;
      position: absolute;
      overflow: hidden;
      background: 0 none;
      padding: 0;
      top: 0;
      z-index: 0;
      border: 0 none;
    }
  }
}

.page-search {
  .search-form {
    margin-bottom: @grid-gutter-width;
  }

  .search-results {
    .search-result {
      padding: 15px 0;
      border-bottom: 1px dotted @gray-dark;
    }
  }
}

/*=============================================
=            Registration Landing Page            =
=============================================*/
.node-type-registration {
  .container {
    max-width: 760px;
  }

  .background-image {
    position: fixed;
    z-index: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    -ms-behavior: url(/sites/all/themes/eic/js/backgroundsize.min.htc);
  }

  #navbar {
    position: relative;
    z-index: 1;

    .logo {
      margin: 0;
    }
  }

  #navbar,
  .field-name-body {
    background-color: #fff;
    padding: @grid-gutter-width / 2;

    @media (min-width: @screen-sm) {
      padding: @grid-gutter-width;
    }
  }
}

// Protected pages

#protected-pages-enter-password {
  .form-item-password span.form-required {
    display: none;
  }
}

// Sitemap
#site-map {
  .content>.site-map-menu>li>a {
    background: @brand-primary;
    color: #fff;
    min-width: 220px;
    text-align: center;
  }

  ul {
    padding: 0;

    li {
      padding: 5px 0 5px 25px;
      position: relative;

      &:after {
        content: "";
        height: 11px;
        width: 11px;
        border-radius: 50%;
        border: 1px solid @brand-primary;
        background: #fff;
        position: absolute;
        left: 0;
        top: 17px;
        z-index: 1;
      }

      &:before {
        content: "";
        height: 100%;
        width: 1px;
        background-color: @brand-primary;
        position: absolute;
        left: 5px;
        top: 17px;
      }

      &:last-child:before {
        width: 0;
      }

      a {
        display: inline-block;
        padding: 5px 25px;
        margin-left: 10px;
        position: relative;
        border: 1px solid @brand-primary;
        border-radius: 2px;
        color: @text-color;
        .transition(opacity 0.2s ease-out);

        &:hover {
          opacity: 0.7;
        }

        &:before {
          content: "";
          width: 25px;
          height: 1px;
          background-color: @brand-primary;
          position: absolute;
          left: -25px;
          top: 50%;
        }
      }

      ul {
        margin: 10px;
        position: relative;

        &:before {
          content: "";
          height: 30px;
          width: 1px;
          background-color: @brand-primary;
          position: absolute;
          left: 5px;
          top: -10px;
        }
      }
    }
  }
}

/*=============================================
=            Paragraphs            =
=============================================*/
.field-name-field-paragraphs {
  margin-top: 25px;

  >.field-items>.field-item {
    margin-top: 25px;
  }

  .paragraphs-item-para-headline-text {
    h3 {
      border-top: 1px solid @brand-primary;
      padding-top: 5px;
      font-size: 1.8em;
      color: @brand-primary;
      font-weight: 300;
    }
  }
}

/*=============================================
=            Conferences            =
=============================================*/
// Frontpage
#block-views-events-block-1 {
  .block-blue;

  .view-events {
    position: relative;
  }

  h2 {
    color: #fff;
  }

  .date-display-range {
    padding: 15px;
    border: 1px solid #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 1.4em;
    margin-bottom: 15px;

    @media (min-width: @screen-sm) {
      float: right;
      margin: 0 0 15px 15px;
    }

    b {
      display: block;
      font-size: 40px;
    }
  }

  .views-field-field-location {
    text-transform: uppercase;
    padding: 10px 0 20px 0;
  }

  .views-field-body {
    @media (min-width: @screen-sm) {
      padding-right: 150px;
    }
  }
}

.block-eic-conference.block-blue,
#block-views-registration-block {
  .content {
    padding-right: 70px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 80px auto;
    min-height: 100px;
    .flex-display();
    .align-items(center);
    transition: 0.2s opacity ease;
    -webkit-transition: 0.2s opacity ease;
    -moz-transition: 0.2s opacity ease;
    -ms-transition: 0.2s opacity ease;
    -o-transition: 0.2s opacity ease;

    a {
      &:extend(h2);
      color: #fff;
      margin: 0;

      &:hover {
        opacity: 0.9;
      }
    }
  }
}

#block-views-registration-block .content {
  background-image: url(../images/icon_pen.png);

  h2 {
    color: @brand-secondary;

    a {
      color: #fff;
      margin: 0;
    }
  }
}

#block-eic-conference-hotel .content {
  background-image: url(../images/icon_hotel.png);
}

#block-eic-conference-speakers- .content {
  background-image: url(../images/icon_person.png);
}

#block-eic-conference-programme .content {
  background-image: url(../images/icon_board.png);
}

#block-eic-conference-workshop .content {
  background-image: url(../images/icon_speakers.png);
}

.view-event-programme.view-display-id-page,
.view-event-speakers.view-display-id-page,
.view-hotel-information.view-display-id-page,
.view-event-workshops.view-display-id-page {
  .block-white(25px);
  margin-bottom: @grid-gutter-width;
}

.node-type-events {

  .field-name-field-hosts,
  .field-name-field-logos {
    margin-top: 30px;
    overflow: auto;

    >.field-items>.field-item {
      width: 50%;
      float: left;
    }

    .field-item {
      text-align: center;
    }

    .field-name-field-image {
      margin-bottom: 10px;

      img {
        max-width: 130px;
        display: inline;
      }
    }
  }
}

/*=============================================
=            Conference programme            =
=============================================*/
.view-event-programme.view-display-id-page,
.view-event-workshops.view-display-id-page {
  .view-content {
    .view-group {
      overflow: hidden;
      clear: both;
      position: relative;

      &+.view-group {
        margin-top: 20px;
      }

      >h2 {
        width: 110px;

        @media (min-width: @screen-sm) {
          float: left;
        }

        .date-display-single {
          background: @gray-light;
          width: 90px;
          padding: 15px 0;
          text-align: center;
          display: block;
          color: #fff;
          font-size: @font-size-large;
          line-height: 1.2em;

          b {
            display: inline-block;
            padding-right: 5px;

            @media (min-width: @screen-sm) {
              display: block;
              padding-right: 0px;
            }
          }
        }
      }
    }

    .views-row {
      @media (min-width: @screen-sm) {
        padding-left: 120px;
      }
    }
  }

  .field-name-field-time {
    width: 60px;
    font-weight: 700;
    color: @brand-primary;
    float: left;
  }

  .field-name-field-body {
    padding-left: 60px;
  }

  .views-field-body {
    margin-bottom: 20px;
  }

  .views-field-field-paragraphs {
    .entity-paragraphs-item {
      overflow: auto;
      margin-bottom: 15px;
    }
  }

  .view-footer {
    margin-top: 30px;
  }
}

/*=============================================
=            Conference speaker            =
=============================================*/

.view-event-speakers.view-display-id-page {
  .views-row {
    margin-bottom: @grid-gutter-width;

    .text {
      max-height: 0;
      overflow: hidden;
      .transition(0.5s max-height ease);

      &.open {
        max-height: 1000px;
        .transition(0.4s max-height ease);
      }
    }
  }
}

.node-speaker {
  .portrait {
    width: 80px;
    margin-right: 15px;
    margin-bottom: 15px;

    @media (min-width: 480px) {
      margin-right: @grid-gutter-width;
      float: left;
    }

    @media (min-width: @screen-md) {
      width: 120px;
    }
  }

  .teaser {
    position: relative;
    border: 1px solid @brand-primary;
    padding: 15px;
    cursor: pointer;

    @media (min-width: 480px) {
      margin-left: 80px + @grid-gutter-width;
    }

    @media (min-width: @screen-md) {
      margin-left: 120px + @grid-gutter-width;
      padding: @grid-gutter-width;
    }

    i.fa {
      position: absolute;
      right: 5px;
      top: 50%;
      margin-top: -5px;
      color: @brand-primary;
    }
  }

  .text {
    @media (min-width: @screen-md) {
      margin-left: 120px + @grid-gutter-width;
    }

    .inner {
      border: 1px solid @brand-primary;
      border-top: 0 none;
      padding: 15px;

      @media (min-width: @screen-md) {
        padding: @grid-gutter-width;
      }
    }
  }

  .field-name-field-file {
    margin-top: 0;
  }

  .field-name-field-position {
    margin-bottom: 0.5em;
  }

  h4 {
    font-weight: 700;
    margin: 0;
  }
}


/*=============================================
=            Conference Hotel            =
=============================================*/
.view-hotel-information {
  .views-field+.views-field {
    margin-top: 20px;
  }
}

.node-conference-hotel {
  .field+.field {
    margin-top: 20px;
  }
}




/*=====  End of Conferences  ======*/

/*=============================================
=            Members area            =
=============================================*/
#block-user-login,
.page-search-node #block-system-main,
#user-login,
#user-profile-form,
.page-registration .entity-registration {
  .block-white(25px);

  .control-label {
    line-height: 1.2em;
    font-weight: 400;
  }
}

#user-login,
#user-login-form {
  ul {
    padding: 0;
    margin-bottom: 15px;

    li {
      list-style: none;
      font-size: @font-size-small;
    }
  }
}

#user-profile-form {
  .help-block {
    font-size: @font-size-small;
    clear: both;
  }

  .control-label {
    position: relative;
    width: 100%;

    .label {
      position: absolute;
      top: 0;
      right: 0;
    }
  }

  .progress {
    margin-top: 10px;
    margin-bottom: 0;
  }

  .form-item-pass {
    .help-block {
      padding-left: @grid-gutter-width / 2;
    }
  }

  input.password-confirm,
  input.password-field {
    width: 100%;
    padding: 0;
    margin: 0;
  }
}

#block-eic-members-welcome {
  .content {
    padding-bottom: 20px;
  }

  .username {
    font-weight: 700;
    text-transform: uppercase;
    color: @brand-primary;
  }
}

#block-eic-members-loggedin {
  .loggedin {
    text-transform: uppercase;
    display: inline;
  }

  .username {
    font-weight: 700;
    text-transform: uppercase;
    color: @brand-primary;
    display: inline;
  }
}

/*=============================================
=            member event list            =
=============================================*/
#block-views-member-events-block {}

.view-member-events {
  .view-group {
    margin-bottom: 30px;

    >h2 {
      margin-bottom: 15px;
    }
  }

  .view-content {
    .block-white(25px);
  }

  .views-row {
    position: relative;
    clear: both;
    overflow: auto;
    margin-bottom: 30px;

    .views-row-inner {
      @media (min-width: @screen-lg) {
        padding-left: 100px;
      }
    }

    .views-field-field-date-period {
      display: inline-block;
      margin-bottom: 20px;

      @media (min-width: @screen-lg) {
        margin-left: -100px;
        float: left;
      }

      .field-content {
        max-width: 100px;
        background: @brand-primary;
        display: block;
        padding: 7px 10px;
        color: #fff;
        font-weight: 500;
        font-size: @font-size-large;
      }
    }

    h4 {
      margin-bottom: 3px;
    }

    .views-field-nothing {
      position: relative;
      margin-top: 15px;

      @media (min-width: @screen-lg) {
        float: right;
        z-index: 10;
        margin-top: 0;
      }

      a {
        .button-link;
        display: block;
        margin-left: 10px;
        float: right;
      }

      span.registered {
        margin-left: 10px;
        border: 0 none;
      }
    }
  }
}

/*=============================================
=            Member Event Node            =
=============================================*/
.node-type-member-event {
  .node-member-event {
    .field-name-field-date-period {
      .h2;
      margin-top: 0;
      margin-bottom: 30px;

      @media (min-width: @screen-md) {
        font-size: @font-size-h1;
      }
    }

    .field-name-field-time,
    .field-name-field-location {
      padding: 15px 0 15px 40px;
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 50px auto;

      .field-label {
        text-transform: uppercase;
      }
    }

    .field-name-field-time {
      background-image: url(../images/icon_time.png);
    }

    .field-name-field-location {
      background-image: url(../images/icon_place.png);
    }

    .field-name-body {
      margin-top: 20px;
    }
  }
}

#block-views-registration-block-2 {
  .views-field-user-is-registered {
    margin-right: 10px;
    float: left;
  }

  .views-field-field-registration {
    a {
      .button-link;
      line-height: 24px;
    }
  }
}

/*=============================================
=            Attendees            =
=============================================*/
#block-views-attendees-block {
  .block-white(25px);

  .views-row {
    margin-bottom: 30px;
    min-height: 100px;
    padding-left: 120px;
    background: url(../images/icon_user.png) no-repeat left center;
    background-size: 100px auto;
  }
}

/*=============================================
=            Circulars            =
=============================================*/
.view-circulars {
  .view-footer {
    position: relative;
    text-align: right;
    padding-top: 10px;
  }

  .views-row {
    position: relative;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid @gray-lighter;
  }

  .views-field-field-date {
    .date-small;
    margin-bottom: 0;
  }

  .views-field-field-download {
    a {
      font-weight: 500;
    }
  }
}

.view-display-id-page_1 {
  .block-white(25px);
}

/*=====  End of Members area  ======*/

/*=============================================
=            Downloads Block            =
=============================================*/

.view-downloads {
  .field-name-field-file {
    margin: 10px 0;
  }

  .views-row+.views-row {
    margin-top: 30px;
  }
}

.view-downloads.view-display-id-block_2 {
  .views-row+.views-row {
    margin: 0;
  }

  .views-field-field-links {
    font-weight: 400;

    .field-content {
      padding: 10px 0;
      clear: both;
      display: block;
      background-image: url(../images/icon_link.png);
      background-repeat: no-repeat;
      background-position: -10px center;
      background-size: 60px auto;
      padding-left: 50px;
    }

    a {
      display: table-cell;
      vertical-align: middle;
      line-height: 1.4em;
      height: 35px;
    }
  }
}

.view-downloads.view-display-id-block_1 {

  // background-repeat: no-repeat;
  // background-position: right center;
  // background-size: 80px auto;
  // background-image: url(../images/icon_document.png);
  .block-inner {}
}

/* Files for Fact Sheets, Position Papers */

.view-download-files {
  .views-row-inner {
    .block-blue;
    position: relative;

    .date-display-single {
      display: block;
      .date-small;
      color: @brand-secondary;
    }

    .views-field-nothing.content {
      font-weight: 400;
      height: 100%;
      background-image: url(../images/icon_document.png);
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 60px auto;
      padding-left: 60px;

      a {
        display: inline-block;
      }
    }
  }
}

/*=============================================
=            News node            =
=============================================*/
.node-type-news {
  background: #fff;

  .region-content .content>.node,
  .region-sidebar-second .block {
    .drop-shadow(0, 0, 0, 0, 0);
    padding: @grid-gutter-width / 2;
  }

  .node {
    .field-name-field-date {
      .date-small;
    }
  }
}

/*=============================================
=            Projects            =
=============================================*/
.view-projects {
  .views-field-nothing {
    position: relative;

    h4 {
      position: absolute;
      bottom: 0;
      background: rgba(0, 0, 0, 0.7);

      padding: 5px 10px;
      text-transform: uppercase;
      margin: 0;
      font-weight: 400;

      a {
        color: #fff;
      }
    }
  }
}

#block-views-conference-images-block {
  .block-white(15px 5px);
}

.view-conference-images {
  .views-field-field-images {
    .field-content {
      padding: 0 10px;
    }
  }
}




/*=============================================
=            Book Shop            =
=============================================*/

.node-type-book-shop {
  .node-book-shop {
    .field-name-field-image {
      margin-bottom: @grid-gutter-width;
    }
  }
}



/*=============================================
=            Blue Boxes            =
=============================================*/

#block-views-blue-box-block {
  background: 0 none;
  padding: 0;
  box-shadow: initial;

  .views-row {
    .block-blue;

    .views-row-inner {
      background: @brand-primary;
      padding: 15px;
      width: 100%;
      color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
    }
  }
}




/*=============================================
=            FAQ            =
=============================================*/
#block-views-faq-block-1 {
  .drop-shadow(2px, 2px, 6px, 1px, 0.1);
  margin-bottom: 50px;
}