@charset "UTF-8";
/* ---- General ---- */
/* line 24, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
body {
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
}

/* line 30, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.clearfix {
  clear: both;
}

/* line 34, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.no-margin {
  margin-left: 0;
  margin-right: 0;
}

/* line 39, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.col-centered {
  float: none;
  margin: 0 auto;
}

/* line 44, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.shop_wrapper {
  padding-top: 40px;
}

/* line 51, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.snippet_area > .wide_image:first-child,
.snippet_area > .wide_image_with_text2:first-child,
.snippet_area > .top_heading:first-child,
.snippet_area > .wide_image_tall_with_text:first-child {
  margin-top: -80px;
}

/* line 60, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.snippet_area.main {
  margin-left: -15px;
  margin-right: -15px;
}

/* line 65, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.snippet_area.snippet_area_main .columns:last-child,
.blog-content {
  margin-bottom: 90px;
}

/* line 70, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.blog-post + .snippet_area.snippet_area_main .columns {
  margin-bottom: 0;
}

/* line 74, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.general-wrapper > .snippet_area.snippet_area_main {
  margin-top: 80px;
}

/* line 78, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
#blog .snippet_area.snippet_area_main {
  margin-bottom: 40px;
}

/* line 82, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.snippet_area.snippet_area_main .sf_add_snippet {
  margin-bottom: 50px;
}

/* line 87, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.snippet_area_main > .columns .sf_image_left {
  margin-bottom: 30px;
  margin-right: 40px;
}

/* line 92, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.snippet_area_main > .columns .sf_image_right {
  margin-bottom: 30px;
  margin-left: 40px;
}

@media screen and (max-width: 768px) {
  /* line 99, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
  .snippet_area_main > .columns.text img {
    float: none;
  }
}

/* ----- Logo ----- */
/* line 107, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
#logo a.image-logo img {
  width: 87px;
}

/* ----- END: Logo ----- */
/* ----- Blog style ----- */
/* line 116, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
#blog .container-fluid:after {
  content: ' ';
  display: block;
  background-position: center;
  background-size: cover;
  height: 50px;
  width: 100%;
  position: absolute;
  z-index: 10;
  top: 540px;
}
/* line 129, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
#blog .blog-post p {
  max-width: 830px;
  margin-left: auto;
  margin-right: auto;
}
/* line 137, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
#blog article .bg-fade {
  background-position: 0 280px;
}
/* line 141, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
#blog article .tag {
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
}
/* line 145, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
#blog article .inner {
  bottom: 30px;
}
/* line 148, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
#blog article .inner .text .date,
#blog article .inner .text .author {
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
  font-weight: 600;
}
/* line 156, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
#blog .next_article .inner {
  bottom: 80px;
}

/* line 161, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.signedin-top ~ .general-wrapper #blog .container-fluid:after {
  top: 600px;
}

/* line 165, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
#blog .blog-post {
  margin-top: 70px;
}

/* ----- END: Blog style ----- */
/* ------ Pagination style ----- */
/* line 174, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
#pagination .pages {
  padding-right: 25px;
  text-align: right;
  margin-top: 0;
}
/* line 179, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
#pagination .pages .page {
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
  color: #fff;
  font-size: 17px;
  line-height: 28px;
  text-decoration: none;
  border: 1px solid #fff;
  padding: 7px 13px;
  margin-left: 10px;
  transition: all 0.15s ease-in-out;
}
/* line 190, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
#pagination .pages .page.active, #pagination .pages .page:hover {
  color: #8d8d8d;
  background-color: #fff;
}

/* line 200, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.pagination {
  padding-right: 25px;
  float: right;
  margin-top: 0;
}
/* line 205, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.pagination > li > a {
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
  color: #fff;
  font-size: 17px;
  text-decoration: none;
  border: 1px solid #fff;
  padding: 11px 18px;
  margin-left: 10px;
  transition: all 0.5s ease-in-out;
  border-radius: 0 !important;
  background-color: transparent;
}
/* line 217, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.pagination > li > a.active, .pagination > li > a:hover, .pagination > li > a:focus {
  color: #8d8d8d;
  background-color: #fff;
  border: 1px solid #fff;
  outline: none;
}
/* line 227, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover {
  color: #8d8d8d;
  background-color: #fff;
  border: 1px solid #fff;
}

@media screen and (max-width: 770px) {
  /* line 237, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
  .row .col-md-6.pull-right,
  .row .col-md-6.pull-left {
    float: none !important;
  }
}
/* line 243, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.messages-entry nav {
  text-align: center;
}
@media screen and (max-width: 760px) {
  /* line 247, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
  .messages-entry nav .pagination {
    float: none;
    margin-bottom: 40px;
    margin-top: -30px;
    padding-right: 0;
  }
}

/* ----- END: Pagination style ----- */
/* ---- END: General ---- */
/* ---- Fonts ---- */
/* line 262, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
body {
  font-family: "chaparral-pro", serif;
}

/* line 266, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
h1,
h2 {
  font-size: 30px;
  line-height: 35px;
  color: #272727;
  font-family: "chaparral-pro", serif;
  font-weight: 400;
  font-style: normal;
}

@media screen and (min-width: 720px) {
  /* line 277, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
  h1,
  h2 {
    font-size: 35px;
    line-height: 53px;
    margin-bottom: 20px;
    letter-spacing: 2px;
  }
}
/* line 286, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
h3 {
  font-size: 25px;
  line-height: 32px;
  color: #272727;
  font-family: "chaparral-pro", serif;
  font-weight: 400;
  font-style: normal;
}

/* line 295, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
h4 {
  font-size: 14px;
  color: #272727;
}

/* line 300, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
p {
  font-size: 17px;
  color: #272727;
  letter-spacing: 0.5px;
  font-family: "chaparral-pro", serif;
  font-weight: 400;
  font-style: normal;
}

/* line 309, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
p a {
  border-bottom: 2px solid;
  text-decoration: none;
}

/* line 314, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
p a :hover {
  opacity: 0.7;
  text-decoration: none;
}

/* line 319, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.larger-p p {
  line-height: 26px;
  font-size: 19px;
}

/* line 324, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
p.smaller {
  font-size: 15px;
  line-height: 26px;
}

/* line 329, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
a:focus {
  text-decoration: none;
}

/* line 333, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.date {
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
  text-transform: uppercase;
  color: #8d8d8d;
  font-size: 13px;
  letter-spacing: 1.1px;
  font-weight: 600;
}
/* line 341, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.date a {
  color: #ea6752;
}

/* line 346, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.caps-medium {
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
  color: #272727;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1.5px;
  margin-bottom: 0;
}
/* line 354, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.caps-medium.white {
  color: #fff;
}
/* line 358, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.caps-medium a {
  color: #ea6752;
}

/* ---- END: Fonts ---- */
/* ---- Button ---- */
/* line 369, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.ghost-button {
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
}
/* line 372, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.ghost-button.center {
  text-align: center;
}
/* line 376, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.ghost-button a {
  text-transform: uppercase;
  color: #fff;
  font-size: 15px;
  letter-spacing: 2px;
  text-align: center;
  padding: 12px 25px;
  border: 2px solid #fff;
  transition: all 0.25s ease-in-out;
  font-weight: 600;
}
/* line 387, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.ghost-button a:hover {
  background-color: #fff;
  color: #ccc;
}

/* line 394, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.ghost-button.blue a {
  color: #5db4c5;
  border: 2px solid #5db4c5;
}
/* line 398, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.ghost-button.blue a:hover {
  background-color: #5db4c5;
  color: #fff;
}

/* line 404, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.ghost-button.black a {
  color: #8d8d8d;
  display: inline-block;
}

/* line 409, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.ghost-button.red a {
  color: #ea6752;
  border: 2px solid #ea6752;
}
/* line 413, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.ghost-button.red a:hover {
  background-color: #ea6752;
  color: #fff;
}

/* ---- END: Button ---- */
/* ------ Snippet: go back ----- */
/* line 423, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.go-back {
  height: 50px;
}
/* line 426, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.go-back a {
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
  text-transform: uppercase;
  color: #8d8d8d;
  font-size: 12px;
  letter-spacing: 1.1px;
  font-weight: 600;
  position: relative;
  padding-left: 30px;
}
/* line 436, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.go-back a:before {
  content: ' ';
  width: 20px;
  height: 20px;
  color: #b0b0b0;
  border: 1px solid #b0b0b0;
  border-radius: 20px;
  display: block;
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: center;
  transition: all .25s ease-in-out;
  position: absolute;
  left: 0;
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: "Rotate90";
  -ms-filter: "Rotate90";
}
/* line 459, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.go-back a:hover {
  cursor: pointer;
}
/* line 461, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.go-back a:hover:before {
  background-color: #b0b0b0;
}

/* ------ END: Snippet: go back ----- */
/* ------ Snippet: heading ----- */
/* line 475, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.rubrik_vag h1,
.rubrik_rod h1,
.rubrik_lov h1 {
  min-width: 210px;
}

/* ------ END: Snippet: heading ----- */
/* ------ Snippet: text ----- */
/* line 484, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.text ul {
  padding-left: 20px;
}

/* line 488, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.text li {
  font-size: 17px;
  color: #272727;
  letter-spacing: 0.5px;
  font-family: "chaparral-pro", serif;
  font-weight: 400;
  font-style: normal;
  line-height: 27px;
  padding-bottom: 17px;
}

/* line 499, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.text a {
  font-size: 17px;
  color: #272727;
  letter-spacing: 0.5px;
  font-family: "chaparral-pro", serif;
  font-weight: 400;
  font-style: normal;
}

/* ------ END: Snippet: text ----- */
/* ------ Snippet: divider ----- */
/* line 512, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.column.divider .divider-row {
  height: 6px;
  width: 100px;
  background-size: contain;
  margin: 0 auto;
}

/* ------ END: Snippet: divider ----- */
/* ---- Snippet: centrerad bild ---- */
/* line 523, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.centrerad_bild.three_centrerad_bild,
.centrerad_bild.fourth_centrerad_bild,
.centrerad_bild.two_centrerad_bild,
.columns.bild_vanster_text_hoger {
  max-width: 800px;
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
}

/* line 533, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.column.centrerad_bild img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 539, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
img {
  max-width: 100%;
}

/* ---- END:snippet: centrerad bild ---- */
/* ---- snippet: vänster bild höger text ---- */
@media screen and (min-width: 768px) {
  /* line 549, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
  .column.bild_vanster_text_hoger .row {
    display: flex;
    display: -webkit-flex;
  }

  /* line 554, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
  .column.bild_vanster_text_hoger .primary-img {
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  /* line 565, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
  .column.bild_vanster_text_hoger .primary-img img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    display: block;
  }
}
/* line 574, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.bild_vanster_text_hoger .content p:last-child {
  margin-bottom: 0;
}

/* line 578, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.bild_vanster_text_hoger .content p {
  margin-bottom: 10px;
}

/* ---- END: snippet: vänster bild höger text ---- */
/* ---- Snippet: Partner logo ---- */
/* line 587, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.partner_logo .outer {
  height: 100px;
}
/* line 590, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.partner_logo .outer .inner {
  padding: 9%;
  height: inherit;
}
@media screen and (max-width: 400px) {
  /* line 590, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
  .partner_logo .outer .inner {
    padding: 16%;
  }
}
/* line 599, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
.partner_logo .outer img {
  max-height: 100%;
  display: block;
  margin: 0px auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* ---- END: Snippet: Partner logo ---- */
/* ------ Layout: simple blog ----- */
/* line 617, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
#simple-blog {
  margin-bottom: 100px;
  margin-top: 160px;
}

/* line 622, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
div#simple-blog {
  margin-top: 0;
}

/* line 626, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
#simple-blog .wide_image_with_text2 {
  margin-bottom: 80px;
}

/* line 630, ../../../../../../../themes/inspire/public/styles/scss/4good/4good.scss */
#simple-blog article:first-child {
  margin-top: 0;
}

/* ------ END: Layout: simple blog ----- */
/* line 3, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
#logo-wrapper {
  position: absolute;
  left: 30px;
}

/* line 8, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
#logo a.image-logo {
  left: 0;
  top: 0;
}

/* line 13, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
#logo-wrapper #logo {
  margin-right: 20px;
  height: 80px;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding-right: 115px;
}

/* line 22, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
#logo-wrapper #logo a.image-logo {
  position: static;
}

/* line 28, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
.inline-menu {
  z-index: 1000;
  float: right;
  margin-top: 35px;
  margin-right: 30px;
  position: relative;
}
/* line 35, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
.inline-menu ul {
  padding: 0;
  float: left;
  line-height: 34px;
}
/* line 40, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
.inline-menu ul li {
  display: inline-block;
  margin-right: 20px;
  cursor: pointer;
  position: relative;
}
/* line 46, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
.inline-menu ul li.sf-bar-menu-button-right2 {
  margin-right: 50px;
}
/* line 50, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
.inline-menu ul li.sf-bar-menu-button-right2:after {
  content: '\f0da';
  font-family: FontAwesome;
  color: #ea6752;
  font-size: 15px;
  margin-left: 8px;
  position: absolute;
  bottom: 0;
}
/* line 64, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
.inline-menu li.has_dropdown.hover ul {
  display: block;
}
/* line 68, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
.inline-menu li.has_dropdown ul {
  display: none;
  position: absolute;
  z-index: 1000;
  width: 210px;
  padding: 10px 0;
  background: #fff;
  border-top: 0;
  margin-top: 20px;
  margin-left: -20px;
}
/* line 79, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
.inline-menu li.has_dropdown ul li {
  margin-right: 0;
  display: block;
}
/* line 82, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
.inline-menu li.has_dropdown ul li a {
  padding: 20px;
}
/* line 89, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
.inline-menu a {
  text-transform: uppercase;
  font-size: 11px;
  color: #ea6752;
  letter-spacing: 1px;
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
  font-weight: 700;
  letter-spacing: 2px;
}
/* line 98, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
.inline-menu a:hover {
  color: #b15d4a;
}
/* line 103, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
.inline-menu li.active a {
  color: #b15d4a;
}
/* line 108, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
.inline-menu .editorComponentId450,
.inline-menu .editField.editFieldComponentLiquid.editFieldDisabled {
  float: right;
}
/* line 113, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
.inline-menu .login-button {
  border: 2px solid #ea6752;
  float: right;
  padding: 7px;
  margin-top: 1px;
}
/* line 119, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
.inline-menu .login-button:hover {
  background-color: #ea6752;
  transition: all .25s ease-in-out;
  cursor: pointer;
  color: #fff;
}

/* line 128, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
.top-header {
  position: relative;
}
/* line 131, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
.top-header.sticky {
  height: 80px;
  background-color: rgba(255, 255, 255, 0.7);
  transition: all .25s ease-in-out;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
}
/* line 141, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
.top-header.fixed {
  position: fixed;
  will-change: transform;
}

/* line 147, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
.top-header + section {
  margin-top: 80px;
}

/* line 151, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
.top-header + .event-primary-image {
  margin-top: -80px;
}

/* line 155, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
.sticky .inline-menu {
  margin-top: 23px;
  margin-bottom: 0;
}
/* line 159, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
.sticky .inline-menu li a {
  color: #272727;
}
/* line 163, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
.sticky .inline-menu ul li.sf-bar-menu-button-right2:after {
  color: #272727;
}

/* line 169, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
.general-wrapper.added {
  padding-top: 80px;
}

/* line 173, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
.shop_wrapper.added {
  padding-top: 120px;
}

@media screen and (max-width: 995px) {
  /* line 178, ../../../../../../../themes/inspire/public/styles/scss/4good/_inline-menu.scss */
  .inline-menu {
    display: none;
  }
}
/* line 1, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.open-menu-btn {
  border: 2px solid #ea6752;
  padding: 6px 15px;
  position: absolute;
  right: 30px;
  top: 20px;
  z-index: 1010;
}
/* line 9, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.open-menu-btn a {
  text-transform: uppercase;
  font-size: 12px;
  color: #ea6752;
  letter-spacing: 1px;
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
  font-weight: 600;
}
/* line 18, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.open-menu-btn:hover {
  background-color: #ea6752;
  transition: all .25s ease-in-out;
  cursor: pointer;
}
/* line 23, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.open-menu-btn:hover a {
  color: #fff;
}

/* line 29, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.slide-in-navigation {
  display: block;
  width: 290px;
  background-color: #faf9f5;
  z-index: 1200;
  padding: 10px 35px;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: scroll;
  top: 0;
  -webkit-transition: -webkit-transform .25s ease-in-out;
  transition: transform .25s ease-in-out;
}
/* line 46, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.slide-in-navigation .close-nav {
  text-transform: uppercase;
  font-size: 12px;
  color: #b0b0b0;
  float: right;
  padding: 15px;
  position: relative;
  width: 85px;
  cursor: pointer;
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
  font-weight: 600;
  letter-spacing: 1.5px;
}
/* line 59, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.slide-in-navigation .close-nav:after {
  content: '';
  width: 20px;
  height: 20px;
  color: #b0b0b0;
  border: 1px solid #b0b0b0;
  border-radius: 20px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 13px;
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: center;
  transition: all .25s ease-in-out;
}
/* line 77, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.slide-in-navigation .close-nav:hover:after {
  background-color: #b0b0b0;
}
/* line 84, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.slide-in-navigation ul {
  padding: 0;
}
/* line 87, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.slide-in-navigation ul li {
  list-style-type: none;
  border-bottom: 1px solid #b0b0b0;
}
/* line 91, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.slide-in-navigation ul li.active a, .slide-in-navigation ul li:active {
  color: #ea6752;
}
/* line 96, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.slide-in-navigation ul li a {
  text-transform: uppercase;
  font-size: 13px;
  color: #b0b0b0;
  padding: 12px 0;
  display: block;
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
}
/* line 106, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.slide-in-navigation ul li a:hover {
  color: #ea6752;
}

/* line 114, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.nav-right {
  right: -290px;
}

/* line 118, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.nav-right.open {
  right: 0;
}

@media screen and (min-width: 1000px) {
  /* line 123, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
  .open-menu-btn.mobile-design {
    display: none;
  }
}
/* line 139, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.sf-drawer-right {
  right: 0 !important;
  left: inherit !important;
}
/* line 144, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.sf-drawer-right.sf-drawer-closed {
  -webkit-transform: translateX(290px) !important;
  transform: translateX(290px) !important;
}
/* line 149, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.sf-drawer-right.sf-drawer-open {
  -webkit-transform: translateX(0px) !important;
  transform: translateX(0px) !important;
}

/* line 158, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.open-menu-btn2 {
  border: 2px solid #ea6752;
  padding: 6px 15px;
  position: absolute;
  right: 30px;
  top: 20px;
  z-index: 1010;
}
/* line 166, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.open-menu-btn2 a {
  text-transform: uppercase;
  font-size: 12px;
  color: #ea6752;
  letter-spacing: 2px;
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
}
/* line 174, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.open-menu-btn2:hover {
  background-color: #ea6752;
  transition: all .25s ease-in-out;
  cursor: pointer;
}
/* line 179, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.open-menu-btn2:hover a {
  color: #fff;
}

/* line 185, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.slide-in-navigation2 {
  display: block;
  width: 290px;
  background-color: #faf9f5;
  z-index: 1200;
  padding: 10px 35px;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: scroll;
  top: 0;
  -webkit-transition: -webkit-transform .25s ease-in-out;
  transition: transform .25s ease-in-out;
}
/* line 202, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.slide-in-navigation2 .close-nav2 {
  text-transform: uppercase;
  font-size: 12px;
  color: #b0b0b0;
  float: right;
  padding: 15px;
  position: relative;
  width: 85px;
  cursor: pointer;
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
  font-weight: 600;
  letter-spacing: 1.5px;
}
/* line 215, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.slide-in-navigation2 .close-nav2:after {
  content: '';
  width: 20px;
  height: 20px;
  color: #b0b0b0;
  border: 1px solid #b0b0b0;
  border-radius: 20px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 13px;
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 232, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.slide-in-navigation2 .close-nav2:hover:after {
  background-color: #b0b0b0;
}
/* line 239, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.slide-in-navigation2 ul {
  padding: 0;
}
/* line 242, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.slide-in-navigation2 ul li {
  list-style-type: none;
  border-bottom: 1px solid #b0b0b0;
}
/* line 246, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.slide-in-navigation2 ul li.active a {
  color: #ea6752;
}
/* line 250, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.slide-in-navigation2 ul li a {
  text-transform: uppercase;
  font-size: 12px;
  color: #b0b0b0;
  padding: 12px 0;
  display: block;
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
}
/* line 260, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.slide-in-navigation2 ul li a:hover {
  color: #ea6752;
}

/* line 268, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.nav-right2 {
  right: -290px;
}

/* line 272, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.nav-right.open2 {
  right: 0;
}

/* line 279, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.sf-drawer-right2 {
  right: 0 !important;
  left: inherit !important;
}
/* line 283, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.sf-drawer-right2.sf-drawer-closed2 {
  -webkit-transform: translateX(290px) !important;
  transform: translateX(290px) !important;
}
/* line 288, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.sf-drawer-right2.sf-drawer-open2 {
  -webkit-transform: translateX(0px) !important;
  transform: translateX(0px) !important;
}

/* line 295, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.member-action {
  margin-bottom: 30px;
  margin-top: 40px;
  text-align: center;
}
/* line 300, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.member-action .login-button {
  border: 2px solid #ea6752;
  padding: 7px;
  text-transform: uppercase;
  font-size: 11px;
  color: #ea6752;
  letter-spacing: 1px;
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
  font-weight: 600;
  letter-spacing: 2px;
  display: inline-block;
}
/* line 312, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.member-action .login-button:first-child {
  margin-right: 10px;
}
/* line 317, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.member-action .login-button:hover {
  background-color: #ea6752;
  transition: all .25s ease-in-out;
  cursor: pointer;
  color: #fff;
}

/* ----- Slide in menu: mobile ----- */
/* line 329, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.sf-drawer3 .inside > ul {
  margin-bottom: 0;
}
/* line 333, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.sf-drawer3 .sf-bar-menu-button-right2 {
  display: none;
}

/* line 338, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.sf-drawer-right3 {
  right: 0 !important;
  left: inherit !important;
}

/* line 343, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.sf-drawer-right3.sf-drawer-closed3 {
  -webkit-transform: translateX(290px) !important;
  transform: translateX(290px) !important;
}

/* line 348, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.sf-drawer-right3.sf-drawer-open3 {
  -webkit-transform: translateX(0px) !important;
  transform: translateX(0px) !important;
}

/* line 354, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.open-menu-btn3 {
  border: 2px solid #ea6752;
  padding: 6px 15px;
  position: absolute;
  right: 30px;
  top: 20px;
  z-index: 1010;
}
/* line 362, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.open-menu-btn3 a {
  text-transform: uppercase;
  font-size: 12px;
  color: #ea6752;
  letter-spacing: 1px;
  font-family: 'proxima-nova', 'Helvetica neue', sans-serif;
  font-weight: 600;
}
/* line 371, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.open-menu-btn3:hover {
  background-color: #ea6752;
  cursor: pointer;
  transition: all .25s ease-in-out;
}
/* line 376, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.open-menu-btn3:hover a {
  color: #fff;
}
/* line 379, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
.open-menu-btn3:hover a:hover a {
  color: #fff;
}

@media screen and (min-width: 996px) {
  /* line 388, ../../../../../../../themes/inspire/public/styles/scss/4good/_slide-in-menu.scss */
  .open-menu-btn3.mobile-design {
    display: none;
  }
}
/* line 1, ../../../../../../../themes/inspire/public/styles/scss/4good/_signed-in-top.scss */
.signedin-top {
  height: 60px;
  background-color: #272727;
  position: relative;
}
/* line 6, ../../../../../../../themes/inspire/public/styles/scss/4good/_signed-in-top.scss */
.signedin-top .signedin-top-content {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  right: 30px;
}
/* line 14, ../../../../../../../themes/inspire/public/styles/scss/4good/_signed-in-top.scss */
.signedin-top .logout-button {
  padding: 7px 9px;
  color: #fff;
  font-size: 10px;
  border: 1px solid;
  margin-left: 9px;
}
/* line 21, ../../../../../../../themes/inspire/public/styles/scss/4good/_signed-in-top.scss */
.signedin-top .logout-button:hover {
  color: #272727;
  background-color: #fff;
}

/* ---- Font-brush ---- */
/* line 4, ../../../../../../../themes/inspire/public/styles/scss/4good/_font-brush.scss */
.blue-brush h1:before,
.blue-brush h2:before {
  content: ' ';
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 34px;
  /* Flip image */
  -moz-transform: scale(-1, -1);
  -o-transform: scale(-1, -1);
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

/* line 26, ../../../../../../../themes/inspire/public/styles/scss/4good/_font-brush.scss */
.blue-brush h1:after,
.blue-brush h2:after {
  content: ' ';
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 34px;
}

/* line 39, ../../../../../../../themes/inspire/public/styles/scss/4good/_font-brush.scss */
.white-brush h1:before,
.white-brush h2:before {
  content: ' ';
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 34px;
  /* Flip image */
  -moz-transform: scale(-1, -1);
  -o-transform: scale(-1, -1);
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

/* line 61, ../../../../../../../themes/inspire/public/styles/scss/4good/_font-brush.scss */
.white-brush h1:after,
.white-brush h2:after {
  content: ' ';
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 34px;
}

/* line 74, ../../../../../../../themes/inspire/public/styles/scss/4good/_font-brush.scss */
.red-leaf h1,
.red-leaf h2 {
  text-align: center;
}

/* line 79, ../../../../../../../themes/inspire/public/styles/scss/4good/_font-brush.scss */
.red-leaf h1:before,
.red-leaf h2:before {
  content: ' ';
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 2px;
}

/* line 93, ../../../../../../../themes/inspire/public/styles/scss/4good/_font-brush.scss */
.red-leaf h1:after,
.red-leaf h2:after {
  content: ' ';
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  /* Flip image */
  -moz-transform: scale(-1, -1);
  -o-transform: scale(-1, -1);
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

/* line 116, ../../../../../../../themes/inspire/public/styles/scss/4good/_font-brush.scss */
.red-leaf h2 {
  margin-bottom: 0;
}

/* line 120, ../../../../../../../themes/inspire/public/styles/scss/4good/_font-brush.scss */
.wave-brush h1,
.wave-brush h2 {
  text-align: center;
}

/* line 125, ../../../../../../../themes/inspire/public/styles/scss/4good/_font-brush.scss */
.wave-brush h1:before,
.wave-brush h2:before {
  content: ' ';
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 28px;
}

/* line 138, ../../../../../../../themes/inspire/public/styles/scss/4good/_font-brush.scss */
.wave-brush h1:after,
.wave-brush h2:after {
  content: ' ';
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 28px;
  /* Flip image */
  -moz-transform: scale(-1, -1);
  -o-transform: scale(-1, -1);
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

/* line 160, ../../../../../../../themes/inspire/public/styles/scss/4good/_font-brush.scss */
.red-brush h1,
.red-brush h2 {
  text-align: center;
}

/* line 165, ../../../../../../../themes/inspire/public/styles/scss/4good/_font-brush.scss */
.red-brush h1:before,
.red-brush h2:before {
  content: ' ';
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 34px;
  /* Flip image */
  -moz-transform: scale(-1, -1);
  -o-transform: scale(-1, -1);
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

/* line 187, ../../../../../../../themes/inspire/public/styles/scss/4good/_font-brush.scss */
.red-brush h1:after,
.red-brush h2:after {
  content: ' ';
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 34px;
}

/* ---- END: Font-brush ---- */
/* ---- Snippet adjustments ---- */
/* line 205, ../../../../../../../themes/inspire/public/styles/scss/4good/_font-brush.scss */
.columns.rubrik_vag,
.column.rubrik_vag,
.columns.rubrik_rod,
.column.rubrik_rod,
.columns.rubrik_lov,
.column.rubrik_lov {
  margin-bottom: 1em !important;
  margin-top: 1em !important;
}

/* ---- END: Snippet adjustments ---- */
/* ---- Section: hero ---- */
/* line 4, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.hero-wrapper {
  background-color: #ffda4b;
  background-position: -316px 56px;
  padding-bottom: 50px;
  position: relative;
}
@media screen and (max-width: 990px) {
  /* line 4, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
  .hero-wrapper {
    padding-top: 100px;
  }
}
@media screen and (max-width: 800px) {
  /* line 17, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
  .hero-wrapper:after {
    content: ' ';
    display: block;
    background-position: center;
    background-size: cover;
    height: 50px;
    width: 100%;
    position: absolute;
    z-index: 10;
    bottom: 0px;
  }
}
@media screen and (min-width: 1281px) {
  /* line 32, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
  .hero-wrapper .hero {
    margin-top: 70px;
    margin-bottom: 90px;
  }
}
/* line 39, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.hero-wrapper .topimage img {
  max-width: 500px;
  margin: 40px auto 15px;
  display: block;
  width: 100%;
}
/* line 47, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.hero-wrapper .intro {
  max-width: 620px;
  margin: 10px auto 30px;
}
/* line 51, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.hero-wrapper .intro p {
  color: #ea6752;
  line-height: 28px;
  font-size: 18px;
  letter-spacing: 0.9px;
}
/* line 58, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.hero-wrapper .intro .intro-button {
  width: 164px;
  height: 56px;
  background-size: contain;
  display: block;
  margin-right: auto;
  margin-left: auto;
  cursor: pointer;
  margin-bottom: 10px;
  transition: all 0.5s ease-in-out;
}
/* line 69, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.hero-wrapper .intro .intro-button a {
  padding: 30px;
  display: inline-block;
}
/* line 74, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.hero-wrapper .intro .intro-button:hover {
  -webkit-filter: brightness(120%);
}

/* ---- END: Section: hero ---- */
/* ---- Snippet: square-image ---- */
/* line 86, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.squareimages-wrapper {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0;
  min-height: 500px;
  margin-top: -40px;
  background-color: #ffda4b;
}
@media screen and (max-width: 800px) {
  /* line 86, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
  .squareimages-wrapper {
    display: none;
  }
}
/* line 100, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.squareimages-wrapper .squareimages {
  padding-top: 40px;
  padding-bottom: 50px;
  height: 640px;
  overflow: hidden;
  max-width: 2100px;
  margin: 0 auto;
}
@media screen and (min-width: 2000px) {
  /* line 100, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
  .squareimages-wrapper .squareimages {
    padding-left: 95px;
    padding-right: 225px;
  }
}

/* line 115, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.square-wrapper-1 {
  height: 50%;
  background-color: #ffda4b;
  position: relative;
}

/* line 121, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.square-wrapper-2 {
  height: 60%;
  position: relative;
  margin-top: -10px;
  padding-bottom: 60px;
  background-color: #cceaf0;
}

/* line 129, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.square-image {
  background-color: #ccc;
  max-width: 478px;
  width: 22%;
  border: 10px solid #fff;
  position: absolute;
  height: 97%;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4);
}
/* line 138, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.square-image div {
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 146, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
#square-image-1 {
  -webkit-transform: perspective(999px) rotate(-9deg);
  -moz-transform: rotate(-9deg);
  transform: perspective(999px) rotate(-9deg);
  left: -4%;
  top: 5%;
}

/* line 154, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
#square-image-2 {
  left: 17%;
  bottom: -5%;
  transform: perspective(999px) rotate(8deg);
}

/* line 160, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
#square-image-3 {
  z-index: 30;
  width: 32%;
  -webkit-transform: perspective(999px) rotate(-4deg);
  -moz-transform: rotate(-4deg);
  transform: perspective(999px) rotate(-4deg);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: -23px;
  height: 300px;
}

/* line 174, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
#square-image-4 {
  right: 16%;
  bottom: -2%;
  transform: perspective(999px) rotate(2deg);
  z-index: 10;
}

/* line 181, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
#square-image-5 {
  right: -7%;
  top: -4%;
  transform: perspective(999px) rotate(3deg);
  width: 25%;
  height: 300px;
  z-index: 10;
}

/* line 190, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
#square-image-6 {
  transform: perspective(999px) rotate(5deg);
  left: -3%;
  width: 24%;
  top: -19%;
  z-index: 40;
  height: 365px;
}

/* line 199, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
#square-image-7 {
  left: 15%;
  transform: perspective(999px) rotate(-3deg);
  z-index: 10;
  height: 310px;
  top: -8%;
}

/* line 207, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
#square-image-8 {
  width: 25%;
  -webkit-transform: perspective(999px) rotate(-2deg);
  -moz-transform: rotate(-2deg);
  transform: perspective(999px) rotate(-2deg);
  left: 32%;
  z-index: 70;
  top: -4%;
}

/* line 217, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
#square-image-9 {
  -webkit-transform: perspective(999px) rotate(5deg);
  -moz-transform: rotate(5deg);
  transform: perspective(999px) rotate(5deg);
  right: 26%;
  z-index: 60;
  width: 22%;
  height: 297px;
  top: -12%;
}

/* line 228, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
#square-image-10 {
  -webkit-transform: perspective(999px) rotate(-3deg);
  -moz-transform: rotate(-3deg);
  transform: perspective(999px) rotate(-3deg);
  right: 12%;
  width: 19%;
  z-index: 100;
  height: 240px;
  top: 3%;
}

/* line 239, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
#square-image-11 {
  -webkit-transform: perspective(999px) rotate(3deg);
  -moz-transform: rotate(3deg);
  transform: perspective(999px) rotate(3deg);
  right: -12%;
  width: 27%;
  z-index: 100;
}

@media screen and (min-width: 1500px) {
  /* line 249, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
  .column.squareimages {
    height: 840px;
  }
}
@media screen and (max-width: 950px) {
  /* line 255, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
  .column.squareimages {
    height: 550px;
  }
}
@media screen and (max-width: 750px) {
  /* line 261, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
  .column.squareimages {
    height: 450px;
  }
}
/* ---- END: Section: squareimages ---- */
/* ---- Section: Lastes Articles ---- */
/* line 306, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.latestarticles-wrapper {
  background-position: -490px 80px;
  background-color: #cceaf0;
  background-repeat: no-repeat;
  margin-top: -5%;
  padding-top: 5%;
  position: relative;
}
/* line 315, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.latestarticles-wrapper:after {
  content: ' ';
  display: block;
  background-size: cover;
  background-position: center;
  height: 50px;
  width: 100%;
  position: absolute;
  z-index: 10;
}
/* line 328, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.latestarticles-wrapper .latestarticles {
  max-width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (min-width: 1200px) {
  /* line 335, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
  .latestarticles-wrapper .latestarticles {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
/* line 341, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.latestarticles-wrapper .latest-intro {
  margin-bottom: 30px;
}
/* line 344, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.latestarticles-wrapper .latest-intro h2,
.latestarticles-wrapper .latest-intro p {
  text-align: center;
}
/* line 350, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.latestarticles-wrapper .latest-posts li {
  list-style-type: none;
}

/* Shortarticle */
/* line 356, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.shortarticle {
  margin-bottom: 50px;
  background-color: #fff;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
/* line 363, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.shortarticle:hover {
  cursor: pointer;
}
/* line 366, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.shortarticle:hover h3 {
  text-decoration: underline;
}
/* line 371, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.shortarticle p {
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 0;
}

@media screen and (min-width: 992px) {
  /* line 379, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
  .shortarticle {
    height: 241px;
  }
}
/* line 384, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.shortarticle-image {
  padding-right: 0;
  padding-left: 0;
}
/* line 388, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.shortarticle-image div {
  background-size: cover;
  background-position: center;
  height: 241px;
}

/* line 395, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.shortarticle-intro {
  padding: 35px;
  background-color: #fff;
}
@media screen and (max-width: 720px) {
  /* line 395, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
  .shortarticle-intro {
    padding: 25px;
  }
}
/* line 403, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.shortarticle-intro .admin-link {
  display: none;
}
/* line 407, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.shortarticle-intro p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 992px) {
  /* line 413, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
  .latestarticles .ghost-button {
    text-align: center;
    height: 40px;
  }
}
@media screen and (min-width: 992px) {
  /* line 420, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
  .latestarticles .ghost-button {
    margin-top: -80px;
    padding-left: 10%;
  }
}
/* ---- END: Section: lastes articles ---- */
/* ---- Section: fullimage slideshow ---- */
/* line 431, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.fullimageslideshow-wrapper {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0;
}
/* line 437, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.fullimageslideshow-wrapper .fullimageslideshow li {
  position: relative;
  pointer-events: auto;
}
/* line 441, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.fullimageslideshow-wrapper .fullimageslideshow li .flexslider {
  height: 650px;
}
@media screen and (min-width: 1281px) {
  /* line 441, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
  .fullimageslideshow-wrapper .fullimageslideshow li .flexslider {
    height: 750px;
  }
}
/* line 449, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.fullimageslideshow-wrapper .fullimageslideshow li .fullimageslideshow-img div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 650px;
}
@media screen and (min-width: 1281px) {
  /* line 449, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
  .fullimageslideshow-wrapper .fullimageslideshow li .fullimageslideshow-img div {
    height: 750px;
  }
}
/* line 460, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.fullimageslideshow-wrapper .fullimageslideshow li .overlay {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  height: 650px;
  position: absolute;
  top: 0;
  width: 100%;
  pointer-events: none;
}
@media screen and (min-width: 1281px) {
  /* line 460, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
  .fullimageslideshow-wrapper .fullimageslideshow li .overlay {
    height: 750px;
  }
}
/* line 485, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.fullimageslideshow-wrapper .fullimageslideshow li .fullimageslideshow-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}
/* line 495, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.fullimageslideshow-wrapper .fullimageslideshow li .fullimageslideshow-content h2,
.fullimageslideshow-wrapper .fullimageslideshow li .fullimageslideshow-content p {
  color: #fff;
  text-align: center;
  pointer-events: auto;
}
/* line 502, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.fullimageslideshow-wrapper .fullimageslideshow li .fullimageslideshow-content .ghost-button {
  padding-top: 30px;
  pointer-events: auto;
}

/* line 511, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.flexslider {
  margin-bottom: 0 !important;
}
/* line 514, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.flexslider .slides > li {
  -webkit-backface-visibility: visible !important;
}
/* line 518, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.flexslider .flex-direction-nav {
  display: none;
}
/* line 522, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.flexslider .flex-control-nav {
  bottom: 60px;
}
/* line 525, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.flexslider .flex-control-nav li a {
  box-shadow: none;
  background: #fff;
  width: 14px;
  height: 14px;
}
/* line 531, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-startsida.scss */
.flexslider .flex-control-nav li a.flex-active, .flexslider .flex-control-nav li a:hover {
  background: #ffb3b4;
}

/* ---- END: Section: fullimage slideshow ---- */
/* line 3, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-primary-image div {
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: center;
  position: relative;
}
@media screen and (min-width: 990px) {
  /* line 3, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
  .event-primary-image div {
    height: 500px;
  }
}
/* line 14, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-primary-image div .fa-angle-down {
  position: absolute;
  bottom: 1em;
  color: #f8f7ef;
  font-size: 50px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@media screen and (max-width: 768px) {
  /* line 14, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
  .event-primary-image div .fa-angle-down {
    display: none;
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-20px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-20px);
  }
}
/* line 49, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-primary-image div .fa-angle-down {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

/* line 56, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper {
  background-color: #fff;
  background-position: center;
  position: relative;
  z-index: 30;
  padding-top: 50px;
}
/* line 63, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper:before {
  content: ' ';
  display: block;
  background-position: center;
  background-size: cover;
  height: 50px;
  width: 100%;
  position: absolute;
  z-index: 10;
  top: -45px;
}
/* line 75, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper:after {
  content: ' ';
  display: block;
  background-position: center;
  background-size: cover;
  height: 50px;
  width: 100%;
  position: absolute;
  z-index: 10;
  bottom: -45px;
}
/* line 88, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .event {
  margin-bottom: 100px;
}
/* line 92, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .event-details {
  padding-top: 4px;
  /* ----- Event ticket: choose ticket ----- */
  /* ----- END: Event ticket: choose ticket ----- */
}
/* line 96, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .event-details h3 {
  margin-bottom: 16px;
  margin-top: 20px;
}
/* line 101, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .event-details .col-sm-3 {
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  /* line 106, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
  .event-wrapper .event-details .col-sm-9 {
    padding-left: 0;
  }
}
/* line 111, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .event-details .bold {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 22px;
  text-transform: none;
}
/* line 119, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .event-details .smaller {
  margin-bottom: 10px;
}
/* line 123, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .event-details .mini {
  font-size: 12px;
  line-height: 18px;
}
/* line 129, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .event-details .event-details-actions {
  height: 60px;
  margin-top: 20px;
}
/* line 134, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .event-details .event-details-ticket {
  height: 60px;
  max-width: 65%;
  width: 100%;
  background-color: #ea6752;
  display: inline-block;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  padding-top: 16px;
  letter-spacing: 2px;
  transition: all 0.25s ease-in-out;
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
  font-weight: 500;
  float: left;
  cursor: pointer;
}
/* line 152, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .event-details .event-details-ticket:hover {
  background-color: #b15d4a;
}
/* line 157, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .event-details .event-details-login {
  height: 60px;
  text-transform: uppercase;
  font-size: 13px;
  color: #b0b0b0;
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 21px 10px;
  float: left;
  margin-left: 10px;
}
/* line 169, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .event-details .event-details-login:hover {
  transition: all .25s ease-in-out;
  cursor: pointer;
  color: #ea6752;
}
/* line 178, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .event-details .choose-ticket-wrapper {
  display: none;
  margin: 10px 0;
  max-width: 510px;
  width: 100%;
  position: absolute;
  z-index: 100;
  box-shadow: 0px 10px 34px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
  /* line 178, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
  .event-wrapper .event-details .choose-ticket-wrapper {
    max-width: 90%;
  }
}
/* line 192, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .event-details .choose-ticket-wrapper a {
  display: block;
  width: 100%;
  background-color: #fff;
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Proxima-nova';
  transition: all 0.3s ease-in-out;
  color: #575757;
}
@media screen and (max-width: 768px) {
  /* line 192, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
  .event-wrapper .event-details .choose-ticket-wrapper a {
    padding: 15px 10px;
  }
}
/* line 208, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .event-details .choose-ticket-wrapper a:hover {
  background-color: #e4e4e4;
  color: #000;
}
/* line 213, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .event-details .choose-ticket-wrapper a span {
  max-width: 100%;
  display: inline-block;
  text-align: right;
  float: right;
}
/* line 222, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .event-details .event-details-share {
  margin-top: 40px;
}
/* line 225, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .event-details .event-details-share h4 {
  float: left;
  text-transform: uppercase;
  margin-right: 20px;
  margin-top: 13px;
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
  font-size: 12px;
}
/* line 234, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .event-details .event-details-share .share-buttons {
  float: left;
}
/* line 237, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .event-details .event-details-share .share-buttons span {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  display: block;
  text-align: center;
  float: left;
}
/* line 246, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .event-details .event-details-share .share-buttons .twitter {
  background-color: #28aae1;
  margin-right: 15px;
}
/* line 250, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .event-details .event-details-share .share-buttons .twitter:hover {
  background-color: #228ab6;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}
/* line 257, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .event-details .event-details-share .share-buttons .facebook {
  background-color: #3b5997;
}
/* line 260, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .event-details .event-details-share .share-buttons .facebook:hover {
  background-color: #2c4371;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}
/* line 267, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .event-details .event-details-share .share-buttons .fa {
  color: #fff;
  font-size: 20px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

/* line 280, ../../../../../../../themes/inspire/public/styles/scss/4good/_layout-events.scss */
.event-wrapper .col-md-8 {
  padding-right: 15px;
}

/* ---- Footer ---- */
/* ---- Section: sign up ---- */
/* line 4, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
.signup-wrapper {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0;
  background-color: #f27d6a;
  background-position: center;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}
@media screen and (min-width: 720px) {
  /* line 4, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
  .signup-wrapper {
    padding-top: 120px;
    padding-bottom: 80px;
  }
}
/* line 21, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
.signup-wrapper:before {
  content: ' ';
  display: block;
  background-position: center;
  background-size: cover;
  height: 60px;
  width: 100%;
  position: absolute;
  z-index: 10;
  top: -45px;
}
/* line 34, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
.signup-wrapper:after {
  content: ' ';
  display: block;
  background-position: center;
  background-size: cover;
  height: 50px;
  width: 100%;
  position: absolute;
  z-index: 10;
  bottom: -45px;
}
/* line 48, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
.signup-wrapper .signup-content h2,
.signup-wrapper .signup-content p {
  color: #fff;
  text-align: center;
}
/* line 54, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
.signup-wrapper .signup-content .signup-action {
  margin-top: 50px;
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
  font-size: 13px;
}
@media screen and (max-width: 970px) {
  /* line 54, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
  .signup-wrapper .signup-content .signup-action {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
  }
}
/* line 66, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
.signup-wrapper .signup-content .signup-action .signup-action-facebook {
  display: block;
  padding: 17px 20px;
  background-color: #3b5997;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.25s ease-in-out;
  font-weight: 600;
  height: 50px;
  letter-spacing: 1px;
}
/* line 78, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
.signup-wrapper .signup-content .signup-action .signup-action-facebook .fa-facebook {
  margin-right: 11px;
  font-size: 16px;
}
/* line 83, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
.signup-wrapper .signup-content .signup-action .signup-action-facebook:hover {
  background-color: #233c6e;
  color: #fff;
}
/* line 89, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
.signup-wrapper .signup-content .signup-action .signup-input {
  position: relative;
  margin-top: 20px;
  background-color: #fff;
}
/* line 94, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
.signup-wrapper .signup-content .signup-action .signup-input input {
  width: 80%;
  height: 50px;
  border-radius: 0;
  border: 0;
  padding-left: 20px;
  color: #000;
  font-size: 13px;
  font-weight: 600;
}
/* line 105, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
.signup-wrapper .signup-content .signup-action .signup-input .signup-input-button {
  top: 0;
  position: absolute;
  right: 0;
  background-color: #e24444;
  padding: 9px 15px;
  border: 5px solid #fff;
  color: #fff;
  text-align: center;
  transition: all 0.25s ease-in-out;
  font-weight: 600;
  font-size: 15px;
}
/* line 118, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
.signup-wrapper .signup-content .signup-action .signup-input .signup-input-button:hover {
  color: #fff;
  background-color: #9e2121;
}

/* ---- END: Section: sign up ---- */
/* ---- Section: our partners ---- */
/* line 132, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
.partner-wrapper {
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  padding-top: 100px;
  padding-bottom: 50px;
  margin-bottom: 0;
  background-color: #cceaf0;
  position: relative;
}
@media screen and (min-width: 720px) {
  /* line 132, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
  .partner-wrapper {
    padding-top: 170px;
    padding-bottom: 110px;
  }
}
/* line 148, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
.partner-wrapper:after {
  content: ' ';
  display: block;
  background-position: center;
  background-size: cover;
  height: 50px;
  width: 100%;
  position: absolute;
  z-index: 10;
  bottom: -45px;
}
/* line 162, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
.partner-wrapper .partner-content h2,
.partner-wrapper .partner-content p {
  color: #272727;
  text-align: center;
}
/* line 170, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
.partner-wrapper .partner-logos .outer {
  height: 95px;
}
/* line 173, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
.partner-wrapper .partner-logos .outer .inner {
  padding: 9%;
  height: inherit;
}
@media screen and (max-width: 400px) {
  /* line 173, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
  .partner-wrapper .partner-logos .outer .inner {
    padding: 16%;
  }
}
/* line 181, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
.partner-wrapper .partner-logos .outer .inner div {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

/* ---- END: Section: our partners  ---- */
/* line 195, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
footer {
  min-height: 900px;
  background-color: #75c5c4;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
  margin-top: 0;
  padding-top: 130px;
  position: relative;
}
/* line 206, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
footer h3 {
  color: #fff;
  text-transform: uppercase;
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
  font-size: 16px;
  margin-bottom: 30px;
  letter-spacing: 2.5px;
}
/* line 215, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
footer p {
  color: #fff;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 30px;
}
/* line 222, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
footer .footer-share {
  margin-top: 40px;
}
/* line 225, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
footer .footer-share p {
  font-size: 13px;
}
/* line 230, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
footer a span {
  width: 100%;
  max-width: 58px;
  height: 56px;
  display: block;
  float: left;
  background-repeat: no-repeat;
  margin-right: 20px;
  margin-bottom: 20px;
  background-size: contain;
  text-align: center;
  font-size: 26px;
  color: #75c5c4;
  transition: all 0.25s ease-in-out;
}
/* line 245, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
footer a span:hover i {
  color: #5db4c5;
}
/* line 252, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
footer .share-fb i {
  margin-top: 16px;
}
/* line 260, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
footer .share-youtube i {
  margin-top: 12px;
}
/* line 267, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
footer .share-instagram i {
  margin-top: 15px;
}
/* line 272, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
footer #powered_by {
  position: absolute;
  bottom: 20px;
  right: 30px;
}
/* line 278, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
footer .text_synced a {
  color: #fff;
  border-bottom: 0;
}
/* line 282, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
footer .text_synced a:hover {
  color: #fff;
  border-color: #fff;
  opacity: 1;
  border-bottom: 2px solid;
}
/* line 289, ../../../../../../../themes/inspire/public/styles/scss/4good/_footer.scss */
footer .text_synced a:focus {
  color: #fff;
  border-color: #fff;
}

/* ---- END: Footer ---- */
/* line 4, ../../../../../../../themes/inspire/public/styles/scss/4good/_speakers.scss */
.speakers-wrapper .speakers-intro {
  margin-bottom: 30px;
}
/* line 7, ../../../../../../../themes/inspire/public/styles/scss/4good/_speakers.scss */
.speakers-wrapper .speakers-intro h2,
.speakers-wrapper .speakers-intro p {
  text-align: center;
}
/* line 13, ../../../../../../../themes/inspire/public/styles/scss/4good/_speakers.scss */
.speakers-wrapper .speaker-image {
  padding-right: 0;
  padding-left: 0;
}
/* line 17, ../../../../../../../themes/inspire/public/styles/scss/4good/_speakers.scss */
.speakers-wrapper .speaker-image > div {
  background-size: cover;
  background-position: center;
  padding: 50%;
  height: 241px;
}
/* line 24, ../../../../../../../themes/inspire/public/styles/scss/4good/_speakers.scss */
.speakers-wrapper .speaker-image img {
  width: 100%;
}
/* line 30, ../../../../../../../themes/inspire/public/styles/scss/4good/_speakers.scss */
.speakers-wrapper .speaker-info {
  padding: 35px;
  background-color: #F5F5F5;
  min-height: 250px;
}
@media screen and (max-width: 720px) {
  /* line 30, ../../../../../../../themes/inspire/public/styles/scss/4good/_speakers.scss */
  .speakers-wrapper .speaker-info {
    padding: 25px;
  }
}
/* line 39, ../../../../../../../themes/inspire/public/styles/scss/4good/_speakers.scss */
.speakers-wrapper .speaker-info h3 {
  margin-bottom: 0;
}
/* line 43, ../../../../../../../themes/inspire/public/styles/scss/4good/_speakers.scss */
.speakers-wrapper .speaker-info p {
  font-size: 15px;
  line-height: 26px;
}
/* line 48, ../../../../../../../themes/inspire/public/styles/scss/4good/_speakers.scss */
.speakers-wrapper .speaker-info .sub-title {
  text-transform: uppercase;
  color: #8d8d8d;
  font-size: 13px;
  margin-bottom: 5px;
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
}
/* line 56, ../../../../../../../themes/inspire/public/styles/scss/4good/_speakers.scss */
.speakers-wrapper .speaker-info .speaker-text {
  overflow: hidden;
  height: 108px;
  -webkit-transition-duration: 0.8s;
}
/* line 66, ../../../../../../../themes/inspire/public/styles/scss/4good/_speakers.scss */
.speakers-wrapper .speaker-info .speaker-text.full-height {
  max-height: 100%;
}
/* line 71, ../../../../../../../themes/inspire/public/styles/scss/4good/_speakers.scss */
.speakers-wrapper .speaker-info h3 + .speaker-text {
  height: 127px;
  margin-top: 10px;
}
/* line 76, ../../../../../../../themes/inspire/public/styles/scss/4good/_speakers.scss */
.speakers-wrapper .speaker-info .readmore-wrapper {
  width: 100%;
  height: 45px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #e6e6e6;
}
/* line 85, ../../../../../../../themes/inspire/public/styles/scss/4good/_speakers.scss */
.speakers-wrapper .speaker-info .readmore-wrapper .readmore {
  width: 20px;
  height: 20px;
  color: #b0b0b0;
  border: 1px solid #b0b0b0;
  border-radius: 20px;
  display: block;
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: center;
  transition: all .25s ease-in-out;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
}
/* line 104, ../../../../../../../themes/inspire/public/styles/scss/4good/_speakers.scss */
.speakers-wrapper .speaker-info .readmore-wrapper .readmore:hover {
  background-color: #b0b0b0;
}
/* line 120, ../../../../../../../themes/inspire/public/styles/scss/4good/_speakers.scss */
.speakers-wrapper .speaker-info-content {
  padding: 35px;
  background-color: #fff;
}
@media screen and (max-width: 720px) {
  /* line 120, ../../../../../../../themes/inspire/public/styles/scss/4good/_speakers.scss */
  .speakers-wrapper .speaker-info-content {
    padding: 25px;
  }
}
/* line 129, ../../../../../../../themes/inspire/public/styles/scss/4good/_speakers.scss */
.speakers-wrapper .socmedia-link {
  display: block;
  margin-bottom: 30px;
}
@media screen and (max-width: 990px) {
  /* line 129, ../../../../../../../themes/inspire/public/styles/scss/4good/_speakers.scss */
  .speakers-wrapper .socmedia-link {
    margin-top: -10px;
    margin-bottom: 7px;
  }
}
/* line 139, ../../../../../../../themes/inspire/public/styles/scss/4good/_speakers.scss */
.speakers-wrapper .socmedia-link a {
  display: block;
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
  color: #ea6752;
  font-size: 11px;
  text-transform: uppercase;
  margin-top: 5px;
  font-weight: 500;
}
/* line 150, ../../../../../../../themes/inspire/public/styles/scss/4good/_speakers.scss */
.speakers-wrapper .twitter-link a:before {
  content: 'Twitter: ';
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
  color: #8d8d8d;
}
/* line 156, ../../../../../../../themes/inspire/public/styles/scss/4good/_speakers.scss */
.speakers-wrapper .instagram-link a:before {
  content: 'Instagram: ';
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
  color: #8d8d8d;
}

/* line 3, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good {
  width: 100%;
  background-position: center;
  position: relative;
}
/* line 8, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good.yellow-bg {
  background-color: #ffda4b;
  background-repeat: no-repeat;
  background-position: -60px 160px;
  z-index: 20;
  padding-top: 70px;
}
/* line 15, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good.yellow-bg:after {
  content: ' ';
  display: block;
  background-position: center;
  background-size: cover;
  height: 50px;
  width: 100%;
  position: absolute;
  z-index: 10;
  bottom: -45px;
}
/* line 28, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good.yellow-bg .messages-entry .messages-entry-intro h1,
.messages-entry-wrapper-4good.yellow-bg .messages-entry .messages-entry-intro h2,
.messages-entry-wrapper-4good.yellow-bg .messages-entry .messages-entry-intro p {
  color: #fff;
}
/* line 36, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good.blue-bg {
  background-color: #cceaf0;
  z-index: 20;
}
/* line 40, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good.blue-bg:after {
  content: ' ';
  display: block;
  background-position: center;
  background-size: cover;
  height: 50px;
  width: 100%;
  position: absolute;
  z-index: 10;
  bottom: -45px;
}
/* line 53, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good.green-bg {
  background-color: #e7f1e5;
}
/* line 57, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good.light-yellow-bg {
  background-color: #FFE581;
}
/* line 61, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good .messages-entry {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (min-width: 720px) {
  /* line 61, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
  .messages-entry-wrapper-4good .messages-entry {
    padding-top: 40px;
    padding-bottom: 100px;
  }
}
/* line 70, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good .messages-entry .post:nth-child(3n+4) {
  clear: both;
}
/* line 75, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good .messages-entry .messages-entry-intro h1,
.messages-entry-wrapper-4good .messages-entry .messages-entry-intro h2,
.messages-entry-wrapper-4good .messages-entry .messages-entry-intro p {
  text-align: center;
  color: #272727;
}
/* line 82, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good .messages-entry .messages-entry-intro h1,
.messages-entry-wrapper-4good .messages-entry .messages-entry-intro h2 {
  margin-bottom: 40px;
}
/* line 88, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good .messages-entry .message-select-wrapper {
  bottom: 0;
  pointer-events: none;
  right: 26px;
  margin-left: 50px;
}
@media screen and (min-width: 992px) {
  /* line 88, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
  .messages-entry-wrapper-4good .messages-entry .message-select-wrapper {
    position: absolute;
  }
}
/* line 101, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good .messages-entry .message-select-wrapper .message-select {
  max-width: 250px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  pointer-events: auto;
}
@media screen and (min-width: 992px) {
  /* line 101, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
  .messages-entry-wrapper-4good .messages-entry .message-select-wrapper .message-select {
    margin-right: 0;
  }
}
/* line 114, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good .messages-entry .message-select-wrapper .message-select select {
  -webkit-appearance: none;
  border: 0;
  border-radius: 0;
  height: 50px;
  padding-left: 20px;
  background-size: 34px;
  background-position: right;
  background-color: #fff;
  color: #8d8d8d;
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
}
/* line 134, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good .messages-entry .message-entry {
  background: #fff;
  margin-right: 25px;
  margin-left: 25px;
  margin-bottom: 50px;
  padding: 0;
}
@media screen and (max-width: 768px) {
  /* line 134, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
  .messages-entry-wrapper-4good .messages-entry .message-entry {
    margin-right: 0;
    margin-left: 0;
  }
}
/* line 147, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good .messages-entry .message-entry:hover h3 {
  text-decoration: underline;
}
/* line 152, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good .messages-entry .message-entry .message-entry-img div {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 235px;
}
/* line 159, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good .messages-entry .message-entry .message-entry-info {
  padding: 35px;
  min-height: 280px;
  position: relative;
}
@media screen and (max-width: 720px) {
  /* line 159, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
  .messages-entry-wrapper-4good .messages-entry .message-entry .message-entry-info {
    padding: 25px;
    min-height: 200px;
  }
}
/* line 169, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good .messages-entry .message-entry .message-entry-info h3 {
  font-size: 22px;
  line-height: 29px;
}
/* line 174, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good .messages-entry .message-entry .message-entry-info .date {
  position: absolute;
  bottom: 35px;
}
/* line 180, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good .messages-entry .message-entry:nth-child(3n+1) {
  clear: both;
}
/* line 185, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good .messages-entry .ghost-button {
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  /* line 185, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
  .messages-entry-wrapper-4good .messages-entry .ghost-button {
    padding-left: 25px;
    text-align: left;
  }
}
/* line 195, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good .messages-entry .ghost-button a {
  display: inline-block;
}
/* line 200, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good .messages-entry .bottom-link {
  text-transform: uppercase;
  font-family: "proxima-nova", "Helvetica neue", sans-serif;
  text-align: right;
}
/* line 205, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good .messages-entry .bottom-link a {
  margin-right: 38px;
  color: #fff;
  border-bottom: 1px solid #fff;
}
/* line 210, ../../../../../../../themes/inspire/public/styles/scss/4good/_message-entry.scss */
.messages-entry-wrapper-4good .messages-entry .bottom-link a:hover {
  cursor: pointer;
  color: #5db4c5;
  transition: all 0.35s ease-in-out;
  border-color: #5db4c5;
}