/*
Theme Name: Connecting Cultures
Author: AdResult
Description: Et specialbygget tema til WordPress
Version: 1.0
*/


@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Sintony:wght@400;700&display=swap');


* {
  font-family: 'Sintony', sans-serif;
  font-weight: 400;
  font-style: normal;
}



/* RESET */
  
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_column_container>.vc_column-inner { padding-top: 0px !important; }
/*.vc_row { margin-left: 0px !important; margin-right: 0px !important; padding-left: 0px !important; padding-right: 0px !important; }*/

.hide-overlay { overflow-x: hidden !important; max-width: 100% !important; width: 100% !important; margin-left: auto; margin-right: auto;  }
  
* { box-sizing: border-box; }	
body { font-family: 'Sintony', sans-serif; color: #3A3A3A; background: #fff;  line-height: 1.5; font-size: 15px; margin: 0px; }	
.container{ max-width: 2200px; margin-left:auto !important;margin-right:auto !important; padding-top: 80px; padding-bottom: 80px; padding-left: 30px; padding-right: 30px; }
.wrapper, #box { max-width:1400px; width:100%; margin-left:auto !important;margin-right:auto !important; }	
  
.small { max-width: 600px; margin-left: auto; margin-right: auto;  }
.medium { max-width: 1000px !important; margin-left: auto; margin-right: auto;  }
.center { text-align: center; }	
.padding-s { padding-top: 35px; padding-bottom: 35px; }
.padding-m { padding-top: 70px; padding-bottom: 70px; }
.padding-l { padding-top: 150px; padding-bottom: 150px; }
.white, .white h2, .white h3, .white h4, .white h5 { color: #fff; }
  
  
.frm_required { display: none; }	
  
  

/* WP Bakery */	

.wrapper { max-width:1400px; width:100%; margin-left:auto !important;margin-right:auto !important; }		
.wrapper-small { max-width: 650px; margin-left:auto !important;margin-right:auto !important;  }	
.wrapper-medium { max-width:1000px; width:100%; margin-left:auto !important;margin-right:auto !important; }	
.wrapper-large { max-width:1600px; width:100%; margin-left:auto !important;margin-right:auto !important; }		

  
.center { text-align: center; }	
.center h2, .center h3, .center h4, .center h5  { text-align: center !important; }	
.white, .white h2, .white h3, .white h4, .white h5 { color: #fff; }
  
.fade1, .fade2, .fade3, .fade4, .fade5, .fade6 {
  opacity: 0;
  transition: opacity 1s ease-out;
}

.fade1 { transition-delay: 0.25s; }
.fade2 { transition-delay: 0.50s; }
.fade3 { transition-delay: 0.75s; }
.fade4 { transition-delay: 1.00s; }	
.fade5 { transition-delay: 1.25s; }	
.fade6 { transition-delay: 1.50s; }	
  
.js-link { cursor: pointer !important; transition: all 0.3s ease-in-out; }

.box-link .vc_column-inner,
.box-link .vc_column-inner.js-link  {padding: 0px; border-radius: 16px; padding-top: 35px; padding-bottom: 35px; } 

.box-link .vc_column-inner.js-link:hover { opacity: 90%; cursor: pointer !important; background: #fff;  } 
.white .box-link .vc_column-inner.js-link:hover { opacity: 90%; cursor: pointer !important; background: rgba(255, 255, 255, 0.15);  } 

.box-link .vc_column-inner h4 { padding-left: 25px; padding-right: 25px; font-weight: 600; }     
.box-link .vc_column-inner p { padding-left: 25px; padding-right: 25px;} 	 	

.box-link .vc_column-inner.js-link { position: relative; overflow: hidden;  }
.box-link .vc_column-inner.js-link::after { content: ""; position: absolute; top: 40px;right: 30px; width: 20px;height: 20px;background-color: #C18744;  border-radius: 50%;z-index: 1;transition: all 0.4s ease;transform-origin: top right; }
.box-link .vc_column-inner.js-link:hover::after { width: 30px; height: 30px; background-color: #6a9d91; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>'); background-repeat: no-repeat; background-position: center; background-size: 15px 15px; border-radius: 50%; }



  
/* End WP Bakery */			

  
.vc_box_rounded img { border-radius: 10px !important; }
  
/* FONTS */
  
a { color: #044867; font-family: 'Sintony', sans-serif;  }	
  
h1, h2, h3, h4, h5, h6 {   font-family: 'Fira Sans', sans-serif !important; line-height: 1.2; font-weight: 500;  }

h1 { font-size: 58px; font-weight: 500;  }
h1.quote { font-size: 40px; font-weight: 500;  }
h1.quote:before {
  content: " ";
  position: absolute;
  top: -30px; 
  left: -30px;
  z-index: -1; 
  background: url('https://connectingcultures.dk/wp-content/uploads/2025/07/Shape-Copy.svg');
  background-size: contain;
  background-repeat: no-repeat;
  height: 80px;
  width: 100px;
}

h2 { color: #1D333D; font-size: 40px; font-weight: 500;  }
h3 { color: #1D333D; font-size: 40px; font-weight: 500;  }
h4 { color: #1D333D; font-size: 28px; font-weight: 500;  }
h5 { color: #1D333D; text-transform: uppercase; font-weight: 500;  }
h6 {  font-weight: 500;  }

h1.large, h2.large, h3.large { font-size: 52px; font-weight: 500;  }

strong, b { font-weight: 700; }


.manchet { font-size: 20px; }
.manchet.small { max-width: 450px; margin-left: auto; margin-right: auto; }
.manchet.medium { max-width: 600px; margin-left: auto; margin-right: auto; }
.manchet.orange { color: rgba(197, 128, 59, 1); }
.manchet.red { color: rgba(112, 41, 43, 1); }

/* BTN */
.vc_btn3  { background: rgba(53, 92, 96, 1) !important; color: #fff !important; min-width: 240px; max-width: 100%; padding-left: 50px !important; padding-right: 50px !important; font-size: 16px; font-weight: 700; border: none !important; border-radius: 50px !important;  padding-top: 20px !important; padding-bottom: 20px !important; text-align: center !important; transition: all 0.3s ease-in-out; margin-bottom: 10px !important;  }
.vc_btn3:hover { cursor: pointer !important; box-shadow: 0 5px 35px rgba(0,0,0,0.3);  -webkit-transform: scale(1.02, 1.02) !important; transform: scale(1.02, 1.02) !important;  }	
.vc_btn3.vc_btn3-color-orange.vc_btn3-style-modern { background: #D2A069 !important; }
.vc_btn3.vc_btn3-color-sandy-brown.vc_btn3-style-modern { background: #FCF2E2 !important; color: #1D333D !important;  }


/* MENU */

.mainmenu { height: 100px; padding-top: 0px; padding-bottom: 0px; position: fixed; width: 100%; z-index: 999 !important; top: 0px; }
.mainmenu:before { content: ' '; display: block; position: absolute; top: 0;left: 0; width: 100%;height: 100%; background: rgba(0, 0, 0, 0.0) url('https://connectingcultures.dk/wp-content/uploads/2025/05/overlay.png');background-repeat: repeat-x; z-index: -1; background-size: contain; opacity: 80%;  }

.mainmenu .left { float: left; width: 400px; padding-top: 18px; }
.mainmenu .left img {
  height: 80px;
  transition: opacity 0.1s linear;
}


.mainmenu .right {  float: right; display: block; width: 60px; padding-top: 20px; }
.mainmenu .right .mega-menu-toggle { height: 60px !important; width: 60px !important; background: #E4DFD3 !important; border-radius: 50% !important; padding: 0px !important; transition: opacity 0.3s ease; z-index: 999 !important; position: absolute;  }
.mainmenu .right .mega-menu-toggle:hover { opacity: 0.7 !important; cursor: pointer !important; }
.mainmenu .right button.mega-close { display: none !important; }

#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open:after { display: none !important; }
#mega-menu-max_mega_menu_1 { background: #345C60 url('https://connectingcultures.dk/wp-content/uploads/2025/07/ikon-3.svg') no-repeat right bottom !important; min-width: 66% !important; padding: 80px 30px !important; min-height: 100vh !important; padding-left: calc(25% - 120px) !important; padding-right: calc(25% - 120px) !important; top: 00px !important;  z-index: 100 !important; box-shadow: 0 5px 1000px rgba(0,0,0,1) !important; }
#mega-menu-max_mega_menu_1 li.mega-menu-item { max-width: 100% !important;  }
#mega-menu-max_mega_menu_1 li.mega-menu-item a { font-size: 20px !important; height: 50px !important; line-height: 50px !important;  font-weight: 200 !important; transition: opacity 0.3s ease !important; text-align: left !important; }


#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { font-size: 15px !important; }

/* HDR */



#hdr { position: relative;padding-top: 250px;padding-bottom: 250px; margin-top: 0px; background-size: cover;  background-position: center center !important;  }
#hdr.badge:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%; 
  height: 100vh;
  background-repeat: no-repeat;
  background-size: 500px auto;
  background-position: bottom right;
  z-index: 1;
}


.badge.badge-1:before { background-image: url('https://connectingcultures.dk/wp-content/uploads/2025/07/Ikoner-hjoerne_1.svg'); }
.badge.badge-2:before { background-image: url('https://connectingcultures.dk/wp-content/uploads/2025/07/Ikon-2.svg'); }
.badge.badge-3:before { background-image: url('https://connectingcultures.dk/wp-content/uploads/2025/07/ikon-3.svg'); }
.badge.badge-4:before { background-image: url('https://connectingcultures.dk/wp-content/uploads/2025/07/Ikon-4.svg'); }
.badge.badge-5:before { background-image: url('https://connectingcultures.dk/wp-content/uploads/2025/07/Ikon-5.svg'); }
.badge.badge-6:before { background-image: url('https://connectingcultures.dk/wp-content/uploads/2025/07/Ikon_6.svg'); }

#hdr * {  position: relative; z-index: 2; }
#hdr h1{ max-width: 500px; }
#hdr p { max-width: 450px; }
#hdr.content { padding-bottom: 550px; }
#hdr #hdr-mobile { display: none; }

#hdr.about { position: relative;padding-top: 250px;padding-bottom: 250px; margin-top: 0px; background-size: cover;  background-position: center center !important; min-height: 1000px;  }


#hdr-video {position: relative; margin-top: 0px; background-size: cover;  background-position: center center !important; height: 900px;}
#hdr-video video { opacity: 100%; height: 1050px; width: 100%; position: absolute; object-fit: cover; z-index: 0; top: -150px; }
#hdr-video #hdr-mobile { display: none; }
#hdr-video #hdr-mobile-video { display: none; }
#hdr-video h5 { padding-top: 150px; }
#hdr-video h1 { max-width: 500px;  }
#hdr-video p { max-width: 450px; }

#content { }
#content .wrapper { background: #fff; max-width:860px; width:100%; margin-left:auto !important;margin-right:auto !important; border-radius: 12px; padding: 100px; position: relative; top: -200px; margin-bottom: -200px; position: relative; z-index: 5; }	



#sandbox { background: rgba(248, 229, 196, 0.5); margin: 25px !important; padding-top: 100px; padding-bottom: 100px; border-radius: 25px; }



.citat .wrapper-medium { padding-top: 100px; padding-bottom: 50px; }
.citat .wrapper-medium:after {
  content: '';
  position: absolute;
  top: 0px !important;
  right: 0;
  width: 100%; 
  height: 150px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  z-index: 1;
}
.citat .wrapper-medium h3 { position: relative; z-index: 10 !important; }

.citat.citat-1 .wrapper-medium:after { background-image: url('https://connectingcultures.dk/wp-content/uploads/2025/07/Shape-Copy.svg'); }
.citat.citat-2 .wrapper-medium:after { background-image: url('https://connectingcultures.dk/wp-content/uploads/2025/07/Shape-Copy-2.svg'); }
.citat.citat-3 .wrapper-medium:after { background-image: url('https://connectingcultures.dk/wp-content/uploads/2025/07/Shape-Copy-3.svg'); }
.citat.citat-4 .wrapper-medium:after { background-image: url('https://connectingcultures.dk/wp-content/uploads/2025/07/Shape.svg'); }


.container.badge {
  background-repeat: no-repeat;
  background-size: 500px auto;
  background-position: bottom right;
}

.container.badge-1 { background-image: url('https://connectingcultures.dk/wp-content/uploads/2025/07/Ikoner-hjoerne_1.svg'); }
.container.badge-2 { background-image: url('https://connectingcultures.dk/wp-content/uploads/2025/07/Ikon-2.svg'); }
.container.badge-3 { background-image: url('https://connectingcultures.dk/wp-content/uploads/2025/07/ikon-3.svg'); }
.container.badge-4 { background-image: url('https://connectingcultures.dk/wp-content/uploads/2025/07/Ikon-4.svg'); }
.container.badge-5 { background-image: url('https://connectingcultures.dk/wp-content/uploads/2025/07/Ikon-5.svg'); }
.container.badge-6 { background-image: url('https://connectingcultures.dk/wp-content/uploads/2025/07/Ikon_6.svg'); }



select.input-style-1 { padding: 20px; min-width: 300px; border-radius: 30px; }


/* FILTER */

.wpgb-facet .wpgb-button-facet { text-align: center !important; max-width: 1000px; margin-left: auto; margin-right: auto; }

.wpgb-facet ul .wpgb-button { border-radius: 50px !important; }

.wpgb-facet .wpgb-inline-list {
    justify-content: center !important;
    align-items: center !important;  
}

.wpgb-facet .wpgb-button[aria-pressed=true] {
    background-color: #355C60 !important;
    border-color: #fff;
    color: #fff;
    border: 1px solid #355C60 !important;
}


#footer { background: #355C60 url('http://connectingcultures.dk/wp-content/uploads/2025/07/Ikoner-hjoerne_1.svg') no-repeat; padding-top: 00px; padding-bottom: 100px; color: #fff; background-position: bottom right;  margin-top: 10px; }
#footer .footer-logo { max-width: 200px; margin-left: auto; margin-right: auto; position: relative; top: -105px; margin-bottom: -105px; }
#footer .footer-logo img {  }
#footer h2 { color: #fff; }


#footer-bottom { background: #1D333D; color: #fff; padding-top: 10px; padding-bottom: 0px; }








@media screen and (max-width: 1100px) {  
  
  
}



@media screen and (max-width: 992px) {  
  
.container{ max-width: 2200px; margin-left:auto !important;margin-right:auto !important; padding-left: 15px; padding-right: 15px; padding-top: 80px; padding-bottom: 80px; width: 100% !important; }
.wrapper, #box { max-width:1400px; width:100%; margin-left:auto !important;margin-right:auto !important; }	  
  
  
h1 { font-size: 38px;  }
h1.quote { font-size: 30px; }
h1.quote:before {
  content: " ";
  position: absolute;
  top: -30px; 
  left: -30px;
  z-index: -1; 
  background: url('https://connectingcultures.dk/wp-content/uploads/2025/07/Shape-Copy.svg');
  background-size: contain;
  background-repeat: no-repeat;
  height: 80px;
  width: 100px;
}


h2 { color: #1D333D; font-size: 30px; }
h3 { color: #1D333D; font-size: 30px; }
h4 { color: #1D333D; font-size: 22px; }
h5 { color: #1D333D; text-transform: uppercase; }
h6 { }

h1.large, h2.large, h3.large { font-size: 30px; }


.manchet { font-size: 18px; }
.manchet.small { max-width: 450px; margin-left: auto; margin-right: auto; }
.manchet.medium { max-width: 600px; margin-left: auto; margin-right: auto; }
.manchet.orange { color: rgba(197, 128, 59, 1); }
.manchet.red { color: rgba(112, 41, 43, 1); }



/* MENU */

.mainmenu { height: 100px; padding-top: 0px; padding-bottom: 0px; position: fixed; width: 100%; z-index: 999; top: 0px; }
.mainmenu:before { content: ' '; display: block; position: absolute; top: 0;left: 0; width: 100%;height: 100%; background: rgba(0, 0, 0, 0.0) url('https://connectingcultures.dk/wp-content/uploads/2025/05/overlay.png');background-repeat: repeat-x; z-index: -1; background-size: contain; opacity: 80%;  }



.mainmenu { height: 100px; padding-top: 0px; padding-bottom: 0px; position: fixed; width: 100%;top: 0px; }
.mainmenu:before { content: ' '; display: block; position: absolute; top: 0;left: 0; width: calc(100% + 30px);height: 100%; background: rgba(0, 0, 0, 0.0) url('https://connectingcultures.dk/wp-content/uploads/2025/05/overlay.png');background-repeat: repeat-x; z-index: -1; background-size: contain; }
.mainmenu .left { float: left; width: 200px; padding-top: 25px;  }
.mainmenu .left img { height: 50px; }
.mainmenu .right {  float: right; display: block; text-align: right; width: 60px; padding-top: 20px; }

  
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open:after { display: none !important; }
#mega-menu-max_mega_menu_1 { background: #345C60 url('https://connectingcultures.dk/wp-content/uploads/2025/07/ikon-3.svg') no-repeat right bottom !important; min-width: 90% !important; padding: 100px 30px !important; min-height: 100vh !important; padding-left: 30px !important; padding-right: 30px !important; box-shadow: 0 5px 1000px rgba(0,0,0,1) !important; }
#mega-menu-max_mega_menu_1 li.mega-menu-item { max-width: 100% !important;  }
  
  
#mega-menu-max_mega_menu_1 li.mega-menu-item a { font-size: 15px !important; height: 40px !important; line-height: 40px !important;  font-weight: 200 !important; transition: opacity 0.3s ease !important; text-align: left !important; }  

}


@media screen and (max-width: 720px) {  


  #hdr { position: relative;padding-top: 250px;padding-bottom: 50px; margin-top: -100px; background-size: cover;  background-position: center center !important; }
  
  #hdr.bg-hide { background-color: #355C60; background-image: none !important; }
  #hdr.bg-hide  .vc_btn3  { background: #FCF2E2 !important; color: #3A3A3A !important; }
  
  #hdr.badge:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%; 
    height: 100vh;
    background-repeat: no-repeat;
    background-size: 200px auto;
    background-position: bottom right;
    z-index: 1;
  }
  #hdr * {  position: relative; z-index: 2; }
  #hdr h1{ max-width: 100%; }
  #hdr p { max-width: 450px; }
  #hdr.content { padding-bottom: 550px; }
  #hdr #hdr-mobile { display: block; position: relative; left: -30px; width: calc(100% + 60px); top: -150px !important; margin-bottom: -230px; }
  
  #hdr.about { position: relative;padding-top: 250px;padding-bottom: 50px; margin-top: -100px; background-size: cover;  background-position: center center !important; min-height: auto; background-image: none !important; }  
  
  
 #hdr-video {position: relative; margin-top: 0px; background-size: cover;  background-position: center center !important; height: auto; padding-bottom: 50px; }
 #hdr-video video { display: none; }
 #hdr-video #hdr-mobile { display: block; position: relative; left: -30px; width: calc(100% + 60px); top: -50px !important; margin-bottom: -280px; }
 #hdr-video #hdr-mobile-video { display: block}
 #hdr-video #hdr-mobile-video video { opacity: 100%; height: auto !important; width: calc(100% + 60px); position: relative; object-fit: contain; z-index: 0; top: -50px; left: -30px; margin-bottom: -280px; display: block !important; }
 #hdr-video h5 { padding-top: 150px; }
 #hdr-video h1 { max-width: 500px;  }
 #hdr-video p { max-width: 450px; } 
  
 #hdr-video.bg-hide { background-color: #355C60; background-image: none !important; }
 #hdr-video.bg-hide  .vc_btn3  { background: #FCF2E2 !important; color: #3A3A3A !important; }
  
  
  
  #content { }
  #content .wrapper { background: #fff; max-width:860px; width:100%; margin-left:auto !important;margin-right:auto !important; border-radius: 12px; padding-left: 0px; padding-right: 0px; position: relative; top: 0px; margin-bottom: 0px; position: relative; z-index: 5; }  
  
  
  .citat .wrapper-medium h3 { font-size: 24px; }
  
  
}