/* custom for Ocean on Helix Ultimate*/


/* head */

#sp-header{
 background-color: rgba(0, 181, 181, 0.8);
 box-shadow: 0 1px 1px rgba(0, 181, 181, 0.3);
 height: 100px;
	}	
#sp-logo {
	padding-top: 20px;
	}
#sp-header .logo a {
    font-family: 'Josefin Slab', serif;
    font-size: 28px;
    font-style: italic;
	}
/* PLUS NECESSAIRE AVEC LOGO IMG */
/* .logo a::after {
	content: "Learn - Connect - Enjoy";
	display: block;
	line-height: 200%;
	font-size: 18px;
	font-weight: 400;
	}
.logo-slogan {
	color: #60FDFD; */
	}

/* supprime le padding bottom sppb testimonial*/
.sppb-testimonial-pro {
	padding-bottom: 0px !important;
}

#sp-header .logo a:hover {
	color: #ffffff;
	}

	/* force la couleur des menus principaux */
.sp-megamenu-parent>li {
     color: #60FDFD;
}
	
/* blog */

.list-group-item {
        background-color: #00b5b5;
}
.table.category {
    background-color: rgba(0, 181, 181, 0.6)
;
}
	/* change la couleur du champ auteur dans la liste des cat */
.table.category tbody>tr td {
    color: #60FDFD;
}

/* foot */

#sp-footer {
	text-align: center;
	}
	
/* MENUS */

/* modif de template css nécessaire
.sp-dropdown-sub {
    right: 100% !important;
}*/

/* crée un fond turquoise foncé lors du passage souris*/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {padding-left:10px; padding-right:10px;}
/*.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {padding-left:10px; padding-right:10px;}*/
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover {background: #00a1a1;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item {padding-left:14px; padding-right:10px;}
	
/*OFFCANVAS - OFFCANVAS*/
	
.offcanvas-menu {
	background-color: #3f3f3f;
	}

.offcanvas-menu .logo a {
	display: none;
	}

	/* force la couleur des menus principaux offcanvas */
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span{
     color: #60FDFD;
}
	/* augmente la largeur des lignes des sous-menus offcanvas */
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    line-height: 40px;
}
	/* ajoute icone sous-menus */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:before {
    font-family: "Font Awesome 5 Free";
    content: "\f104""\00a0""\00a0";
    font-weight: 900;
}
	/* un padding au sous-menus avec child */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    padding-left: 10px;
}

/* MEDIAS CONTROLS */

@media (max-width: 768px){
.col-xs-12 {
    flex: 0 0 auto;
    width: 100%;
}
ul.social-icons{
font-size: 30px;
margin: 0;
text-align: center;
}
.mod-languages{
font-size: 30px;
margin: 0;
text-align: center;
}
.sp-contact-info{
font-size: 20px;
margin: 0;
text-align: center;
}
#sp-footer #sp-footer2 {
    padding: 20px;
}
.logo-image {
height: 100px !important;
}
}