/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


/* yoast breadcrumb styling */

.breadcrumb span {background-color:#F0F1F2;padding:8px 0px 8px 8px;border-radius:20px;font-size:0.85em;font-weight:600;color:#995395;}
.breadcrumb_last {background-color:#ffffff!important;border-radius:20px;padding:6px 10px!important; border:solid 3px #F0F1F2;}

.breadcrumb span a {color:#995395; padding:0 4px!important;}
.breadcrumb span a:hover {text-decoration:underline;}



.service-box {
  transition: transform 0.3s ease-in-out;
  padding: 10px;
  width: 100%;
	  box-sizing: border-box;
  overflow: hidden;   /* sikrer at intet stikker udenfor kant/radius */
  /* optional: if you have rounded corners on inner content, keep overflow hidden here */
  /* overflow: hidden; */
}



.links .service-box { cursor: pointer; }
.links .service-box:hover { transform: translateY(-6px); }

.service-box .title-wrapper {
 
  padding: 8px 24px 32px 32px;
}

.service-box .title-wrapper h3 {font-size:1.35em;}
.service-box .title-wrapper p {font-size:0.95em;line-height:1.35;}


.service-box .arrow {
    width: 32px;
    height: 32px;
    border: 1px solid black;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
    margin-left: 10px;
    transition: transform 0.3s ease-in-out;
    transform: rotate(-45deg);
    margin-top:-8px;
    
}

.service-box:hover .arrow {
    transform: scale(1.1) rotate(0deg);

}


.round-corners img {border-radius:8px;}

.nectar-post-grid-item__custom-field.inline {
    font-size: 0.8em; /* Gør teksten mindre */
}

.nectar-post-grid-item__custom-field.inline:not(:first-child)::before {
    content: "|";
    margin: 0 8px; /* Justér afstanden efter behov */
    color: #ccc; /* Farve på separatoren */
    font-size: 1em; /* Sikrer, at separatoren ikke bliver mindre */
    
}

.nectar-post-grid-item__custom-fields {margin-top:0px;gap: 0px;}


/* Read more function */

 .read-more-container {
    position: relative;
    overflow: hidden;
}

.read-more-content {
    max-height: 9.5em; /* Ca. 5-6 linjer */
    overflow: hidden;
    transition: max-height 0.3s ease-in-out; /* Glidende animation */
    position: relative;
}

.read-more-container.expanded .read-more-content {
    max-height: 100em!important; /* Tving CSS igennem */
}

.fade-out {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3em;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
}

.read-more-container.expanded .fade-out {
    opacity: 0 !important; /* Sørg for at fade-out effekten forsvinder */
}

.read-more-toggle {
    display: inline-flex;
    align-items: center;
    margin-top: 24px;
    color: #151A1F;
    cursor: pointer;
    text-decoration: none;
	font-weight:900;
}

.arrow-down {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-left: 1px solid #151A1F;
    border-bottom: 1px solid #151A1F;
    transform: rotate(-45deg);
    margin-left: 10px;
    transition: transform 0.3s ease-in-out;
	margin-top:-2px;
}

.read-more-container.expanded .arrow-down {
    transform: rotate(135deg);
	margin-top:6px;
}



#gte-core-services .service-box .title-wrapper{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 16px 24px 32px 24px;     /* <= under 24px top/bund (20 her) */
  width:100%;
  box-sizing:border-box;
}

#gte-core-services .service-box .title-wrapper h3{
  margin:0;
  font-size: 1.2em;        /* justér */
  line-height:1;
}

#gte-core-services .service-box .title-wrapper .arrow{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
	margin-top:0px;
}

.single-portfolio {
	.iwithtext {margin-bottom:0px!important;margin-top:24px!important;}
	.icon-default-style {font-size:24px!important;margin-top:4px!important;}
}

.single-portfolio h2 {font-size: 1.6em;margin-top:16px;}



/* Venue specific adjustments */

.venues-template-default #page-header-bg h1 {font-size:4em;text-transform:uppercase;}
.venues-template-default .single-post #page-header-bg[data-post-hs=default_minimal] h1 {    padding: 24px 0 24px 0;}

@media only screen and (min-width: 1000px) {
    .venues-template-default #page-header-bg[data-alignment-v="middle"] .span_6 .inner-wrap, #page-header-bg[data-alignment-v="top"] .span_6 .inner-wrap, .blog-archive-header.color-bg .container {
        padding-top: 56px;
    }
}

.venues-template-default .faciliteter .iwithtext .iwt-icon { width: 20px;top:2px;}
.venues-template-default .faciliteter .iwithtext .iwt-text {
    padding-left: 28px;
    font-size: 0.75em;
    font-weight: 600;
}

.venues-template-default .nectar-sticky-column-css {--nectar-sticky-top-distance: 64px;}

.venues-template-default .form-label {font-size:16px; margin-bottom:4px!important;font-family:Gilroy-Bold;display:inline-block;}
.venues-template-default input[type=submit]:hover {background-color:#121212;}
.venues-template-default .cf7mls_next.action-button {background-color: #131313;}
.venues-template-default .wpcf7-submit {margin-top:40px!important;}
.venues-template-default .round-corner-images .flickity-slider .cell img {border-radius:16px;}
.venues-template-default input {border-radius:8px!important;margin-bottom:-16px!important;}
.venues-template-default select {border-radius:8px!important;margin-bottom:-8px!important;}
.venues-template-default textarea {border-radius:8px!important;}
.venues-template-default .wpcf7-form .wpcf7-not-valid-tip {
    top: -3px;
    padding: 16px 4px;
    border: 0;
    box-shadow: none;
    background: none;
}
.venues-template-default .cf7mls-btns .cf7mls_next.action-button {
    margin: 27px 0px 26px;
    padding: 18px 20px;
    width: 100%;
    font-size: 16px;
    top: -16px;
}
.venues-template-default .faciliteter .wpb_wrapper>div {margin-bottom: 16px;}
.venues-template-default .cf7mls-btns .cf7mls_back.action-button {width:100%;margin: 0px 0px 26px!important;font-size:14px;}
.venues-template-default .cf7mls-btns {overflow: visible;}