/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
@import url('https://fonts.googleapis.com/css2?family=Alumni+Sans+Pinstripe:ital@0;1&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}

#header .nav-wrapper #sb_menu .nav li a {
    color: #f0d330;
background-color:#000;
}
.btn-bar__social-links .btn--action .icon {
background-color:#000 !important;}

span.icon.icon--facebook path {
fill:rgb(255, 247, 0);
}

#header .items-wrapper .nav-item#sb_client_info .login-container .full-info #sb_login_form .not-logged .bar .btn-bar--row .btn {
background-color: #000 !important;
color: #FFF700 !important;
}

.header-controls .btn--action, #content-view #contacts li .links .btn-bar__social-links .btn--action {
    color: #000 !important;
}
#client-profile-preview #sb_profile_form{
    background-color: #333;
}
#main #main-content #sb_content #client-profile-preview .btn, #client-profile-edit .custom-form .bar-with-btn .btn, #client-profile-preview .bar-with-btn .btn{
    background: #000;
    border: 3px solid #fff700;
    color: #fff700;
}
.alert-info {
    background-color: #d9edf7 !important;
}
#header .items-wrapper .nav-item .login-container .full-info .btn {
    border-color: #fff700;
    background-color: #000;
    color: #fff700;
}

#client-login .sb-client-fields #sb_additional_fields label.control-label.required:after {
    color: #fff700 !important;
}

section#about-us strong{color:#fff700;}
section#about-us strong a {color:#fff700!important; background-color:#000;padding:2px; border-radius:4px;text-decoration:underline;}

#intro-coaching-system p, p.introtext{
font-family:'Roboto';
font-weight:300;
}

#intro-coaching-system p.introtext{
font-size: 1.2rem;
}

#intro-coaching-system h1{
margin:1.5em 0;
}

.title-main {
color: #FFF700;
}

#main #main-content #sb_content .index-data-wrapper .section a {
    width: 200px !important;
}

#main-buttons .wrapper .inner .bar .btn:hover {
opacity:1;
}

#main #main-buttons .btn.book:hover {
    background: #FFFEEB;
}

#main #main-buttons .btn.map {
    background: #000 !important;
}

#main #main-buttons .btn.map:hover {
    background: #3b3a39 !important;
}

#custom-page a    {
    color: #fff700;
    text-decoration: underline;
}

#custom-page .btn.book.btn-with-icon.custom.animated.zoomIn    {
    opacity: 1!important;
}

#custom-page .btn.book.btn-with-icon.custom.animated.zoomIn a    {
    background: #4b5058;
    color: #FFF;
    margin: 0.5em 1em 0.5em 0;
    padding: 0.5em 1em;
    display: inline-block;
    text-decoration: none;
}
#custom-page .btn.book.btn-with-icon.custom.animated.zoomIn a:hover    {
    color: #FFF700;
}
#custom-page {
    font-family: 'Roboto';
} 
#custom-page p.introtext {
    margin: 1em 0;
    font-size: 1.2em;
} 
#custom-page h2 {
    margin: 0.3rem 0 0.3rem 0;
    font-size: 1.3em;color: #FFF700;
} 
#custom-page main section, #custom-page p.breadcrumb {
    background: #212327;
    padding: 1em;
    margin: 1em 0;
    border-radius: 1em;
}
#custom-page a.cta{
    background-color: #FFF700;
    padding: 1em;
    margin: 1em 0;
    color: #000;
    display: inline-block;
    font-weight: 700;
}

#custom-page a.cta:hover{
    background-color: #FFFfff;
}
.card.sidebyside {
    display: flex;
}
@media only screen and (max-width: 600px) {
  .card.sidebyside{
    display: block;
  }
}

.button-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px; 
    flex-wrap: wrap;
    text-align: center;
}

.button-link {
    display: flex;
    flex-direction: column; 
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 180px;
    padding: 15px;
    background-color: #333; 
    color: #FFF;
    border: 2px solid #FFF700;
    text-decoration: none; 
    border-radius: 10px;
    font-weight: bold;
    font-size: 1.2em;
    font-family: Arial, sans-serif; 
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.card a.button-link {
    font-weight: 300;
    color: #FFF;
}

.button-link:hover {
    background-color: #444;
    transform: translateY(-5px) scale(1.05);
}

.button-link img {
    /* Style de l'icône à l'intérieur du bouton */
    width: 60px; /* Une taille un peu plus grande pour l'impact */
    height: 60px;
    margin-bottom: 10px; /* Espace entre l'icône et le texte */
}

#content-view #about-us .txt a.button-link img{
    max-width:128px!important;
}