@charset "utf-8";

/********************  Afstand til kommentarer  ********************/
.field--type-comment{
  padding-top: 4rem;
}

/*********************************************************************************/
/*********************************  SØGEFUNKTION  ********************************/
/*********************************************************************************/

/****************  Tilpasning af  search form  ******/
header #search-block-form{
  margin-bottom: -18px;
  padding: 0;
}

#edit-actions{}
#edit-keys{}
#edit-submit{
  margin-left: 0.25rem!important;
  border: 0!important;
  line-height: 20px;
}

header .form-type-search {
  margin-bottom: 0px;
}

.form-control:focus{
  box-shadow: 0 0 0 0.15rem rgba(50,93,136,.25)!important;
}
 
.featured-bottom .search-block-form .form-control{
  -webkit-transition: width 0.8s ease-in-out;
  -moz-transition:width 0.8s ease-in-out;
  -o-transition: width 0.8s ease-in-out;
  transition: width 0.8s ease-in-out;
  width: 350px;
}
.featured-bottom .search-block-form .form-control:focus{
  width: 450px;
}

/*********************************************************************************/
/**********************  Tilpasning af TEASERE og mere???   **********************/
/*********************************************************************************/
.content a {
   text-decoration: none;
   transition: all 500ms;
}
.content a:hover {
   font-weight: bolder;
}
.sidebar a, h5 a {
   text-decoration: none;
}
.card a img:hover{
   opacity: 50%;
}
.carousel-item a {
   color: white !important;
}

.card-body .btn{
   transition: 1s;
}

.card-body .btn:hover{
   transform: scale(1.04);
   z-index: 2;
   background-color: var(--primary-color);
}

.site-footer__top .region{
   margin-left: 10px;
}

/**********************************************************************/
/**********************  Tilpasning af FORSIDE  ***********************/
/**********************************************************************/

/****************  FORSIDE - Header  ****************/
.paap-front {
   min-height:100%;
   background:linear-gradient(0deg, rgba(47, 71, 55, 0.6), rgba(47, 71, 55, 0.6)), url(../images/2014-iheartyou.jpg);
   background-size:cover;
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   color: #fff;
   position: relative;
 }
 
 /****************  FORSIDE - Welcome banner  ****************/
 #block-d10barrio-welcome {
   text-align: center !important;
   padding:4rem 0;
 }
 
 /****************  FORSIDE - Ikoner  ****************/
 .field--name-field-icon .fas, .field--name-field-icon .fab  {
   font-size: 2rem;
 }
 
 .field--name-field-icon {
   display: flex;
   justify-content: center;  
   width: 120px;
   height: 120px;
   margin: 0 auto 1rem;
   padding-top: 45px;
   font-size: 2rem;
   line-height: 1;
   background: linear-gradient(145deg, #397B4E 0%, #4DA86A 80%);
   border-radius: 50%;
 }
 
 .field--name-field-icon a {
   color: rgba(255,255,255,.9);
 }
 
 @media  (max-width: 992px) {
   .field--name-field-icon {  
     width: 80px;
     height: 80px;
     padding-top: 25px;
   }
 }
 
 .field--name-field-icon .fas:hover , .field--name-field-icon .fab:hover {
   animation: fa-spin 2s infinite linear;
 }
 
 /**************** FORSIDE - Facebook ikon  ****************/
 .field--name-field-icon svg.ext{ 
   display: none;
 }


/*********************************************************************************/
/******************************  KNIT PATTERNS NODES  ****************************/
/*********************************************************************************/

.node--type-knit-pattern .field .paragraph__column {
margin: 0 !important;
}

.node--type-knit-pattern .field {
margin: 0.5rem 0;
}

.field__label{
font-weight: 500;
}

.field__label::after{
content: ': ';
}

/****************  Pattern Carousel  **************/
.node--type-knit-pattern .carousel .field, 
.node--type-knit-pattern .carousel .paragraph__column {
margin: 0!important;
padding: 0!important;
}

.node--type-knit-pattern .carousel .field--name-field-bp-media-image {
margin: 0!important;
}
.node--type-knit-pattern .carousel .field--name-field-bp-media-image img {
max-width: 75%;
max-height: 75%;
}