/*!
Theme Name: The List Media
Theme URI: https://www.thelistmedia.be/
Author: The List Media
Author URI: https://www.thelistmedia.be/
Description: The List Media ontwerpt en ontwikkelt innovatieve websites met oog voor design en gebruiksvriendelijkheid. Websites die scoren bij de bezoekers én bij zoekmachines. Websites die informeren, mobile responsive zijn en maximaal presteren. Een wauw-gevoel gepaard met optimale functionaliteit en performantie.
Version: 1.0.0
Text Domain: the-list-media
*/


/* Mobile burger */
.elementor-element.burger-wrapper {
  cursor: pointer;
  width: 40px !important;
  height: 45px !important;
  
}

.elementor-element.burger-wrapper span {
  position: absolute;
  display: block;
  background-color: white;
  width: 100%;
  height: 2px;
  right: 0;
  transition: .3s ease-in;
  -webkit-transition: .3s ease-in;
  -moz-transition: .3s ease-in;
  -ms-transition: .3s ease-in;
  -o-transition: .3s ease-in;
	
}

.elementor-element.burger-wrapper span:first-child {
  top: 14px;
}

.elementor-element.burger-wrapper span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.elementor-element.burger-wrapper span:last-child {
  bottom: 14px;
}

.elementor-element.burger-wrapper:hover span:nth-child(-n+2),
.elementor-element.burger-wrapper:focus span:nth-child(-n+2),
.elementor-element.burger-wrapper:active span:nth-child(-n+2) {
  width: calc(100% - 10px);
}

/* ShiftNav */

.shiftnav.shiftnav-left-edge {
	-webkit-transform: translateX(-100vw) !important;
    -moz-transform: translateX(-100vw) !important;
    -ms-transform: translateX(-100vw) !important;
    -o-transform: translateX(-100vw) !important;
    transform: translateX(-100vw) !important;
}

 .shiftnav-open .shiftnav.shiftnav-open-target {
	-webkit-transform: translateX(0vw) !important;
    -moz-transform: translateX(0vw) !important;
    -ms-transform: translateX(0vw) !important;
    -o-transform: translateX(0vw) !important;
    transform: translateX(0vw) !important;
}

body .shiftnav-toggle-button,
body .shiftnav-toggle-button:hover,
body .shiftnav-toggle-button:focus,
body .shiftnav-toggle-button:active {
  color: transparent;
  background: transparent;
  padding: 0;
}

body .shiftnav {
  z-index: 2;
  background: #252525;
  width: 100% !important;
}

body .shiftnav.shiftnav-right-edge {
  transform: translateX(100vw);
  -webkit-transform: translateX(100vw);
  -moz-transform: translateX(100vw);
  -ms-transform: translateX(100vw);
  -o-transform: translateX(100vw);
}

body .shiftnav:after {
  display: none;
}

.shiftnav nav.shiftnav-nav {
	top: 100px !important;
}

body .shiftnav ul.shiftnav-menu li.menu-item a {
  padding: 0 !important;
  line-height: 1.5 !important;
  transition: .3s ease-in !important;
  -webkit-transition: .3s ease-in !important;
  -moz-transition: .3s ease-in !important;
  -ms-transition: .3s ease-in !important;
  -o-transition: .3s ease-in !important;
	color: #EFEFEF !important;
	font-family: "Almarena", Sans-serif !important;
	font-size: 40px !important;
	font-weight: bold;
	line-height: 31px !important;
	letter-spacing: 0.5px !important;
}

body .shiftnav ul.shiftnav-menu li ul.sub-menu,
body .shiftnav ul.shiftnav-menu li ul.sub-menu li a {
  display: flex;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-direction: row;
	font-family: "Almarena", Sans-serif !important;
	font-size: 40px !important;
	font-weight: bold;
	line-height: 31px !important;
	letter-spacing: 0.5px !important;
}

body .shiftnav ul.shiftnav-menu li ul.sub-menu li {
  width: 100% !important;
  padding: 20px;
}


.shiftnav ul.shiftnav-menu li.menu-item {
    text-align: center !important;
    padding: 15px !important;
	  font-size: 20px !important;
	  line-height: 20px !important;
	font-family: "Almarena", Sans-serif !important;
	font-size: 40px !important;
	font-weight: bold;
	line-height: 31px !important;
	letter-spacing: 0.5px !important;
  }

body .shiftnav ul.shiftnav-menu li ul.sub-menu li a {
  text-align: center;
}

body .shiftnav ul.shiftnav-menu li ul.sub-menu li a img {
  width: 40px;
  height: 40px;
}

body .shiftnav ul.shiftnav-menu li ul.sub-menu li a span {
  display: block;
}

@media screen and (min-width: 99999px) {
  body .shiftnav-open,
  body .shiftnav.shiftnav-open-target {
    transform: translateX(100vw) !important;
    -webkit-transform: translateX(100vw) !important;
    -moz-transform: translateX(100vw) !important;
    -ms-transform: translateX(100vw) !important;
    -o-transform: translateX(100vw) !important;
}
	.shiftnav ul.shiftnav-menu li.menu-item {
    text-align: center !important;
    padding: 15px !important;
	  font-size: 40px !important;
	  line-height: 20px !important;
  }
}

@media screen and (min-width: 1024px) {
  body .shiftnav {
    padding-top: 300px;
  }

  .shiftnav ul.shiftnav-menu li.menu-item {
    text-align: center !important;
    padding: 15px !important;
	  font-size: 40px !important;
	  line-height: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  body .shiftnav {
    padding-top: 120px;
  }
	.shiftnav ul.shiftnav-menu li.menu-item {
    text-align: center !important;
    padding: 15px !important;

	  font-size: 40px !important;
	  line-height: 20px !important;

  }
	
.shiftnav nav.shiftnav-nav {
	top: 200px !important;
}
}

body .shiftnav ul.shiftnav-menu li.menu-item-48 a {
	color: #F4E204 !important;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.shiftnav.shiftnav-left-edge {
	-webkit-transform: translateX(-100vw) !important;
    -moz-transform: translateX(-100vw) !important;
    -ms-transform: translateX(-100vw) !important;
    -o-transform: translateX(-100vw) !important;
    transform: translateX(-100vw) !important;
}

 .shiftnav-open .shiftnav.shiftnav-open-target {
	-webkit-transform: translateX(0vw) !important;
    -moz-transform: translateX(0vw) !important;
    -ms-transform: translateX(0vw) !important;
    -o-transform: translateX(0vw) !important;
    transform: translateX(0vw) !important;
}

body {
	margin: 0px !important;
	background-color: #EFEFEF !important;
}

.menu-item-48 a {
    color: #F4E204 !important;
}

.linkblack a {
	color: #252525 !important;
}

.linkwhite a {
	color: #EFEFEF !important;
	transition: 0.3s !important;
}

.linkwhite a:hover {
	color: #F4E204 !important;
}


.linkgrey a, .grey {
	color: #7F7F7F !important;
	transition: 0.3s !important;
}

.elementor-icon-list-icon {
	transition: 0.3s !important;
}

.elementor-icon-list-icon:hover {
	filter: brightness(100) !important;
}

.linkgrey a:hover{
	color: #F4E204 !important;
}


#gform_confirmation_message_1 {
	color: #F4E204 !important;
}

input, textarea, input::placeholder, textarea::placeholder, select {
	background-color: rgba(0,0,0,0) !important;
	font-family: "Almarena", Sans-serif !important;
	font-size: 20px !important;
	color: #7F7F7F !important;
	outline: none !important;
}

input, textarea, select {
	border: 1px solid #EFEFEF !important;
	color: #EFEFEF !important;
	resize: none !important;
	padding: 20px 30px !important;
}

#field_1_1 {
	color: #EFEFEF !important;
	display: grid !important;
	grid-template-columns: 1fr 3fr !important;
	font-size: 20px !important;
}

#field_1_1 label {
	margin-top: 14px !important;
	font-size: 20px !important;
}

#gform_submit_button_1, .tg-element-2 {
	margin-top: 40px !important;
	font-weight: bold !important;
	font-size: 30px !important;
	color: #F4E204 !important;
	border: 0px !important;
	padding: 0px 0px 33px 0px !important;
	background-image: url(/wp-content/uploads/2022/02/Lightning2_animated.svg) !important;
	background-position: 0px 30px !important;
	background-repeat: no-repeat !important;
	background-size: 100% auto !important;
	cursor: pointer !important;
}

.realisatiehover .sliderblack, .sliderblack, .sliderwhite, #gform_submit_button_1 {
    transition: 0.5s !important;
}

.realisatiehover:hover .sliderblack, .sliderblack:hover {
    filter: brightness(0);
}

.sliderwhite:hover, #gform_submit_button_1:hover {
	 filter: brightness(100);
}

.gfield select {
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(/wp-content/uploads/2022/01/HELEC22-Website-Icon-Arrow.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: calc(100% - 20px);
    padding-right: 45px !important;
}

.elementor-headline-animation-type-slide-down .elementor-headline-text-wrapper {
	padding: 0px !important;
}

h1.elementor-headline.elementor-headline-animation-type-slide-down {
	margin: 0px !important;
	padding: 0px !important;
}

.page-id-44 input, 
.page-id-44 textarea, 
.page-id-44 select,
.page-id-44 #field_1_1 .gfield_label {
	filter: invert(1) !important;
}

.page-id-44 #gform_submit_button_1 {
	filter: invert(0) !important;
	color: #252525 !important;
}

.jltma-appear-watch-animation {
	opacity: 1 !important;
}

#post-466 .elementor-element-9a48667, #post-466 .elementor-element-79519ff {
	display: none !important;
}

@media (min-width: 480px) and (max-width: 767px){ 
.elementor-image-gallery .gallery.gallery-columns-2 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-3 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-4 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-5 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-6 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-7 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-8 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-9 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-10 .gallery-item {
    max-width: 100% !important;
	}
}

.gfield_html, .gfield_html a {
	color: #7F7F7F !important;
	font-size: 16px !important;
}

.gfield_html a:hover {
	color: #F4E203 !important;
	
}

.tg-item-title a {
	color: #252525 !important;
    line-height: 45px !important;
	    font-family: "JSPR", Sans-serif !important;
	font-size: 34px !important;
	font-weight: 700 !important;
}

.tg-element-2 a, .tg-helec a:not([class*="tg-element-"]), .tg-helec a:not([class*="tg-element-"]):active, .tg-helec a:not([class*="tg-element-"]):focus, .tg-helec [class*="tg-element-"] *:not(del) {
	font-weight: bold !important;
	font-size: 30px !important;
	color: #252525 !important;
	text-transform: inherit !important;
}


#grid-671 .tg-item-content-holder {
	background-color: rgba(0,0,0,0) !important;
}


.tg-item .tg-dark a, .tg-item .tg-dark div, .tg-item .tg-dark h1, .tg-item .tg-dark h1 a, .tg-item .tg-dark h2, .tg-item .tg-dark h2 a, .tg-item .tg-dark h3, .tg-item .tg-dark h3 a, .tg-item .tg-dark h4, .tg-item .tg-dark h4 a, .tg-item .tg-dark h5, .tg-item .tg-dark h5 a, .tg-item .tg-dark h6, .tg-item .tg-dark h6 a, .tg-item .tg-dark a, .tg-item .tg-dark a.tg-link-url, .tg-item .tg-dark i, .tg-item .tg-dark .tg-media-button, .tg-item .tg-dark .tg-item-price span {
	color: #252525 !important;
}

.tg-element-2 {
padding-bottom: 50px !important
}


#grid-671 .tg-item-overlay {
background-color: rgba(0,0,0,0) !important;
}

.tg-grid-area-top1 {
margin-bottom: 20px !important
}
.gform_validation_errors {
	display:none !important;
}

.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
display: none !important;
}

.gform_validation_error input, .gform_validation_error select {
border: 1px solid red !important;
}

@media only screen and (max-width: 767px) {
#gform_submit_button_1, .tg-element-2 {
	margin-top: 40px !important;
	font-weight: bold !important;
	font-size: 30px !important;
	color: #F4E204 !important;
	border: 0px !important;
	padding: 0px 0px 33px 0px !important;
	background-image: url(/wp-content/uploads/2022/02/Lightning2_animated.svg) !important;
	background-position: 0px 45px !important;
	background-repeat: no-repeat !important;
	background-size: 100% auto !important;
	cursor: pointer !important;
}
}

.opsomming ul li:before {
  content: '—';
  position: absolute;
  margin-left: -25px;
}

.opsomming ul{
    list-style-type: none;
    
}


.elementor-element-bb5b30b img, .tg-item-image, .gallery img {
	aspect-ratio: 3/4 !important;
	object-fit: cover !important;
}

#cookie-notice .cn-button:not(.cn-button-custom) {
border-radius: 0px !important;
-webkit-border-radius: 0px !important;}


#cn-notice-text, #cookie-notice, #cookie-notice a, #cn-accept-cookie {
	font-family: "Almarena", Sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
	color: #252525 !important;
}

#cn-close-notice {
	display: none !important;
}