/*
 * Styles responsive
 */



/* Breakpoint Réduction du header pour éviter qu'il passe sous plusieurs lignes*/
@media (max-width: 1300px) {

	/* Général */
	body {
		font-size: 14px !important;
	}
	.fusion-modal h1, .fusion-widget-area h1, .post-content h1 {
	    font-size: 50px !important;
	}
	#main .fusion-portfolio h2, #main .post h2, #wrapper #main .post h2, #wrapper #main .post-content .fusion-title h2, #wrapper #main .post-content .title h2, #wrapper .fusion-title h2, #wrapper .post-content h2, #wrapper .title h2, .fusion-modal h2, .fusion-widget-area h2, h2.entry-title {
	    font-size: 35px !important;
	}

	/* Header */
	.fusion-main-menu > ul > li {
		padding-right: 23px !important;
	}
	.fusion-header-wrapper .fusion-secondary-menu > ul > li > a {
	    padding: 0 15px !important;
	}
	.fusion-secondary-header {
		padding: 0 !important;
	}
	.fusion-main-menu > ul > li > a, .side-nav li a {
		font-size: 21px !important;
	}
	.fusion-logo img {
	    height: auto !important;
	    max-width: 250px !important;
	}
	.fusion-is-sticky .fusion-logo img {
	    height: 55px !important;
	}

	/* Footer */
	.fusion-footer .fusion-column {
	    padding-left: 0;
	}
	.fusion-footer-copyright-area .fusion-copyright-notice
	, #menu-footer-bottom-navigation a
	, .fusion-footer-widget-area ul {
		font-size: 14px !important;
	}
	#slidingbar-area .widget-title, #slidingbar-area h3, .fusion-footer-widget-area .widget-title, .fusion-footer-widget-area h3 {
		font-size: 16px !important;
	}

	/* Read more */
	.read-more {
		font-size: 20px !important;
		height: 45px !important;
		line-height: 45px !important;
		padding-left: 60px !important;
	}
	.read-more img {
		width: 45px !important;
		height: 45px !important;
	}

	/* Homepage */
	.home-bloc-post h2 {
		left: 30px !important;
	}
	.home-bloc-post:hover h2 {
	    top: 30px !important;
	}
	.home-bloc-post.big:hover .excerpt {
		left: 30px !important;
	}
	.home-bloc-post .metas {
		padding-left: 10px !important;
	}
	.home-bloc-post .metas li {
		margin-left: 10px !important;
		line-height: 60px !important;
	}
	.home-bloc-post.small .metas li {
		line-height: 45px !important;
	}
	.home-bloc-post h2 {
		top: calc(100% - 100px - 86px) !important;
		padding-top: 10px !important;
	}
	#wrapper .post-content .home-bloc-post.small h2 {
		font-size: 25px !important;
		line-height: 25px !important;
	    top: calc(100% - 90px - 65px) !important;
	}
	.home-bloc-post:hover h2 {
		top: 30px !important;
	}
	#wrapper .post-content .home-bloc-post.small:hover h2 {
	    top: 15px !important;
	}
	.home-bloc-post:hover .read-more {
	    bottom: 80px !important;
	    right: 30px !important;
	}
	.home-bloc-post.small:hover .read-more {
	    bottom: 55px !important;
	    right: 30px !important;
	}
	.fusion-counters-box .content-box-counter .display-counter {
	    font-size: 70px !important;
	}
	.counter-box-content {
	    font-size: 16px !important;
	}
	#counter-big .counter-box-container .display-counter {
	    font-size: 110px !important;
	}
	.WP_Mailjet_Subscribe_Widget input {
	    max-width: 300px !important;
	}
}



/* Grid Responsive Breakpoint */
@media (max-width: 1000px) {

	/* Général */
	.fusion-modal h1, .fusion-widget-area h1, .post-content h1 {
	    font-size: 43px !important;
	}
	#main .fusion-portfolio h2, #main .post h2, #wrapper #main .post h2, #wrapper #main .post-content .fusion-title h2, #wrapper #main .post-content .title h2, #wrapper .fusion-title h2, #wrapper .post-content h2, #wrapper .title h2, .fusion-modal h2, .fusion-widget-area h2, h2.entry-title {
	    font-size: 30px !important;
	}

	/* Header */
	.fusion-header-wrapper {
		position: relative !important;
	}
	.fusion-header-wrapper .fusion-secondary-menu > ul > li > a {
	    padding: 0 10px !important;
	}
	.fusion-logo {
		float: none !important;
		margin-top: 40px !important;
	}
	.fusion-main-menu {
	    padding-top: 0 !important;
	}


	/* Read more */
	.read-more {
		font-size: 16px !important;
		height: 35px !important;
		line-height: 35px !important;
		padding-left: 45px !important;
	}
	.read-more img {
		width: 35px !important;
		height: 35px !important;
	}

	/* Homepage */
	.home-bloc-post .metas {
	    font-size: 13px !important;
	    padding-left: 0 !important;
	}
	.home-bloc-post h2 {
		top: calc(100% - 80px - 76px) !important;
		left: 15px !important;
	}
	.home-bloc-post.big:hover .excerpt {
		left: 15px !important;
	}
	#wrapper .post-content .home-bloc-post.small h2 {
	    font-size: 20px !important;
	    line-height: 20px !important;
	    top: calc(100% - 60px - 55px) !important;
	}
	.home-bloc-post .metas li {
		line-height: 50px !important;
	}
	.home-bloc-post.small .metas li {
		line-height: 35px !important;
	}
	#wrapper .post-content .home-bloc-post.small:hover h2 {
	    top: 10px !important;
	}
	.home-bloc-post.small:hover .read-more {
	    bottom: 40px !important;
	    right: 15px !important;
	}
	#counter-big .counter-box-container {
		padding-left: 5%;
	}
	.fusion-counters-box .content-box-counter .display-counter {
	    font-size: 60px !important;
	}
	.counter-box-content {
	    font-size: 15px !important;
	}
	#counter-big .counter-box-container .display-counter {
	    font-size: 80px !important;
	}
	.WP_Mailjet_Subscribe_Widget input {
	    max-width: 225px !important;
	}

}



/* MAX Header Responsive Breakpoint / Site Content Responsive Breakpoint */
@media (max-width: 800px) {

	/* Header */
	.fusion-header-wrapper .fusion-secondary-header {
	    display: block !important;
	    float: none !important;
	    font-size: 14px !important;
	    position: relative !important;
	}
	.fusion-mobile-menu-sep {
	    display: none !important;
	}
	.fusion-mobile-nav-item {
	    font-family: Corbel !important;
	}
	.fusion-mobile-menu-icons a {
		font-size: 30px;
		margin-top: -50px;
	}

	/* Homepage */
	.home-bloc-post.big:hover .excerpt {
		display: none !important;
	}

}



/* MIN Header Responsive Breakpoint / Site Content Responsive Breakpoint */
@media (min-width: 801px) {

	/*
	 * Formulaires
	 */
	label {
	    display: block;
	    text-align: right;
	}

}

@media (max-width: 600px) {
	#tribe-events .tribe-events-list .type-tribe_events.tribe-events-category-formation-inter table tbody tr {
		display: flex;
		flex-direction: column;
	}
	#tribe-events .tribe-events-list .type-tribe_events.tribe-events-category-formation-inter table tbody tr .tags {
		width: 100%;
	}
	#tribe-events .tribe-events-list .type-tribe_events.tribe-events-category-formation-inter table tbody tr .name {
		text-align: center;
		width: 100%;
	}
	#tribe-events .tribe-events-list .type-tribe_events.tribe-events-category-formation-inter table tbody tr .duree {
		width: 100%;
	}
	#tribe-events .tribe-events-list .type-tribe_events.tribe-events-category-formation-inter table tbody tr .date {
		width: 100%;
	}
	.tribe-events-list .tribe-events-loop-formation-inter table td.tags_and_name_collapse {
    width: 100%;
    text-align: center;
	}
}
