/*
Theme Name: Studiare Child
Theme URI: http://codebean.co/studiare/
Author: CodeBean Team
Author URI: http://codebean.co
Description: With Studiare, you can sell, market and create your online courses in one place. It is perfect for universities, teachers, and tutors, but can also be used by individuals and businesses.
Version: 1.0
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: classes, courses, education, education center, learning center, tutoring, teaching, study, studying, learning, lessons, instructor, teacher, mentor
Template: studiare
*/


.product-reviews {
	display:none;
}

@media (max-width: 768px) {
	
	.term-description {
	margin: 0;
	background-color:#c00a27;
	color:rgba(255,255,255,1);
	z-index:-10;
	margin-bottom:20px;
	padding:1rem;
	display: flex;
}

	.term-description ul {
	width: 100%;
	padding: 1rem 0;
	font-size:1.1rem;
	} 

	.term-description ul li {
	margin-bottom: 0.5rem;
	} 

	.term-description h1 {
	font-size:1.5rem;
	color:rgba(255,255,255,1);
	text-align: center;
	font-weight: 700;
	}

	.term-description  i#knop.fa-times-circle {
		align-self: end;
		margin:1rem;
	}

i#knop.fa-times-circle:hover {
		color:black;
	}

}

@media (min-width: 769px) {

.term-description {
	background-color:#c00a27;
	color:rgba(255,255,255,1);
	z-index:-10;
	margin-bottom:20px;
	display: flex;
}

.term-description p {
	color:rgba(255,255,255,1);
	font-size:1.3rem;
	padding: 1rem 4rem 0 4rem;

}

.term-description h1 {
	padding: 4rem 1rem 0 1rem;
	color: #fff;
	text-align: center;
	font-size: 3rem;
	font-weight: 600;
}

.term-description ul {
	width: 100%;
	padding: 2rem 2rem 0 2rem;
	font-size:1.3rem;
}

.term-description ul li {
	margin-bottom: 0.5rem;
	} 

.term-description-button {
	width: 150px;
	background-color: #333;
	text-align: center;
	margin: 1rem auto;
	padding: 1rem 2rem;
	border-radius: 10px;
	font-size: 1.2rem;
	z-index: 10;
	cursor: pointer;
	}

.term-description-button a:link,  .term-description-button a:visited {
	color:#fff;
	font-weight: 700;
	line-height: 150%;
	transition: all 0.3s ease;
}

.term-description-button:hover {
	background-color:#666;
}

.term-description.close {
		display: none;
}

.term-description  i#knop.fa-times-circle {
		align-self: stretch;
		margin:1rem;
	}

i#knop.fa-times-circle:hover {
		color:black;
	}


.main-page-content.default-margin {
	background-color: #FAFAFA;
}

img.img-benevole {
	height: 150px;
	object-fit: cover;
	overflow: hidden;
}

p.benevole {
	background-color: #222;
	text-align: center;
	/*margin-top: 1rem;*/
	padding: 0.5rem 2rem;
	/*border-radius: 10px;*/
	margin-bottom: 0.5rem;
	font-size: 1rem;
}

p.benevole a:link,  p.benevole a:visited {
	color: rgba(255,255,255,0.8);
	font-weight: 600;
	line-height: 150%;
	transition: all 0.3s ease;
}

p.benevole:hover {
	background-color:#c00a27;

}

.course-tag {
	position: absolute;
	top:140px;
	right: 30px;
	background-color:#c00a27;
	color: rgba(255,255,255,0.9);
	font-weight: 600;
	z-index: 99;
	padding: 0.5rem 1.5rem;
	border-radius: 2px;
	border:3px solid rgba(255,255,255,1);
}



.course-tag-programme {
	position: absolute;
	top:140px;
	right: 30px;
	background-color:#c00a27;
	color: rgba(255,255,255,0.9);
	font-weight: 600;
	z-index: 99;
	font-size: 0.9rem;
	padding: 0.2rem 1rem;
	border-radius: 2px;
	border:3px solid rgba(255,255,255,1);
}

.course-tag a:link, .course-tag a:visited {
	color: rgba(255,255,255,0.8);
	transition: 300ms all ease-in-out;
}

.course-tag-programme a:link, .course-tag-programme a:visited {
	color: rgba(255,255,255,0.8);
	transition: 300ms all ease-in-out;
}

.course-tag:hover, .course-tag-programme:hover  {
	background-color:#333;
	color:#fff;
	cursor: pointer;
}

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

ul#menu-corona-fr-1.menu li.menu-item a:link, ul#menu-corona-fr-1.menu li.menu-item a:visited  {
	color:#c00a27;
	font-size: 1.2rem;
	font-weight: 600;
}

ul#menu-corona-fr-1.menu li.menu-item a:hover  {
	color:#222;
}

ul#menu-corona-nl-1.menu li.menu-item a:link, ul#menu-corona-nl-1.menu li.menu-item a:visited  {
	color:#c00a27;
	font-size: 1.2rem;
	font-weight: 600;
}

ul#menu-corona-nl-1.menu li.menu-item a:hover  {
	color:#222;
}