/*
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
 * 
 */
#icon-phone, #icon-email{
	position: relative;
}

#icon-phone::before{
	content: '';
    font-family: ETmodules!important;
    font-weight: 400!important;
	padding-right: 8px;
	position: absolute;
    left: -28px;
    padding-top: 2px;
}
#icon-email:before{
	content: "\e076";
	font-family: ETmodules!important;
    font-weight: 400!important;
	padding-right: 8px;

	position: absolute;
    left: -28px;
    padding-top: 4px;
}



.et_header_style_left #et-top-navigation nav > ul > li.menu_cta a {
    background-color: #76B999;
color: #fff;
padding: 0 !important;
}

.et_header_style_left #et-top-navigation nav > ul > li.menu_cta > a {	
	color: #FFFFFF!important;
    border-width: 0px!important;
	padding: 0.7em 1em!important;
    border-radius: 50px;
    letter-spacing: 0px;
    font-size: 18px;
    background-color: #76B999;
}
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li.menu_cta > a {
		padding: 0.7em 1em!important;
}


.diapo-home h1{
	font-weight: 700!important;
    text-shadow: 0.08em 0.08em 0.08em RGBA(255,255,255,0)!important;
	font-size: 64px!important;
}
.diapo-home p{
    text-shadow: 0.08em 0.08em 0.08em RGBA(255,255,255,0)!important;
}


.numbers-list{
	counter-reset: section;
}
.numbers-list-item .et_pb_text_inner{
	display: flex;
	transition: transform .2s ease-in-out;
	transform: translatex(0px);
}
.numbers-list-item .et_pb_text_inner::before{
	counter-increment: section;
	content: "0" counter(section)  '.';
	padding-right: 16px;
    font-size: 24px;
	padding-left: 0px;
	color: white;
}
.numbers-list-item.dark .et_pb_text_inner::before{
	color: #00154d;
}

.numbers-list-item .et_pb_text_inner:hover{
	transform: translatex(16px);
}

.ribbon-small .ribbon-icon-wrap{
	margin-top: 0px;
	margin-bottom: 0px;
}

.light p{
	color: rgba(255, 255, 255, 0.65);
}
.dark p{
	color: rgba(0,21,77,0.55);

}
.light p strong, .timeline-ul.light .dipi_timeline_item_card ul li strong {
	color: rgba(255, 255, 255, 1);
	font-weight: 600;
}
.dark p strong, .timeline-ul.dark .dipi_timeline_item_card ul li strong{
	color: #00154d;
	font-weight: 600;
}

.light h1, .light h2{
	color: rgba(255, 255, 255, 0.65);
}
.dark h1, .dark h2{
	color: rgba(0,21,77,0.55);
}

.light h1 strong, .light h2 strong{
	color: white;
}
.dark h1 strong, .dark h2 strong{
	color: #00154d;
}

.timeline-ul .dipi_timeline_item_card ul{
	padding-top: 8px;
}
.timeline-ul.dark .dipi_timeline_item_card ul li{
	color: rgba(0,21,77,0.55);
}
.timeline-ul.light .dipi_timeline_item_card ul li{
	color: rgba(255, 255, 255, 0.65);
}




.menu-footer-module ul{
	display: block !important;
}

.menu-footer-module .et_mobile_nav_menu{
	display: none !important;
}
.menu-footer-module .et_pb_menu__menu{
	display: block !important;
}
.menu-footer-module .et_pb_menu__wrap{
	justify-content: flex-start;
}


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

/* -- MENU -- */
/*#top-menu-nav { margin-top:-15px !important }
.btn_contact, .et_mobile_menu > li.btn_contact > a {
	color: #fff;
	background-color: var(--main-color);
	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: #fff !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 --*/
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 } 

/* 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; }
	
	.diapo-home h1{
		font-size: 32px!important;
	}
	
	.diapo-home .et_pb_slides .et_pb_container.clearfix {
		min-height: auto !important;
	}
}

/* MOBILE */
@media all and ( max-width: 767px) {
	.circle-responsive-fix .dipi-content-heading{
		font-size: 20px !important;
	}
	.circle-responsive-fix  .dipi-content-text .dipi-desc{
		font-size: 18px !important;
    line-height: 1em;
	}
}