/*
Theme Name: Stockholm Child CESU
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 */
.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;display: inline-block; vertical-align: middle;}
		.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}

	.header_top {line-height: 32px;}
	.header_top a {color: white; font-size: 14px !important}

		
	.logo-site {width: 280px;}
	.logo-langue {width: 100px !important; height: 100px !important;}
	.sticky .logo-langue {height: 60px !important;}

/*carousel*/
.carousel-inner .slider_content .slide_buttons_holder .qbutton {padding: 15px 30px;}
.carousel-control .prev_nav, .carousel-control .next_nav {font-size: 55px;}

/* 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}
.post_carousels_holder .qode_carousels .slides>li.formation_cesu {padding: 40px 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 }

/*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;}
aside.sidebar .widget:not(.woocommerce) li {font-size: 16px; margin: 0 0 9px 0; padding: 0 0 9px 0; border-bottom: 1px solid #ddd;}
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;}
.filter_holder ul li.active span {color: #012470;}


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

/* form */
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 .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}

.projects_holder>.mix {display: block !important; margin-bottom: 40px !important}


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

.formation_cesu, .doc_cesu {margin-bottom: 30px;}
.doc_cesu .image_holder {float: left; width: 200px; margin-right: 20px; height: 170px; overflow: hidden}
.formation_single {padding: 40px; background: white}


.cesu_home {display: flex; justify-content: space-between; align-items: flex-start; align-content: flex-start; gap: 1rem;}
.cesu_home article.formation_cesu {width: 30%; background-color: white; padding: 2rem;}
.cesu_home h3 {font-size: 18px;	line-height: 22px; color: #222; }

@media only screen and (max-width: 991px) {
	.cesu_home {flex-wrap: wrap;}
	.cesu_home article.formation_cesu {width: 100%; margin-bottom: 1rem;}
}
@media only screen and (max-width: 600px) {
	.header_top .left {display: none;}
	.menu_bottom .q_logo a {height: 80px !important}
	.header_bottom {padding: 0 20px}


	.logo-langue {display: none !important;}

}