@charset "utf-8";
/* CSS Document */ 

.breadcrumb-item a {
	color: var(--med-blue) !important;
}

/* fonts*/
.is-Montserrat{	 font-family: var(--font-base);}
.is-Inter{	 font-family: var(--font-inter) ;}
.is-Giroy{	 font-family: var(--font-gilroy) ;}


.navbar .navbar-nav > li > a {
   
/*  font-size: 0.9rem*/
  
}
 

/* BUTTONS */

.btn-primary{
	background-color: var(--med-blue);
	color:white;
}
.btn-primary:hover{
	background-color: var(--med-blue-50);
	color:var(--darkgreen);
}
.btn-secondary{
	background-color: var(--med-darkgreen);
		color: white;
}
.btn-secondary:hover{
	background-color: var(--med-lightgreen);
color:black;
}
/* active class */
.btn-active{
	background-color: var(--med-darkgreen) !important;
		color: white !important;
}
.btn-active:hover{
	background-color: var(--med-lightgreen)!important;
color:black !important; 
}
 
.btn-bold{
	color: var(--med-darkgreen) !important;
	 font-weight: 600
}
.btn-bold:hover{
	text-decoration: underline 
}
.btn-white{
	background-color: white;
	border-color: rgba(255,255,255,0.3);
	color: var(--med-blue);
}
.btn-white:hover{
	background-color:var(--med-darkgreen);
	border-color: rgba(255,255,255,0.3);
	color:  white;
}

.btn-black{
	background-color:black;
	border-color: rgba(0,0,0,0.6);
	color:  white;

}
.btn-black:hover{
	background-color: white;
	border-color: rgba(0,0,0,0.7);
	color: black
} 
 

button.btn-red{ color: white !important ; background-color: red !important ; border: solid 1px  red; }
button.btn-red:hover{ color: red !important; background-color: white !important;  border: solid 1px  red; }
button.btn-red:hover i { color: red !important;  }
button.btn-red i{ color: white !important; }
button.btn-red i:hover{ color: red !important ; }
button.btn-green{ color: white !important; background-color: green !important; border: solid 1px  green;   }
button.btn-green:hover{ color: white !important; background-color: green !important; border: solid 1px #ccc;   }
button.btn-green i{ color: white !important; }
button.btn-orange{ color: white !important; background-color: orange !important;  border: solid 1px  orange ; }
button.btn-orange:hover{ color: orange !important ; background-color: white !important;  border: solid 1px  orange ; }
button.btn-orange:hover i { color: orange !important ;  }
button.btn-orange i{ color: white !important; }
button.btn-orange i:hover{ color: orange !important ; }

/* Mederi*/
.btn-med-green{ color: white !important; background-color: var(--med-green) !important;    }
.btn-med-green:hover{ color: white !important; background-color: green !important;   }
.btn-med-green i{ color: white !important; }
.btn-med-blue{	background-color: var(--med-blue);	color:white;}
.btn-med-blue:hover{background-color: var(--med-blue-50);color:var(--darkgreen);}

.btn-med-darkgreen{	background-color: var(--med-darkgreen);	color: white !important;  }
.btn-med-darkgreen:hover{background-color: var(--med-lightgreen);color:black!important;}
.btn-med-roze{background-color: var(--med-roze); color:black!important;}
.btn-med-roze:hover{background-color: var(--med-red);	color: white !important;}
.btn-med-red{ background-color: var(--med-red);color:black !important;}
.btn-med-red:hover{	background-color: var(--med-roze);	color: var(--med-red)!important; }

/*additional btns */
.btn-Lichtblauw{ background-color: #93BBFF !important;  color: black !important;   }
.btn-Donkerblauw{ background-color:  #181F34  !important;  color: white!important;   }
.btn-Lichtgeel{ background-color: #F5EB90  !important;  color: black !important;   }
.btn-Lichtrood{ background-color: #FD6652 !important;  color: black !important;   }
.btn-Lichtgroen{ background-color: #65E6A4 !important;  color: black !important;   }
.btn-Lichtoranje{ background-color: #F6B258  !important;  color: black !important;   }
.btn-Lichtgrijs{ background-color: #D9D9D9  !important;  color: black !important;   }


.is-red{ color: var(--med-red); }
.is-blue{ color: var(--med-blue); }
.is-green{ color: var(--med-green); }
.is-darkgreen{ color: var(--darkgreen); }
.is-white{ color: var(--med-white); }
.is-black{ color: var(--med-font); }
.is-roze{ color: var(--med-roze); }

#header {
  width: 100%;
  display: block;
  padding-top: 0px;
}
/* Header Hover */

/*   NAVIGATION MENU */
.nav-gradient {
    background-image: linear-gradient(145deg, rgba(0,158,227, 0.9) 0%, rgba(97,209,182, 0.90
  ) 100%);
  transition: 0s all ease;
 
  color:var(--med-white);	
}   
/*.navbar.nav-top > li > a {
  color: var(--med-white);
}
.navbar.nav-top > li > a:hover, .navbar.navbar-light .navbar-nav > li > a:focus, .navbar.navbar-light .navbar-nav > li > a:active {
  color: var(--med-gray);
}*/
select.taal-selecter{
	background-color: transparent !important;
	color: var(--med-red);
	font-weight: 600;
	border: none; 
	border-radius: none;
	box-shadow: none !important;
	
		
}
select.taal-selecter-white{
	background-color: transparent !important;
	color: #FFF;
	font-weight: 600;
	border: none; 
	border-radius: none;
	box-shadow: none !important;
	font-size: var(--font-size);
	height: inherit;
	
		
}

.nav-top {
  position: fixed;
  top: 0;
 z-index: 9999;	
  width: 100%;
/*  background-image: linear-gradient(rgba(249,197,197,0.95) 98px, rgba(255,255,255, 0.75) 98px);*/
   background-image: linear-gradient(145deg, rgba(0,158,227, 0.9) 0%, rgba(97,209,182, 0.90
  ) 100%);
  transition: 0s all ease;
  transform: translateY(-100%);
  color:red;	
}   

.nav-top.awake {
  transition: 0.3s all ease;
  transform: translateY(0%);
}

.nav-top.sleep {
  transition: 0.3s all ease;
  transform: translateY(-80%);
}

#mainNav ul.navbar-nav{

 margin-left: auto;
 margin-right: auto;
}

#mainNav ul li{ text-decoration: none; }
#mainNav ul li.active a { color: white; padding-bottom: 3px; border-bottom: solid 1px white; }



@media only screen and (max-width: 767px) {
	.nav-top.awake{display: none; }
	.nav-top.sleep{display: none; }
	.nav-top{display: none; }
	.navbar {  position: fixed;right: 0;   left: 0;       border-radius: 0;  top: 0; z-index: 9999;  width: 100%;} 
	  body {
    margin-top: 50px;
  }

 
}
 
/*menu items with image-32 class*/
div.menu-header-image ul li{ margin-bottom: 0.5rem;	}
div.menu-header-image ul li:last-child{ margin-bottom: 0rem;	}

div#mainNav ul.dropdown-menu.mega-dropdown-menu li div.container li.pli{
	margin-bottom: .7rem;
}
 
/*  HEADER SOCIAL LINKS  
 */

.header-socials {
  margin: 0;
  display: inline-block; 
  text-align: center;
}

.header-socials span {
  float: left;
  width: auto !important;
  display: inline-block !important;
  vertical-align: top;
  clear: none !important;
  margin: 0;
}

.header-socials a {
  display: block;
  line-height: 70px!important;   
  margin-left: 16px;
}

.header-socials a span {
  position: relative;
  top: 2px;
}

.header-socials.ico-20 [class*="flaticon-"]:before, 
.header-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.325rem; } 

 
/* section components*/
.sectionSort{
	 clear: both;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px
}



.cardservice{
	min-height: 330px;
	height: 330px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px; 
	border-radius: 0.15rem !important;
}

.cardservice:hover{
	border-color: var(--med-blue-25);

}



  @media (max-width: 992px) {
	  div.opleidingList{	border-bottom: solid 1px var(--med-gray)!important ;	  }
  div.opleidingList div.col-md-4:first-child{ font-weight: 600;
	  
	  }
}

.btn-opleiding-list{
	font-size: .85rem;
}

/*HERO*/

	div.hero-overlay{
	 background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0.6) 70%, rgba(255, 255, 255, 0.7) 80%, rgba(255, 255, 255, 0.9) 90%, white 100%);	
     bottom: 0px !important;
	background-position: center center;
  background-size: cover !important;	
	  left: 0px;
  right: 0px;
  top: 0px;
   position: absolute;
  z-index: 1;	
	}
#HeroLR{ height: 100%;}
	#Hero{ height:  calc(100vh - 100px); background-color: white; background-position:top; background-size: cover; }
/*@media (min-width: 992px) {	#HeroLR{ height:  calc(70vh - 100px);} } */

  @media (max-width: 992px) {	  #HeroLR{ height: 100%; margin-top: 20px;} }

/*desktop*/
	section#Hero div.herop{ font-size: 110%; font-weight:500;  font-family: var(--font-inter); background-color: rgba(255,255,255,0.2); padding: 1.8rem; line-height: 1.8rem; }		
	/*mobile */	
section#Hero div.heropsm{  font-weight:600;  font-family: var(--font-inter); background-color: rgba(255,255,255,0.5);  padding: 1.5rem;  }	 	

	section#Hero div ul.hero { list-style: none; }		
/*	space between */
	section#Hero div ul.hero li { margin-bottom: 1rem;}		
	section#Hero div.herop ul.hero li { margin-bottom: 0.5rem;}		
 	section#Hero div ul.hero li:last-child { margin-bottom: 0rem;}		

 section#HeroLR div ul { list-style: disc;  }	
section#HeroLR div ul li { margin-bottom: 0; margin-left: 20px;}		

/* hero headers */
h1.layout2{
font-family: Plus Jakarta Sans; 
  text-transform: none;
  letter-spacing: -0.03em;
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 500 !important;
 margin-bottom: .8rem	
}
@media (min-width:1200px) {
	h1.layout2{
font-family: Plus Jakarta Sans; 
  text-transform: none;
  letter-spacing: -0.03em;
  font-size: 2.2rem;
  line-height: 2.8rem;
  font-weight: 500 !important;
  margin-bottom: 1rem	
}
}
   @media (max-width: 992px) {	.single-post-title{ margin-top: 20px;} }


/*WAT DOEN WE */
div.wat-doen-we p {
	padding-bottom: 2rem; padding-top: 1.1rem;
	
	
}
  div.wat-doen-we h2,h3 {
font-family: var(--font-gilroy)
		
}
  div.wat-doen-we h2 {
color: var(--med-darkgreen);
font-size: calc(1.175rem + 1.5vw);
/*  font-weight: 300;*/
  line-height: 1.8	
}

  div.wat-doen-we h3 {
color: var(--med-blue);
font-size: calc(1.075rem + 1vw);
/*  font-weight: 300;*/
  line-height: 1.5	
}


.category-list ul {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: center;
}

.category-list li {
  cursor: pointer;
  margin-right: 10px;
  padding: 5px;
  background-color: #009ee3;
  color: #fff;
}

/*BANNERS*/
.med-banner img {
	padding-bottom: 3rem;
	padding-top:2rem;
}

/*COUNTER*/

.counter {
  padding: 60px 0px;
}

.counter-item .counter-stat {
  font-size: 50px;
}
.counter-item p {
  margin-bottom: 0px;
}

.bg-counter {
	background-color: white;
	color: var(--med-font);
  background-size: cover;
}




/* BLOG NIEUWS */

.badge-nieuws {
  color: var(--med-gray);
  font-size: 0.75rem;
  font-weight: 600;
  background-color: var(med-white-offset) ;
  border: 1px solid var(med-white-offset);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 6px;
  padding: 4px 8px;
  margin-left: 4px;	
  margin-right: 2px;
  -webkit-transition: all 450ms ease-in-out;
  -moz-transition: all 450ms ease-in-out;
  -o-transition: all 450ms ease-in-out;
  -ms-transition: all 450ms ease-in-out;
  transition: all 450ms ease-in-out;
}
 .card-nieuws{
	width: 100%;
	min-height: 400px;
		
}

.card-body-nieuws {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
 padding-top: .75rem;	
}
.card-title-nieuws{
	width: 100%;
	min-height: 3rem;
		
}


/*OPLEIDING*/
.card-opleiding{
	min-height: 300px;
	 box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px; 
	border-radius: 0.15rem !important;
}

.card-opleiding:hover{
	border-color: var(--med-blue-50);
	
}
 .card-title-opleiding{
	width: 100%;
	min-height: 30px;
		
}
.card-title-opleiding-vanaf{ 
	font-size: .75rem;
}
  .card-body-opleiding {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
 padding-top: .75rem;	
}  

.card-title-opleiding-h3{
	min-height: 50px;
  font-size: 1rem;
	color: var(--med-darkgreen)
 }
.card-text-opleiding{
 min-height: 150px;
font-size: .85rem;
line-height: 1.2rem;	
	
}

.card-text-opleiding p {
 
font-size: .85rem;
}
  .card-footer-opleiding {
	padding: .5rem 1.25rem;
background-color: white !important;
border-top: none !important;	
}

 .opleidingservicelijst{
	min-height: 175px;
 
	box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px; 
	border-radius: 0.15rem !important;
}

.opleidingservicelijst:hover{
	border-color: var(--med-blue-50);
	
}



 .card-footer-opleiding-lijst {
padding: 0rem 1.25rem 0rem 1.25rem;
  
background-color: white !important;
border-top: none !important;	
}
.card-footer-opleiding-lijst a { font-size: .75rem; }
.card-footer-opleidingdata {
	padding: .75rem 1.25rem;
background-color: var(--med-grey-offset)!important ;
border-top: none !important;	
} 
 
div.opleidingList{
	font-size: 85%;
	font-family: var(--font-inter);
	color: var(--darkgreen);
	padding-bottom: .75rem;
	padding-top: .5rem;
	border-bottom: solid 1px var(--med-grey-offset)!important ;
	border-top: solid 1px var(--med-grey-offset)!important ;
	background-color: white;
}
 
div.opleidingList:hover{
	background-color: var(--med-grey-offset)!important ;
	border-bottom: solid 1px var(--med-blue-25)!important ;
	 
}
div.opleidingList div.col-md-4:first-child{ font-weight: 500; }

/* badge opleiding*/
.badge-opleiding {
  color: var(--med-gray);
  font-size: 0.75rem;
  font-weight: 600;
  background-color: var(med-white-offset) ;
  border: 1px solid var(med-white-offset);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 6px;
  padding: 4px 8px;
  margin-right: 2px;
  -webkit-transition: all 450ms ease-in-out;
  -moz-transition: all 450ms ease-in-out;
  -o-transition: all 450ms ease-in-out;
  -ms-transition: all 450ms ease-in-out;
  transition: all 450ms ease-in-out;
}
h3.card-title-opleiding{
 font-size: 1rem;
color: var(--med-darkgreen);
font-family: var(--font-gilroy);	
}

span.card-title-opleiding-vanaf{
	font-size: .8rem;
	color: var(--med-lightgrey);
}
p.card-text-opleiding{
	padding-top: 1rem;
	font-size: .88rem;
	
}

div.opleidingsdata{
 border: solid 1px var(--med-blue-50) !important;
 background-color: var( --med-grey-offset);	
border-radius: .15rem;	
font-family: var(--font-inter);
font-size: .9rem	
}

p.opleiding-teaser{
	font-size: .80rem; 
	font-style: italic;
	font-family: var(--font-inter);
}



/*VACATURE*/
div.card-service-vacature{
	min-height: 360px;
	height: 360px;
 
  box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
  border-radius: 0.15rem !important;
}	


 

img.image-vacature{
	height: 140px;
	max-height: 140px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.card-title-vacature{
	min-height: 50px; 
	height: 50px; 
	  
}
.card-title-vacature h4{
	font-weight: 600;
}

div.card-text-vacature{ padding-top: 1rem;
font-size: .85rem;
height: 110px;
max-height: 110px;
margin-bottom: 5px;	
	 
}

div.card-text-vacature p{ 
font-size: .85rem;}

div.card-text-vacature a{
	font-size: .75rem;
}

/* pages responsive image*/
	div.single-post-txt img.fluid{
	width: 100%;
  max-width: 800px;
  height: auto;
	}
@media only screen and (max-width: 800px) {
	div.single-post-txt img{
	width: 100%;
  max-width: 790px;
  height: auto;
	}
}


/* file upload*/

/* upload file */ 
.file-upload{display:block;text-align:center;font-family: var(--font-inter);font-size: 12px;}
.file-upload .file-select{display:block;border: 2px solid var(--med-green);color: var(--med-darkgreen) ;cursor:pointer;height:32px;line-height:32px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select .file-select-button{background:var(--med-green);padding:0 10px;display:inline-block;height:32px;line-height:32px;}
.file-upload .file-select .file-select-name{line-height:32px;display:inline-block;padding:0 10px;}
.file-upload .file-select:hover{border-color:var(--med-darkgreen);transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select:hover .file-select-button{background:var(--med-darkgreen);color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select{border-color:var(--med-green);transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select .file-select-button{background:var(--med-green);color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid var(--med-grey-offset);color: var(--med-darkgreen);cursor:pointer;height:32px;line-height:32px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:var(--med-grey-offset);color:#666666;padding:0 10px;display:inline-block;height:32px;line-height:32px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:32px;display:inline-block;padding:0 10px;}
/*FOOTER */
footer { border-top: solid 1px var(--med-blue-25);
}

.credits{
	
	font-size: .85rem; 
	 
	font-family: var(--font-inter);
}
.credits a{
  	font-size: .85rem; 
	 font-family: var(--font-inter); 
}

@media only screen and (max-width: 767px) {
	p.card-text-opleiding{	font-size: 1.05rem;}
	h3.card-title-opleiding{ font-size: 1.2rem; }
}

/*  BLOGS */
div#Blognieuws.container div.card-text{ padding-top: 1rem; font-size: 85%;  }
 

/*ZORGPROJECTEN */
div.zorgproject-teaser{
	font-size: .80rem; 
	font-style: italic;
	font-family: var(--font-inter);
}

.gold-border {
  border-bottom: 4px solid #d1b665;
}

 


 

 


/*  Post Link */


.post-link {
  text-align: center;
  position: absolute;
  right: 15px;
  bottom: 15px;
  padding: 10px;
}
.post-title{
color: #222;
font-family: var(--font-base);
font-weight: 700;
letter-spacing: -0.25px;
	
}
.post-sub-title{
color: #222;
font-family: var(--font-base);
font-weight: 600;
letter-spacing: -0.25px;
font-size: 1.375rem;	
	
}
 .post-inner-img {
  text-align: center;
  margin-top: 55px;
  margin-bottom: 50px;
	 
}

div.blog-post-img{
margin-top: 20px;
margin-bottom: 20px;	

}
 
.blog-posts-list {
 padding-left: 15px;
	padding-right: 15px;
}

.single-post-txt{
color: #222;
font-family: var(--font-base);
line-height: 1.5rem;
}


  
.blog-posts {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.post {
  width: 200px;
  margin: 10px;
  padding: 10px;
  background-color: #f57766;
  color: #fff;
}


/*  LISTS*/


ul {
  margin: 0;
  padding: 0;
 
} 
div.single-post-txt ul li { margin-bottom: 0; margin-left: 20px;}	

blog-categories ul{  list-style: none; }
ul.blog-category-list {
 	 list-style: none;
} 

/*  TEXT LIST  */


.txt-list li i {
  position: relative;
  font-size: 1.05rem;
  line-height: 1.5rem;
  float: left;
  margin-right: 10px;
  top: 2px;
}

.txt-list li p {
  overflow: hidden;
  margin-bottom: 10px;
}

ul.simple-list {
  list-style: disc;
  margin-left: 15px;
}


/*  NUMBER LIST  */


ol.num-list {
  margin-left: -20px;
}

ol.num-list li p {
  padding-left: 5px;
  margin-bottom: 5px;
}

ol.digit-list {
  padding: 0;
  margin-left: 15px;
}

ol.digit-list p {
  margin-bottom: 8px;
}


/*  BOX LIST  */


.box-list p {
  position: relative;
  font-weight: 400;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px dashed #ddd;
}

.bg-dark .box-list p {
  border-bottom: 1px dashed #777;
}

.box-list p:last-child {
  position: relative;
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.box-list p span {
  font-family: var(--font-base);
  font-weight: 700;
  position: absolute;
  top: 0;
  right: 15px;
}

.bg-dark .box-list p span {
  color: #fff;
}

 


/*  SIDEBAR TAGS  */


.badge {
  color: #777;
  font-size: 0.875rem;
  font-weight: 700;
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 8px;
  padding: 5px 10px;
  margin-right: 2px;
  -webkit-transition: all 450ms ease-in-out;
  -moz-transition: all 450ms ease-in-out;
  -o-transition: all 450ms ease-in-out;
  -ms-transition: all 450ms ease-in-out;
  transition: all 450ms ease-in-out;  
}

.badge a {
  color: #888!important;
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.42857;
}

.badge:hover {
  background-color: transparent;
  border-color: #ccc;
}

.badge1:hover a {
  color: #fff!important;
}

 

h3, p {
  margin: 0;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.blog-post.b-bottom {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 40px;
}

 

.blog-post-txt {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.blog-post-txt h5 {
  margin-bottom: 15px;
}

h5.posts-category {
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin-top: 60px;
  margin-bottom: 50px;
}
 
/*   SIDEBAR SEARCH FORM  */


#search-field .form-control {
  background-color: #f0f0f0;
  height: 54px;
  font-size: 12px;
  padding-left: 20px;
  border: none;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

#search-field .btn {
  background-color: #f0f0f0;
  color: #777;
  border: none;
  height: 54px;
  padding: 0 18px;
  margin-top: 0;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
   -webkit-border-radius: 0px 6px 6px 0;
  -moz-border-radius: 0px 6px 6px 0;
  border-radius: 0px 6px 6px 0;
}

#search-field .form-control:focus {
  border-color: #999;
  outline: 0px none;
  box-shadow: none;
}


/*  SIDEBAR TYPOGREPHY */


.sidebar-div h6 {
  margin-bottom: 1.5rem;
}

 
/*   SIDEBAR aside */
ul.aside-category-list > li {
  padding: 12px 0;
  border-bottom: 1px dashed var(--med-grey);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; 
  
}

ul.aside-category-list > li:first-child {
  padding: 0 0 12px;
}

ul.aside-category-list > li:last-child {
  padding: 12px 0 0;
  border-bottom: none;
}

ul.aside-category-list > li p {
  margin-bottom: 0;
}

ul.aside-category-list > li a {
  color: var(--med-gray);
  font-weight: 400;
 font-size: .85rem	
}

ul.aside-category-list > li span {
  color: #555;
  font-weight: 700;
}

ul.aside-category-list li:hover {
  padding-left: 8px;
}


/*   SIDEBAR BLOG CATEGORIES */


ul.blog-category-list > li {
  padding: 12px 0;
  border-bottom: 1px dashed var(--med-grey);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;  
}

ul.blog-category-list > li:first-child {
  padding: 0 0 12px;
}

ul.blog-category-list > li:last-child {
  padding: 12px 0 0;
  border-bottom: none;
}

ul.blog-category-list > li p {
  margin-bottom: 0;
}

ul.blog-category-list > li a {
  color: var(--med-gray);
  font-weight: 400;
}

ul.blog-category-list > li span {
  color: #555;
  font-weight: 700;
}

ul.blog-category-list li:hover {
  padding-left: 8px;
}


/*  SIDEBAR TAGS */


 
 
 

/*  Button Focus */


.btn:focus {
  color: #fff; 
  -webkit-box-shadow: none;
  box-shadow: none; 
}

.btn.btn-black:focus {
  color: #fff; 
  -webkit-box-shadow: none;
  box-shadow: none; 
}

.btn-grey:focus {
  color: #666; 
  -webkit-box-shadow: none;
  box-shadow: none; 
}

.btn-tra-black:focus, 
.btn.btn-tra-grey:focus {
  color: #333; 
  -webkit-box-shadow: none;
  box-shadow: none; 
}


/*  VECTOR ICONS  */


.ico-15 [class*="flaticon-"]:before, .ico-15 [class*="flaticon-"]:after { font-size: 0.9375rem; }  /* 15px */
.ico-20 [class*="flaticon-"]:before, .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; }    /* 20px */
.ico-25 [class*="flaticon-"]:before, .ico-25 [class*="flaticon-"]:after { font-size: 1.5625rem; }  /* 25px */
.ico-30 [class*="flaticon-"]:before, .ico-30 [class*="flaticon-"]:after { font-size: 1.875rem; }   /* 30px */
.ico-35 [class*="flaticon-"]:before, .ico-35 [class*="flaticon-"]:after { font-size: 2.1875rem; }  /* 35px */
.ico-40 [class*="flaticon-"]:before, .ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; }     /* 40px */
.ico-45 [class*="flaticon-"]:before, .ico-45 [class*="flaticon-"]:after { font-size: 2.8125rem; }  /* 45px */
.ico-50 [class*="flaticon-"]:before, .ico-50 [class*="flaticon-"]:after { font-size: 3.125rem; }   /* 50px */
.ico-55 [class*="flaticon-"]:before, .ico-55 [class*="flaticon-"]:after { font-size: 3.4375rem; }  /* 55px */
.ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 3.75rem; }    /* 60px */
.ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.0625rem; }  /* 65px */
.ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.375rem; }   /* 70px */
.ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 4.6875rem; }  /* 75px */
.ico-80 [class*="flaticon-"]:before, .ico-80 [class*="flaticon-"]:after { font-size: 5rem; }       /* 80px */
.ico-85 [class*="flaticon-"]:before, .ico-85 [class*="flaticon-"]:after { font-size: 5.3125rem; }  /* 85px */
.ico-90 [class*="flaticon-"]:before, .ico-90 [class*="flaticon-"]:after { font-size: 5.625rem; }   /* 90px */
.ico-95 [class*="flaticon-"]:before, .ico-95 [class*="flaticon-"]:after { font-size: 5.9375rem; }  /* 95px */
.ico-100 [class*="flaticon-"]:before, .ico-100 [class*="flaticon-"]:after { font-size: 6.25rem; }  /* 100px */


/*  VIDEO LINK */

 
.btn-md.btn-video-link {
  padding: 14px 16px;
}

.btn-md.btn-video-link span {
  position: relative;
  top: 4px;
  right: 6px;
}

.btn-md.btn-video-link {
  line-height: 30px!important;
}

.white-color .btn-md.btn-video-link:hover {
  color: #fff;
}


/*  VIDEO POPUP ICON  */


.video-preview {
  position: relative; 
  text-align: center;
}

.video-btn {
  position: absolute!important;
  top: 50%;
  left: 50%;
  display: inline-block;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%; 
}

#video-2 .video-btn {
  position: relative!important;
  margin: 0 auto;
  top: 0;
  left: 0;
}

.video-btn-lg {
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px; 
}

.video-btn-md {
  width: 80px;
  height: 80px;
  margin-top: -40px;
  margin-left: -40px; 
}

.video-btn-sm {
  width: 60px;
  height: 60px;
  margin-top: -30px;
  margin-left: -30px; 
}

.video-block-wrapper {
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.video-btn.video-btn-lg [class^="flaticon-"]:before, 
.video-btn.video-btn-lg [class^="flaticon-"]:after {
  line-height: 100px!important;   
  margin-left: 8px;
}

.video-btn.video-btn-md [class^="flaticon-"]:before, 
.video-btn.video-btn-md [class^="flaticon-"]:after {
  line-height: 80px!important;   
  margin-left: 7px;
}

.video-btn.video-btn-sm [class^="flaticon-"]:before, 
.video-btn.video-btn-sm [class^="flaticon-"]:after {
  line-height: 60px!important;   
  margin-left: 6px;
}

.video-btn:hover .video-block-wrapper {
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
}

.video-btn:before {
  content: '';
  position: absolute;
  left: -5px;
  right: -5px;
  top: -5px;
  bottom: -5px;
  background: rgba(255, 255, 255, 0.2);
  opacity: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.video-btn.video-btn-lg:hover:before {
  opacity: .75;
  left: -25px;
  right: -25px;
  top: -25px;
  bottom: -25px;
}

.video-btn.video-btn-md:hover:before {
  opacity: .75;
  left: -18px;
  right: -18px;
  top: -18px;
  bottom: -18px;
}

.video-btn.video-btn-sm:hover:before {
  opacity: .75;
  left: -12px;
  right: -12px;
  top: -12px;
  bottom: -12px;
}



.footer {
  padding-top: 80px;
  padding-bottom: 30px;
	background-color: #f8f8f8 !important;
	font-size: 1rem;
	color: var(--darkgreen);
	
}

 
 
/*  FOOTER LOGO*/


.footer-logo {
  margin-bottom: 15px;
}

.footer-logo img {
  width: auto;
  max-width: inherit;
  max-height: 45px;
}

 

 
/*  FOOTER TYPOGRAPHY*/


.footer h6,
.footer h5.h5-xs,
.footer h5.h5-sm,
.footer h5.h5-md {
  line-height: 1;
  margin-top: 8px;
  margin-bottom: 20px;
}

.footer h5.h5-xs {
  font-size: 1.3125rem;
}

.footer h5.h5-md {
  font-size: 1.4375rem;
}

.footer p,
.footer a {
 /* color: #888;
  font-size: 1.125rem;*/
  transition: all 0.2s ease-in-out;
}

.footer-box p {
  margin-bottom: 5px;
}

.footer-box p.foo-email a {
  font-family: var(--font-base);
  font-weight: 700;
}

.footer a.foo-tag {
  color: #aaa;
  font-size: 1.05rem;
}

.footer a span {
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.bg-dark.footer p,
.bg-dark.footer a,
.bg-dark.footer a span {
  color: #bbb;
}

.footer .footer-links a:hover {
  color: #151515;
  padding-left: 4px;
}

 

.bg-dark.footer h6,
.bg-dark.footer h5,
.bg-dark.footer a:hover,
.bg-dark.footer a:hover span,
.bg-dark.footer p.foo-email a,
.bg-dark.footer .footer-links a:hover {
  color: #fff;
}

.footer-contacts p {
  margin-bottom: 3px;
}

p.foo-email a {
  color: #666;
  font-weight: 500;
  text-decoration: underline;
}

.foo-news span {
  font-size: 15px;
  display: block;
  margin-top: 4px;
}

 
/*   FOOTER LINKS  */


.footer-links li,
.footer-tags-list li {
  width: auto !important;
  display: block !important;
  vertical-align: top;
  clear: none !important;
  margin: 0;
  padding: 0;
}

.footer-tags-list li {
  display: inline-block !important;
  margin: 0 3px 12px;
}

.footer-links li p {
  margin-bottom: 8px;
}

.footer-list span {
  position: relative;
  font-weight: 300;
  top: 2px;
  margin-right: 5px;
}

.footer-list.ico-20 [class*="flaticon-"]:before, 
.footer-list.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; }

 
/*. FOOTER SOCIAL LINKS*/



.footer-socials-links p a.link-facebook:hover { color: #3b5998; }
.footer-socials-links p a.link-twitter:hover { color: #00a9ed; }
.footer-socials-links p a.link-instagram:hover { color: #e44772 }
.footer-socials-links p a.link-youtube:hover { color: #cd1b20; }

 
/*  FOOTER TAGS  */


.foo-tag {
  font-weight: 400;
  background-color: transparent;
  padding: 4px 8px;
 
  border: 1px solid #f5f5f5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.foo-tag:hover {
  background-color: transparent;
  border: 1px solid #aaa;
}

 
/*  FOOTER INSTAGRAM IMAGES  */


.footer-img img.insta-img {
  float: left;
  width: 75px;
  height: 75px;
  margin: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

 
/*   FOOTER NEWSLETTER FORM*/


.footer-form .form-control {
  height: 48px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-right: none;
  color: #333;
  font-size: 1rem;  
  padding: 0 15px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.bg-lightgrey .footer-form .form-control {
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-right: none;  
  color: #f4f4f4;
}

.bg-dark .footer-form .form-control {
  background-color: #222;
  border: 1px solid #444;
  border-right: none;  
  color: #ccc;
}

 
/*  Newsletter Form Input Focus*/


.footer-form .form-control:focus {
  border: 1px solid #ccc;
  border-right: none;
  outline: 0;
  box-shadow: none;
}

.bg-dark .footer-form .form-control:focus {
  border: 1px solid #444;
  border-right: none;  
}

 
/*  Newsletter Form Button*/


.footer-form .btn {
  height: 48px;
  color: #aaa;
  background-color: #fff;
  border: 1px solid #ccc;
  border-left: none;
  font-size: 1.45rem;
  line-height: 1!important;
  margin-top: 0;
  padding: 0 15px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.footer-form .btn span {
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.bg-lightgrey .footer-form .btn {
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-left: none;
}

.bg-dark .footer-form .btn {
  background-color: #222;
  border: 1px solid #444;
  border-left: none;
}

.bg-dark .footer-form .btn span {
  color: #666;
}

.footer-form .btn:hover span,
.bg-dark .footer-form .btn:hover span {
  color: #d2322b;
}

 
/*  Footer Form Notification  */


.footer-form .form-notification {
  color: #2dcb21;
  font-size: 0.95rem;
  line-height: 1.25;
  font-weight: 400;
  margin-top: 12px;
  margin-left: 5px;
}

 
/*  BOTTOM FOOTER*/


.bottom-footer {
  border-top: 1px solid #eee;
  margin-top: 20px;
  padding-top: 30px;
}

.bg-dark .bottom-footer {
  border-top: 1px solid #444;
}

.bottom-footer p {
  margin-bottom: 0;
}

.footer-copyright p {
  line-height: 18px;
  margin-bottom: 0;
}

 
/*  Bottom Footer List */

.bottom-footer-list li {
  font-size: 1rem;
  width: auto !important;
  display: inline-block !important;
  vertical-align: top;
  clear: none !important;
  margin: 0 9px 0 0;
  padding: 0;
}

#footer-6 .bottom-footer-list li {
  margin-bottom: 10px;
}

#footer-3 .bottom-footer-list li a {
  font-weight: 600;
}

.bottom-footer-list li a span {
  margin-right: 4px;
}

.bottom-footer-list p:after { 
  content: "|"; 
  padding-left: 11px; 
  position: relative;
  top: -1px;
}

.bottom-footer-list p.last-li:after { 
  content: " "; 
  padding-left: 0; 
}

 
/*  Bottom Socials List*/


.foo-socials {
  display: inline-block; 
  padding-left: 0;
  margin: 0 auto 0;
}

.foo-socials li {
  width: auto !important;
  display: inline-block !important;
  vertical-align: top;
  clear: none !important;
  margin: 0 0 8px 0;
  padding: 0;
}

.foo-socials a {

  display: block;
  width: 40px;
  height: 40px;
  margin: 0 8px;
}


/*  CTA*/
.cta-2-txt p {
  font-weight: 400;
  padding: 0 8%;
  margin-top: 20px;
  margin-bottom: 25px;
}

.cta-2-txt p.p-md {
  margin-bottom: 0;
}

.cta-2-txt p a {
  font-weight: 500;
  text-decoration: underline;
}


/* COOKIE modals  */
.cc--light-funky {
    --cc-bg: #f9faff;
    --cc-primary-color: var(--med-blue);
    --cc-secondary-color: var(--med-darkgreen);
    --cc-btn-primary-bg: var(--med-blue-50);
    --cc-btn-primary-color: var(--cc-bg);
    --cc-btn-primary-hover-bg: var(--med-darkgreen);
    --cc-btn-primary-hover-color: #fff;
    --cc-btn-secondary-bg:  var(--med-lightgreen);
    --cc-btn-secondary-color: var(--cc-secondary-color);
    --cc-btn-secondary-hover-bg: var(--med-blue-25);
    --cc-btn-secondary-hover-color: #000;
    --cc-cookie-category-block-bg: var(--med-grey-offset);
    --cc-cookie-category-block-border: var(--med-grey-offset);
    --cc-cookie-category-block-hover-bg: var(--med-roze);
    --cc-cookie-category-block-hover-border: var(--med-roze);
    --cc-cookie-category-expanded-block-hover-bg: var(--med-roze);
    --cc-cookie-category-expanded-block-bg: var(--med-grey-offset);
    --cc-overlay-bg:  var(--med-blue-25)!important;
    --cc-toggle-readonly-bg: var(--med-blue-50);
    --cc-toggle-on-knob-bg: var(--cc-bg);
    --cc-toggle-off-bg: var(--med-blue);
    --cc-toggle-readonly-knob-bg: var(--cc-bg);
    --cc-separator-border-color: var(--med-white-offset);
    --cc-footer-border-color: var(--med-grey-offset);
    --cc-footer-bg: var(--cc-bg);
    --cc-btn-border-radius: 1rem .6rem 1.3rem .5rem / .5rem 1rem;
    --cc-modal-border-radius: var(--cc-btn-border-radius);
    --cc-pm-toggle-border-radius: var(--cc-btn-border-radius);
}