/* 
Theme Name: Teamrol Indexator
Description: Thema voor Teamrol Indexator
Author: Dot Circle
Author URI: https://www.dotcircle.nl
Template: hello-elementor
Version: 1.0
Text Domain: hello-elementor-child
*/

/* Algemeen */
main#content p a { text-decoration: underline !important; }
.breadcrumbs a { text-decoration: underline; }
.cursus-gegevens ul { list-style: none; padding-left: 0; }
.cursus-gegevens li { position: relative; padding-left: 1.5em; margin-bottom: 0.5em; }
.cursus-gegevens li::before { content: "\35"; font-family: ElegantIcons; position: absolute; left: 0; top: 0; }

/* Animaties */
.elementor-widget-button .elementor-button .elementor-button-icon { transition: transform .25s ease; }
.elementor-widget-button .elementor-button:hover .elementor-button-icon { transform: translateX(5px); }


/* Mobiele aanpassingen */

/* Desktop: 1281px of hoger */
@media (min-width: 1281px) { 
.credits a:before { content: 'Wordpress website door Dot Circle'; font-size: 18px; font-weight: 500; opacity: 0; -webkit-transition: all 200ms; transition: all ease-in-out 200ms; color: #242424 !important; right: 0px; position: relative; color: #131D2F !important; }
.credits a:hover:before { opacity: 1; right: 10px; }
}

/* Desktop en laptops: 1025px tot 1280px */
@media (min-width: 1025px) and (max-width: 1280px) { 
.credits a:before { content: 'Wordpress website door Dot Circle'; font-size: 18px; font-weight: 500; opacity: 0; -webkit-transition: all 200ms; transition: all ease-in-out 200ms; color: #242424 !important; right: 0px; position: relative; color: #131D2F !important; }
.credits a:hover:before { opacity: 1; right: 10px; }
}

/* Tablet en Ipads in portret mode: 768px tot 1024px */
@media (min-width: 768px) and (max-width: 1024px) { 
.credits a:after { content: 'Wordpress website door Dot Circle'; font-size: 18px; font-weight: 500; opacity: 1; -webkit-transition: all 200ms; transition: all ease-in-out 200ms; color: #242424 !important; right: 0px; position: relative; color: #131D2F !important; margin-left: 10px; }
}

/* Tablets en Ipads in landscape mode: 768px tot 1024px */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { 
.credits a:after { content: 'Wordpress website door Dot Circle'; font-size: 18px; font-weight: 500; opacity: 1; -webkit-transition: all 200ms; transition: all ease-in-out 200ms; color: #242424 !important; right: 0px; position: relative; color: #131D2F !important; margin-left: 10px; }
}

/* Lage resolutie tablets en telefoons in landscape mode: 481px to 767px */
@media (min-width: 481px) and (max-width: 767px) { 
.credits a:after { content: 'Wordpress website door Dot Circle'; font-size: 18px; font-weight: 500; opacity: 1; -webkit-transition: all 200ms; transition: all ease-in-out 200ms; color: #242424 !important; right: 0px; position: relative; color: #131D2F !important; margin-left: 10px; }
}

/* De meeste telefoons: 320px to 479px */
@media (min-width: 320px) and (max-width: 480px) { 
.credits a:after { content: 'Wordpress website door Dot Circle'; font-size: 18px; font-weight: 500; opacity: 1; -webkit-transition: all 200ms; transition: all ease-in-out 200ms; color: #242424 !important; right: 0px; position: relative; color: #131D2F !important; margin-left: 10px; }
}