/*
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: #D1B79F;
	--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;
}*/

/* -- GENERAL -- */
.text-center { text-align:center; }

/* -- HERO -- */ 
.hero-title h1 strong { font-family:"Playfair Display",Georgia,"Times New Roman",serif; font-size:3rem; }
 
/* -- SECTION & COLONNES -- */
.align-bottom { display:flex; flex; align-items:flex-end;}

/* -- MENU & MEGA MENU -- */
ul.nav>li.visible-mobile { 
	display:none !important;
}

#tippy-1>.tippy-box {
	max-width:1400px !important;
}
.module-mega-menu {
    max-width: 98%;
    width: 1400px!important;
}

.module-mega-menu .et_pb_main_blurb_image { border-radius:50px; background-color:#D1B79F; padding:10px; }

/* -- 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:#000 !important; }

/* -- Formulaires de contact -- */
fieldset
{
 	border:2px solid #000; 
	padding:15px 30px;	
}
legend
{
	background-color:white;
  	margin-bottom:0px;
  	margin-left:15px;
	padding:15px;
}
fieldset>div.row
{
 	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:30px;
}
fieldset>div.marge-neg-15
{
 	margin-left:-15px;
	margin-right:-15px;
}
fieldset>div.row>div
{
 	flex:.9;
}
fieldset>div.row>div.p-15
{
 	padding:15px;
}
.wpcf7-checkbox { display:flex; flex-direction:row; flex-wrap: wrap; }
.wpcf7-checkbox.checkbox-center{ justify-content:center }
.wpcf7-checkbox.col-3>span { width:30%; }
.wpcf7-checkbox>span>label { display:flex; flex-direction:row-reverse; justify-content:flex-end; }
.wpcf7-checkbox>span>label>span { padding-left:15px; }
.btn_submit { text-align:right;}
.wpcf7-submit { 
	margin-top:15px;
	padding-top: 10px!important;
    padding-right: 40px!important;
    padding-bottom: 10px!important;
    padding-left: 40px!important;
	color: #000000!important;
    border-width: 2px!important;
    border-color: #000000;
    border-radius: 0px;
    font-size: 14px;
    font-family: 'DM Sans',Helvetica,Arial,Lucida,sans-serif!important;
    text-transform: uppercase!important;
    background-color: rgba(255,255,255,0);
	transition: all 300ms ease 0ms;
}

.wpcf7-submit:hover { 
	color: #FBF8F3!important;
    letter-spacing: 0px!important;
    background-image: initial;
    background-color: #000000;
	transition: all 300ms ease 0ms;
}



/* -- 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 } 
/* MEGA MENU */
.fix-link .et_pb_blurb h4>a {
	position: absolute;
    height: 50px;
    left: 0px;
    width: 100%;
    padding-bottom: 0px;
	z-index: 9;
}
/* TIMELINE : Même hauteur sur les carrés */
.dipi_horizontal_timeline .dipi-htl-items { align-items:stretch !important; }
.dipi-htl-items>div { background-color:#D1B79F; }

/* -- TIPS DIVI -- */
.align-last-module { display:flex; flex-flow:column nowrap; }
.align-last-module>div:last-child { margin-top:auto !important; padding-top:30px; }

/* TABLETS */
@media all and ( max-width: 980px) {
	/* -- FORMULAIRES CONTACT FORM 7 -- */
	fieldset>div.img-4>div
	{
		flex:none;
 		width:25%;
		margin-bottom:30px;
	}
	
	/* -- MENU & MEGA MENU -- */
	.nav .visible-menu { 
		display:inline-block;
	}
	.et_mobile_menu .invisible-menu { 
		display:none !important;
	}
	
	.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; }
}

/* MOBILE */
@media all and ( max-width: 767px) {
    fieldset>div.img-4>div
	{
		flex:none;
 		width:50%;
		margin-bottom:30px;
	}
}