/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root {
	--cnvs-themecolor: #009ee3;
	--cnvs-themecolor-rgb: 0, 158, 227;
}


@media (min-width: 992px) {
		.header-misc-icon > a {
			width: 1.5rem;
			height: 1.5rem;
			font-size: 1.5rem;
			line-height: 1.5rem;
		}
	}

	#top-bar {
		height:35px;
		line-height: 35px;
	}

	.top-links-item > a {
		line-height: 10px;
	}
	#top-social li .ts-icon,
	#top-social li .ts-text {
		height: 35px;
		line-height: 35px;
	}

	.header-row .fbox-sm .fbox-icon {
		width: 1.25rem;
		height: 1.25rem;
	}

	.header-row .fbox-sm .fbox-icon i {
		position: relative;
		top: 1px;
		font-size: 1.25rem;
	}
	.header-shop-search input::-moz-placeholder {
		font-style: italic;
		opacity: .7;
	}
	.header-shop-search input::-webkit-input-placeholder {
		font-style: italic;
		opacity: .7;
	}


	@media (min-width: 992px) {

		.block-nav-header-5 .menu-item.menu-line {
				width: 1px;
				height: 30px;
				background-color: #CCC;
				margin: 0 10px !important;
		}

		.block-nav-header-5 .dark .menu-item.menu-line { background-color: rgba(255, 255, 255, 0.25); }

		.block-nav-header-5 .menu-container > .menu-item > .sub-menu-container > .menu-item {
				border-bottom: 1px solid #EEE;
		}

		.block-nav-header-5 .sub-menu-container .menu-link div > i.fa-solid fa-chevron-down::before {
				content: "\e976";
				font-family: "font-icons";
		}

		.block-nav-header-5 .mega-menu-small .mega-menu-content-width {
				width: 65rem;
		}

		.block-nav-header-5 .menu-item.mega-menu { position: static; }

	}

/* Homepage Categories
---------------------------------------------------------------------------- */
.course-categories .card a span {
	display: block;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.course-categories .card a span i {
	display: block;
	margin-bottom: 5px;
	font-size: 20px;
}

.hover-effect {
	-webkit-transition:  transform .25s ease, box-shadow .3s ease;
	-o-transition:  transform .25s ease, box-shadow .3s ease;
	transition:  transform .25s ease, box-shadow .3s ease;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	box-shadow: none;
	border: 0;
}

.hover-effect:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	/*filter: brightness(0.4);*/
}

.course-card .card-footer { border-top-color: #EEE; }

.rating-stars i { color: #f4c150; }

.course-card .card-title a { color: #333; }

.course-card .card-title a:hover { color: var(--cnvs-themecolor); }

.course-card  .card-title-sub { font-size: 11px; }


/* Les 3 pictos du bas de la homepage
---------------------------------------------------------------------------- */
.shop-footer-features h5 a:hover {
	color: #444;
	border-bottom: 1px dotted #AAA;
}

.shop-footer-features i {
	position: relative;
	top: 8px;
	width: 30px;
	height: 30px;
	font-size: 30px;
	margin-right: 10px;
	color: #888;
}

.shop-footer-features h5 span { color: #A0ACB6 !important; }

.clients-grid .grid-item {
	width: 12.5%;
	padding: 1rem;
}

.iconlist a {
	font-size: 14px;
}
.mylist {
	margin-left: 20px;
}

.lien_bas_page a{
	color: #585858;
	font-size: 12px;
}
.lien_bas_page a:hover{
	color: #000;
	font-size: 12px;
}

/* shop-categories page location */
.shop-categories [class^=col-] {
	position: relative;
	margin-bottom: 30px;
}

.shop-categories [class^=col-] > a {
	display: block;
	position: relative;
	height: 200px;
	background-color: #EEE;
	border-radius: 10px; 
}

.shop-categories [class^=col-] img { display: block;}

.shop-categories [class^=col-] > a::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	opacity: 0.4;
	-webkit-transition: all .7s ease;
	transition: all .7s ease;
	border-radius: 10px; 
}

.shop-categories [class^=col-] > a:hover::before { opacity: 1; }

.items-nav li a {
	display: block;
	position: relative;
	padding: 2px 0px 2px 10px;
	color: #888;
	font-size: 14px;
	transition: all .1s linear;
}

.items-nav li:hover a {
	background-color: #F5F5F5;
	color: #111;
}

.cathead a{
	color: #888;
	font-size: 14px;
	transition: all .1s linear;
}

.cathead a:hover{
	background-color: #F5F5F5;
	color: #111;
}