/*
Theme Name:   Novakom thème
Theme URI:    https://novakom.fr/
Description:  Agence de communication
Author:       Benoit ROMEO
Author URI:   https://www.agenceomega.fr/
Template:     Divi
*/

/* 
 * 
 * COULEURS 
 * 
 * Novakom : #45eba5
 * Arobase : #ED7F13
 * Boostercom : #f47322
 * 
 */

:root {
	--main-color: #062455;
	--createur-color: #45eba5;
}

/* -- MENU -- */
#top-menu-nav { margin-top:-15px !important }
.btn_contact, .et_mobile_menu > li.btn_contact > a {
	color: #062455;
	background-color: #efbf12;
	padding: 0 !important;
	border-radius:50px;
}
body #et-top-navigation nav>ul>li.btn_contact>a, body .et-fixed-header #et-top-navigation nav>ul>li.btn_contact>a, .et_mobile_menu > li.btn_contact > a  {
	color: #062455 !important;
	padding-bottom:0 !important;
	padding: 15px 25px 15px 25px !important;
}

/* -- ONGLET PERSO --*/
.onglet ul.clearfix {
    display: flex;
    flex-wrap: wrap !important;
    justify-content: center !important;
}
ul.et_pb_tabs_controls {
    background-color: transparent !important;
}
.cloud-it .et_pb_row {
    width: 100% !important;
}
.et_pb_tabs_controls li.et_pb_tab_active {
    background-color: var(--main-color) !important;
}
.et_pb_tabs, .et_pb_wc_tabs {
    border: 0px solid #d9d9d9 !important;
}
.single-product #top-menu li a {
    color: #000 !important;
}
.cloud-it .et_pb_column_7 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.et-pb-arrow-prev {
    color: #fff !important;
}
.et-pb-arrow-next {
    color: #fff !important;
}
.et_pb_bg_layout_light .et-pb-controllers a {
    background: #fff !important;
}

/* -- BLOG -- */
.display_wtitle .widgettitle { display:none; }

/* -- CONTACT --*/
.et-pb-contact-message { color:#fff !important; }

/* -- BOUTON HAUT DE PAGE -- */
.et_pb_scroll_top.et-pb-icon { background-color: var(--main-color) !important; }

/* -- FOOTER --*/
footer ul.et-menu>li { width:100% !important; margin:0; }
footer ul.et-menu>li>a { padding:0 !important; }
body .footer-link a { transition: color 300ms ease 0ms; }
body .footer-link a:hover { color:var(--main-color) !important; transition: color 300ms ease 0ms; }
body .footer-link a.link_createur { color:var(--createur-color) !important; }

/* -- DIVI MOBILE -- */
#dm-menu .sub-menu { margin-top:20px !important; padding:0 !important; }

/* -- FIX BUGS -- */
.et-fixed-header #et-top-navigation { min-height:0 !important; }
#cookie-notice .cn-button:not(.cn-button-custom) { background:var(--main-color) !important } 
header>div.container { width:90%; }

/* -- TIPS DIVI -- */
.align-last-module { display:flex; flex-flow:column nowrap; }
.align-last-module>div:last-child { margin-top:auto !important; padding-top:30px; }
.va-center { align-items:center !important; }
.cva-center { display:flex; flex-direction:column; justify-content:center; }
.blur-light { backdrop-filter:blur(2px); }
.blur-bold { backdrop-filter:blur(6px); }

/* TABLETS */
@media all and ( max-width: 980px) {
	.reverse-column { display:flex !important; flex-direction:column-reverse !important; }
	.reverse-column>div.et_pb_column:first-child { margin-bottom:0 !important; }
	.reverse-column>div.et_pb_column:last-child { margin-bottom:30px !important; }
	.special-reverse-column>div { display:flex !important; flex-direction:column-reverse !important; }
	.special-reverse-column>div>div.et_pb_column:first-child { margin-bottom:0 !important; }
	.special-reverse-column>div>div.et_pb_column:last-child { margin-bottom:30px !important; }
	
	/* FOOTER*/ 
	footer .et_pb_menu--style-left_aligned .et_pb_menu__wrap { justify-content:flex-start;}
	footer .et-menu > li > a { color:lighter !important; }
	footer .et_pb_menu .et_pb_menu__menu { display:flex !important; justify-content:center !important; }
	footer .et_mobile_nav_menu { display:none !important; }
}

/* MOBILE */
@media all and ( max-width: 767px) {
	/* FOOTER */
	footer .et_pb_menu .et_pb_menu__wrap, footer .et_pb_menu .et_pb_menu__wrap .et_pb_menu__menu { width:100% !important; }
	footer .et_pb_menu .et_pb_menu__menu>nav>ul { justify-content:center !important; }
    footer .et_pb_menu .et_pb_menu__menu>nav>ul>li>a { margin:auto !important; }
}