/*
Theme Name:   Charlotte Thorup
Theme URI:    charlottetho.demo.supertusch.com
Description:  Basically Bootstrap 5 Child Theme created for Production Service Scandinavia
Author:       Supertusch
Author URI:   http://supertusch.dk
Template:     basically-bootstrap-5
Version:      1.0.0
Domain Path: /languages/
Text Domain:  charlottetho
*/

.manrope-semibold {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.page-container {
  min-height: unset;
}


*{
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
:root {
  --ct-mørk-brun:rgb(96, 45, 44);
  --ct-rødbrun:rgb(146, 75, 60);
  --ct-black100:rgb(0, 0, 0);
  --ct-black80:rgb(51,51,51);
  --ct-grey:rgb(147, 147, 147);
  --ct-black70:rgb(77, 77, 77);
  --ct-deep-blue:rgb(61,106,121);
  --ct-mauve:rgb(183,146,105);
  --ct-pale-blue:rgb(139,149,146);
  --weight-light:200;
  --weight-regular:300;
  --weight-semibold:600;
  --weight-bold:700;
  --weight-extrabold:800;

}

img{
  width:100%;
}



body{
  position: relative;
}
h2{
  font-size: 2rem;
  line-height: 2.2rem;
  margin-bottom:0;
}
@media (max-width:560px){
  h2{
    font-size: 1.5rem;
  }
}
h3{
font-size: 1.25rem;
color: var(--ct-rødbrun);
}
h4{
  font-size: 0.938rem;
  color: var(--ct-rødbrun);
}
p{
  color:var(--ct-black70);
  font-size: 1.21rem;
  line-height: 1.5rem;
}
a {
  color: var(--ct-grey);
  text-decoration: none!important;
  font-size: 1.21rem;
  line-height: 1.5rem;
}
a:hover {
  color: var(--ct-grey);
}
.content-block{
  padding-bottom:5rem;
}



/* Bootstrap changes*/

.row{
  --bs-gutter-x: 2.063rem;
}

@media (min-width: 1100px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .container-xxxl {
      max-width: 1200px
    }}
@media (min-width: 1300px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1366px;
    }
}
@media (min-width: 1680px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .container-xxxl {
      max-width: 1800px
    }}


/* Menu */

#menu-header{
  margin-left:auto;
}
header{
  padding-bottom:4.5rem;
  padding-top:4.375rem
}
.navbar{
  align-items: end;
}
.navbar-nav{
  gap:39px;
}
.navbar-brand img{
  width:342px;
}
a.nav-link{
text-transform: lowercase;
  font-weight: var(--weight-semibold);

}
.navbar-light .navbar-nav .nav-link{
  color: var(--ct-black70);
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .current-page-ancestor a
 {
  color: var(--ct-rødbrun);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{
  color: var(--ct-rødbrun);
}

/*menu mobile*/
.navbar-toggler:focus {
  box-shadow: none;
}
@media (max-width: 1299px){
  .navbar-nav{
    gap:0;
  }
  #menu-header{
    width:90%;
    justify-content: space-between;
  }
}
@media (max-width: 991px){
  header{
    padding-top:0;
      padding-bottom:1rem;
  }
  .navbar-brand img {
    width:207px;
  }
  a.nav-link {
    font-size:40px;
  }
  a.nav-link{
    color:white!important;
  }
  ul#menu-header{
    margin-top:100px;
    gap:10px;
    margin-left:auto;
    margin-right:auto;
    max-width: 540px;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
  }
.page-container{
  min-height:0;
}
.navbar-expand-lg #main-menu{
  position: fixed;
  z-index: 999;
  background-color:#00000050;
  width:100%;
  left:0;
  top:0;
  bottom:0;
}
.content-block.collections{
  padding-bottom:0;
}
}

.navbar-toggler{
  padding:0.25rem 1.25rem;
  z-index: 9999;
}
.navbar-toggler span:before {
  display:none;
}
.navbar-toggler span, .navbar-toggler span:after {
  width:45px;
  margin-bottom:20px;
}
.home .navbar-toggler span, .home .navbar-toggler span:after {
  background:#ffffff;
}

.navbar-toggler[aria-expanded="true"] span:after{
  transform-origin: center;
  transform:rotate(-45deg);
  top:-7px;
}
.navbar-toggler[aria-expanded="true"] span{
  background: transparent;
}
.home .navbar-toggler span:before{
  background: #ffffff;
}

.navbar-toggler[aria-expanded="true"] span:before{
    cursor: pointer;
    border-radius: 1px;
    height: 3px;
    width: 45px;
    background: #000000;
    position: absolute;
    right: 0;
    display: block;
    content: "";
    transform-origin: center;
    transform:rotate(45deg);
}
.home .navbar-toggler[aria-expanded="true"] span:before{
    background: #ffffff;
}
.collapsing{
  transition: none;
}

/* Home page */
 .home header{
  position: absolute;
  top:0;
z-index: 1;
width:100%;
}

.home-page-image{
  width:100%;
}
header .home-logo{
  display:none;
}
.home header .pages-logo{
  display:none;
}
.home header .home-logo{
  display:block;
}

/***********BLOCKS************/
/*image(s)*/

.fullwidth-thirds-container, .center-image2-container {
  overflow: hidden;
  height:670px;
}
.fullwidth-thirds-image, .center-image2{
width:100%;
  height:100%;
  object-fit: cover;
  object-position: center;
}
.block-image-text-box{
  display:flex;
  justify-content: space-between;
}
h4.block-image-text-left{
  font-weight:var(--weight-extrabold);
}
h4.block-image-text-right{
  font-weight:var(--weight-light);
  text-align: right;
}
/*images mobile*/
@media (max-width: 1300px){

  .fullwidth-thirds-container, .center-image2-container {
  height:450px;
}
}
@media (max-width: 990px){

  .fullwidth-thirds-container, .center-image2-container {
  height:450px;
}
}
/*text-text_left_text_right*/
.text-left-heading h2{
font-weight:var(--weight-extrabold);
color: var(--ct-black70);
}
.text-left-subheading h2{
font-weight:var(--weight-light);
margin-bottom:2.5rem;
color: var(--ct-black70);
}
/* .text-left-subheading.links h2{
margin-bottom: 0;
} */
.text-left-subheading.links:last-child h2{
margin-bottom: 2.5rem;
}
a.text-left-text-right-link h2{
  font-weight:var(--weight-regular);
  color: var(--ct-grey);
}
a.text-left-text-right-link h2:hover{
  font-weight:var(--weight-bold);
}
.page-id-1431 .text-left-text-right .text-right-bold p
{
  margin-bottom:0;
}
.text-right-bold{
  font-weight:var(--weight-bold);
}
.text-right-regular{
    font-weight:var(--weight-regular);
}

/* video embed */

.embed-container{
  position: relative;
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
}
.embed-container iframe,
    .embed-container object,
    .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-right: calc(var(--bs-gutter-x)* .5);
        padding-left: calc(var(--bs-gutter-x)* .5);
    }


/**Collections block**/
.fullwidth-image-wrapper, .hover-wrapper{
  position: relative;
  width:100%;
}
.hover-logo-link{
  display: block;
}
.hover-logo-link:hover{
cursor: pointer;
}

.hover-logo{
  position: absolute;
  top:0;
  height:100%;
  left:50%;
  transform:translateX(-50%);
  opacity: 0;
  transition: opacity, 0.5s;
}
.hover-logo rect, .hover-logo-thirds rect, .hover-logo polyline, .hover-logo-thirds polyline {
  stroke-width:0.6px;
}
.col-lg-8 .hover-logo-thirds rect, .col-lg-8 .hover-logo-thirds polyline{
  stroke-width:0.4px;
}
.hover-logo-thirds{
  position: absolute;
  top:50%;
  transform:translateY(-50%);
  width:100%;
  max-height: 130%;
  left:0;
  opacity: 0;
  transition: opacity, 0.5s;
}
.fullwidth-image-wrapper:hover .hover-logo{
  opacity:  1;
}
.fullwidth-thirds-container-wrapper:hover .hover-logo-thirds{
    opacity:  1;
}
.center-image-container:hover .hover-logo-thirds{
    opacity:  1;
}
.center-image2-container:hover .hover-logo-thirds{
    opacity:  1;
}
.block-image-text-box{
  margin-top:15px;
}

/**Collections block tablet and mobile **/

@media (max-width: 1024px) {
  .hover-logo, .hover-logo-thirds {
    opacity:1;
  }
}

/* Line */

.line{
  width:100%;
  height:1px;
  background-color: var(--ct-grey);
}


/* self build text*/

.self-buld-text h2{
  font-weight:var(--weight-extrabold);
  color: var(--ct-black70);
  margin-bottom: 14px;
}
.self-buld-text h3{
  color:var(--ct-black70);
  font-weight:var(--weight-extrabold);
  font-size: 1.21rem;
  line-height: 1.5rem;
}
.self-buld-text p{
  margin-bottom:0.25rem;
  color:var(--ct-black70);
  font-weight:var(--weight-regular);
}
/* Collections/ Posts */

.single-post h2{
  font-size: 2.4rem;
  line-height: 2.8rem;
}
.prev-next-links{
  display:flex;
  justify-content: space-between;
  color:var(--ct-black80);
  font-size: 1.21rem;
  line-height: 1.5rem;
}
/* FOOTER */
footer{
  padding-bottom:120px;
  padding-top:60px;
}
footer .footer-line{
padding-bottom:40px;

}
.home .footer-line{
  display:none;
}
footer p{
  line-height:19px;
  font-size:15px;
  margin-bottom:0;
  color:var(--ct-mørk-brun);
}

.footer-address-wrapper, .footer-contact-wrapper {
  display:flex;
  flex-direction: column;
  justify-content: space-between;
}
.footer-address-wrapper .name{
  font-weight:var(--weight-regular);
  text-transform: uppercase;
}
.footer-address-wrapper .title{
  font-weight:var(--weight-extrabold);
  text-transform: uppercase;
}
.footer-address-wrapper .footer-address{
  font-weight: var(--weight-regular);
}
.footer-contact{
  font-weight: var(--weight-regular);
}
.footer-contact-links{
  font-weight: var(--weight-bold);
}
.footer-logo img{
  width:125px;
  height:95px;
}
.footer-other-logos{
  display:flex;
  flex-direction: row;
  gap:57px;
  justify-content: flex-end;
}
.footer-homo-faber img{
  width:58px;
}
.footer-kunstfond img{
  width:58px;

}
/****** FOOTER MOBILE *******/

@media (max-width: 991px){.footer-logo{
  order:1;
}
.footer-other-logos{
  order:2;
  flex-direction: column;
  gap:30px;
}
footer .row{
  gap:30px;
}
.footer-address-heading{
  margin-bottom:30px;
}
.footer-email{
    margin-bottom:30px;
}
.footer-homo-faber img{
  width:75px;
}
.footer-kunstfond img{
  width:75px;
  height:75px;
}
.footer-logo img {
    width: 115px;
    height: auto;
}
}
@media (min-width: 1300px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1500px;
    }
}