/*
	Theme Name: Definity Child
	Theme URI: http://89elements.com
	Description: This is a child theme of the Defintiy theme. Use this theme to safely make edits to the code of the parent theme (Definity). More info how to use the child theme you can find here: codex.wordpress.org/Child_Themes
	Author: Viktor Andonov
	Author URI: http://themes.89elements.com/definity/
	Template: definity
	Version: 1.1
*/



/* --------------------------------------------------
	Theme customization starts here
-------------------------------------------------- */

.asl_m .probox .promagnifier .innericon {
	background-color: #5bc500 !important;
}


.navbar .navbar-header .navbar-toggle {
    width: 100px;
    height: 40px;
    background-color: #5bc500;
    top: 35px;
    right: 0;
    color: white;
    display: flex;
    justify-content: end;
    align-items: center;
    border: solid 2px #5bc500;
}

.navbar-toggle::after {
    left: 10px;
    top: 4.5px!important;
    position: absolute;
    font-size: 1em;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
    right: 0;
    margin-left: 55px;
    max-width: 22px;
}

.navbar-toggle:hover .icon-bar {
    background-color: #5bc500;
}
.navbar-toggle:hover ::after {
    left: 10px;
    top: 6px!important;
    position: absolute;
    font-size: 1em;
}

.navbar-toggle:active, .navbar-toggle:focus {
    color: white;
    background: #5bc500 !important;
    background-color: #5bc500;
}
.navbar-toggle:active, .navbar-toggle:hover {
    color: #5bc500;
    background: white !important;
    background-color: white;
    border: solid 2px #5bc500;
}
.navbar-toggle:active, .navbar-toggle:hover i {
    color: #5bc500;
}

.next-step h3.employeur-btn{
	border-radius: 25px!important;
}

@media (max-width: 1260px) {
	.navbar .navbar-header .navbar-toggle span {
		background: white;
		left: 10px;
		top: 15px!important;
	}
}
/* @media screen and (max-width: 480px) { */
@media screen and (max-width: 767px) {
	.bulle-agenda a, .bulle-chatbot a, .bulle-contact a {
		background: #5bc500;
		font-size: 1.1em;
		border-radius: 10px;
		color: white;
		padding: 5px 0;
		height: initial;
	}
	.bulle-agenda, .bulle-chatbot, .bulle-contact {
		margin: 0 2%;
		width: 30%;
	}
	.bulles-liens {
		position: fixed;
		top: 35px;
		left: 40%;
		width: 30%;
		bottom: inherit;
	}
}

.pastille-orange, .pastille-turquoise {
    padding: 1em 0;
}
.pastille-turquoise {
	background: #5bc500;
}
.nos-centres h2 {
    padding: 0.5em;
}
.pastille-orange.activated, .pastille-turquoise.activated {
    box-shadow: 10px 5px 5px rgb(0 0 0 / 30%);
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
  .d-section:nth-child(2) h1 {
      margin-top: 0.5em !important;
  }
}
.pole-medical,.pole-technique,.pole-administratif,.pole-paramedical,.fonctions-support{
    padding: 10px 0;
    border-radius: 10px;
}
.pole-medical p,.pole-technique p,.pole-administratif p,.pole-paramedical p,.fonctions-support p{
    color: white;
	text-align: center;
}
.col-medical ul,.col-technique ul,.col-administratif ul,.col-paramedical ul,.supports ul{
    list-style: none;
    text-align: center;
    padding: 0;
}
.col-medical ul li,.col-technique ul li,.col-administratif ul li,.col-paramedical ul li,.supports ul li{
	background: white;
    margin: 4px 0;
    padding: 5px;
    border-radius: 10px;
}
.pole-medical {
    background: var(--turquoise);
}
.pole-technique {
    background: var(--fuschia);
}
.pole-administratif {
    background: var(--orange-fonce);
}
.pole-paramedical {
    background: #5bc500;
}
.fonctions-support {
    background: #222;
}

.navbar-toggle .fa-times {
  display: none;
}
.navbar-toggle.open .fa-times {
  display: block;
}
.navbar-toggle.open .fa-bars {
  display: none;
}

@media screen and (max-width: 767px) and (min-width: 481px)
{
  .navbar-toggle::after {
      right: inherit!important;
      left: -20px;
  }
}

.container-plaquette ul li {
  margin-bottom: 10px;
}

.container-plaquette .row {
    margin-top: 20px;
}

.container-plaquette .col-input-list {
    float: none;
    margin: auto;
}

.container-plaquette .col-md-6 {
    margin-top: 20px
}
.lien-liste-plaquette {
  display: flex;
  align-items: baseline;
}
.lien-liste-plaquette span {
  margin-left: 8px;
  line-height: 16px;
}

.p-4 {
    padding: 15px 30px;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
	margin-bottom:30px;
}

.block-list {

}
.block-list p {
    text-align: left;
    font-weight: bold;
    margin: 0;
}
.block-list ul {
    list-style: none;
    padding: 0;
    color: white;
}
.block-list ul {
    margin-top: 10px;
}

.block-list ul>li>a {
    color: white;
    text-decoration: none;
    font-size: 1.2rem;
    margin-top: 5px;
}

.block-list ul>li>a:hover {
    color: #c8c8c8;
    cursor: pointer;
}
#grande-image img {
    width: 100%;
    height: auto;
}
#grande-image {
    max-height: 600px;
    margin-top: 5em!important;
}
#search-icon {
	position: absolute;
    top: 6px;
    right: 30px;
}
input::-webkit-calendar-picker-indicator {
  display: none!important;
}

.logo-reseaux a {
    padding-left: 0.4em;
	margin-bottom : 10px;
} 


.logo-youtube a i{
	left:0.275em;
	top:0.35em;
	color:#eb3323
}

.logo-reseaux .logo-youtube a:hover{
	background:#eb3323;
	color:#FFF !important;
	transition:0.5s
}

.logo-reseaux .logo-youtube a:hover i{
	color:#FFF !important;
	transition:0.5s
}

.logo-lindkedin a i{
	left:0.4em;
	top:0.35em;
	color:#0e76a8
}

.logo-reseaux .logo-lindkedin a:hover{
	background:#0e76a8;
	color:#FFF !important;
	transition:0.5s
}

.logo-reseaux .logo-lindkedin a:hover i{
	color:#FFF !important;
	transition:0.5s
}

.logo-twitter a i{
	left:0.4em;
	top:0.35em;
	color:#00acee;
}

.logo-reseaux .logo-twitter a:hover{
	background:#00acee;
	color:#FFF !important;
	transition:0.5s
}

.logo-reseaux .logo-twitter a:hover i{
	color:#FFF !important;
	transition:0.5s
}

.logo-facebook a i{
	left:0.4em;
	top:0.35em;
	color: #3b5998;
}

.logo-reseaux .logo-facebook a:hover{
	background: #3b5998;
	color:#FFF !important;
	transition:0.5s
}

.logo-reseaux .logo-facebook a:hover i{
	color:#FFF !important;
	transition:0.5s
}