/*
Theme Name: Stockholm Child
Theme URI: http://demo.select-themes.com/stockholm/
Description: A child theme of Stockholm Theme
Author: Select Themes
Author URI: http://select-themes.com
Version: 1.0.0
Template: stockholm
*/
@import url("../stockholm/style.css");


h2,h3,h4 {margin-bottom: 10px;}

/*header */
.page_header {z-index: 9999999}
.header_bottom {padding: 0;}
.header_menu_bottom {background-color: #012470;}
	/*header text */
	.header-text {font-size: 25px; font-weight: 500; color: #222;}
		.header-text a {color: #222;}
		.header-text .lnr {margin-right: 5px;}
	/*navigation*/
	nav.main_menu {position: relative}
	header .header_menu_bottom nav.main_menu>ul>li:first-child>a {padding-left: 0;}
	header.sticky .side_menu_button a, header.sticky .side_menu_button a:hover {color: #222}
	.sticky .header_menu_bottom {height: 60px; clear: both}
	
	.logo-site {width: 230px;}
	.logo-langue {width: 100px !important; height: 100px !important;}
	.sticky .logo-langue {height: 60px !important;}


/*menu lateral*/
body:not(.home) #menu_lateral {display: none;}
#menu_lateral {position: fixed; top: 200px; left: 0; height: auto; z-index: 999999;}
	#menu_lateral ul {list-style-type: none; margin: 0; padding: 0;}
		#menu_lateral ul li {text-align: left; margin-bottom: 2px;}
			#menu_lateral ul li a {display: block; overflow: hidden; width: 73px; height: 76px; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: 600; background-color: #012470; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
			#menu_lateral ul li a:hover {background-color: #ec1753; width: 250px;}
			#menu_lateral ul li a span {display: inline-block; height: 76px;  vertical-align: middle; line-height: 76px; padding-left: 10px; }
			#menu_lateral ul li a::before {content: ""; display: inline-block; vertical-align: middle; height: 76px; width: 73px;}
			#menu_lateral ul li.btn_sejour a::before {background: url(/wp-content/uploads/2017/06/icon_sejour.png) center left no-repeat; }
			#menu_lateral ul li.btn_poles a::before {background: url(/wp-content/uploads/2017/06/icon_pole.png) center left no-repeat;}
			#menu_lateral ul li.btn_consultations a::before {background: url(/wp-content/uploads/2017/06/icon_consultation.png) top left no-repeat;}
			#menu_lateral ul li.btn_hopital a::before {background: url(/wp-content/uploads/2017/06/icon_venir.png) center left no-repeat;}
			#menu_lateral ul li.btn_paiement a::before {background: url(/wp-content/uploads/2019/06/paiement.png) center left no-repeat;}


/*carousel*/
.carousel-inner .slider_content .slide_buttons_holder .qbutton {padding: 15px 30px;}
.carousel-control .prev_nav, .carousel-control .next_nav {font-size: 55px;}
.carousel-inner .slider_content .text.all_at_once {margin-left: 60px;}
.carousel-inner h2 {text-shadow: 0 0 5px rgba(0,0,0,.3);}
.carousel-inner h3 {text-shadow: 0 0 5px rgba(0,0,0,.3);}
.carousel-inner h2, .q_slide_title {display: block !important;}

/* post carousel */
.post_carousels_holder .qode_carousels {padding: 0 50px}
.post_carousels_holder .qode_carousels .slides {padding: 10px 0 0 0}
.post_carousels_holder .qode_carousels .slides>li {background: white; position: relative; padding: 60px 20px 40px 20px; margin: 0 15px}
.caroufredsel_wrapper {min-height: 200px !important}
	.post_carousels_holder .qode_carousels .slides>li .date::after {content: ""; position: absolute; right: -6px; top: 0px; width: 0; height: 0; border-style: solid; border-width: 6px 0 0 6px; border-color: transparent transparent transparent #ae103c;}
	.post_carousels_holder .qode_carousels .slides>li .date {position: absolute; top: -5px; left: 20px; padding: 5px; height: 39px; width: 39px; background-color: #ec1753; color: white; text-align: center;}
	.post_carousels_holder .qode_carousels .slides>li .date span {display: block;}
	.post_carousels_holder .qode_carousels .slides>li h3 {font-style: normal; font-size: 18px; line-height: 22px; color: #222; letter-spacing: 1px; margin-bottom: 15px;}
	.post_carousels_holder .qode_carousels .slides>li p {color: #595959}
		.post_carousels_holder .qode_carousels .slides>li .date .day {font-size: 22px; font-weight: 600; line-height: 1}
		.post_carousels_holder .qode_carousels .slides>li .date .month {font-size: 12px; font-weight: 600; line-height: 1; text-transform: uppercase;}
.post_carousels_holder .qode_carousels .caroufredsel-direction-nav .caroufredsel-navigation-item {background: transparent; color: #ec1753; font-size: 70px}
.post_carousels_holder .qode_carousels .caroufredsel-direction-nav .qode_carousel_next {right: 15px;}
.post_carousels_holder .qode_carousels .caroufredsel-direction-nav .qode_carousel_prev {left: -10px;}

/* footer */
.footer_top_holder {background: #1f1f1f url(/wp-content/uploads/2017/06/footer.png) bottom left no-repeat}


/*medecin*/
#medecin {max-width: 900px; padding: 50px 40px 40px 40px; margin: 50px 0; background-color: #002470; color: white; position: relative;}
	#medecin span::after {content:''; position: absolute; right: -8px; top: 0; width: 0;height: 0;border-style: solid;border-width: 8px 0 0 8px;border-color: transparent transparent transparent #B30E39;}
	#medecin span {position: absolute; top: -8px; left: 40px; background-color: #ED1753; padding: 5px; font-size: 38px; color: white; }
	#medecin h3 {text-transform: uppercase; color: white; font-weight: 600; font-size: 18px; letter-spacing: 1px;}
	#medecin strong, #medecin b {font-weight: 800;}

/*Full width sidebar*/
/* .two_columns_25_75 {margin: auto; max-width: 1600px;} */
.two_columns_25_75>.column2 {min-height: 540px;}
.two_columns_25_75>.column1 .sidebar {background-color: #F3F3F3; padding: 40px 30px 20px 40px;}
.two_columns_25_75>.column2>.column_inner {padding: 40px 40px;}

#menu-sidebar-offre-de-soins > li {margin-bottom: 30px;}
#menu-sidebar-offre-de-soins > li > a {font-weight: 700; font-size: 1.5rem;}
aside.sidebar .widget:not(.woocommerce) li {font-size: 16px;}
aside.sidebar .widget h4 {background-color: transparent !important; padding: 0}
aside.sidebar .menu_enfant {margin-bottom: 40px;}
aside.sidebar .menu_enfant a.current {color: #012470}


/* sidebar*/
	/*poles*/
	.menu-sidebar-poles-container > ul > li {position: relative;}
	.menu-sidebar-poles-container > ul > li > a {font-weight: 600; padding-right: 15px; display: block}
	.menu-sidebar-poles-container > ul > li > a::after {content: "\f105"; color: #ec1d57; font-family: FontAwesome; font-size: 20px; position: absolute; top: 0; right: 0;}
	.menu-sidebar-poles-container ul li.current-menu-item > a {color: #3b94e3 !important;}
	.menu-sidebar-poles-container > ul > li.current-menu-item > a::after,
	.menu-sidebar-poles-container > ul > li.current-menu-parent > a::after {content: "\f107";}
	.menu-sidebar-poles-container ul.sub-menu {margin: 0 !important; padding: 0;}
	.menu-sidebar-poles-container ul.sub-menu li {margin: 5px 0 !important; border: 0 !important;}
	.menu-sidebar-poles-container ul.sub-menu li a::before {content: "- "; display: inline-block; margin-right: 3px;}
	
	.menu-sidebar-poles-container ul li ul {display: none}
	.menu-sidebar-poles-container ul li.current-menu-item ul,
	.menu-sidebar-poles-container ul li.current-menu-parent ul {display: block}

	/*blog */
	.widget.widget_search form input[type=text] {background-color: white; font-size: 14px; color: #444 !important}
	.widget #searchform {background-color: white; }
	.widget_archive label {display: none;}


/*pole*/
.info_pole {float: right; width: 200px; background-color: #f5f5f5; padding: 20px; margin: 0 0 20px 20px;}

/* page parent */
.page_parent .post_content {border: 1px solid #ccc; padding: 20px; height: 180px; margin-bottom: 30px;}
	.page_parent .post_content .q_font_elegant_holder {display: block; margin: 0 auto 10px;}
	.page_parent .post_content a {margin: 10px 0 0 0; border: 1px solid #012470}

/*emploi */
.projects_holder article .portfolio_title, .projects_masonry_holder article .portfolio_title {color: #222;}
.projects_holder.standard article .project_category, .projects_holder.standard_no_space article .project_category {color: #555;}
.projects_holder article p, .projects_masonry_holder p {line-height: 1.4;}
.projects_holder.offre_emploi>.mix {width: 100%; margin-bottom: 20px;}
.projects_holder.offre_emploi {font-size: 14px; line-height: 1.4}
.filter_holder ul li.active span {color: #012470;}

/* select_service */
.form_service_pole,
.form_medecin {display: block; margin: 20px 0 0 0;}
	.form_service_pole .select_control,
	.form_medecin .select_control {position: relative; border-radius: 4px; background-color: #efefef}
		.form_service_pole .select_control::after,
		.form_medecin .select_control::after {position: absolute; top: 48%; right: 10px; content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; border-color: #333 transparent transparent transparent; z-index: 0;}
		.form_service_pole .select,
		.form_medecin .select {display: inline-block; width: 100%; height: 58px; padding: 5px 10px; line-height: 1; color: #333333; vertical-align: middle; background-color: transparent; border: 0; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline: none; position: relative; z-index: 1}



.blog_holder article .post_image, 
.blog_holder article .post_image>a {width: auto}
.blog_holder article .post_text .post_text_inner {padding: 10px 50px 10px 0;}
.blog_holder article {margin: 0 0 40px; border-bottom: 1px solid #ccc; padding-bottom: 50px;}

body.archive .content .full_width {padding: 0;}

/* form */
#form_dossier_medical .error {display: inline-block; padding: 10px 20px; background-color: #ec1753; color: white; text-transform: uppercase; margin: 10px 0; font-weight: bold}
input[type=password] {position: relative; width: 100%; margin: 0 0 15px 0; padding: 10px 17px; outline: 0; resize: none; font-family: inherit; font-size: inherit; line-height: 18px; background-color: #fff; color: #8d8d8d; border: 1px solid #ededed; border-radius: 0; -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; box-sizing: border-box;}

#contact_form fieldset {display: block; padding: 10px 40px; margin: 20px 0 0px 0; border: 1px solid #ccc;}
#contact_form fieldset legend { text-transform: uppercase; color: #3B91E0;}
#contact_form label {position: relative; display: block; margin: 20px 0 0 0; font-weight: bold;}
#contact_form .php_error {color: #ec1753; text-transform: uppercase; margin: 0 0 0 10px; font-weight: bold}
#contact_form input[type=password],
#contact_form input[type=text],
#contact_form input[type=email],
#contact_form textarea {position: relative; width: 100%; margin: 0 0 15px 0; padding: 10px 17px; outline: 0; resize: none; font-family: inherit; font-size: inherit; line-height: 18px; background-color: #fff; color: #555; border: 1px solid #ccc; border-radius: 0; -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; box-sizing: border-box;}
#contact_form textarea {height: 80px;}
#contact_form .patient_service2 {border-top: 1px dashed #ccc; margin-top: 20px; margin-bottom: 40px;}
#contact_form .patient_service3 {border-top: 1px dashed #ccc; margin-top: 20px; margin-bottom: 40px;}
#contact_form .patient_service4 {border-top: 1px dashed #ccc; margin-top: 20px; margin-bottom: 40px;}
#contact_form .select_control {position: relative; border-radius: 4px; background-color: #efefef}
	#contact_form .select_control::after {position: absolute; top: 48%; right: 10px; content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; border-color: #333 transparent transparent transparent; z-index: 0;}
	#contact_form .select {display: inline-block; width: 100%; height: 50px; padding: 5px 10px; line-height: 1; color: #333333; vertical-align: middle; background-color: transparent; border: 0; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline: none; position: relative; z-index: 1}
#contact_form .inverse {color: white!important; background-color: #ec1d57 !important}
	#contact_form .inverse:hover {color: #012470 !important; background-color: white !important;}


#inline1 .hide_fancy {display: none !important}

/*CESU*/
.formation_cesu a {margin-top: 20px;}
.actu_cesu {background-color: #f5f5f5;}
	.actu_cesu .image_holder {float: left; max-width: 300px;}
	.actu_cesu .qbutton {margin-top: 20px;}
	.back_actu_cesu {margin-top: 60px !important;}


/* info medecin */
.info_medecin {
    padding: 20px;
    background-color: #f5f5f5;
    margin: 0 0 20px 0;
}

.gform_confirmation_message {padding: 20px; text-align: center; font-size: 25px; margin: 20px 0; border: 1px solid #ccc;background: #012470; color: white;}

/* fin du formulaire de demande de dossier medical */
.greenbutton {
	background-color: green;	
}
.greenbutton::hover {
	background-color: #012470 ;
	border-color: black;
	color:white;
}


.offre_emploi h4 {font-size: 16px; margin-bottom: 5px !important;}
.offre_emploi .project_category {margin: 0 0 10px 0;}


@media only screen and (max-width: 1200px) {
	nav.main_menu > ul > li > a {padding: 0 10px;}
}
@media only screen and (max-width: 1000px) {
	.mobile_menu_button {padding-left: 20px}
	.header_inner_right {padding-right: 10px;}
	.menu_bottom .q_logo a {max-height: 80px;}
	.two_columns_25_75 > .column1 {width: 30%;}
		.two_columns_25_75 > .column1 .sidebar {padding: 40px 10px 20px 20px;}
	.two_columns_25_75 > .column2 {width: 70%}
	
	nav.mobile_menu > ul {padding: 0 20px;}
}

@media only screen and (max-width: 980px) {
	.carousel .carousel-inner h2 span {font-size: 0.625em !important}
}

@media only screen and (max-width: 768px) {
	.four_columns > .column1, 
	.four_columns > .column2, 
	.four_columns > .column3, 
	.four_columns > .column4, .four_columns > .column4 {width: 50%; min-height: auto !important; margin-bottom: 20px;}
	.footer_top .four_columns .column4 .column_inner > div {margin: 0;}
	
	footer.footer_border_columns .qode_column {border: 0;}
	footer.footer_border_columns .qode_column:first-child > .column_inner {padding-left: 0px;}
}

@media only screen and (max-width: 600px) {
	.carousel-inner .slider_content .text.all_at_once {margin-left: 30px;}

	footer .four_columns {padding: 0 30px 0 60px;}
	.four_columns > .column1, 
	.four_columns > .column2, 
	.four_columns > .column3, 
	.four_columns > .column4, .four_columns > .column4 {width: 100%; min-height: auto !important;}
	
	.two_columns_25_75 > .column1 {width: 100%;}
		.two_columns_25_75 > .column1 .sidebar {padding: 40px 10px 20px 20px;}
	.two_columns_25_75 > .column2 {width: 100%}
		.two_columns_25_75 > .column2 > .column_inner {padding: 20px !important}

	#menu_lateral {display: none}
}

@media only screen and (max-width: 480px) {
	.logo-langue {display: none !important;}
	.breadcrumb {display: none !important;}
	.post_carousels_holder .qode_carousels .slides > li h3 {font-size: 15px; line-height: 18px;}
}