!importantTheme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


/*******************************************************
* GENERAL STYLES
/*******************************************************/
*{
margin:0;
padding:0;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

a:hover{
cursor:pointer;
}

.wp-block-quote {
background: #F5F5F5!important;
padding: 20px;
border-left: 4px solid #41C0C6!important;
margin-inline-start: 0px!important;
margin-inline-end: 0px!important;
font-size:16px;
line-height:24px;
margin-bottom:40px!important;
}

.wp-block-quote p{
margin-bottom:20px!important;
}
cite{
font-weight:500!important;
font-size:14px!important;
}

/* --- verminder ruimte onder p element in posts ---*/
.elementor-widget-theme-post-content ul {
    margin-top: -10px!important;
}
pre{
	font-family:'Poppins', sans-serif!important;
	font-size:16px!important;
}

.wp-block-preformatted{
	font-family:'Poppins', sans-serif!important;
	font-size:16px!important;
}



/*******************************************************************************************
* GENERAL POST STYLES (ZIE OOK STYLES IN AFZONDERLIJKE SINGLE BLOG TEMPLATES)
/*******************************************************************************************/
.elementor-widget-theme-post-content ul{
	margin-bottom:40px!important;
}
.elementor-widget-theme-post-content ol{
	margin-bottom:40px!important;
}
.wp-block-image {
	padding-bottom:30px!important;
}
.elementor-widget-theme-post-content ul li,
.elementor-widget-theme-post-content ol li
{
	font-family: 'Poppins', sans-serif;
}

.box-shadow{
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px!important;
}
/*******************************************************
* GENERAL HOVER STATES
/*******************************************************/


/* --- hover function on any elementor heading with extra class .black-on-hover ---*/
 .black-on-hover .elementor-heading-title:hover{
transition:.3s;
color:#231F20!important;
cursor:pointer;
display:inline-block!important;
}

	/* --- hover function on any Elementor SM BUTTON / let op! Heeft effect op E Pro formulier / zie ook media query ---*/
/* .elementor-size-sm:hover{
    padding:12px 32px!important;
}
 */


/*************************************************************************
* VANWEGE BUG IN JETTABS NA UPDATE 2.1.12 NAAR 2.1.13
/*************************************************************************/

.jet-menu-item:not(.jet-menu-hover) .jet-tabs__content {
        visibility: hidden!important; 
}

/*******************************************************
* HTML Element LINE in CARDS FRONTPAGE
/*****************************************************/

.hover-card-line::before{
  content: "";
  position: absolute;
  bottom: 0px;
  width: 80px;
  height: 2px;
  margin: 5px 0 0;
  opacity: 1;
  background-color: #231F20;
  transition: all 0.3s ease-in-out;
  transition-duration: 0.3s;
}

.card:hover .hover-card-line::before{
	background-color:#42C1C6!important;
	width: 100%;
}

/*************************************************************************
* GRAVITY FORMS 
/*************************************************************************/


body .gform_wrapper .gfield_label,
body .gform_wrapper input,
body .gform_wrapper select,
body .gform_wrapper textarea,
body .gform_wrapper input::placeholder,
body .gform_wrapper textarea::placeholder {
  font-family: 'Manrope', sans-serif !important;
}

p.errornotification2 {
    font-size: 12px;
	line-height:24px;
    color: red;
    margin-bottom: 0px;
    margin-top: -6px!important;
}
.elementor-10911 .elementor-element.elementor-element-d958692 > .elementor-widget-container  {
    box-shadow:none!important;
}
.inDataCloud {
color: #23B643 !important;
font-size: 12px;
line-height: 24px;
font-style: italic;
display: block;
margin-top: -4px !important;
}

/*************************************************************************
* HOVER EFFECT ON JET ELEMENTS POST WIDGET (LOOK IN MEDIA QUERIES AS WELL)
/*************************************************************************/

/*-- create a hover effect on the BUTTON ---*/
.jet-more:hover{
	box-shadow:2px 3px 20px 0px rgb(0 0 0 / 20%);
}
/*************************************************************************
* COOKIEBOT CSS 
/*************************************************************************/

#CybotCookiebotDialogPoweredbyCybot svg:first-of-type,
#CybotCookiebotDialogPoweredbyCybot svg{
    display: none!important;
}
#CybotCookiebotDialogPoweredbyImage {
    max-height: 3.125em!important;
}

/*******************************************************
* DESKTOP - MEDIA QUERIES - vanaf en groter dan 1026 px.
/*******************************************************/
@media (min-width:1026px){
.reveal{
  opacity:0;
  position:relative;
  transform:translateY(80px);
  transition:.8s;
}

.reveal.active{
  opacity:1;
  transform:translateY(0px);
}
	
.jet-posts__item .post-thumbnail__img{
    height:280px!important;
/* 	object-fit:cover; */
}
	
.jet-posts__item:hover .post-thumbnail__img{
	transform:scale(1.05);
	transition:.3s;
}

	
}

/*************************************************
* TABLET- MEDIA QUERIES - 768px tot 1025 px.
/************************************************/


/*************************************************
* TABLET- MEDIA QUERIES - 0 < 1025 px.
/************************************************/

@media (max-width:1025px){
   .swiper-button-next, .swiper-button-prev{
		display:none!important;
	}
 
}

/*************************************************
* MOBILE - MEDIA QUERIES - 0 < 768 px.
/************************************************/
@media (max-width:767px){
/* 	.elementor-size-sm:hover{
    padding:12px 24px!important;
	} */
   .swiper-button-next, .swiper-button-prev{
		display:none!important;
	}
}