/*
Theme Name: Sigtunahöjden
Description: Sigtunahöjden Theme 2022
Author: Gullström & Co
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.grecaptcha-badge { 
    visibility: hidden;
}

@font-face {
    font-family: "LyonBold";
    src:  url('fonts/LyonBold.woff2') format('woff2'),
    url('fonts/LyonBold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: "LyonRegular";
    src:  url('fonts/LyonRegular.woff2') format('woff2'),
    url('fonts/LyonRegular.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: "NeuzeitRegular";
    src:  url('fonts/NeuzeitRegular.woff2') format('woff2'),
    url('fonts/NeuzeitRegular.woff') format('woff');
    font-display: swap;
}

body {
    font-family: 'LyonRegular', serif!important;
    font-weight: normal!important;
}

main {
    background-color: #d7d2cb;
    transition: background-color 1s ease!important;
}
.banner .text-box {
  padding-left: 30px!important;
}

@media only screen and (max-width: 48em) {
  .banner .text-box {
    padding-left: 0!important;
  }
  
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'LyonBold', serif!important;
    font-weight: normal!important;
}

p a {
    text-decoration: underline;
}

.page-title {
    text-transform: none!important;
}

.accordion-title {
  border-top: 1px solid #222;
}

.box-text:hover {
    cursor: pointer;
}

.more-link {
    color: #222!important;
}

.ff-Neuzeit>* {
    font-family: "NeuzeitRegular"!important;
    margin-bottom: 0; 
}

select {
    border: 1px solid #555555;
    padding: 5px;
    margin-top: 10px;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  textarea {
    resize: vertical;
  }
  ::selection {
    background-color: #E8EFF7;
    color: #000;
    text-shadow: none;
  }
  [aria-busy="true"] {
    cursor: progress;
  }
  [aria-controls] {
    cursor: pointer;
  }
  [aria-disabled] {
    cursor: default;
  }
  [hidden][aria-hidden="false"] {
    clip: rect(0 0 0 0);
    display: inherit;
    position: absolute;
  }
  [hidden][aria-hidden="false"]:focus {
    clip: auto;
  }
  a,
  area,
  button,
  input,
  label,
  select,
  textarea,
  [tabindex] {
    -ms-touch-action: manipulation;
        touch-action: manipulation;
  }

  input[type=text] {
      border: none;
      outline: 0;
      box-shadow: none;
  }

/* Navigation */
.nav-right .nav-dropdown {
    background-color: #fff!important;
}

.nav-right .nav-dropdown a, .nav-dropdown>li>a {
    font-family: "NeuzeitRegular", sans-serif!important;
}

.nav-line > li > a:before {
    background-color: #222!important;
}

.nav-vertical>li+li {
    border-top: 1px solid #222;
}

.tabbed-content .nav .active {
    background: #89a086;
}

.tabbed-content .nav .active a {
    padding: 10px;
}

.tabbed-content .nav a:hover {
    padding: 10px;
}

.nav-vertical.nav-line>li>a:before {
    width: 0;
}


@media only screen and (min-width: 850px) {
    .nav-vertical+.tab-panels {
        border-left: 1px solid #222;
    }
}

.header-language-dropdown .image-icon, .header-language-dropdown .icon-image {
  display: none!important;
}

.nav > li {
  margin: 0 20px;
}

@media only screen and (max-width: 1300px) {
.nav > li {
  margin: 0 12px;
}
}

@media only screen and (max-width: 1050px) {
.nav > li {
  margin: 0 6px;
}
}

.nav > li > a {
  font-family: "NeuzeitRegular", sans-serif!important;
  font-weight: 300!important;
  font-size: 1.188rem;
  color: #222    
}

@media only screen and (max-width: 1300px) {
.nav > li > a {
  font-size: .9rem;  
}
}

@media only screen and (max-width: 1050px) {
.nav > li > a {
  font-size: .85rem;  
}
}

/* Buttons */

.button span {
    font-family: 'LyonBold', serif!important;
    line-height: 1;
}

.button-arrow-dark, .button-arrow-light {
    text-align: center;
    max-width: 400px;
    font-family: 'LyonBold', serif!important;
    font-size: 1.15rem;
    color: #222;
    line-height: 1!important;
    padding: 12px 40px;
    margin: 0;
    transition: all .2s ease;
    cursor: pointer;
    box-shadow: none;
}

.button-arrow-dark:hover, .button-arrow-light:hover {
    box-shadow: none;
    color: #222;
}

.button-arrow-dark span, .button-arrow-light span {
    margin-top: 1px;
    transition: all .2s ease;
}

.button-arrow-dark:hover span, .button-arrow-light:hover span {
    transform: translate(20px);
}

.button-arrow-dark::before {
    content: '';
    background: url('https://dev.gullstrom.se/sigtunahojden/wp-content/uploads/sites/4/2022/04/arrow-right-black-short.svg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 33px;
    height: 7px;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    left: 10px;
    opacity: 0;
    font-size: 2.3em;
    transition: all .2s ease;
    z-index: 10;
}

.button-arrow-light::before {
    content: '';
    background: url('https://dev.gullstrom.se/sigtunahojden/wp-content/uploads/sites/4/2022/04/arrow-right-black-short.svg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 33px;
    height: 7px;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    left: 10px;
    opacity: 0;
    font-size: 2.3em;
    transition: all .2s ease;
    z-index: 10;
}

.button-arrow-dark:hover span, .button-arrow-light:hover span {
    translate(10px);
    color: #222;
}

.button-arrow-dark:hover::before, .button-arrow-light:hover::before {
    opacity: 1;
}

.dark-text span {
    color: #222;
}

.green-btn {
    color: #222;    
}

.header_button {
    display: block;
    text-align: center;
    max-width: 120px;
    font-family: 'LyonBold', serif!important;
    font-size: 1rem;
    color: #222;
    line-height: 1;
    padding: 12px 40px;
    margin: 0;
    border: 1px solid #222;
    transition: all .2s ease;
    cursor: pointer;
}
.header_button::before {
    content: '';
    background: url('https://dev.gullstrom.se/sigtunahojden/wp-content/uploads/sites/4/2022/04/arrow-right-black-short.svg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 33px;
    height: 7px;
    position: absolute;
    top: 50%;
    margin-top: -3.5px;
    left: 10px;
    opacity: 0;
    font-size: 2.3em;
    transition: all .2s ease;
}

.header_button:hover {
    padding: 12px 40px 12px 55px;
    background: transparent;
    border: 1px solid #222;
    color: #222;
}

.header_button:hover::before {
    opacity: 1;
}

.header_button a {
  color: #000;
}
.header_button a:hover {
  color: #000;
}

@media only screen and (max-width: 1050px) {
  .header_button {
    padding: 8px 15px;
    font-size: .8rem;
  }
  }

/* Frontpage */
.frontpage-hero .button-arrow-dark {
    margin-right: 15px;
}
.frontpage-hero .button-arrow-light {
    margin-left: 15px;
}

@media only screen and (max-width: 48em) {
  .frontpage-hero .button-arrow-dark {
    margin-right: 0;
}
.frontpage-hero .button-arrow-light {
    margin-left: 15px;
}
  
}

/* Search Results */
.search-results .page-title {
    font-size: 2em;
}

.search-results .entry-divider {
    display: none;
}

.page-numbers {
    width: 100%;
}

.nav-pagination > li > .current {
    background-color: #222!important;
    border-color: #222!important;
}

.search-results .more-link {
    display: none;
}

/*************** ADD MOBILE ONLY CSS HERE  ***************/
@media only screen and (max-width: 48em) {
    .frontpage-hero .button-arrow-dark {
        margin-right: 0;
    }
    .frontpage-hero .button-arrow-light {
        margin-left: 0;
    }
    
}

/* Background color on scroll */
.panel {
}

.color-gray {
    background-color: #d7d2cb!important;
}
.color-green {
    background-color: #87a087cb!important;
}
.color-orange {
    background-color: #efc191!important;
}

/* Footer */
.google-map {
    margin-bottom: 0!important;
}

.footer-heading h3 {
    margin-bottom: 0;
    line-height: 1;
}
.social-media-icons {
    justify-content: space-evenly;
    flex-wrap: nowrap;
}

.social-media-icons .text {
    width: 100%;
    font-family: "NeuzeitRegular", sans-serif!important;
    text-align: right;
}

.social-media-icons img {
    width: auto!important;
    text-align: right;
}

.social-media-icons .img-inner {
    text-align: right;
}

footer .hbspt-form .hs-form {
    display: flex;
    flex-direction: row;
}

footer .hbspt-form label {
    display: none;
}

footer .hbspt-form .legal-consent-container label, footer .hs-richtext {
    display: block;
    font-family: "NeuzeitRegular";
}

footer .hs-button {
    text-transform: Capitalize;
    color: #222!important;
    margin-left: 15px;
}

footer  ul {
    list-style-type: none;
}

footer .col-inner ul li {
    margin-left: 0!important;
}

footer .hbspt-form .legal-consent-container {
    position: absolute;
    top: 100px;
    color: #FFF;
    font-family: "NeuzeitRegular"!important;
    font-size: 10px;
}

footer .hbspt-form .legal-consent-container .hs-input {
    width: auto;
    min-height: auto;
}

footer .hbspt-form .hs-input {
    width: 360px;
}

.footer-menu a {
    border-bottom-style: none!important;
    min-height: 1em;
    line-height: 1.1;
    font-size: .9em;
}

.hs-form-field label span {
  font-size: 11pt!important;
}

/* Styling Gravity Forms */

legend {
    border: none;
}

.gfield-choice-input{
    margin-bottom: 0;
    margin-right: 0;
}
.gform_wrapper {
    margin: 0 0 16px !important;
  }
  .gform_wrapper .gsection {
    border-bottom: none !important;
  }
  @media only screen and (min-width: 641px) {
    .gform_wrapper .gsection {
      margin: 0 !important;
    }
  }
  .gform_wrapper .top_label input.large,
  .gform_wrapper .top_label select.large,
  .gform_wrapper .top_label input.medium,
  .gform_wrapper .top_label select.medium {
    padding-left: 15px !important;
  }
  .gform_wrapper li.gfield.field_description_below + li.gsection {
    padding-top: 30px !important;
  }
  .gform_wrapper .gsection {
    padding: 0 16px 0 0 !important;
  }
  .gform_title {
    display: none !important;
  }
  .gfield_label {
    font-family: 'LyonRegular', serif;
    font-size: 12px !important;
    font-weight: normal !important;
    margin: 15px 0 0;
  }
  .ginput_container_select,
  .ginput_container_date {
    height: 50px;
    overflow: hidden;
    background-color: #FFF;
    background-image: url(img/select-background.jpeg);
    background-repeat: no-repeat;
    background-position: right center;
    position: relative;
    width: 100%;
  }
  .ginput_container_select select,
  .ginput_container_date select {
    border: none;
    background: transparent;
    height: 50px;
    padding: 0;
    margin: 0;
    min-width: 100%;
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: caret;
  }
  .ginput_container_select select:focus,
  .ginput_container_date select:focus {
    outline: none;
  }
  @media only screen and (min-width: 60em) {
    .ginput_container_select select,
    .ginput_container_date select {
      width: 551px;
    }
  }
  @media only screen and (min-width: 75em) {
    .ginput_container_select select,
    .ginput_container_date select {
      width: 551px;
    }
  }
  .ginput_container_select .datepicker,
  .ginput_container_date .datepicker {
    width: 100% !important;
    background-color: transparent !important;
  }
  @media only screen and (max-width: 33.75em) {
    #ui-datepicker-div {
      max-width: 90% !important;
    }
  }
  .gsection_title {
    font-family: 'Neuzeit', sans-serif !important;
    font-size: 1.125rem !important;
    font-weight: 300 !important;
    border-bottom: 1px solid #000 !important;
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
    line-height: 1.375rem !important;
  }
  .gform_wrapper li.gfield.gfield_error,
  .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent !important;
    margin-bottom: 6px!important;
    border-top: none !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
  .gform_wrapper li.gfield_error textarea {
    border: none !important;
  }
  .gform_wrapper div.validation_error {
    border-top: none;
    border-bottom: none;
  }
  .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
  .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: 0;
    color: #000;
  }
  .gform_wrapper .field_description_below .gfield_description {
    padding-top: 0;
  }
  .gform_wrapper .validation_message {
    font-family: 'LyonRegular', serif;
    font-size: 12px !important;
    font-weight: normal !important;
  }
  .gform_wrapper ul.gfield_checkbox li label,
  .gform_wrapper ul.gfield_radio li label {
    vertical-align: sub !important;
    padding-left: 7.5px;
  }
  /* Datepicker */
  .ui-datepicker {
    width: 360px !important;
    background-color: #D7D2CB;
  }
  .ui-datepicker.ui-corner-all {
    border-radius: 0px;
  }
  .ui-datepicker.ui-widget {
    font-family: 'Neuzeit', sans-serif;
  }
  .ui-datepicker .ui-widget-header {
    border: none;
    background: #D7D2CB;
  }
  .ui-datepicker .ui-widget-header.ui-corner-all {
    border-radius: 0px;
    padding: 15px 0;
  }
  .ui-datepicker .ui-widget-header .ui-datepicker-title select {
    border: none;
    margin: 0 8px;
    font-family: 'Neuzeit', sans-serif;
    font-size: 0.938rem;
    color: #000;
    width: 30%;
  }
  .ui-datepicker .ui-state-default,
  .ui-datepicker .ui-widget-content .ui-state-default,
  .ui-datepicker .ui-widget-header .ui-state-default {
    background: transparent;
    border: 1px solid transparent;
    color: #000;
  }
  .ui-datepicker .ui-datepicker-calendar .ui-state-default {
    width: 100% !important;
    background: #FFF !important;
  }

  .gform-theme-datepicker:not(.gform-legacy-datepicker) {
      width: auto!important;
  }

/* Styling Hubspot Forms */

legend {
  border: none;
}

.hbspt-form {
  margin: 0 0 16px !important;
}
.hbspt-form label span {
  font-family: 'LyonRegular', serif!important;
  font-size: 11pt !important;
  font-weight: normal !important;
  margin: 15px 0 0;
}
.hbspt-form h1 {
  font-family: 'Neuzeit', sans-serif !important;
  font-size: 1.125rem !important;
  font-weight: 300 !important;
  border-bottom: 1px solid #000 !important;
  margin-bottom: 15px !important;
  padding-bottom: 10px !important;
  line-height: 1.375rem !important;
}

.hbspt-form select {
  height: 50px;
  background-color: #FFF;
  background-image: url(img/select-background.jpeg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  z-index: 99;
  border: none;
  outline: none;
  padding-left: 15px;
}
.hbspt-form .hs-form-required {
  color: #c02b0a;
}

.hs-field-desc {
  font-size: 12px!important;
  font-family: 'LyonRegular', serif!important;
  font-weight: normal !important;
  text-transform: none!important;
  margin: 0!important;
}

/* Datepicker */
.ui-datepicker {
  width: 360px !important;
  background-color: #D7D2CB;
}
.ui-datepicker.ui-corner-all {
  border-radius: 0px;
}
.ui-datepicker.ui-widget {
  font-family: 'Neuzeit', sans-serif;
}
.ui-datepicker .ui-widget-header {
  border: none;
  background: #D7D2CB;
}
.ui-datepicker .ui-widget-header.ui-corner-all {
  border-radius: 0px;
  padding: 15px 0;
}
.ui-datepicker .ui-widget-header .ui-datepicker-title select {
  border: none;
  margin: 0 8px;
  font-family: 'Neuzeit', sans-serif;
  font-size: 0.938rem;
  color: #000;
  width: 30%;
}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
  background: transparent;
  border: 1px solid transparent;
  color: #000;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {
  width: 100% !important;
  background: #FFF !important;
}

.gform-theme-datepicker:not(.gform-legacy-datepicker) {
    width: auto!important;
}

.inspoinlägg:lang(en-US) {
  display: none;
}  

/*************** ADD MOBILE ONLY CSS HERE  ***************/
@media only screen and (max-width: 48em) {
    
    
}