@import url(library/normalize.css);
/* Borders*/
@import url(material-design-iconic-font.min.css);
/* Font Roboto */
@font-face {
  font-family: 'Roboto';
  src: url("fonts/Roboto-Regular.ttf");
  font-style: normal;
  font-weight: 400; }
@font-face {
  font-family: 'Roboto';
  src: url("fonts/Roboto-Italic.ttf");
  font-style: italic;
  font-weight: 400; }
@font-face {
  font-family: 'Roboto';
  src: url("fonts/Roboto-Black.ttf");
  font-style: normal;
  font-weight: 800; }
@font-face {
  font-family: 'Roboto';
  src: url("fonts/Roboto-BlackItalic.ttf");
  font-style: italic;
  font-weight: 800; }
@font-face {
  font-family: 'Roboto';
  src: url("fonts/Roboto-Bold.ttf");
  font-style: normal;
  font-weight: 600; }
@font-face {
  font-family: 'Roboto';
  src: url("fonts/Roboto-BoldItalic.ttf");
  font-style: italic;
  font-weight: 600; }
@font-face {
  font-family: 'Roboto';
  src: url("fonts/Roboto-Medium.ttf");
  font-style: normal;
  font-weight: 500; }
@font-face {
  font-family: 'Roboto';
  src: url("fonts/Roboto-MediumItalic.ttf");
  font-style: italic;
  font-weight: 500; }
@font-face {
  font-family: 'Roboto';
  src: url("fonts/Roboto-Light.ttf");
  font-style: normal;
  font-weight: 300; }
@font-face {
  font-family: 'Roboto';
  src: url("fonts/Roboto-LightItalic.ttf");
  font-style: italic;
  font-weight: 300; }
@font-face {
  font-family: 'Roboto';
  src: url("fonts/Roboto-Thin.ttf");
  font-style: normal;
  font-weight: 200; }
@font-face {
  font-family: 'Roboto';
  src: url("fonts/Roboto-ThinItalic.ttf");
  font-style: italic;
  font-weight: 200; }
/* Mixins */
/*MIXINS*/
.container-fluid {
  position: relative;
  max-width: 100%;
  padding: 0 15px; }

.topbar {
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  padding: 15px 0;
  /*border: 1px solid $b-light-grey;*/
  background-color: #fff;
  z-index: 9999;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  animation: fadeIn .35s ease-in-out forwards;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
  .topbar.small {
    padding: 8px 0; }
    .topbar.small .container-fluid .brand {
      height: 80px; }
      @media (min-width: 480px) {
        .topbar.small .container-fluid .brand {
          height: 40px; } }
      .topbar.small .container-fluid .brand .legend {
        animation: fadeOut .35s ease-in-out forwards;
        display: none; }
        @media (min-width: 768px) {
          .topbar.small .container-fluid .brand .legend {
            display: inline-block; } }
    .topbar.small + #menu {
      top: 57px;
      height: calc(100vh - 58px); }
  .topbar a, .topbar button {
    color: #263238;
    outline: none !important;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }
    .topbar a:hover, .topbar button:hover {
      color: #003f81; }
  .topbar .container-fluid {
    position: relative;
    max-width: 100%;
    padding: 0 15px;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
    @media (min-width: 768px) {
      .topbar .container-fluid {
        flex-direction: row;
        justify-content: space-between; } }
    .topbar .container-fluid .brand {
      display: block;
      height: auto;
      -webkit-transition: all 0.35s ease-in-out;
      -moz-transition: all 0.35s ease-in-out;
      -ms-transition: all 0.35s ease-in-out;
      -o-transition: all 0.35s ease-in-out;
      transition: all 0.35s ease-in-out;
      width: 50%; }
      @media (min-width: 480px) {
        .topbar .container-fluid .brand {
          height: 40px; } }
      @media (min-width: 768px) {
        .topbar .container-fluid .brand {
          height: 50px; } }
      .topbar .container-fluid .brand img {
        height: 100%;
        margin: 0;
        display: inline-block;
        width: auto; }
      .topbar .container-fluid .brand .legend {
        display: none;
        height: auto;
        margin-left: 10px;
        max-height: 20px; }
        @media (min-width: 768px) {
          .topbar .container-fluid .brand .legend {
            display: inline-block; } }
    .topbar .container-fluid .actions {
      display: -webkit-flex;
      display: flex;
      align-items: center; }
      .topbar .container-fluid .actions .langs {
        margin: 0 0 0 7.5px;
        position: relative;
        top: 1px; }
        @media (min-width: 768px) {
          .topbar .container-fluid .actions .langs {
            margin: 0 0 0 30px; } }
        .topbar .container-fluid .actions .langs ul {
          margin: 0;
          padding: 0;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          justify-content: flex-end; }
          .topbar .container-fluid .actions .langs ul > li {
            list-style-type: none;
            display: -webkit-flex;
            display: flex;
            margin: 0;
            color: #263238; }
            .topbar .container-fluid .actions .langs ul > li a {
              color: #263238; }
              .topbar .container-fluid .actions .langs ul > li a:hover {
                color: #003f81; }
            .topbar .container-fluid .actions .langs ul > li.active a {
              color: #003f81;
              text-decoration: none; }
            .topbar .container-fluid .actions .langs ul > li:after {
              content: "|";
              margin: 0 5px;
              color: #263238;
              display: inline; }
            .topbar .container-fluid .actions .langs ul > li:last-child:after {
              display: none; }
      .topbar .container-fluid .actions button {
        position: relative;
        border: none;
        background-color: transparent;
        padding: 0;
        margin: 0 15px 0 0;
        height: 17px; }
        .topbar .container-fluid .actions button:hover span, .topbar .container-fluid .actions button:hover .icon {
          -webkit-transition: all 0.35s ease-in-out;
          -moz-transition: all 0.35s ease-in-out;
          -ms-transition: all 0.35s ease-in-out;
          -o-transition: all 0.35s ease-in-out;
          transition: all 0.35s ease-in-out;
          color: #003f81; }
          .topbar .container-fluid .actions button:hover span > span, .topbar .container-fluid .actions button:hover .icon > span {
            -webkit-transition: all 0.35s ease-in-out;
            -moz-transition: all 0.35s ease-in-out;
            -ms-transition: all 0.35s ease-in-out;
            -o-transition: all 0.35s ease-in-out;
            transition: all 0.35s ease-in-out;
            color: #003f81;
            background-color: #003f81; }
        @media (min-width: 768px) {
          .topbar .container-fluid .actions button {
            margin: 0 15px; } }
        .topbar .container-fluid .actions button:last-of-type {
          margin-right: 0; }
        .topbar .container-fluid .actions button.toggle-menu {
          padding: 0 32.5px 0 0;
          margin-left: 0px; }
          @media (min-width: 768px) {
            .topbar .container-fluid .actions button.toggle-menu {
              margin-left: 30px;
              padding: 0 37px 0 0; } }
          .topbar .container-fluid .actions button.toggle-menu:hover .icon {
            color: #0274a9; }
            .topbar .container-fluid .actions button.toggle-menu:hover .icon > span:first-child, .topbar .container-fluid .actions button.toggle-menu:hover .icon > span:last-child {
              background-color: #003f81; }
          .topbar .container-fluid .actions button.toggle-menu .icon {
            top: 0;
            right: 0;
            position: absolute;
            width: 22px;
            height: 17px;
            display: inline-block; }
            .topbar .container-fluid .actions button.toggle-menu .icon > span {
              position: absolute;
              width: 100%;
              height: 3px;
              background-color: #263238;
              left: 0;
              -webkit-transition: all 0.35s ease-in-out;
              -moz-transition: all 0.35s ease-in-out;
              -ms-transition: all 0.35s ease-in-out;
              -o-transition: all 0.35s ease-in-out;
              transition: all 0.35s ease-in-out; }
              .topbar .container-fluid .actions button.toggle-menu .icon > span:first-child {
                top: 0;
                transform-origin: 0 0; }
              .topbar .container-fluid .actions button.toggle-menu .icon > span:nth-child(2) {
                top: 7px; }
              .topbar .container-fluid .actions button.toggle-menu .icon > span:last-child {
                bottom: 0;
                transform-origin: 0 100%; }
          .topbar .container-fluid .actions button.toggle-menu.open .icon > span:first-child {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg); }
          .topbar .container-fluid .actions button.toggle-menu.open .icon > span:nth-child(2) {
            background-color: rgba(255, 255, 255, 0); }
          .topbar .container-fluid .actions button.toggle-menu.open .icon > span:last-child {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg); }
        .topbar .container-fluid .actions button.toggle-search {
          padding: 0 32px 0 0;
          margin: 0 7.5px 0 0; }
          @media (min-width: 768px) {
            .topbar .container-fluid .actions button.toggle-search {
              margin: 0 30px; } }
          .topbar .container-fluid .actions button.toggle-search span {
            font-weight: 400;
            text-transform: none;
            font-size: 15px; }
          .topbar .container-fluid .actions button.toggle-search:after {
            background: rgba(0, 0, 0, 0.1);
            content: '';
            width: 1px;
            position: absolute;
            height: 30px;
            top: -7.5px;
            right: -7.5px; }
            @media (min-width: 768px) {
              .topbar .container-fluid .actions button.toggle-search:after {
                right: -30px;
                height: 45px;
                top: -15px; } }
          .topbar .container-fluid .actions button.toggle-search .icon {
            top: -4px;
            position: absolute;
            right: 0;
            margin-left: 15px;
            font-size: 1.8rem !important;
            font-family: "Material-Design-Iconic-Font" !important; }
            .topbar .container-fluid .actions button.toggle-search .icon:before {
              font-size: 1.8rem; }

#menu {
  position: fixed;
  height: calc(100vh - 72px);
  top: 71px;
  width: 100%;
  max-width: 100%;
  padding-top: 30px;
  background-color: #fff;
  -webkit-transform: translateY(-110%);
  -moz-transform: translateY(-110%);
  -ms-transform: translateY(-110%);
  -o-transform: translateY(-110%);
  transform: translateY(-110%);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-image: url("/wp-content/themes/cheerup-child/scss/blue-gradient.png");
  background-size: auto 100%;
  background-repeat: repeat;
  z-index: 20; }
  @media (min-width: 768px) {
    #menu {
      height: calc(100vh - 81px);
      top: 81px; } }
  #menu.open {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    z-index: 9999; }
  #menu.submenu-opened .container-fluid > nav {
    animation: menuHideXS .2s forwards;
    animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
    @media (min-width: 768px) {
      #menu.submenu-opened .container-fluid > nav {
        animation: none; } }
  #menu.submenu-opened.submenu-closed .container-fluid > nav {
    animation: closeSubmenuXS .2s  forwards;
    animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
    @media (min-width: 768px) {
      #menu.submenu-opened.submenu-closed .container-fluid > nav {
        animation: none; } }
  #menu nav {
    padding-top: 0; }
    #menu nav > ul {
      position: relative;
      padding: 0;
      width: 100%;
      -webkit-transition: all 0.35s ease-in-out;
      -moz-transition: all 0.35s ease-in-out;
      -ms-transition: all 0.35s ease-in-out;
      -o-transition: all 0.35s ease-in-out;
      transition: all 0.35s ease-in-out; }
      @media (min-width: 768px) {
        #menu nav > ul {
          width: 50%; } }
      #menu nav > ul > li {
        list-style-type: none; }
        #menu nav > ul > li:nth-child(7), #menu nav > ul > li:nth-child(11) {
          margin-bottom: 15px; }
          @media (min-width: 768px) {
            #menu nav > ul > li:nth-child(7), #menu nav > ul > li:nth-child(11) {
              margin-bottom: 17px; } }
          @media (min-width: 1200px) {
            #menu nav > ul > li:nth-child(7), #menu nav > ul > li:nth-child(11) {
              margin-bottom: 19px; } }
        #menu nav > ul > li.active > a:hover, #menu nav > ul > li.active > span:hover {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0); }
        @media (min-width: 768px) {
          #menu nav > ul > li.active > a:after, #menu nav > ul > li.active > span:after {
            width: 100%; } }
        #menu nav > ul > li:nth-child(4) {
          position: relative; }
        #menu nav > ul > li > a, #menu nav > ul > li > span {
          text-decoration: none;
          position: relative;
          display: block;
          padding: 4px 0;
          color: #fff !important;
          font-size: 1.2rem !important;
          font-weight: 400;
          letter-spacing: 0.02rem;
          cursor: pointer;
          -webkit-transition: all 0.35s ease-in-out;
          -moz-transition: all 0.35s ease-in-out;
          -ms-transition: all 0.35s ease-in-out;
          -o-transition: all 0.35s ease-in-out;
          transition: all 0.35s ease-in-out; }
          @media (min-width: 768px) {
            #menu nav > ul > li > a, #menu nav > ul > li > span {
              font-size: 1.2rem; } }
  @media (min-width: 768px) and (min-height: 720px) {
    #menu nav > ul > li > a, #menu nav > ul > li > span {
      font-size: 1.4rem !important; } }
  @media (min-width: 768px) and (min-height: 800px) {
    #menu nav > ul > li > a, #menu nav > ul > li > span {
      font-size: 1.7rem; } }

          #menu nav > ul > li > a:after, #menu nav > ul > li > span:after {
            content: "";
            width: 0;
            border-top: 1px solid #fff;
            position: absolute;
            left: 0;
            bottom: 4px;
            -webkit-transition: all 0.35s ease-in-out;
            -moz-transition: all 0.35s ease-in-out;
            -ms-transition: all 0.35s ease-in-out;
            -o-transition: all 0.35s ease-in-out;
            transition: all 0.35s ease-in-out; }
          #menu nav > ul > li > a:hover, #menu nav > ul > li > span:hover {
            padding-left: 10px; }
        #menu nav > ul > li ul.sub-menu {
          padding: 0;
          margin: 0;
          position: absolute;
          top: 0;
          height: 0;
          width: 100%;
          overflow: hidden;
          transform: translateX(calc(100% + 15px)); }
          @media screen and (max-width: 767px) {
            #menu nav > ul > li ul.sub-menu.sub-menu-show {
              height: auto; } }
          @media (min-width: 768px) {
            #menu nav > ul > li ul.sub-menu {
              opacity: 0;
              filter: alpha(opacity=0);
              padding: 0 0 0 30px; } }
          #menu nav > ul > li ul.sub-menu > li {
            list-style-type: none; }
            #menu nav > ul > li ul.sub-menu > li .back:hover {
              padding-left: 0; }
            #menu nav > ul > li ul.sub-menu > li .back > span {
              color: #fff !important;
              font-size: 2rem !important;
              font: normal normal normal 14px/1 "Material-Design-Iconic-Font" !important; }
              #menu nav > ul > li ul.sub-menu > li .back > span:before {
                font-size: 18px; }
            #menu nav > ul > li ul.sub-menu > li > a {
              text-decoration: none;
              position: relative;
              color: #fff !important;
              padding: 4px 0;
              display: block;
              font-weight: 400;
              -webkit-transition: all 0.35s ease-in-out;
              -moz-transition: all 0.35s ease-in-out;
              -ms-transition: all 0.35s ease-in-out;
              -o-transition: all 0.35s ease-in-out;
              transition: all 0.35s ease-in-out;
              font-size: 1.3rem !important;
              letter-spacing: 0.02rem;
              font-kerning: normal;
              -moz-font-feature-settings: "kern";
              -webkit-font-feature-settings: "kern";
              font-feature-settings: "kern"; }
              #menu nav > ul > li ul.sub-menu > li > a:hover {
                padding-left: 10px; }

#search {
  position: fixed;
  top: 105px;
  height: 75px;
  width: 100%;
  background-color: #003f81;
  z-index: 20;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }
  @media (min-width: 768px) {
    #search {
      top: 80px; } }
  #search.topbar-small {
    top: 56px; }
  #search.open {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  #search .container-fluid {
    position: relative; }
  #search input[type="search"] {
    height: 75px;
    background-color: transparent;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: none;
    outline: none;
    font-size: 1rem !important;
    font-weight: 200;
    color: #fff !important;
    font-style: italic; }
    #search input[type="search"]::-webkit-input-placeholder {
      font-weight: 200;
      color: rgba(255, 255, 255, 0.8); }
    #search input[type="search"]::-moz-placeholder {
      font-weight: 200;
      color: rgba(255, 255, 255, 0.8); }
    #search input[type="search"]:-moz-placehoder {
      font-weight: 200;
      color: rgba(255, 255, 255, 0.8); }
    #search input[type="search"]:-ms-input-placeholder {
      font-weight: 200;
      color: rgba(255, 255, 255, 0.8); }
    @media (min-width: 768px) {
      #search input[type="search"] {
        font-size: 1.8rem !important; } }
  #search input[type="search"]::-webkit-search-decoration,
  #search input[type="search"]::-webkit-search-cancel-button,
  #search input[type="search"]::-webkit-search-results-button,
  #search input[type="search"]::-webkit-search-results-decoration {
    display: none; }
  #search span.icon:before {
    font-family: "Material-Design-Iconic-Font" !important; }

/* Search button*/
.search-button,
.reload-button {
  top: 0px;
  right: 15px;
  position: absolute;
  background-color: transparent;
  border: none;
  height: 100%;
  padding: 0;
  outline: none;
  cursor: pointer; }
  .search-button .circle,
  .reload-button .circle {
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    stroke-dashoffset: 0;
    stroke: rgba(255, 255, 255, 0.2); }
  .search-button .circle-hover,
  .reload-button .circle-hover {
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }
  .search-button:hover .circle-hover,
  .reload-button:hover .circle-hover {
    stroke-dashoffset: 0;
    stroke: white; }
  .search-button:hover .icon,
  .reload-button:hover .icon {
    color: white; }
  .search-button .icon,
  .reload-button .icon {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1.8rem !important;
    color: rgba(255, 255, 255, 0.5) !important;
    line-height: 100%;
    /* margin-top: -2px; */ }

.sub-menu.sub-menu-show {
  animation: submenuShowXS .2s ease-in-out forwards;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
  @media (min-width: 768px) {
    .sub-menu.sub-menu-show {
      animation: submenuShow .5s ease-in-out forwards; } }

@media (min-width: 768px) {
  .sub-menu.sub-menu-hide {
    animation: submenuHide .2s ease-in-out forwards;
    animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } }

/* Animations */
/* Menu / Submenu XS*/
/*@include keyframes(submenuShowXS){
    0%{@include prefixer(transform,translateX(calc(100% + 15px)));height: 0}
    1%{height: auto;}
    100%{@include prefixer(transform,translateX(calc(100% + 15px)));height: auto;}
}*/
/* Chrome, Safari, Opera */
@-webkit-keyframes menuHideXS {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(calc(-100% - 15px));
    -moz-transform: translateX(calc(-100% - 15px));
    -ms-transform: translateX(calc(-100% - 15px));
    -o-transform: translateX(calc(-100% - 15px));
    transform: translateX(calc(-100% - 15px)); } }
/* Standard syntax */
@keyframes menuHideXS {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(calc(-100% - 15px));
    -moz-transform: translateX(calc(-100% - 15px));
    -ms-transform: translateX(calc(-100% - 15px));
    -o-transform: translateX(calc(-100% - 15px));
    transform: translateX(calc(-100% - 15px)); } }
/* Chrome, Safari, Opera */
@-webkit-keyframes closeSubmenuXS {
  0% {
    -webkit-transform: translateX(calc(-100% - 15px));
    -moz-transform: translateX(calc(-100% - 15px));
    -ms-transform: translateX(calc(-100% - 15px));
    -o-transform: translateX(calc(-100% - 15px));
    transform: translateX(calc(-100% - 15px)); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }
/* Standard syntax */
@keyframes closeSubmenuXS {
  0% {
    -webkit-transform: translateX(calc(-100% - 15px));
    -moz-transform: translateX(calc(-100% - 15px));
    -ms-transform: translateX(calc(-100% - 15px));
    -o-transform: translateX(calc(-100% - 15px));
    transform: translateX(calc(-100% - 15px)); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }
/* Menu / Submenu */
/* Chrome, Safari, Opera */
@-webkit-keyframes submenuShow {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    height: 0; }
  1% {
    height: auto; }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    height: auto; } }
/* Standard syntax */
@keyframes submenuShow {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    height: 0; }
  1% {
    height: auto; }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    height: auto; } }
/* Chrome, Safari, Opera */
@-webkit-keyframes submenuHide {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    height: auto; }
  99% {
    height: auto; }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    height: 0; } }
/* Standard syntax */
@keyframes submenuHide {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    height: auto; }
  99% {
    height: auto; }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    height: 0; } }
.mobile-nav {
  display: none; }

footer {
  /* margin-top: $gutter * 2; */
  padding: 30px 0 15px;
  border-top: 1px solid #c7c7c7;
  /* @include mq-md{
      margin-top: $gutter * 4;
  } */ }
  footer > div {
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    position: relative;
    max-width: 100%;
    padding: 0 15px; }
    footer > div > div {
      flex-grow: 1; }
  footer p {
    color: #003f81 !important;
    margin-bottom: 1rem;
    /* display: block;
    @include mq-sx{
        display: flex;
    } */ }
    footer p strong {
      display: block;
      margin-bottom: 5px;
      color: #003f81 !important; }
      @media (min-width: 768px) {
        footer p strong {
          margin-bottom: 0;
          display: inline; } }
  footer .legal-links,
  footer .social-links {
    display: -webkit-flex;
    display: flex;
    margin: 0;
    padding: 0; }
  footer .legal-links {
    display: block; }
    @media (min-width: 768px) {
      footer .legal-links {
        display: -webkit-flex;
        display: flex; } }
    footer .legal-links li {
      list-style-type: none; }
      @media (min-width: 768px) {
        footer .legal-links li {
          display: block; } }
      footer .legal-links li a {
        color: #54565b !important;
        text-decoration: none;
        font-size: 0.85rem !important;
        margin-right: 15px; }
  footer .social-links {
    margin: 10px 0;
    justify-content: flex-end;
    width: 100%; }
    footer .social-links > li {
      list-style-type: none; }
      footer .social-links > li:first-child a {
        margin-left: 0; }
        footer .social-links > li:first-child a img {
          width: 84%;
          margin-top: 10%; }
      footer .social-links > li a {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        width: 26px;
        height: 26px;
        display: block;
        text-align: center;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        border-radius: 30px;
        margin-left: 10px;
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out; }
        footer .social-links > li a:hover {
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
        footer .social-links > li a img {
          width: 100%; }

* {
  box-sizing: border-box; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup,
menu, footer, header, nav, section, summary, time, mark, audio, video,
button, input, textarea {
  font-size: 15px;
  font-family: "Roboto" !important;
  letter-spacing: initial !important; }

html, body {
  margin: 0;
  font-size: 15px;
  font-family: "Roboto";
  color: #263238;
  line-height: 1.4; }

.main {
  padding-top: 60px;
  position: relative;
  top: 38px;
  margin: 60px auto 60px; }

.archive-head {
  position: relative;
  top: 38px;
  background: none;
  border: none;
  text-align: left;
  width: 1170px;
  padding-top: 60px;
  position: relative;
  top: 38px;
  margin: 60px auto 0; }
  .archive-head .sub-title {
    color: #003f81;
    font-size: 1rem; }
  .archive-head h2.title {
    color: #263238; }
  .archive-head i.background {
    display: none; }
  .archive-head + .main {
    padding-top: 0; }
  @media (max-width: 1200px) {
    .archive-head {
      width: 100%; } }
  @media (max-width: 1200px) {
    .archive-head {
      padding: 60px 35px 0; } }
  @media (max-width: 940px) {
    .archive-head {
      max-width: 700px; } }
  @media (max-width: 480px) {
    .archive-head {
      padding: 0 25px; } }
  @media (max-width: 350px) {
    .archive-head {
      padding: 0 15px; } }

#headerEudel a.brand {
  display: flex;
  align-items: center;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    #headerEudel a.brand {
      margin-bottom: 0; } }
  #headerEudel a.brand h1 {
    font-size: 20px !important;
    color: #003f81;
    line-height: 30px; }
    @media (min-width: 768px) {
      #headerEudel a.brand h1 {
        font-size: 30px !important; } }

/* Typo */
.post-content h1, .post-content .h1, .post-content h2, .post-content .h2, .post-content h3, .post-content .h3, .post-content h4, .post-content .h4, .post-content h5, .post-content .h5, .post-content h6, .post-content .h6 {
  margin: 0;
  color: #003f81; }
.post-content h1, .post-content .h1 {
  font-size: 2.2rem !important;
  line-height: 110%;
  margin-bottom: 30px;
  text-transform: none; }
  @media (min-width: 768px) {
    .post-content h1, .post-content .h1 {
      font-size: 2.4rem !important; } }
  @media (min-width: 992px) {
    .post-content h1, .post-content .h1 {
      font-size: 3rem !important; } }
.post-content h2, .post-content .h2 {
  color: #003f81;
  font-weight: 300;
  line-height: 1.4;
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 1.2rem !important;
  text-transform: none; }
  @media (min-width: 768px) {
    .post-content h2, .post-content .h2 {
      font-size: 1.5rem !important; } }
  @media (min-width: 992px) {
    .post-content h2, .post-content .h2 {
      font-size: 1.8rem !important; } }
  .post-content h2 a, .post-content .h2 a {
    font-weight: 500;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }
    .post-content h2 a:hover, .post-content .h2 a:hover {
      color: #263238;
      text-decoration: underline; }
.post-content h3, .post-content .h3 {
  color: #263238;
  margin: 0;
  font-size: 1.2rem !important;
  font-weight: 500; }
  .post-content h3.container, .post-content .h3.container {
    padding-left: 0; }
.post-content h4, .post-content .h4 {
  font-size: 1.1rem !important;
  font-weight: 500;
  margin: 0; }
  .post-content h4 a, .post-content .h4 a {
    color: #263238; }
.post-content h5, .post-content .h5 {
  font-size: 1rem !important;
  font-weight: 500;
  margin: 0; }
  .post-content h5 a, .post-content .h5 a {
    color: #263238; }
.post-content h6, .post-content .h6 {
  font-size: 1rem !important;
  font-weight: 500;
  margin: 0; }
  .post-content h6 a, .post-content .h6 a {
    color: #263238; }
.post-content p {
  margin-top: 0;
  font-size: 15px;
  margin-bottom: 1rem;
  line-height: 1.4;
  color: #263238; }
  @media (min-width: 768px) {
    .post-content p {
      font-size: 1.1rem; } }
  .post-content p b {
    font-weight: 500; }
  .post-content p strong {
    font-weight: 600; }
  .post-content p a {
    color: #003f81;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }
    .post-content p a:hover {
      color: #263238;
      text-decoration: underline; }
  .post-content p br {
    display: none; }
  .post-content p + ul, .post-content p + div > ul {
    margin-top: -7.5px; }
  .post-content p + h1 {
    margin-top: 50px; }
.post-content ul, .post-content ol {
  margin-top: 0;
  margin-bottom: 15px;
  padding-left: 30px; }
  .post-content ul > li, .post-content ol > li {
    font-size: 1.1rem;
    margin-bottom: 5px; }
    .post-content ul > li b, .post-content ol > li b {
      font-weight: 500; }
    .post-content ul > li strong, .post-content ol > li strong {
      font-weight: 600; }
    .post-content ul > li a, .post-content ol > li a {
      color: #003f81;
      font-style: normal;
      -webkit-transition: all 0.35s ease-in-out;
      -moz-transition: all 0.35s ease-in-out;
      -ms-transition: all 0.35s ease-in-out;
      -o-transition: all 0.35s ease-in-out;
      transition: all 0.35s ease-in-out; }
      .post-content ul > li a:hover, .post-content ol > li a:hover {
        color: #263238;
        text-decoration: underline; }
.post-content a {
  color: #003f81;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }
  .post-content a:hover {
    color: #263238; }
.post-content input[type="search"] {
  height: 45px; }
.post-content .search-submit {
  background: #003f81;
  height: 45px;
  width: 45px;
  padding: 0;
  position: relative; }
  .post-content .search-submit:before {
    font-family: "Material-Design-Iconic-Font" !important;
    content: '\f1c3';
    color: #fff;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1rem;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%; }
  .post-content .search-submit .fa {
    display: none; }

.top-bar {
  top: 0;
  position: absolute;
  width: 100%; }

.top-bar-content {
  position: static !important;
  margin-top: 111px;
  background-color: #003f81;
  margin-top: 95px; }
  @media (min-width: 768px) {
    .top-bar-content {
      margin-top: 80px; } }
  .top-bar-content li a {
    color: #fff !important;
    font-weight: 400;
    text-transform: initial; }
  .top-bar-content .mobile-nav i {
    font-size: 18px !important; }
    .top-bar-content .mobile-nav i:before {
      font-family: 'Material-Design-Iconic-Font';
      color: #fff; }

.mobile-menu-container a {
  background-color: transparent !important;
  margin-top: 15px;
  margin-right: 15px; }
  .mobile-menu-container a i {
    font-size: 18px !important; }
    .mobile-menu-container a i:before {
      font-family: 'Material-Design-Iconic-Font'; }

.the-post .post-header {
  text-align: left; }
  .the-post .post-header h1.post-title-alt {
    color: #003f81;
    font-size: 2.2rem !important;
    line-height: 110%;
    margin-bottom: 30px;
    text-transform: none; }
    @media (min-width: 768px) {
      .the-post .post-header h1.post-title-alt {
        font-size: 2.4rem !important; } }
    @media (min-width: 992px) {
      .the-post .post-header h1.post-title-alt {
        font-size: 3rem !important; } }
    .the-post .post-header h1.post-title-alt:after {
      display: none; }

/* Error 404 */
.error404 .post-title-alt {
  text-align: left; }
  .error404 .post-title-alt:after {
    display: none; }
  .error404 .post-title-alt h1 {
    font-size: 2.2rem !important;
    line-height: 110% !important;
    margin: 0 !important;
    color: #003f81 !important;
    text-align: left;
    font-weight: 700; }
    .error404 .post-title-alt h1:after {
      display: none; }
    @media (min-width: 768px) {
      .error404 .post-title-alt h1 {
        font-size: 2.4rem !important; } }
    @media (min-width: 992px) {
      .error404 .post-title-alt h1 {
        font-size: 3rem !important; } }
.error404 .post-content .text-404 {
  display: none; }

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