/*!
Theme Name: roar
Theme URI: http://roar.training/
Author: Humberto Cuadra
Author URI: http://cv.humbertocuadra.com/
Description: Custom WordPress Theme for Roar
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: roar
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready


/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
body {
  margin: 0;
  font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif;
  font-size: 1rem; }
  @media screen and (min-width: 860px) {
    body {
      font-size: 1.1rem; } }

a {
  text-decoration: none;
  color: #C84C9B; }
  a.btn {
    display: table; }

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

input, textarea {
  font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif; }

p {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  line-height: 23px; }
  p.text-very-big, p .text-very-big {
    line-height: normal; }

ul li {
  margin-bottom: 1rem; }

iframe {
  max-width: 100%; }

.text-smaller {
  font-size: 0.8em; }

.text-very-big {
  font-size: 1.3em; }
  @media screen and (min-width: 1200px) {
    .text-very-big {
      font-size: 1.5em; } }

.hidden-xs {
  display: none; }
  @media screen and (min-width: 860px) {
    .hidden-xs {
      display: block; } }

.thin-border-top {
  border-top: 0.5px solid #101010; }

.margin-top-1 {
  margin-top: 1rem !important; }

.margin-top-2 {
  margin-top: 2rem !important; }

.margin-top-3 {
  margin-top: 3rem !important; }

.margin-top-4 {
  margin-top: 4rem !important; }

.margin-top-5 {
  margin-top: 5rem !important; }

.margin-bottom-1 {
  margin-bottom: 1rem !important; }

.margin-bottom-2 {
  margin-bottom: 2rem !important; }

.margin-bottom-3 {
  margin-bottom: 3rem !important; }

.margin-bottom-4 {
  margin-bottom: 4rem !important; }

.margin-bottom-5 {
  margin-bottom: 5rem !important; }

.padding-top-1 {
  padding-top: 1rem !important; }

.padding-top-2 {
  padding-top: 2rem !important; }

.padding-top-3 {
  padding-top: 3rem !important; }

.padding-top-4 {
  padding-top: 4rem !important; }

.padding-top-5 {
  padding-top: 5rem !important; }

.padding-bottom-1 {
  padding-bottom: 1rem !important; }

.padding-bottom-2 {
  padding-bottom: 2rem !important; }

.padding-bottom-3 {
  padding-bottom: 3rem !important; }

.padding-bottom-4 {
  padding-bottom: 4rem !important; }

.padding-bottom-5 {
  padding-bottom: 5rem !important; }

.container {
  padding: 2rem 2rem;
  max-width: 1750px; }
  @media screen and (max-width: 992px) {
    .container.m-no-padding-top {
      padding-top: 0; }
    .container.m-no-padding-bottom {
      padding-bottom: 0; } }
  @media screen and (min-width: 860px) {
    .container {
      padding: 2rem 3rem; } }
  @media screen and (min-width: 1200px) {
    .container {
      padding: 3rem 4rem; } }
  @media screen and (min-width: 1350px) {
    .container {
      padding: 4rem 6rem; } }
  @media screen and (min-width: 1600px) {
    .container {
      padding: 4rem 13rem; } }

.site-main, aside {
  position: relative;
  top: 58.75px;
  min-height: 80vh; }
  @media screen and (min-width: 1200px) {
    .site-main, aside {
      top: 65.75px; } }

.btn-black, .btn-yellow {
  font-size: 0.9em;
  transition: all .4s ease-in-out; }
  .btn-black:hover, .btn-yellow:hover {
    transform: scale(1.05); }

.btn-black {
  background: black;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  padding: 8px 1rem; }

.btn-yellow {
  background: #feda2e;
  color: black;
  text-transform: uppercase;
  font-weight: bold;
  padding: 8px 1rem; }

.space-p p {
  margin: 1rem 3rem 3rem; }

.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white .h1, .text-white .h2, .text-white .h3, .text-white .h4, .text-white .h5, .text-white .h6 {
  color: white; }

.text-white p {
  color: white; }

.block_text-center {
  text-align: center; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

@media screen and (min-width: 992px) {
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; } }

.masonry {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-auto-rows: 0;
  padding: 0 1rem; }
  @media screen and (min-width: 860px) {
    .masonry {
      grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); } }

.masonry-item {
  border-radius: 5px;
  overflow: hidden; }

.masonry-item,
.masonry-item img {
  position: relative; }

.masonry-item:hover:after {
  font-size: 30px;
  background-color: rgba(0, 0, 0, 0.75); }

.masonry-content {
  position: relative; }

.masonry-content .post-overlay {
  position: absolute;
  background: rgba(255, 255, 255, 0.92);
  bottom: 19px;
  padding: 5px 2rem;
  padding-right: 2rem;
  width: 80%;
  left: 0px;
  min-height: 120px; }

.masonry-content .post-date {
  display: block;
  color: #ff6546;
  font-size: 0.8em;
  margin: 1rem 0; }

.masonry-content .post-title {
  display: block; }

.masonry-content .post-title a {
  color: black;
  font-weight: bold; }

.orange-arrow {
  color: #ff6546;
  display: block; }

.pagination {
  margin: 2rem auto;
  max-width: 1420px; }

.pagination .page-numbers {
  border: 1px solid black;
  padding: 12px 18px;
  color: black;
  font-weight: normal; }

.pagination .page-numbers.current {
  font-weight: bold; }

.pagination .page-numbers.next, .pagination .page-numbers.prev {
  border: none;
  background: #fcda31;
  text-transform: uppercase;
  font-weight: 800;
  padding: 14px 4rem;
  margin-left: 1px; }

.single-post .post-thumbnail img {
  width: 100%; }

.image-wrapper {
  position: relative; }
  .image-wrapper img {
    width: 100%; }
  .image-wrapper .img-shape {
    position: absolute;
    background-repeat: no-repeat;
    display: block; }
    .image-wrapper .img-shape.double-arrow-up_light-blue, .image-wrapper .img-shape.double-arrow-up_purple, .image-wrapper .img-shape.double-arrow-up_red, .image-wrapper .img-shape.double-arrow-up_yellow {
      background-image: url("images/shape-double-arrow-top_lightblue.png");
      width: 50px;
      height: 46px;
      background-size: 50px; }
      @media screen and (min-width: 860px) {
        .image-wrapper .img-shape.double-arrow-up_light-blue, .image-wrapper .img-shape.double-arrow-up_purple, .image-wrapper .img-shape.double-arrow-up_red, .image-wrapper .img-shape.double-arrow-up_yellow {
          width: 100px;
          height: 94px;
          background-size: 100px; } }
    .image-wrapper .img-shape.double-arrow-up_purple {
      background-image: url("images/shape-double-arrow-top_purple.png"); }
    .image-wrapper .img-shape.double-arrow-up_red {
      background-image: url("images/shape-double-arrow-top_red.png"); }
    .image-wrapper .img-shape.double-arrow-up_yellow {
      background-image: url("images/shape-double-arrow-top_yellow.png"); }
    .image-wrapper .img-shape.circle_orange, .image-wrapper .img-shape.circle_yellow, .image-wrapper .img-shape.circle_purple {
      background-image: url("images/shape-circle_orange.png");
      width: 50px;
      height: 50px;
      background-size: 50px; }
      @media screen and (min-width: 860px) {
        .image-wrapper .img-shape.circle_orange, .image-wrapper .img-shape.circle_yellow, .image-wrapper .img-shape.circle_purple {
          width: 110px;
          height: 110px;
          background-size: 110px; } }
    .image-wrapper .img-shape.circle_yellow {
      background-image: url("images/shape-circle_yellow.png"); }
    .image-wrapper .img-shape.circle_purple {
      background-image: url("images/shape-circle_purple.png"); }
    .image-wrapper .img-shape.stairs_yellow, .image-wrapper .img-shape.stairs_light-blue, .image-wrapper .img-shape.stairs_purple {
      background-image: url("images/shape-stairs_yellow.png");
      width: 100px;
      height: 79px;
      background-size: 100px; }
      @media screen and (min-width: 860px) {
        .image-wrapper .img-shape.stairs_yellow, .image-wrapper .img-shape.stairs_light-blue, .image-wrapper .img-shape.stairs_purple {
          width: 200px;
          height: 158px;
          background-size: 200px; } }
    .image-wrapper .img-shape.stairs_light-blue {
      background-image: url("images/shape-stairs_light-blue.png"); }
    .image-wrapper .img-shape.stairs_purple {
      background-image: url("images/shape-stairs_purple.png"); }
    .image-wrapper .img-shape.l-bottom-left-corner_yellow {
      background-image: url("images/shape-l-bottom-left-corner_yellow.png");
      width: 150px;
      height: 211px;
      background-size: 150px; }
      @media screen and (min-width: 860px) {
        .image-wrapper .img-shape.l-bottom-left-corner_yellow {
          width: 231px;
          height: 325px;
          background-size: 231px; } }
    .image-wrapper .img-shape.vertical-bar_yellow, .image-wrapper .img-shape.vertical-bar_light-blue {
      background-image: url("images/shape-vertical-bar_yellow.png");
      width: 30px;
      height: 125px;
      background-size: 30px; }
      @media screen and (min-width: 860px) {
        .image-wrapper .img-shape.vertical-bar_yellow, .image-wrapper .img-shape.vertical-bar_light-blue {
          width: 50px;
          height: 208px;
          background-size: 50px; } }
    .image-wrapper .img-shape.vertical-bar_light-blue {
      background-image: url("images/shape-vertical-bar_light-blue.png"); }
    .image-wrapper .img-shape.l-top-left-corner_orange, .image-wrapper .img-shape.l-top-left-corner_light-blue {
      background-image: url("images/shape-l-top-left-corner_orange.png");
      width: 150px;
      height: 211px;
      background-size: 150px; }
      @media screen and (min-width: 860px) {
        .image-wrapper .img-shape.l-top-left-corner_orange, .image-wrapper .img-shape.l-top-left-corner_light-blue {
          width: 231px;
          height: 325px;
          background-size: 231px; } }
    .image-wrapper .img-shape.l-top-left-corner_light-blue {
      background-image: url("images/shape-l-top-left-corner_light-blue.png"); }
    .image-wrapper .img-shape.l-bottom-right-corner_purple {
      background-image: url("images/shape-l-bottom-right-corner_purple.png");
      width: 211px;
      height: 150px;
      background-size: 211px; }
      @media screen and (min-width: 860px) {
        .image-wrapper .img-shape.l-bottom-right-corner_purple {
          width: 325px;
          height: 231px;
          background-size: 325px; } }
    .image-wrapper .img-shape.top-right {
      top: 7%;
      right: 0;
      transform: translate(50%, 0); }
    .image-wrapper .img-shape.top-left {
      top: 10%;
      left: 0;
      transform: translate(-50%, 0); }
    .image-wrapper .img-shape.top-left-out {
      top: -2.7%;
      left: -2.4%; }
    .image-wrapper .img-shape.left-center {
      top: 49%;
      left: 0;
      transform: translate(-50%, -50%); }
    .image-wrapper .img-shape.bottom-right {
      bottom: -8px;
      right: -8px; }
    .image-wrapper .img-shape.bottom-left {
      bottom: -4.2%;
      left: -3.5%; }
    .image-wrapper .img-shape.bottom-left-up {
      bottom: 23%;
      left: 0;
      transform: translate(-50%, -50%); }
    .image-wrapper .img-shape.bottom-right-up {
      bottom: 10%;
      right: 0;
      transform: translate(50%, 0); }

.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(images/Preloader_1.gif) center no-repeat #fff; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  display: block;
  font-weight: 800;
  margin: 1rem 0; }

h1, .h1 {
  font-size: 24px; }
  @media screen and (min-width: 860px) {
    h1, .h1 {
      font-size: 28px; } }
  @media screen and (min-width: 1200px) {
    h1, .h1 {
      font-size: 34px; } }

h2, .h2 {
  font-size: 22px; }
  @media screen and (min-width: 860px) {
    h2, .h2 {
      font-size: 26px; } }
  @media screen and (min-width: 1200px) {
    h2, .h2 {
      font-size: 30px; } }

h3, .h3 {
  font-size: 20px; }
  @media screen and (min-width: 860px) {
    h3, .h3 {
      font-size: 22px; } }
  @media screen and (min-width: 1200px) {
    h3, .h3 {
      font-size: 26px; } }

h4, .h4 {
  font-size: 18px; }
  @media screen and (min-width: 860px) {
    h4, .h4 {
      font-size: 20px; } }
  @media screen and (min-width: 1200px) {
    h4, .h4 {
      font-size: 21px; } }

h5, .h5 {
  font-size: 16px; }
  @media screen and (min-width: 860px) {
    h5, .h5 {
      font-size: 18px; } }
  @media screen and (min-width: 1200px) {
    h5, .h5 {
      font-size: 19px; } }

h6, .h6 {
  font-size: 15px; }
  @media screen and (min-width: 860px) {
    h6, .h6 {
      font-size: 17px; } }
  @media screen and (min-width: 1200px) {
    h6, .h6 {
      font-size: 18px; } }

.prehealdine {
  font-weight: 500; }

nav.main-navigation {
  position: absolute;
  width: 100%;
  left: 80%; }
  @media screen and (min-width: 576px) {
    nav.main-navigation {
      left: 90%; } }
  @media screen and (min-width: 860px) {
    nav.main-navigation {
      position: static;
      width: auto; } }
  nav.main-navigation .menu-main-menu-container {
    position: absolute;
    width: 100%;
    right: 80%;
    top: 49px;
    border-top: 0.5px solid #101010; }
    @media screen and (min-width: 576px) {
      nav.main-navigation .menu-main-menu-container {
        right: 90%; } }
    @media screen and (min-width: 860px) {
      nav.main-navigation .menu-main-menu-container {
        position: static;
        width: auto;
        border-top: none; } }
  nav.main-navigation .menu-main-menu-container {
    display: none;
    background: black; }
    @media screen and (min-width: 860px) {
      nav.main-navigation .menu-main-menu-container {
        display: block; } }
  nav.main-navigation ul.nav-menu {
    margin: 0;
    list-style: none; }
    @media screen and (min-width: 860px) {
      nav.main-navigation ul.nav-menu {
        display: flex; } }
    @media screen and (min-width: 1600px) {
      nav.main-navigation ul.nav-menu {
        padding-left: 8rem; } }
    nav.main-navigation ul.nav-menu li {
      margin: 1rem 0.5rem; }
      nav.main-navigation ul.nav-menu li.current-menu-item a {
        color: #feda2e; }
      nav.main-navigation ul.nav-menu li.menu-item-has-children {
        position: relative; }
        nav.main-navigation ul.nav-menu li.menu-item-has-children > a::after {
          content: "\f107";
          font-family: FontAwesome;
          color: white;
          position: relative;
          left: 4px;
          top: 2px;
          font-size: 1.2em; }
        nav.main-navigation ul.nav-menu li.menu-item-has-children.expanded > a::after {
          content: "\f106"; }
        nav.main-navigation ul.nav-menu li.menu-item-has-children ul.sub-menu {
          display: none;
          padding: 0; }
          @media screen and (min-width: 860px) {
            nav.main-navigation ul.nav-menu li.menu-item-has-children ul.sub-menu {
              position: absolute;
              list-style: none;
              padding-top: 30px;
              min-width: 201px;
              left: -2rem; } }
          nav.main-navigation ul.nav-menu li.menu-item-has-children ul.sub-menu li {
            margin: 0;
            padding: 0.5rem 1.5rem; }
            @media screen and (min-width: 860px) {
              nav.main-navigation ul.nav-menu li.menu-item-has-children ul.sub-menu li {
                border-bottom: 1px solid white;
                background: #feda2e;
                padding: 1rem 2rem; } }
            nav.main-navigation ul.nav-menu li.menu-item-has-children ul.sub-menu li:last-child {
              border-bottom: none; }
          nav.main-navigation ul.nav-menu li.menu-item-has-children ul.sub-menu a {
            font-weight: 500; }
            @media screen and (min-width: 860px) {
              nav.main-navigation ul.nav-menu li.menu-item-has-children ul.sub-menu a {
                color: black; } }
            nav.main-navigation ul.nav-menu li.menu-item-has-children ul.sub-menu a:hover {
              font-weight: 800; }
      @media screen and (min-width: 992px) {
        nav.main-navigation ul.nav-menu li {
          margin: 0 1rem; }
          nav.main-navigation ul.nav-menu li:last-child {
            margin-right: 0; } }
      @media screen and (min-width: 1200px) {
        nav.main-navigation ul.nav-menu li {
          margin: 0 2rem; } }
      nav.main-navigation ul.nav-menu li a {
        text-decoration: none;
        color: #ffffff;
        font-size: 1rem; }
        nav.main-navigation ul.nav-menu li a:hover {
          color: #feda2e; }
          nav.main-navigation ul.nav-menu li a:hover::after {
            color: #feda2e; }
  nav.main-navigation .menu-toggle {
    background: black;
    border: none;
    color: #ffffff;
    font-size: 1.5rem; }
    nav.main-navigation .menu-toggle:focus {
      outline: none; }
    @media screen and (min-width: 860px) {
      nav.main-navigation .menu-toggle {
        display: none; } }

header.site-header {
  background: black;
  position: fixed;
  width: 100%;
  z-index: 9;
  box-shadow: 0px 3px 7px 0px rgba(49, 49, 49, 0.65); }
  header.site-header.smaller .site-branding img {
    width: 100px; }
  header.site-header.smaller .header-container {
    padding-top: 10px;
    padding-bottom: 10px;
    max-width: 1750px; }
  header.site-header.smaller nav.main-navigation ul.nav-menu li.menu-item-has-children ul.sub-menu {
    padding-top: 18px; }
  header.site-header.smaller nav.main-navigation .menu-main-menu-container {
    top: 43px; }
  header.site-header .header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    justify-content: space-between;
    padding: 1rem 2rem; }
    @media screen and (min-width: 992px) {
      header.site-header .header-container {
        padding: 1rem 3rem; } }
    @media screen and (min-width: 1200px) {
      header.site-header .header-container {
        padding: 1rem 4rem; } }
    @media screen and (min-width: 1350px) {
      header.site-header .header-container {
        padding: 1rem 6rem; } }
    @media screen and (min-width: 1600px) {
      header.site-header .header-container {
        padding: 1rem 13rem; } }
  header.site-header .site-branding img {
    width: 115px;
    height: auto;
    transition: all .4s ease-in-out; }
    @media screen and (min-width: 1200px) {
      header.site-header .site-branding img {
        width: 130px; } }

footer.site-footer {
  position: relative;
  top: 58.75px;
  border-top: 1px solid #8e8787; }
  @media screen and (min-width: 1200px) {
    footer.site-footer {
      top: 65.75px; } }
  footer.site-footer .container-footer {
    max-width: 1750px;
    padding: 2rem 2rem; }
    @media screen and (min-width: 860px) {
      footer.site-footer .container-footer {
        padding: 2rem 3rem; } }
    @media screen and (min-width: 1200px) {
      footer.site-footer .container-footer {
        padding: 3rem 4rem; } }
    @media screen and (min-width: 1350px) {
      footer.site-footer .container-footer {
        padding: 2rem 6rem; } }
    @media screen and (min-width: 1600px) {
      footer.site-footer .container-footer {
        padding: 2rem 13rem; } }

@media screen and (min-width: 992px) {
  .single-post {
    display: flex; } }

.single-post .back-button {
  margin: 4rem 0; }
  .single-post .back-button a {
    padding-left: 3rem;
    padding-right: 3rem; }

@media screen and (min-width: 992px) {
  .single-post main {
    width: 70%;
    padding: 0; }
    .single-post main .container {
      padding-right: 0; } }

@media screen and (min-width: 992px) {
  .single-post .sidebar {
    width: 26%;
    padding-left: 4%;
    padding-right: 0; } }

.single-post .post-date {
  font-weight: bold; }

.single-post .yarpp-thumbnails-horizontal .yarpp-thumbnail {
  height: auto;
  border: none;
  margin-bottom: 1.5rem;
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .single-post .yarpp-thumbnails-horizontal .yarpp-thumbnail {
      width: 300px; } }
  .single-post .yarpp-thumbnails-horizontal .yarpp-thumbnail img {
    width: 100%;
    height: auto; }
    @media screen and (min-width: 1200px) {
      .single-post .yarpp-thumbnails-horizontal .yarpp-thumbnail img {
        width: 300px;
        height: 300px;
        object-fit: cover;
        align-self: center; } }
  .single-post .yarpp-thumbnails-horizontal .yarpp-thumbnail .yarpp-thumbnail-title {
    overflow: initial;
    width: auto;
    color: black;
    font-weight: bold; }

.container.image-offset-top img {
  margin-top: -5rem; }
  @media screen and (min-width: 1200px) {
    .container.image-offset-top img {
      margin-top: -7rem; } }

.container.image-offset-top .text {
  margin-top: 2rem; }
  @media screen and (min-width: 992px) {
    .container.image-offset-top .text {
      margin-top: 0; } }

.container .block_text-image {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 992px) {
    .container .block_text-image {
      flex-direction: row; } }
  @media screen and (min-width: 992px) {
    .container .block_text-image.align-center {
      align-items: center; } }
  @media screen and (min-width: 992px) {
    .container .block_text-image.align-flex-start {
      align-items: flex-start; }
      .container .block_text-image.align-flex-start .text .content {
        margin-top: 0; }
        .container .block_text-image.align-flex-start .text .content .h1 {
          margin-top: -7px; }
        .container .block_text-image.align-flex-start .text .content p {
          margin-top: 0; } }
  @media screen and (min-width: 992px) {
    .container .block_text-image.align-flex-end {
      align-items: flex-end; } }
  @media screen and (min-width: 992px) {
    .container .block_text-image .text-very-big {
      font-size: 1.1em; } }
  @media screen and (min-width: 1200px) {
    .container .block_text-image .text-very-big {
      font-size: 1.5em; } }
  .container .block_text-image .text .content {
    margin: 1rem 0; }
    @media screen and (min-width: 992px) {
      .container .block_text-image .text .content {
        margin: 1rem; } }
  @media screen and (min-width: 992px) {
    .container .block_text-image .text {
      width: 46%; }
      .container .block_text-image .text.order-1:not(.order-lg-2) .content {
        margin-right: 2rem; }
      .container .block_text-image .text.order-2:not(.order-lg-1) .content {
        margin-left: 2rem; } }
  @media screen and (min-width: 992px) {
    .container .block_text-image .image {
      width: 47%; } }

.icon-boxes {
  margin-bottom: 2rem; }
  .icon-boxes h2 {
    max-width: 500px;
    margin: 1rem auto; }
    @media screen and (min-width: 1200px) {
      .icon-boxes h2 {
        max-width: 700px;
        margin: 2rem auto;
        font-size: 35px; } }
  .icon-boxes .boxes {
    display: flex;
    flex-wrap: wrap; }
    @media screen and (min-width: 860px) {
      .icon-boxes .boxes {
        margin: 0 2rem; } }
    .icon-boxes .boxes .icon-box {
      width: 100%;
      margin: 1rem 0;
      display: flex;
      flex-direction: column;
      background-repeat: no-repeat;
      background-position-x: center;
      background-position-y: 2rem;
      background-size: 60px;
      padding: 90px 0 1rem 0;
      background-color: white; }
      @media screen and (min-width: 576px) {
        .icon-boxes .boxes .icon-box {
          width: 47%;
          margin: 1%; } }
      @media screen and (min-width: 1200px) {
        .icon-boxes .boxes .icon-box {
          width: 23%;
          margin: 0 1%;
          /* &:last-child {
          margin-right:0;
          margin-left:3%;
        } */ } }
      .icon-boxes .boxes .icon-box h3 {
        text-align: center; }
      .icon-boxes .boxes .icon-box p {
        text-align: center;
        padding: 0 1.5rem;
        margin: 1.5rem 0; }
      .icon-boxes .boxes .icon-box a {
        align-self: center;
        margin-top: auto; }

.block_logos .preheadline, .block_logos .headline {
  text-align: center;
  display: block;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto; }

.block_logos .logo-list {
  display: flex;
  flex-wrap: wrap;
  margin: 2rem 0;
  justify-content: center; }
  .block_logos .logo-list img {
    max-width: 100%;
    width: 46%;
    align-self: center;
    margin: 1rem 2%;
    max-width: 150px; }

.block_latest-posts .h1 {
  text-align: center; }

.block_latest-posts .post-boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1420px; }
  .block_latest-posts .post-boxes .post-box {
    display: flex;
    flex-direction: column;
    max-width: 300px;
    padding: 1rem;
    margin: 1rem 0px;
    box-shadow: 4px 4px 15px 4px #c9c9c9;
    width: 100%; }
    .block_latest-posts .post-boxes .post-box.placeholder {
      visibility: hidden;
      height: 0;
      padding-top: 0;
      padding-bottom: 0;
      margin-top: 0;
      margin-bottom: 0; }
    .block_latest-posts .post-boxes .post-box .post-date {
      display: block;
      margin-top: 1rem;
      color: black; }
    .block_latest-posts .post-boxes .post-box img {
      width: 290px;
      height: 290px;
      object-fit: cover;
      align-self: center; }
    .block_latest-posts .post-boxes .post-box h6 a {
      color: black; }
    .block_latest-posts .post-boxes .post-box a {
      align-self: flex-start;
      margin-top: auto; }

.home .post-boxes {
  max-width: 1300px;
  justify-content: center; }
  .home .post-boxes .post-box {
    width: 270px;
    margin: 1rem; }

.block_contact .h1, .block_contact .contact-description {
  text-align: center;
  max-width: 1000px;
  margin: 0 auto; }

.block_contact .h1 {
  max-width: 550px; }

.block_contact form {
  max-width: 1000px;
  margin: 2.5rem auto; }
  .block_contact form .flex-group {
    display: flex;
    justify-content: space-between; }
  .block_contact form .input-1-col {
    width: 100%; }
  .block_contact form .input-2-col {
    width: 49.5%; }
  .block_contact form input[type=text], .block_contact form input[type=email], .block_contact form input[type=tel], .block_contact form textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 0.8rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid black;
    color: black;
    font-size: 15px;
    outline: none; }
    .block_contact form input[type=text]::placeholder, .block_contact form input[type=email]::placeholder, .block_contact form input[type=tel]::placeholder, .block_contact form textarea::placeholder {
      font-size: 15px; }
    .block_contact form input[type=text]:hover, .block_contact form input[type=email]:hover, .block_contact form input[type=tel]:hover, .block_contact form textarea:hover {
      outline: -webkit-focus-ring-color auto 1px; }
  .block_contact form input[type=submit] {
    border: none;
    padding: 0.5rem 3rem;
    cursor: pointer; }

.block_footer {
  display: flex;
  justify-content: space-between; }
  .block_footer .footer-logo img {
    width: 100px; }
  .block_footer .footer-social {
    display: flex; }
    .block_footer .footer-social a {
      color: black;
      font-size: 1.5rem;
      margin-left: 0.5rem; }

.block_page-header h1 {
  text-align: center; }

.block_text-columns .h1 {
  text-align: center; }

.block_text-columns .columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .block_text-columns .columns p {
    margin-bottom: 2rem; }
  .block_text-columns .columns .col-1 {
    width: 100%; }
  .block_text-columns .columns .col-2 {
    width: 48%; }
  .block_text-columns .columns .col-3 {
    width: 31%; }
  .block_text-columns .columns .col-4 {
    width: 23%; }
  .block_text-columns .columns .col-5 {
    width: 18%; }
  .block_text-columns .columns col-6 {
    width: 14%; }
  @media screen and (min-width: 860px) {
    .block_text-columns .columns .col-md-1 {
      width: 100%; }
    .block_text-columns .columns .col-md-2 {
      width: 48%; }
    .block_text-columns .columns .col-md-3 {
      width: 31%; }
    .block_text-columns .columns .col-md-4 {
      width: 23%; }
    .block_text-columns .columns .col-md-5 {
      width: 18%; }
    .block_text-columns .columns col-md-6 {
      width: 14%; } }
  @media screen and (min-width: 992px) {
    .block_text-columns .columns .col-lg-1 {
      width: 100%; }
    .block_text-columns .columns .col-lg-2 {
      width: 48%; }
    .block_text-columns .columns .col-lg-3 {
      width: 31%; }
    .block_text-columns .columns .col-lg-4 {
      width: 23%; }
    .block_text-columns .columns .col-lg-5 {
      width: 18%; }
    .block_text-columns .columns col-lg-6 {
      width: 14%; } }

.block_text-columns a {
  margin: 0 auto; }

.column-images .columns {
  max-width: 1140px;
  margin: 3rem auto; }

.column-images img {
  width: 100%;
  box-shadow: 11px 11px black; }

.pricing-boxes .columns {
  max-width: 1000px;
  margin: 0 auto; }
  .pricing-boxes .columns .column {
    background: white;
    text-align: center;
    display: flex;
    flex-direction: column;
    margin: 1rem 0; }
    .pricing-boxes .columns .column p {
      padding: 0 1rem;
      margin-top: auto; }
    .pricing-boxes .columns .column .pricing-box-amount {
      font-size: 30px;
      font-weight: bold;
      border-top: 1px solid black;
      border-bottom: 1px solid black;
      display: block;
      padding: 1rem 0; }

.block_events .h1 {
  margin-bottom: 0;
  padding: 1rem 2rem; }
  @media screen and (min-width: 992px) {
    .block_events .h1 {
      padding: 1rem 3rem; } }
  @media screen and (min-width: 1200px) {
    .block_events .h1 {
      padding: 1rem 4rem; } }
  @media screen and (min-width: 1350px) {
    .block_events .h1 {
      padding: 1rem 6rem; } }
  @media screen and (min-width: 1600px) {
    .block_events .h1 {
      padding: 1rem 13rem; } }

.block_events .events .events-headline {
  padding-top: 2rem;
  padding-bottom: 1rem; }
  .block_events .events .events-headline h2 {
    margin: 0; }

.block_events .events .event {
  padding: 2rem 2rem; }
  @media screen and (min-width: 992px) {
    .block_events .events .event {
      padding: 2rem 3rem; } }
  @media screen and (min-width: 1200px) {
    .block_events .events .event {
      padding: 2rem 4rem; } }
  @media screen and (min-width: 1350px) {
    .block_events .events .event {
      padding: 2rem 6rem; } }
  @media screen and (min-width: 1600px) {
    .block_events .events .event {
      padding: 2rem 13rem; } }
  .block_events .events .event.even {
    background: #f9f6ef; }
  .block_events .events .event .event-subheading {
    font-size: 0.88em; }
  .block_events .events .event .event-info {
    font-size: 0.88em;
    font-weight: bold;
    margin: 1.5rem 0; }
    .block_events .events .event .event-info .event-date {
      display: block;
      margin-bottom: 1rem;
      margin-right: 1rem; }
      .block_events .events .event .event-info .event-date::before {
        content: "\f073";
        font-family: FontAwesome; }
      @media screen and (min-width: 860px) {
        .block_events .events .event .event-info .event-date {
          display: inline-block; } }
    .block_events .events .event .event-info .event-location::before {
      content: "\f041";
      font-family: FontAwesome; }