/*
Theme Name: ActivBrowser
Theme URI: git du thème
Description: A child theme of Pitch Theme
Author: Activ Browser
Author URI: http://www.activbrowser.com
Version: 0.9.0
Template: pitchwp
*/
@import url("../pitchwp/style.css");

h1 ,h2, h3, h5, h6 {
    text-transform: inherit;
}
.login_title_holder h2 {
    text-transform: inherit;
}
.header_bottom.header_full_width {
    padding: 0 25px;
}
.dark:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a>span.plus,
.dark:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a>span.item_inner:before,
.dark:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a>span.item_inner:after,
.dark:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a:before,
.dark:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a:after,
.dark.header_style_on_scroll nav.main_menu>ul>li>a>span.plus,
.dark.header_style_on_scroll nav.main_menu>ul>li>a>span.item_inner:before,
.dark.header_style_on_scroll nav.main_menu>ul>li>a>span.item_inner:after,
.dark.header_style_on_scroll nav.main_menu>ul>li>a:before,
.dark.header_style_on_scroll nav.main_menu>ul>li>a:after {
    background-color: #5c5c5c;
}
body:not(.top_menu_slide_down_opened) .dark:not(.sticky) nav.main_menu>ul>li>a,
body:not(.top_menu_slide_down_opened) .dark.header_style_on_scroll nav.main_menu>ul>li>a,
body:not(.top_menu_slide_down_opened) header.dark:not(.sticky) .q_icon_shade>a>*,
body:not(.top_menu_slide_down_opened) header.dark:not(.sticky) .header_top .inner .header_top_side_button>a {
    color: #5C5C5C;
}
@media only screen and (min-width:1000px) {
    .dark:not(.sticky):not(.scrolled) .q_social_icon_holder:hover .qode_icon_stack,
    .dark.header_style_on_scroll .q_social_icon_holder:hover .qode_icon_stack {
        background-color: #5C5C5C!important;
        border-color: #5C5C5C!important;
    }
}
.popup_menu .line:after,
.popup_menu .line:before {
    background-color: #5c5c5c;
}
@media only screen and (min-width:1000px) {
    .dark:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line,
    .dark:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:before,
    .dark:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:after,
    .dark.header_style_on_scroll .popup_menu:not(.opened) .line,
    .dark.header_style_on_scroll .popup_menu:not(.opened) .line:before,
    .dark.header_style_on_scroll .popup_menu:not(.opened) .line:after {
        background-color: #5c5c5c;
    }
}
.popup_menu.opened .line:after {
    background-color: #5c5c5c;
}
.subtitle {
    font-style: normal;
}
.portfolio_related_projects_title p {
    color: #5c5c5c;
}
.portfolio_related_projects_holder .projects_holder .project_overlay_holder {
    background-color: rgba(20, 141, 160, 0.65);
}
.portfolio_single .portfolio_navigation .portfolio_prev .nav_arrow,
.portfolio_single .portfolio_navigation .portfolio_next .nav_arrow {
    background-color: #79298c;
}

.portfolio_single .portfolio_navigation .portfolio_prev a:hover .nav_arrow,
.portfolio_single .portfolio_navigation .portfolio_next a:hover .nav_arrow {
    background-color: #EF682D;
}
.q_accordion_holder.accordion.boxed .ui-accordion-header {
    border: 0px solid #f6f6f5;
}
.q_accordion_holder .ui-accordion-header .accordion_mark {
    border: 0px solid #c3c3c3;
}
.q_accordion_holder.boxed .ui-accordion-header .accordion_mark {
    top: +0px;
}
.q_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon span {
    margin-left: -0px;
}
.cover_boxes ul li .box .thumb img {
    padding-bottom: 15px;
}
.cover_boxes ul li .box .box_content .cover_box_title {
    text-transform: inherit;
}
.qbutton,
.load_more a,
.blog_load_more_button a,
#submit_comment,
input.wpcf7-form-control.wpcf7-submit,
.post-password-form input[type='submit'] {
    padding: 0 90px;
}
.more_facts_inner {
    padding: 10px 0 0;
}
.more_facts_button {
    padding: 5px 0 5px;
}
.more_facts_button_arrow {
    font-size: 25px;
    padding: -10px 0 -10px;
}
.more_facts_button .more_facts_button_text {
    padding: 0 0 0px;
}
input.wpcf7-form-control[type=text] {
    border-radius: 5px!important
}
input.wpcf7-form-control[type=email] {
    border-radius: 5px!important
}
textarea.wpcf7-form-control {
    border-radius: 5px!important
}
.qode_twitter_widget li .tweet_content_holder .qode_tweet_text {
    color: #ffffff;
}
.qode_twitter_widget li .tweet_content_holder .qode_tweet_text a,
.qode_twitter_widget li .tweet_content_holder .qode_tweet_time a {
    color: #79298c;
}
.qode_twitter_widget li .tweet_content_holder .qode_tweet_text a:hover,
.qode_twitter_widget li .tweet_content_holder .qode_tweet_time a:hover {
    color: #EF682D;
}


/*
* header
*/
header.scrolled nav.main_menu > ul > li > a > span.item_inner,
header.dark.scrolled nav.main_menu > ul > li > a > span.item_inner,
body:not(.top_menu_slide_down_opened) .dark:not(.sticky) nav.main_menu > ul > li > a,
ul#menu-menu-principal a{ color: #5C5C5C; }

header.scrolled nav.main_menu > ul > li > a::after,
header.dark.scrolled nav.main_menu > ul > li > a::after,
.dark:not(.sticky):not(.scrolled) nav.main_menu > ul > li > a::after  {background-color: transparent;}

.mobile_menu_button {float: right;height: 90px;margin-right: 0;}
body:not(.top_menu_slide_down_opened) .dark:not(.sticky) nav.main_menu > ul > li > a.current,
ul#menu-menu-principal a.current { color: #79298c; }

.logo_wrapper { left: 0; }
.q_logo a { left: 0; height: 80px; }

/*
* Custom css category
*/
span.category span{margin-right: 10px}
span.catagorie-ligne1,
span.catagorie-ligne2,
span.catagorie-ligne3,
span.catagorie-ligne4,
span.catagorie-ligne5,
    span.catagorie-ligne6 {margin-right: 0px;display: none}

span.cat {display: inline;font-size: 15px;font-weight: 900;margin-right: 5px;}
span.cat:nth-child(2n+3) {font-weight: 300;}
/*
* banner
*/
.grid_section,.wpb_row {z-index: 99}

/*
* center ICon page Expertise
*/
.class-expertise .section_inner_margin .vc_col-sm-6 {display: inline-block;vertical-align: middle;float: none;}
.class-expertise .full_section_inner .vc_col-sm-6 {float: left;}


.q_icon_with_title.left_from_title .icon_title_inner_holder{ display: inline-block; width: 62%; vertical-align: middle; }

@media only screen and (max-width: 480px){
    .q_accordion_holder.accordion.boxed.accordion_show_icon.text_left_align .ui-accordion-header .accordion_mark {
        left: auto;right: auto;display: block;width: 15%;position: initial;float: right;}
    .q_accordion_holder.accordion .ui-accordion-header span.tab-title { padding: 0 9px; width: 75%; font-size: 13px; vertical-align: 15px; line-height: 12px; }
    .q_accordion_holder.accordion .ui-accordion-header span.tab-title-inner {width: 100%;vertical-align: middle;display: table-cell;}
}

@media screen and (min-width: 480px) and (max-width: 768px){
    .q_accordion_holder.accordion .ui-accordion-header span.tab-title-inner {
        color: inherit;
        line-height: inherit;
        width: 90%;
        font-size: 15px;
        display: inline-block;
        line-height: 17px;
        vertical-align: middle;
    }
}

/*
* header breakpoint Images
*/
@media screen and (min-width: 1000px) and (max-width: 1100px) {
  nav.main_menu>ul>li>a>span.item_inner { display: inline-block; padding: 0 34px 0 0;}
}
/*
* Header and footer mobile
*/
@media (max-width:1000px) {
    .footer_top a {display: block; }
}




/*
* Couleur de la date dans les articles du blog
*/
.blog_holder.blog_standard_type article .post_info .date {
    color: #79298c;
}



/*
* Couleur des titres d'articles dans la liste blog
*/
.blog_holder article h2 a,
.blog_holder article h4 a {
    color: #5c5c5c;
}



/*
* Couleur rollover du like dans les articles du blog
*/
.blog_holder article .post_info div a:hover, .blog_holder .blog_vertical_loop_clapper .post_info div a:hover {
    color: #ef682d;
}




/*
* Couleur de la date des articles sur la page d'accueil du blog
*/
.blog_holder.masonry article .post_info > div.date, .blog_holder.masonry_full_width article .post_info > div.date {
    color: #79298c;
}

ul#menu-menu-principal-fr a.current {
    color: #79298c;
}


/*
* Déverrouillage de la largeur des boutons
*/

.qbutton, .load_more a, .blog_load_more_button a, #submit_comment, input.wpcf7-form-control.wpcf7-submit, .post-password-form input[type="submit"] {
padding: 0 0px;
text-align: center;
}

.qbutton.small {
    padding: 0 0px;
    width: 100%;
}





/*
* Largeur 100% pour le bouton envoyer dans les formulaires
*/
.cf7_custom_style_1 input.wpcf7-form-control.wpcf7-submit, .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
    width: 100%;
}



/*
* Ne pas afficher 2 fois le titre d'un article (blog)
*/
.blog_holder.blog_standard_type article h2 {
    display: none;
}



/*
* couleur des flèches de navigation dans les articles du blog
*/
.portfolio_navigation a, .blog_navigation a {
    font-size: 40px;
    color: #79298c;
}
.portfolio_navigation a:hover, .blog_navigation a:hover {
    color: #ef682d;
}


/*
* couleur des flèches de navigation dans la section portfolio
*/
.owl-carousel .owl-prev:hover, .owl-carousel .owl-next:hover {
    color: #ef682d;
}

.flex-direction-nav a:hover, .caroufredsel-direction-nav a:hover, .owl-carousel .owl-prev:hover, .owl-carousel .owl-next:hover {
    color: #ef682d;
}





/*
* Marge et interlignage des sous-titres des Counters
*/
.q_counter_holder p.counter_text {
    margin: 8px 0 0 0;
line-height: 20px;
}



/*
* Couleur du texte -J'aime- dans les articles
*/
.blog_holder.blog_standard_type article .post_info .blog_like span {
    color: #79298c;
}

video{-webkit-filter:brightness(108.5%); width:100%;}

@media screen and (max-width:768px){
	.q_icon_list p {
		width: calc(100% - 89px);
	}
}

body:not(.top_menu_slide_down_opened) .light:not(.sticky) nav.main_menu > ul > li > a, body:not(.top_menu_slide_down_opened) .light.header_style_on_scroll nav.main_menu > ul > li > a, body:not(.top_menu_slide_down_opened) header.light:not(.sticky) .q_icon_shade > a > *, body:not(.top_menu_slide_down_opened) header.light:not(.sticky) .header_top .inner .header_top_side_button > a{
	color: #5C5C5C;
}

.page-template-blog-masonry .content.content_top_margin{
	margin-top:0 !important;
}

ul#menu-menu-principal-fr a.current {
    color: #79298c;
}





/*
* Personnaliser la flèche des expandable sections
*/
.fa-angle-down::before {
    content: "\f0d7";
}

/*
* Empecher que l'accordion soit 1 pixel trop long
*/
.q_accordion_holder.accordion.boxed.accordion_show_icon.text_left_align .ui-accordion-header .accordion_mark{
	right:0px;
}

/*
* Le dernier chiffre des counters n'est plus mangé
*/
.q_counter_holder span.counter {
    overflow: visible;
}

.more_facts_inner_holder{height:auto !important;}

.white li::marker,
span.white::marker{color:#FFF;}

.q_image_with_text_over .front_holder, .q_image_with_text_over .back_holder{padding:20px !important;}

.page-id-3779 ul li {
	overflow: hidden;
  	text-overflow: ellipsis;
  	text-wrap: nowrap;
}

nav.main_menu.right>ul {
    align-items: center;
    display: flex;
}

.articles-categorises {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 20px;
    margin: 40px 0;
}

.article-item {
    /*border: 1px solid #ddd;*/
    padding: 15px;
    background-color: #fff;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.article-item:hover {
    transform: translateY(-5px);
}

.article-item img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.article-item h2 {
    font-size: 22px;
	line-height: 30px;
    margin: 0 0 10px 0;
}

.article-item h2 a {
    text-decoration: none;
    color: #5c5c5c;
	opacity: 1;
	transition: 0.5s;
}

.article-item h2 a:hover {
    opacity: 0.8;
	transition: 0.5s;
}

.article-item p {
    font-size: 0.95rem;
}

.article-item .article-date {
	color: #79298c;
}

.article-item .article-categories a,
.article-item .article-categories{
	color: #ADADAD;
}

.article-item a.bouton-lire-suite {
	background-color: #79298c;
	border-radius:4px;
	color:white;
	display:inline-block;
	margin-top:20px;
	padding:4px 16px;
	text-align: center;
	text-decoration:none;
	width: calc(100% - 32px);
}

.article-item a.bouton-lire-suite:hover {
	background-color: #622173;
}

.ss360-custom-search .ss360-custom-search__searchbox {
	color: #5C5C5C;
	outline: none;
}

.z-index-9999 {
	z-index:9999;
}

.ss360-layer .ss360-nav li[data-cgkey="vidéos"],
.ss360-layer .ss360-nav li[data-cgkey="_"] {
	display: none;
}