/*
Theme Name: Theme EFTACIM NEW
Author: Component Blox & Pragmacom
Description: Bootstrap Component Blox Child Theme for eftacim
Version: 1.0
Template: bootstrap-component-blox
*/
@charset "UTF-8";
@import 'https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|PT+Serif:400,400i,700,700i';
/*@import "fonts/icomoon/icomoon.css";*/
.montserrat-light {font-family:"Montserrat",sans-serif;font-weight:300;font-style:normal;}
.montserrat-light-lit {font-family:"Montserrat",sans-serif;font-weight:300;font-style:normal;font-size:0.8rem;}
.montserrat-regular{font-family:"Montserrat",sans-serif;font-weight:400;font-style:normal;}
.montserrat-regular-italic {font-family:"Montserrat",sans-serif;font-weight:400;font-style:italic;}
.montserrat-bold{font-family:"Montserrat",sans-serif;font-weight:700;font-style:normal;}
html{font-family:'Montserrat',sans-serif; background-color: #E0E0E0;}/*#EEEEEE*/
body{font-family:'Montserrat',sans-serif;background-color: #E0E0E0;}
/*.container{background-color: #FFFFFF;}*/


.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #E39226;
  --bs-btn-border-color: #E39226;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #D4851B;
  --bs-btn-hover-border-color: #D4851B;
  --bs-btn-focus-shadow-rgb: 227,146,38;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #D4851B;
  --bs-btn-active-border-color: #D4851B;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #E39226;
  --bs-btn-disabled-border-color: #E39226;
}

.btn-outline-primary {
  --bs-btn-color: #E39226;
  --bs-btn-border-color: #E39226;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #E39226;
  --bs-btn-hover-border-color: #E39226;
  --bs-btn-focus-shadow-rgb: 255,98,11;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #E39226;
  --bs-btn-active-border-color: #E39226;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #E39226;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgba(227,146,38,1.00);
  --bs-gradient: none;
}


/*input::placeholder {color:#BEBEBE !important;}*/
/*marche pas*/
.input-group input::placeholder {color: #9A9A9A !important;}
@media (max-width: 576px) {
.input-group input::placeholder {font-size: 0.7rem;}
}

.select_efta input::placeholder {color: #BEBEBE !important;}
@media (max-width: 576px) {
.select_efta input::placeholder {font-size: 0.7rem;}
}



.span_efta {color: #EC1F23 !important;}
.span_efta select {
   color: #3DC36E !important;
}


.form-control input[type="text"]{
    padding-inline: 45px;
}

.input_explic{color: #8C8C8C;font-size: 0.7rem;font-weight:300;font-style:normal;text-transform: uppercase;}



a:link{text-decoration: none;}
a {color: #e39226;}
a:hover{color: #54340e;}
.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: #e39226;
  text-decoration: none;
  background-color: #FFFFF;
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.page-link:hover {
  z-index: 2;
  color: #54340e;
  background-color: #FFFFF;
  border-color: var(--bs-pagination-hover-border-color);
}

.pagination {
  --bs-pagination-active-bg:#e39226;
  --bs-pagination-active-border-color:#e39226;}


/*
span a:link, p a:link{color: #e39226;}
span a:visited, p a:visited{color: #e39226;}
span a:hover, p a:hover{color: #a0641c;}
span a:active, p a:active{color: #a0641c;}
*/



.text-justify {text-align:justify;}
.wp-block-column p {text-align:justify;}



h2{
    color: #515458;
    font: 400 40px 'Montserrat', sans-serif;
    padding-top: 20px;
    padding-bottom: 10px;  
}




.ms-n5 {
    margin-left: -40px;
}


.timetool_logo{min-width:90px;}
@media (max-width: 576px) {
.timetool_logo{min-width:70px;}
}

@media (max-width: 576px) {
p{font-size: 0.8rem;}
li{font-size: 0.8rem;}
}

@media (max-width: 992px) {
.efta_sup_nav {display: none;}
}

.sites-nav {float: right;}
.sites-nav li {margin-left: 20px;}
.sites-nav a {
    font-weight: 400;
    font-size: 0.8rem;
    padding-left: 8px;
    text-transform: uppercase;
}


.nav-link{text-transform: uppercase;}
.navbar-nav li{padding-left:7px;padding-right:7px;letter-spacing:1.4px;font-size:13px;}
.nav-link{color:#FFFFFF}
/*.search_link{letter-spacing:2px;font-size:13px;font-family:'Montserrat',sans-serif;font-weight:300;}*/


a.search_link{letter-spacing:2px;font-family:'Montserrat',sans-serif;font-weight:300;color:#FFFFFF!important;}
a:visited.search_link{letter-spacing:2px;font-family:'Montserrat',sans-serif;font-weight:300;color:#FFFFFF!important;}
a:hover.search_link{letter-spacing:2px;font-family:'Montserrat',sans-serif;font-weight:300;color:#a0641c!important;}
a:active.search_link{letter-spacing:2px;font-family:'Montserrat',sans-serif;font-weight:300;color:#a0641c!important;}

.icon-efta-home,
.icon-efta-home a {
    color: #604672;
}

.icon-individual-members,
.icon-individual-members a {
    color: #E39226;
}

.icon-training-institutes,
.icon-training-institutes a {
    color: #299aba;
}

.icon-national-organisations,
.icon-national-organisations a {
    color: #4ca40c;
}
.navbar-light{background-color:#e39226 }



.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: #a0641c;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
}
















.centered {
  position: absolute;
  top: 140px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.top {
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translate(-50%, -50%);
}
#td-session-header .top {top: 80px;}
#td-main-header {
  height: 250px;
  overflow: hidden;
  background-position: 100% 100%;
  background-color: #e2b16d;
  background-repeat: no-repeat;
}
#td-session-header {
  height: 180px;
  overflow: hidden;
  background-position: 100% 100%;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
}

@media (max-width: 768px) {
#td-main-header {height: 350px;  
}
}

@media (max-width: 576px) {
#td-session-header .centered {top: 80px;}
#td-session-header {height: 160px;}
#td-main-header {height: 200px;}
	
.centered {
  
  top: 80px;
  
  
}
	
}

p.efta_banner {
    font-size: 2.2rem;
    
}


.w-100 {
  width: 100% !important;
}
img, svg {
  vertical-align: middle;
}
.h-100 {
  height: 100% !important;
}

.display-4 {
  
  font-weight: 300;
  line-height: 1.2;
  font-size: 3.0rem;
}
@media (min-width: 1200px){
.display-4 {font-size: 3.0rem;}
}
@media (max-width: 576px) {.display-4 {font-size: 1.6rem;}
}


.divider {
  margin: 5px auto 0;
  width: 120px;
  position: relative;
}
.position-relative{ position: relative;}

.container2 {position: relative;text-align: center;color: #FFFFFF;}
p.website{display: none;}
p.choice{display: none;}
.no_display{display:none;}

.footer-widgets{background-color: #C1C1C1;font-size: 0.8rem;}
.cdd_footer{font-size: 0.7rem;}





/* Some positioning and ratios */
.sticky-container {
  max-width: 210px;
  position: relative;
}

.sticky-outer {
  display: flex;
  padding-top: 92.5925926%;
  position: relative;

  width: 100%;
}

.sticky {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* Shadow behind the sticky note */
.sticky:before {
  box-shadow: -2px 2px 15px 0 rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.25);
  content: '';
  width: 90%;
  left: 5px;
  height: 83%;
  position: absolute;
  top: 30%;
}

/* The sticky note itself */
.sticky-content {
  background: linear-gradient(
    180deg,
    rgba(187, 235, 255, 1) 0%,
    rgba(187, 235, 255, 1) 12%,
    rgba(170, 220, 241, 1) 75%,
    rgba(195, 229, 244, 1) 100%
  );
  width: 100%;
  height: 100%;

  display: flex;
  justify-content: justify;
  align-items: center;
  font-family:"Montserrat",sans-serif;font-weight:300;font-style:normal;
  font-size: 0.5rem;

  clip-path: url(#stickyClip);
}

/* Add responsiveness */
@media screen and (min-width: 640px) {
  .sticky:before {
    height: 79%;
    width: 90%;
  }
  .sticky-content {
    font-size: 0.9rem;
  }
}

@media screen and (min-width: 768px) {
  .sticky:before {
    height: 75%;
    width: 90%;
  }
  .sticky-content {
    font-size: 0.9rem;
  }
}

@media screen and (min-width: 1024px) {
  .sticky:before {
    height: 73%;
    width: 90%;
  }
  .sticky-content {
    font-size: 0.9rem;
  }
}








@media (max-width: 992px) {}

@media (max-width: 768px) {}

@media (max-width: 576px) {}