:root {
	--bs-border-color: #646666;
	--bs-title-color: #030001;	
	--bs-alternative-color: #00a6e8;
	--font-weight-100 : 100;
	--font-weight-200 : 200;
	--font-weight-300 : 300;
	--font-weight-400 : 400;
	--font-weight-500 : 500;
	--font-weight-600 : 600;
	--font-weight-700 : 700;
	--bs-body-color-rgb : 33,37,41;
	--bs-danger-rgb: 231, 97, 26;
	--accent-color: #E8641D;
	--sm-red: #e56d4b;
}

.bg-red { background: var(--sm-red); }
.btn.bg-red:focus { background: var(--sm-red); }
.btn.bg-red:hover { background: var(--bs-danger); }
.dropdown-toggle::after {
	content: none;
}
.navmenu ul { /*inset: 48px 37px 52px 20px;*/ }
.navmenu .dropdown > .dropdown-active {
	position: unset!important;
	top: 0; left: 0; 
	inset:initial;
	transform: none!important; 
    display: block;
    background-color: rgba(33, 37, 41, 0.03);
	margin: 0 20px!important;
}
.navmenu a { white-space: wrap!important;}

.navmenu .dropdown br { display: none; }
.navmenu .active, .navmenu .active:focus {
    color: var(--nav-dropdown-hover-color); 
	background: none; font-weight: 700;
}
.navmenu .dropdown ul { height: fit-content; }

body { line-height: 1.4; font-size: 15px;	 }
.header .logo img { max-height: 64px; }

.img-line {
	width: 100%;
  	height: 90px;
  	object-fit: cover;
}

.hero .carousel-container {
	inset: 90px 15px 64px 15px;
}

.hero .carousel-item::before {
	content: "";
	background-color: color-mix(in srgb, var(--background-color), transparent 55%);
	
}

.hero .carousel-item video {
	position: absolute; left: 50%; transform: translateX(-50%);
}

.card-header { background: rgba( var(--bs-body-color-rgb), 0.1)!important; }
.hero .featured-item { padding: 20px 15px; }
.hero .featured-item {
	border: solid 1px var(--bs-border-color-translucent);
}

.hero .featured-item:before {
	background: rgba( var(--bs-body-color-rgb), 0.1)!important;
}

.hero .featured-item h2 { position: relative; z-index: +1; max-width: 100%!important; font-size: 1.6em; }

.hero .featured-item .btn{
	position: absolute; 
	top: 100%; left: 15px;; 
	background: #FFF; 
	transform: translate(0%, -50%);
	z-index: +1;
}
.hero .featured-item:hover .btn{
	color: #FFF;
	border-color: #FFF;; 
	background: #E96B56; 
}

.hero .featured-item .course-qualification {
	position: absolute;
	top: 0; 
	left: 15px; 
	transform: translate(0%, -50%);
	border: solid 1px var(--bs-border-color);
	font-size: 0.7rem;
	font-weight: var(--font-weight-600); padding: 3px 6px; 
	line-height: 0.7;
	background: #fff
}
.hero .carousel-item h2 { font-size: 2.2em; }

.post-type-archive .hero .featured { margin-top: 0!important; }

section, .section { padding: 30px 0; overflow: visible; }
section.hero { margin-bottom: 3em; }
section.about { background: rgba(128,128,128, 0.1) ; margin-bottom: 3em; }

.services .service-item { padding: 20px; }
.services .service-item .icon { width: 100%; height: auto; }

.roboto {
	font-family: "Roboto Serif", serif;
	font-optical-sizing: auto;
	font-weight: var(--font-weight-500);
	font-style: normal;
	font-variation-settings:
	  "wdth" 100,
	  "GRAD" 0;
}
.roboto.fw-100 { font-weight: var(--font-weight-100); }
.roboto.fw-200 { font-weight: var(--font-weight-200); }
.roboto.fw-300 { font-weight: var(--font-weight-300); }
.roboto.fw-400 { font-weight: var(--font-weight-400); }
.roboto.fw-500 { font-weight: var(--font-weight-500); }
.roboto.fw-600 { font-weight: var(--font-weight-600); }
.roboto.fw-700 { font-weight: var(--font-weight-700); }

h1, h2, h3, h4, h5, h6 { color: var(--bs-title-color); }

dd { margin-left: 1rem; }

.course-price {  }
h4.course-price { font-size: 1.2rem; }

.mixed-content {}
.mixed-content h2 {
	font-size: 1.5rem;
  	font-weight: bold;
}
.mixed-content h3 {
	font-size: 1.2rem;
  	font-weight: bold;
}
.mixed-content h4 {}
.mixed-content h5 {}
.mixed-content h6 {}
.mixed-content p {}
.mixed-content li {}


header .header-top { background: #04274A; }
header nav.navbar { background: #ffffff; }
header nav.navbar .navbar-toggler { border: solid 1px #fff; color: #FFF; }
section.courses { background: #F5F5F5; }

#register-student .card { position: relative; padding-top: 2rem; border: solid 1px var(--bs-border-color); }

.card-course-info { line-height: normal; }
.card-course-info h5 { font-weight: 600; font-size: 1rem; }
.card-register { border-top: solid 3px darkred; }
.card-register:focus, .card-register:hover { background: #f1f1f1; border-color: var(--bs-danger); }
.card-register h4{ font-size: 0.9rem; border-bottom: solid 1px var(--bs-border-color); text-align: center; font-weight: bold; }

.card-register .form-check-label { text-transform: uppercase; font-size: 0.9rem; font-weight: 600;
	position: relative;
  	top: -4px;
  	line-height: 1.3;
}
.price { }
.price h5 { font-size: 0.8rem; border-bottom: solid 1px var(--bs-border-color); text-align: center; border-bottom: none;  }
.price h6 { letter-spacing: 0px; }

.form-check .details { position: relative; top: -2px; }

.modal-competence-details {}
.modal-competence-details .blog-details { padding: 0; font-size: 0.9rem; }
.modal-competence-details .blog-details article { box-shadow: none; background-color: transparent; padding: 0; }

.modal-competence-details .blog-details article h2 { font-weight: 600; font-size: 1.4rem; }
.modal-competence-details .blog-details article h2 strong { font-weight: 600; }

.modal-competence-details .blog-details article h3 { font-weight: 600; font-size: 1.2rem; }
.modal-competence-details .blog-details article h3 strong { font-weight: 600; }

.modal-competence-details .blog-details article h4 { font-weight: 600; font-size: 1.2rem; }
.modal-competence-details .blog-details article h4 strong { font-weight: 600; }

.course-tabs .nav-tabs { border: none; }
.course-tabs .nav-tabs .nav-item { margin-right: 3px; }
.course-tabs .nav-tabs .nav-item:last-child { margin-right: 0; }
.course-tabs .nav-item button.nav-link { width: 100%; border: solid 1px var(--bs-alternative-color); border-radius: 0; font-size: 0.8rem; font-weight: 600; color: var(--bs-alternative-color); padding: 3px 5px;  }
.course-tabs .nav-item button.nav-link.active { color: #000; border: solid 1px var(--bs-border-color); }
.course-tabs .tab-content { margin-top: 4px; }
.course-tabs .tab-pane { background: #FFF; padding: 1rem; border: solid 1px var(--bs-border-color); }

.accordion-course { background: transparent; }
.accordion-course .accordion-header { border-radius: 0; border: none; background: transparent;}
.accordion-course .accordion-item { border: none; border-radius: 0; background: transparent; }
.accordion-course .accordion-item button { background: var(--bs-title-color); color: #FFF; border-radius: 0; padding: 5px 15px; font-weight: bold;  }
.accordion-course .accordion-item button:focus { box-shadow: none; }
.accordion-course .accordion-item button.collapsed { background: transparent; color: var(--bs-title-color); border: solid 1px var(--bs-alternative-color); margin-bottom: 5px;   }
.accordion-course .accordion-item .accordion-button:after { color: #FFF!important; }
.accordion-course .accordion-collapse { margin-top: 5px; margin-bottom: 5px; border: solid 1px var(--bs-border-color); background: #FFF;  }
.accordion-course .accordion-item:first-of-type > .accordion-header .accordion-button { border-radius: 0; }

.module .form-check { display: flex; justify-content: space-between; align-items: baseline; }
.module .form-check a.details { font-size: 1.2rem; color: var(--bs-title-color); border: solid 1px var(--bs-alternative-color); line-height: 1; border-radius: 50%; padding: 2px; }
.module .form-check a.details:hover { border-color: var(--bs-title-color); color: var(--bs-alternative-color); }

.btn-title { background: var(--bs-title-color); color: #FFF; }
.btn-title:hover { background: #000; color: #fff; }

.input-group-text.captcha { font-size: auto;; font-weight: bolder; letter-spacing: 2px; color: #6f6f6f ; }

.page-title.transparent { background: transparent; }
.page-title h1 { line-height: 1.2; margin-top: 0px; padding-top: 15px; margin-bottom: 10px; }

.page-title p { font-weight: 400; font-size: 1.2em; }
.page-title .p-min { font-size: 0.9rem; }
.page-title p a { font-weight: 600; }
.page-title h1:last-of-type { margin-bottom: 0;}
.page-title ul { margin: 0; padding: 0; list-style: none; }
.page-title ul li { padding-left: 25px; position: relative; font-weight: 600; }
.page-title ul li span { color: var(--accent-color); }
.page-title ul li::before { 
	content: '';
	width: 9px; height: 9px; 
	background: var(--bs-title-color); 
	border: solid 1px var(--bs-border-color);
	display: inline-block;
	position: absolute;
	top: 7.5px;
	left: 0; 
}

.blog-details .content { margin-top: 0; }
.blog-details .content h3 {
	font-size: 1.4em;
	margin-bottom: 12px;
	font-weight: bold;
	line-height: 1.2;
	color: #000; 
	margin-top: 0;
}

.blog-details .content h4 {
	font-size: 1.1em;
	margin-bottom: 12px;
	font-weight: bold;
	line-height: 1.2;
	color: var(--bs-title-color); 
}

.blog-details .content h3:first-of-type:not(:has(~ *)) { margin-top: 0; }
.blog-details .content blockquote {
	overflow: hidden;
	background-color: color-mix(in srgb, var(--default-color), transparent 95%);
	padding: 20px;
	position: relative;
	text-align: center;
	margin: 20px 0;
	font-size: 1.1em; 
	font-weight: 500;
	line-height: 1.5;
	font-style: inherit;
}

.blog-details .content blockquote p {
	color: var(--default-color);
	font-size: inherit; font-weight: inherit; line-height: inherit; font-style: inherit;
	margin-bottom: 0;
}

.blog-details img.img-post {
	width: 100%;
	max-height: 350px!important;
	object-fit: cover;
}

section.services h3.h3-section-title { display: flex; position: relative; align-items: center;  margin-bottom: 20px; }
section.services h3.h3-section-title img { height: 26px; width: auto; margin-right: 20px; border: solid 1px #000; padding: 3px;   }

.card-courses { border-color: var(--bs-title-color); position: relative; } 
.card-courses ul.courses-list { margin: 0; padding: 0; list-style: none; }
.card-courses ul.courses-list li { display: flex; align-items: center; justify-content: space-between; flex-direction: row; border-bottom: solid 1px var(--bs-border-color); padding-bottom: 0.6em; margin-bottom: 0.6em; }
.card-courses ul.courses-list li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.card-courses ul.courses-list li div { text-align: left; }
.card-courses ul.courses-list li .course-title { font-size: 1.1em; }
.card-courses .card-title { position: relative; top: 0; left: 50%; width: 80%; transform: translate(-50%, -50%); text-align: center; background: #FFF; margin: 0; padding: 5px 15px; border: solid 1px  var(--bs-title-color); }
.card-courses .card-title:before { content: ''; display: block; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: 50%; border: solid 1px #fff; border-top: solid 2px #fff; border-bottom: none; height: calc(50%); z-index: +1;  }
 
.floating-section { display: block; width: 40%; float: right; margin-left: 32px; margin-bottom: 32px; }
.floating-section .card-courses ul.courses-list li { flex-direction: column; }
.floating-section ul.courses-list li div { text-align: center!important; }

.modal-competence-details .modal-header .btn-close { position: absolute; top: 1em; right: 1em; }


#cookiescript_badge { 
	bottom: 75px!important;
}

@media (min-width: 1200px) {
	.navmenu .dropdown ul {
	  margin: 0;
	  padding: 10px 0;
	  background: var(--nav-dropdown-background-color);
	  display: block;
	  position: absolute;
	  visibility: hidden;
	  left: 14px;
	  top: 130%;
	  opacity: 0;
	  transition: 0.3s;
	  border-radius: 4px;
	  z-index: 99;
	  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
	  width: 200px;
	}
	.navmenu .dropdown ul li {
		min-width: 200px;
		max-width: 200px;
		
	}
	
	.navmenu a, .navmenu a:focus {
		white-space: wrap;
	}
	.navmenu .dropdown ul a { font-size: 0.9em; line-height: 1; }
	.navmenu ul a::after { content: none; }
	.navmenu a.active { background: transparent; font-weight: 600; }
}

@media (min-width: 1024px) {
	.hero h2, .hero p {
	  	max-width: 70%;
	}
}