@import "variables.css" ;

/* --- GLOBAL --- */
html, body, .mm-page, .responsive-menu-page-wrapper, #page-wrapper, .dialog-off-canvas-main-canvas {
  height: 100%
}

/* Buttons */
.uk-button.uk-button-dark.uk-border-pill > a {
  display: block;
  color: inherit;
}
span.jx-button-icon {
  margin-left: auto;
  background-color: var(--global-primary-background);
  border-radius: 75px;
  width: 35px;
  height: 35px;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 7px;
}
.field-cta-link span.jx-button-icon {
  width: 35px;
  height: 35px;
  right: 10px;
}
div.uk-button > a {
    color: inherit;
    padding-right:20px;
}
/* Links */
a:hover {
  text-decoration: none;
}
/* Layout */
.region {
	box-sizing: border-box;
}
#block-cleanium-page-title h1 {
	font-weight: 600;
  color: var(--global-link-color);
  margin-top: 0;
}
.jx-border-top {
  border-top: 1px solid;
}
.jx-margin-top-auto {
  margin-top: auto;
}
/* List */
.bullet-list li::marker {
  content: '\f13f';
  font-family: "uicons-regular-rounded";
}
ul:not([class]) li {
  padding-left: 10px;
}
/* Forms */
.webform-required::before {
  display: inline-block;
  content: '*';
  color: red;
}
input[type="text"]::placeholder {
  color: var(--global-link-color) ;
}
.jx-rounded-border {
  border-radius: 7px;
}
.jx-separation-border {
  border-bottom: 1px solid var(--global-border) ;
  padding-bottom: 5px;
  margin-bottom: 15px ;
}
.form-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2em;
  margin-bottom: 2em;
}
.form-actions > * {
  margin-right: 10px;
}
.form-actions > *:last-child {
  margin-right: 0px ;
}
.form-actions:has(input[type="submit"]) {
  position: relative ;
}

/* Drupal Throbber */
.ajax-progress {
  position: absolute;
  top: 0;
  left:0;
  z-index: 9;
  display: block;
  height:40px;
  width: 136px;
  background-color: var(--global-primary-background);
}
.ajax-progress .throbber {
  display: flex;
  margin: auto;
}
.digit {
  font-family: Euclid, Outfit, sans-serif;
}
/* Utilities */
.bg-divs {
  position: absolute;
}
.jx-elevator.uk-position-fixed {
  bottom: 50px;
  right: 20px;
  background: var(--global-primary-background);
  box-sizing: border-box;
  height: 50px;
  border-radius: 50px;
}   

[class^="page-"].ui-dialog {
  background-color: #ffffff ;
}

/* --- HEADER --- */

#page-header .uk-wrapper{
  padding: 0;
}
#cleanium-region-header {
  padding: 10px;
}
.region-header.uk-sticky.uk-active #cleanium-region-header {
  padding-top: 5px;
  padding-bottom: 5px;
}
.region-header.uk-sticky.uk-active, body:not(.page-home) .region-header {
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(254,26,161, 0.2);
}
/* Site Branding */
.uk-logo {
  width:230px;
}
.uk-logo.isotype {
	width: 50px;
}
.region-header.uk-sticky.uk-active .uk-logo {
  display: none !important;
  visibility: hidden;
}
.region-header.uk-sticky.uk-active .uk-logo.isotype {
  visibility: visible;
  display: block !important ;
}

/* Navigation Tools */
.h-nav-tools-item {
  box-sizing: border-box;
  border-radius: 5px;
}
span.phone-number {
  font-size: 1.375em;
  font-weight: 600;
}
.phone-number-wrapper a:hover {
  text-decoration: none;
}
.phone-number-wrapper .phone-icon {
  background-color: var(--global-secondary-background);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  border-radius: 50px;
}
/* Header Language Switcher */
.language-link.is-active {
  font-size: 0;
  width: 35px;
  height: 24px;
  display: flex;
}
a.language-link {
  color: var(--global-link-color) ;
  display: flex;
}
#block-cleanium-languageswitcher .uk-link:hover, a.language-link:hover {
  text-decoration: none;
}
a.language-link img{
  width: 35px;
  height: 24px;
  margin-right: 5px;
}

/* Mobile OffCanvas */
.toggle-button.moc-toggle {
  cursor: pointer;
}
.mmt-line {
	width: 35px;
	height: 2px;
	background-color: #0f1b31;
	margin-bottom: 7px;
	transition: all 500ms;
}
.mmt-line.mmt-line__2 {
	margin-left: 0px;
}
.mmt-line.mmt-line__3 {
	margin-bottom: 0px;
}
.main-menu-toggler-wrapper:hover .mmt-line.mmt-line__2 {
  margin-left:-7px;
}
#mobile-offcanvas .uk-offcanvas-close.uk-icon.uk-close {
  width: 30px;
  height: 30px;
  color: var(--global-color);
  margin-bottom: 1em; 
}
.moc-logo {
  width: 200px
}
.moc-content-wrapper {
    height: 100%;
    overflow-y: hidden;
}
.moc-content-wrapper:hover {
    overflow-y: auto;
}
#mobile-offcanvas .uk-offcanvas-bar {
  color: var(--global-color) ;
  padding-top: 40px;
}
#mobile-offcanvas .uk-offcanvas-bar .uk-button-primary {
  background-color: var(--global-primary-background);
  color: #fff;
  width: 100%;
}
.moc-main-navigation {
    margin-top: 1em;
}
#mobile-offcanvas .uk-navbar-main-nav {
  flex-flow: column nowrap;
}
#mobile-offcanvas .uk-navbar-main-nav>li>a {
  justify-content: flex-start;
}

/* --- FEATURED --- */
#block-cleanium-landinghero, .storage.ft-slide {
  background-repeat: no-repeat;
  background-size: cover;
}
.hero-slide-info {
    margin-top: 10%;
}
.hero-heading {
  font-family: Forte, sans-serif;
  font-size: 2.5em;
  color: var(--global-primary-background);
}
.field-slide-heading-item > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.field-slide-heading-item > div span {
    display: none;
}
.field-slide-heading-item p {
  margin: 0 ;
}
/* slides */
.hero-image {
  padding: 10%;
}
.field-slide-cta-item {
  max-width: 320px;
  margin: auto;
}
.field-slide-cta-item .uk-button {
    padding: 0 25px;
    line-height: 55px;
}
.field-slide-cta-item .first {
  margin: auto;
  margin-bottom: 3%;
}
.field-slide-cta-item .last {
  margin-bottom: 10%;
}

/* --- CONTENT --- */

/* Breadcrumbs */
.uk-breadcrumb {
  border: 1px solid var(--global-link-color);
  border-radius: 50px;
  padding: 5px 20px;
  line-height: initial;
  width: fit-content;
  align-items: revert;
}
.uk-breadcrumb-item, .uk-breadcrumb-item>* {
  font-size: 1em;
  color: var(--global-secondary-background);
}
li.uk-breadcrumb-divider::before {
  content: '\f121';
  padding: 0px 10px;
  font-family: "uicons-regular-rounded";
  color: var(--global-secondary-background) ;
}
.uk-breadcrumb-divider {
  display: flex;
  align-items: center;
  font-size: 1rem;
}
/* Content Title */
.page-forms-quote #block-cleanium-page-title {
    margin-top: 2em;
}
#page-title {
  position: relative;
  padding: 20px;
}
#page-title::before {
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  /*background-image: linear-gradient(to right, rgb(0 0 0 / 80%), transparent);*/
}
.region-title {
  min-height: 150px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  position: relative;
}
.region-title h3 {
  font-size: 1.1em;
}
/* Nodes */
#block-cleanium-content .block-wrapper > article {
  max-width: 1200px;
  margin: auto;
}
/* Services Details Page */
.service-content-item {
  padding-bottom: 20px;
}
.service-content-item .field-media-image-item {
  -webkit-mask-image: url('../images/masks/service-mask-circle-shape.png');
  mask-image: url('../images/masks/service-mask-circle-shape.png');
  mask-size: 100%;
  mask-repeat: no-repeat;
}
.field.field-service-cta .uk-button-medium {
  font-size: 1.1em;
  text-align: center;
  margin: auto;
}

/* --- CBLOCKS --- */

.block-title {
  display: flex;
  align-items: center;
}
.block-title h2 {
  display: inline-block;
  position: relative;
}
.block-title h2 {
  margin-bottom: 50px;
  font-size: 2.5em;
  font-family: Forte, sans-serif;
}
.block-title h2::after {
  content: '';
  display: inline-block;
  width: 100px;
  height: 50px;
  background-color: var(--global-primary-background);
  border-radius: 30px;
  margin-right: -50px;
  position: absolute;
  left: -60px;
  bottom: calc((100% - 50px)/2);
  z-index: -1;
}
.block-title h2::first-letter {
  color: #fff;
}
.block-title-left {
  margin-right: 20px;
}

/* Services Block Landing */
#block-cleanium-landingservicesblock {
  background-repeat: no-repeat;
  background-size: cover ;
}
.service-card-flex {
  background-color: #fff ;
}
#block-cleanium-landingservicesblock .field-block-content-components > .field-block-content-components-item {
  min-width: 300px;
}
.scf-item-field-icon {
  display: flex;
  height: 80px;
  align-items: flex-start;
}
.scf-item-field-heading {
  font-weight: 600;
  font-size: 1.175em;
  line-height: 1.2;
}
.scf-content-wrapper {
  width: 100%;
  max-width: 480px;
  min-width: 300px;
  padding: 20px;  height: 200px;
  box-sizing: border-box;
}
.scf-item {
  padding: 5px;
  box-sizing: border-box;
}
.scf-item-left {
  width: 40%;
}
.scf-item-right {
  width: 60%;
}
.scf-item-field-content {
  height: 120px;
  overflow-y: hidden;
}
.scf-item-field-content:hover {
  height: 120px;
  overflow-y: auto;
}
.field-cta-item a {
  padding: 5px 10px;
  background-color: var(--global-primary-background);
  border-radius: 50px;
  color: #fff;
  display: inline-block;
}
.field-cta-item a:hover {
  text-decoration: none;
  background-color: var(--global-link-hover-color);
}

/* About Us */
.storage-card {
  background-repeat: no-repeat;
  background-size: auto;
}
#block-cleanium-aboutus .storage-card {
  background-position: left bottom, top right;
  background-size: 30%;
  min-height: 240px;
}
#block-cleanium-aboutus .storage-card.uk-border-rounded.about-us-clean-environment {
  background-position: 20px center;
  background-size: initial;
}
#block-cleanium-aboutus .storage-card.au-satisfied-clients {
  background-position: top right, left bottom;
}
#block-cleanium-aboutus .sc-content-wrapper {
  height: 100%;
  box-sizing: border-box;
  padding: 20px;
  justify-content: center;
  font-family: Outfit, sans-serif;
  color: #fff;
  text-align: right;
}
#block-cleanium-aboutus .sc-item-field-heading {
  font-size: 2em;
  line-height: 1;
  margin-bottom: 1em;
  margin-left: auto;
  font-weight: 600;
}
#block-cleanium-aboutus .sc-item-field-content {
  font-size: 1.175em;
  text-align: right;
  margin-left: auto;
}
#block-cleanium-aboutus .mosaic-block-content-item:last-child .sc-item-field-heading .field-heading-item {
  font-size: 2em;
}

/* Testimonials Front */
.fa-formatter .rate-image.star-on {
  font-size: 1.3rem !important;
  color: var(--global-primary-background) !important;
  display: inline-block;
}
#block-cleanium-testimonials .block-wrapper > div:not(.block-title-left) {
  box-sizing: border-box;
  width: 100%;
}
.block-title-left h2 {
  text-align: left;
  font-weight: 700;
  font-family: 'Outfit', sans-serif;
  font-size: 2.5em;
  max-width: 400px;
}
.storage-testimonial-wrapper {
  font-family: Euclid, sans-serif;
}
.stw-item.stw-item-client-picture img {
  width: 100px;
  border-radius: 50px;
}
.stw-item.stw-item-client-name {
  font-weight: 600;
  margin: 1em auto 0;
  font-size: 2em; 
}
.stw-item.stw-item-testimonial .field-testimonial-item {
  font-size: 1.1em;
  position: relative;
  padding: 0 15px;
}
#block-cleanium-testimonials a.uk-position-medium {
  margin-left: 0;
  margin-right: 0;
}
#block-cleanium-testimonials .field-testimonial-item::before, #block-cleanium-testimonials .field-testimonial-item::after {
    position: absolute;
    content: "\"";
    width: 20px;
    height: 20px;
    font-family: 'Forte', serif;
    transform: perspective(50px);
    color: var(--global-primary-background);
    font-size: 2em;
}
#block-cleanium-testimonials .field-testimonial-item::before {
  left: 0;
  top: -10px;
}
#block-cleanium-testimonials .field-testimonial-item::after {
  right: 0;
  bottom: 0;
}
.uk-hidden-hover:hover {
  background-color: var(--global-primary-color);
  width: 35px !important;
  height: 35px !important;
  border-radius: 50px;
  color: #fff;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

/* Landing Main CTA */
#block-cleanium-landingmaincta .block-wrapper {
  display: flex;
  flex-flow: wrap;  
  margin: auto;
  justify-content: space-between;
  align-items: stretch;
}
#block-cleanium-landingmaincta .field-block-right-components-item p {
  margin: 0;
}
#block-cleanium-landingmaincta .field-block-left-components, #block-cleanium-landingmaincta .field-block-right-components {
  border-radius: 10px;
  padding: var(--jx-padding-large) ;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
#block-cleanium-landingmaincta .field-block-right-components {
  flex: 1;
  background-color: #fff;
  font-size: 1.375em;
  font-weight: 600;
  margin-bottom: 5%;
}
#block-cleanium-landingmaincta .field-block-left-components {
  width: 100%;
  background-color: var(--global-secondary-background);
  color: #fff;
  margin-bottom: 5%;
  order: 2;
}
#block-cleanium-landingmaincta .field-block-left-components .storage {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#block-cleanium-landingmaincta .field-heading-item {
  font-size: 1.5em;
  font-weight: 600;
}
#block-cleanium-landingmaincta .field-block-left-components-item .storage .uk-flex-start {
  max-width: 600px;
}
#block-cleanium-landingmaincta .field-block-left-components-item {
  width: 100%;
}

/* Landing Quote */
.ui-dialog.webform-confirmation-modal {
    background-color: #fff;
    box-shadow: 0 5px 10px #eee;
    padding: 10px;
    border-radius: 10px;
    box-sizing: border-box;
    z-index: 1;
}
.ui-widget-overlay {
    background: #FFF;
    z-index: 0;
}
/* Quote Form */
.js-form-item-full-name-title {
  max-width: 100px;
}
#block-cleanium-landingquote .block-title-left h2 {
  text-align: right;
}
input:not[type="checkbox"] {
  border-radius: 7px;
}
.cleaning-quote .webform-options-display-buttons .webform-options-display-buttons-wrapper {
  flex: revert;
}
.cleaning-quote .webform-options-display-buttons .form-item {
  display: flex;
  height: auto;
}
.iti {
  display: block !important;
}
.cleaning-quote .uk-checkbox {
  margin-top: 0;
  vertical-align: initial;
  height: 25px;
  width: 25px;
}
input.visually-hidden.form-checkbox {
  position: initial !important;
  margin-top: initial;
  clip: initial;
  word-wrap: initial;
}
.cleaning-quote .webform-options-display-buttons label.webform-options-display-buttons-label {
  display: initial;
  border: none;
  padding: 0 0 0 5px;
  color: inherit;
}
.webform-options-display-buttons
input:checked
+ label.webform-options-display-buttons-label {
  color: #000;
  border-color: transparent;
}
.cleaning-quote .fieldset-wrapper {
  margin-top: 1em;
}
.cleaning-quote .form-item {
  margin-bottom: 1em;
}
.jx-submit {
  position: relative;
  border-radius: 50px;
  height: 45px;
}
.jx-submit:first-child {
  background-color: #fe1aa1
}
.jx-submit a, .jx-submit input {
  padding-right: 50px;
}
.jx-submit-icon {
  width: 35px;
  height: 35px;
  background-color: var(--global-color);
  border-radius: 50px;
  position: absolute;
  right: 5px;
  top: 5px;
}
input.form-submit {
  border-radius: 50px;
}
div[role="alert"] {
  border: 1px solid red;
  padding: 1em;
  border-radius: 7px;
  color: red;
}
.form-item--error {
  transition: all 500ms;
}
.form-item--error-message {
  color: red;
  font-weight: 700;
}
.uk-form-danger, .uk-form-danger:focus {
  color: #f0506e;
  outline: red solid 1px;
}

/* Services Page Landing Block */
#block-cleanium-servicespagelanding {
  display: flex;
  flex-flow: column;
  justify-content: center;
  z-index: 0;
}
#block-cleanium-servicespagelanding:before {
  content: "";
  width: 100%;
  height: 30vh;
  left: 0;
  top: 0;
  position: absolute;
  background-image: url('../images/backgrounds/professional_cleaning_services.jpg');
  background-size: cover;
  z-index: 0;
}
.spl-wrapper {
  padding-top: 30%;
  z-index: 0;
  box-sizing: border-box;
}
.spl-content-item.splc-card {
  color: #fff;
  width: 100%;
}
.sc-content-wrapper {
  padding: 0 15px;
}
.sc-item-field-heading {
  font-weight: 700;
  font-size: 1.175em;
}
.service-card {
  height: 100%;
  height: -webkit-fill-available;
  box-sizing: border-box;
}
.ssc-content-wrapper {
  height: -webkit-fill-available;
  padding: 15px;
}
.spl-content-item.splc-card {
  width: 100%;
  max-width: 640px;
}
#block-cleanium-servicespagelanding .uk-slider-container {
  padding: 20px;
}
.ssc-item-field-icon {
  height: 70px;
  display: flex;
  width: auto;
  align-items: center;
}
.ssc-item-field-icon img {
  width: fit-content;
  height: auto;
}
.ssc-item-field-heading, .sc-item-field-heading {
  font-weight: 700;
  margin: 10px 0;
}
.ssc-item-field-cta {
  margin-top:auto;
}

/* --- FOOTER --- */
footer#page-footer {
  margin-top: auto;
  margin-bottom: -1px;
  padding-bottom: 10px;
  background-color: var(--global-alternate-background);
  color: #fff;
}
#page-footer-bottom {
  padding-top: 15px; 
}
#page-footer-bottom #block-cleanium-socialmedialinks .uk-icon {
  color: var(--global-primary-background);
}
#block-cleanium-socialmedialinks {
  margin-bottom: 1em;
}
.copyright-block {
  text-align: center;
}

/* ======================== MEDIA QUERIES ========================== */

@media (min-width: 640px) {
  
  /* --- HEADER --- */
  #cleanium-region-header {
    padding: 15px;
  }
  
  /* --- FEATURED ---*/
  
  
  /* --- CONTENT --- */
  #webform-submission-cleaning-quote-form-ajax {
    max-width: 700px;
    margin: auto;
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 5px 10px #ddd;
  }
  
  /* --- CBLOCKS --- */
  #block-cleanium-landingservicesblock .field-block-content-components > .field-block-content-components-item {
    min-width: 380px;
  }

}

@media (min-width: 960px) {
  
  /* --- HEADER --- */
  .page-home #cleanium-region-header{
    padding-top: 2em;
  }
  /* Main Menu */
  .uk-navbar-main-nav>li>a {
    padding: 0 10px;
  }
  
  /* --- FEATURED ---*/
  .hero-content-wrapper {
    width: 97.5%;
    margin-left: 2.5% ;
  }
  .hero-heading {
    font-size: 3em;
  }
  .hero-slide-info {
    margin-left: 5%;
    margin-top: 5%;
  }
  .field-slide-heading-item > div {
    justify-content: flex-start;
  }
  .field-slide-heading-item > div span {
    display: initial;
    width: 150px;
    margin-right: 5px;
    justify-content: initial;
  }
  .field-slide-heading-item > div span:last-child {
    margin-left: 5px;
    height: 53px;
    width: 53px;
  }
  .hero-action-link.uk-visible\@m {
    margin-top: 10%;
  }
  .field-slide-cta-item .last, .field-slide-cta-item .first {
    margin-bottom: 0;
  }
  .field-slide-cta-item .first {
    margin-right: 10px;
  }
  .field-slide-cta-item .uk-button {
    line-height: 45px;
  }
  .field-slide-cta-item .last {
    justify-content: center ; 
  }
  .field-slide-cta-item .uk-button-medium {
    font-size: initial;
  }

  /* --- CONTENT --- */
  #page-title .region-element-subtitle {
    max-width: 60%;
  }
  #page-title.uk-padding {
    padding: 30px;
  }

  /* Services Details */
  .service-content-item {
    padding: 40px;
  }

  /* --- CBLOCKS --- */
  
  /* Testimonials */
  #block-cleanium-testimonials .block-wrapper > div:not(.block-title-left) {
    width: calc( 200% / 3 );
    padding: 0 30px;
  }
  
  /* Landing Call to Action */
  #block-cleanium-landingmaincta .field-block-left-components .storage {
    justify-content: space-between;
  }
  #block-cleanium-landingmaincta .field-block-left-components {
    width: calc( 200% / 3 );
    margin-right: 2.5%;
    order: 1; 
    margin-bottom: 0;
  }
  #block-cleanium-landingmaincta .field-block-right-components {
    order: 2;
    margin-bottom: 0;
    width: calc(100%/3);
  }
  /* Landing Get in Touch */
  .left-title-block .field-block-content-components {
    max-width: 700px;
    margin-left: 5%;
  }
  /* Services Page Landing */
  .spl-content-item.splc-card {
    width: 30%;
    max-width: 250px;
  }
  .spl-content-item.splc-view {
    width: 70%;
    padding: 0 30px;
    min-width: calc(100% - 250px);
    box-sizing: border-box;
  }
  .splc-view .sc-content-wrapper {
    padding: 20px;
    margin: 20px;
    max-width:300px;
    box-sizing: border-box;
  }
  
  /* --- FOOTER ---*/
  .copyright-block {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  
  /* --- HEADER --- */
  #cleanium-region-header {
    padding: 15px 50px;
  }
  
  /* --- FEATURED --- */
  .hero-heading {
    font-size: 3.375em;
  }
  .hero-content-wrapper {
    width: 91.665%;
    margin-left: 8.335%;
  }
  .hero-slide-info {
    margin-left: 0;
  }
  
  /* --- CBLOCKS --- */
  /* Testimonial */
  .block-title-left h2 {
    font-size: 3em;
  }
  
  /* Landing CTA */
  #block-cleanium-landingmaincta .field-block-left-components-item .storage > .uk-flex-start {
    max-width: 600px;
    width: 65%;
  }
  #block-cleanium-landingmaincta .field.field-cta-link.field-type-link.uk-width-1-1 {
    width: 30%;
    margin-left: auto;  
  }
  
  /* Services page landing */
  .uk-wrapper.spl-wrapper {
    padding-left: 0;
    padding-right: 0;
    padding-top: initial;
  }
  .spl-content-wrapper {
    margin-left: 20%;
  }
  #block-cleanium-servicespagelanding:before {
    width: 30%;
    height: 100%;
  }
  
  
}

@media (min-width: 1280px) {

  /* --- CBLOCK --- */
  
  /* Landing About Us */
  #block-cleanium-aboutus .sc-item-field-heading {
    width: 70%;
  }
  #block-cleanium-aboutus .sc-item-field-content {
    width: 80%;
  }
  
}

@media (min-width: 1430px) {
  
  /* --- HEADER --- */
  .uk-navbar-main-nav>li>a {
    padding: 0 15px;
  }
  
  /* --- FEATURED --- */
  

}
@media (min-width: 1600px) {
  
  /* --- HEADER --- */
  .uk-logo {
    width: 320px ;
  }

  /* --- FEATURED --- */
  /* Landing Slide */
  .hero-heading {
    font-size: 5em;
  }
  .field-slide-heading-item > div span {
    display: initial;
    width: initial;
    margin-right: 10px;
  }
  .field-slide-heading-item > div span:last-child {
    margin-left: 10px;
    height: initial;
    width: initial;
  }
  .hero-action-link {
    max-width: 600px;
  }

}