/*

Theme Name: the7dtchild

Author: Dream-Theme

Author URI: http://dream-theme.com/

Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!

Version: 1.0.0

License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended

Template: dt-the7

*/



.mini-sub-nav, .main-nav .sub-nav > li > a:hover, .main-nav .sub-nav > li > a {

-webkit-border-bottom-right-radius: 10px;

-webkit-border-bottom-left-radius: 10px;

-moz-border-radius-bottomright: 10px;

-moz-border-radius-bottomleft: 10px;

border-bottom-right-radius: 10px;

border-bottom-left-radius: 10px;

}



.sub-nav, .main-nav .dt-mega-menu-wrap {

    -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.07) !important;

    box-shadow: 0 5px 5px 1px rgba(0,0,0,0.07) !important;

	-webkit-border-bottom-right-radius: 10px;

-webkit-border-bottom-left-radius: 10px;

-moz-border-radius-bottomright: 10px;

-moz-border-radius-bottomleft: 10px;

border-bottom-right-radius: 10px;

border-bottom-left-radius: 10px;

}



.mobile-main-nav .sub-nav {

	box-shadow:none !important;

}



.main-nav .sub-nav > li > a {

	transition: all 0.5s ease-out;

}



.main-nav .sub-nav > li > a:hover {

	padding-left:20px;

	transition: all 0.5s ease-out;

}



.dt-mega-menu-wrap ul.sub-nav {

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

}





/* MODIFS CHLOE */



@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



/* ------------------------------- */

/* COLORS */

/* ------------------------------- */

:root {

    --red: #dd3333;

    --red_hover: #b20707;

}



*:not(h1):not(h2):not(h3) {

    font-family: "Poppins", sans-serif;

}





.sub-nav .menu-item i.fa,

.sub-nav .menu-item i.fas,

.sub-nav .menu-item i.far,

.sub-nav .menu-item i.fab {

	text-align: center;

	width: 1.25em;

}



#tab-desc_tab table tr:nth-child(odd) td, #tab-description table tr:nth-child(odd) td{

background:#fff;

	

}

#tab-desc_tab table tr:nth-child(even) td, #tab-description table tr:nth-child(even) td{

background:#f7f7f7;

	

}



.header-elements-button-1:hover span {color:#ff5f6d;}





@media only screen and (max-width: 800px) {

		

table, 

thead, 

tbody, 

th, 

td, 

tr{ 

	

display: block;

	

}

	

#tab-desc_tab tr th { 

display:none;

}

 

#tab-description td:nth-child(2n) {

	text-align: center;

	font-weight:bold;

	}

 

#tab-desc_tab td { 

position: relative;

white-space: normal;

text-align: center;

	font-weight:bold;

padding-left:55%;

	}



#tab-desc_tab td:before { 

position: absolute;

top: 6px;

left: 6px;

width: 55%; 

padding-right: 10px; 

font-weight:500;

white-space: normal;

text-align:left;

content: attr(data-title);

	

	}

}



.loader {

  width: 48px;

  height: 48px;

  display: inline-block;

  position: relative;

}

.loader::after,

.loader::before {

  content: '';  

  box-sizing: border-box;

  width: 48px;

  height: 48px;

  border-radius: 50%;

  border: 2px solid #000;

  position: absolute;

  left: 0;

  top: 0;

  animation: animloader 2s linear infinite;

}

.loader::after {

  animation-delay: 1s;

}



@keyframes animloader {

  0% {

    transform: scale(0);

    opacity: 1;

  }

  100% {

    transform: scale(1);

    opacity: 0;

  }

}





/* CARDS SOLUTION HOMEPAGE */

.ult-ib-effect-style6:hover .ult-new-ib-title {

  margin-bottom: 20px;

}



.ult-new-ib img {

    height: 250px;

    object-fit: cover;

}





/* LIST CARDS */

.list_cards {
	display: flex;
	gap: 20px;
}
@media screen and (max-width:767px){
	.list_cards {
		flex-wrap:wrap;
	}
}


.list_cards .vc_column-inner {

	padding: 20px;

	border-radius: 20px;

	box-shadow: 3px 3px 16px 7px rgba(30, 30, 30, 0.10);

	height:100%

}

.list_cards .vc_column-inner > .wpb_wrapper{

    height: 100%;

    display: flex;

    flex-direction: column;

}

.list_cards .vc_column-inner img {

	max-height: 250px;

	object-fit: cover;

}

.list_cards .vc_column-inner > .wpb_wrapper .btn-align-left{

	margin-top:auto;

}



/* FORMULAIRE */

.wpcf7 input:not(.wpcf7-submit), .wpcf7 textarea {

	border-top-left-radius: 10px !important;

	border-top-right-radius: 10px !important;

}



.wpcf7 .wpcf7-form .formulaire-responsive .rang-form .wpcf7-submit {

	display: flex;

	align-items: center;

	border-radius:50px;

	text-transform:uppercase;

}

.wpcf7 .wpcf7-form .formulaire-responsive .rang-form .wpcf7-submit:hover{

	color: #000;

}



.wpcf7-submit br {

	height: 0;

	visibility: hidden;

}



.formulaire-responsive .rang-form {

  display: flex;

  flex-wrap: wrap;

  gap: 20px;

}



.formulaire-responsive .demi-colonne {

  flex: 0 0 50%;

  max-width: calc((100% - 20px) / 2);

}



.formulaire-responsive .colonne {

  flex: 0 0 100%;

  max-width: 100%;

}



.wpcf7-acceptance .wpcf7-list-item {

	margin: 0;

}



.wpcf7-acceptance input[type="checkbox"] {

	margin-right: 8px;

}



input[type="submit"]:not([name="update_cart"]):not(.woocommerce-widget-layered-nav-dropdown__submit), .post-password-form input[type="submit"], .mc4wp-form input[type="submit"], div.mc4wp-form button[type="submit"], .tml-submit-wrap input[type="submit"], .wpcf7-form input[type="submit"] {

	margin-top: 20px;

}



@media (max-width: 768px) {

	.formulaire-responsive .rang-form {

		gap: 0px;

	}

	

  .formulaire-responsive .demi-colonne {

    flex: 0 0 100%;

    max-width: 100%;

  }

}





/* 	BTN LOSANGE */

/*.btn_losange,

a.header-elements-button-1,

button.single_add_to_cart_button {

	transform: skew(-15deg) !important;

	border-radius: 5px;

}



.btn_losange span, .btn_losange i,

a.header-elements-button-1 span, a.header-elements-button-1 i,

button.single_add_to_cart_button span {

	transform: skew(15deg) !important;

	display: inline-block;

}



.microwidget-btn.header-elements-button-1:hover {

	background-color: white !important;

}



.header-elements-button-1:hover span {

	color: #d33 !important;

}



.wpcf7 br {

  display: none;

}*/



/* BTN */

.dt-btn, .dt-btn-link {

	text-transform: uppercase;

	font-weight: 600 !important;

}



.dt-btn-link span {

	color: black !important;

}



.dt-btn-link .icomoon-the7-font-the7-arrow-33::before {

	background: var(--red);

  padding: 5px;

  color: white;

  border-radius: 50px;

}



a.header-elements-button-1,

.default-btn-shortcode.dt-btn.dt-btn-m.link-hover-off,

.wpcf7-submit {

	border-radius: 50px;

	padding: 7px 8px 7px 20px;

	border: 1.5px solid var(--red);

}



a.header-elements-button-1::after,
.wpcf7-submit::after,
.default-btn-shortcode.dt-btn.dt-btn-m.link-hover-off::after {

	content: url("https://dvp.activemedia.tv/wp-content/uploads/2026/03/arrow_right.svg");

	margin-left: 30px;

	background: #F98484;

	padding: 10px 20px;

	border-radius: 80px;

	display: flex;

	width: fit-content;

	opacity: 1 !important;

	position: relative !important;

}



a.header-elements-button-1:hover,

.wpcf7-form-control:hover,

.default-btn-shortcode.dt-btn.dt-btn-m.link-hover-off:hover {

	background-color: white !important;

	color: black;

}



a.header-elements-button-1 span{

	transition:all .3s ease;

}

a.header-elements-button-1:hover span,

.wpcf7-form-control:hover span {

	color: black;

}



a.header-elements-button-1 span{

	text-transform:uppercase;

	font-weight:700;

}



/* IMAGES*/

.vc_single_image-img {

	border-radius: 20px;

}





/* MASQUE D'IMAGE */

.masked-image {

	height: 500px;

  background-image: url("https://dvp.activemedia.tv/wp-content/uploads/2024/01/ecran-entreprise-industries.webp");

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  mask-image: url("https://dvp.activemedia.tv/wp-content/uploads/2025/09/Masque-affichage-dynamique.png");

  mask-size: contain;

  mask-repeat: no-repeat;

  mask-position: center;

}



.masked-imag img {

	width: 100% !important;

}





/* BOX IMG */

.ult-new-ib {

	border-radius: 20px;

}



.ult-new-ib img {

	background: black;

  filter: opacity(0.5);

}





/* MEDIA CONTENT */

.media-content_box-content-reverse {
	display: flex;
	flex-direction: row-reverse;
}
@media screen and (max-width:767px){
	.media-content_box-content-reverse {
		flex-wrap:wrap-reverse;
	}
}



.vc_row .media-content_box-content.wpb_column {
	background: white;
	box-shadow: 3px 3px 16px 7px rgba(30, 30, 30, 0.10);
	padding: 60px 45px;
	border-radius: 20px;
	position: absolute;
	right: 0;
	bottom: 0px;
	z-index: 1;
	width:55%;
}

@media screen and (max-width:767px){
	.vc_row .media-content_box-content.wpb_column {
		width:100%;
	}
}



.media-content_box-content-reverse .media-content_box-content {

	left: 0;

	right: unset;

}





@media (max-width: 767px) {

    .media-content_box-content {

        position: static !important;

        padding: 30px 15px !important;

    }

}







/* DIVERS */

button.single_add_to_cart_button {

	font-weight: 400 !important;

  font-size: 16px !important;

}



a.product_type_variable {

	background: none !important;

	color: var(--red) !important;

	display: flex;

  gap: 10px !important;

  align-items: center !important;

}



a.product_type_variable:hover {

	color: var(--red_hover) !important;

	box-shadow: none !important;

}



.footer .custom-menu a::before {

	background-color: transparent !important;

}



.section_centre {

	width: 900px !important;

	margin: 60px auto !important;

	background: rgb(244, 244, 244) !important;

	padding: 40px !important;

	border-radius: 20px;

}



.wpb_tabs_nav li.ui-tabs-tab {

	border-top-left-radius: 10px !important;

	border-top-right-radius: 10px !important;

}



aside .sidebar-content {

	overflow: hidden !important;

	border-radius: 20px !important;

}



/* MODIFS KENAN */



.footer #bottom-bar .wf-container-bottom .wf-float-left {

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	gap: 3px;

}

.footer #bottom-bar .wf-container-bottom .wf-float-left a:nth-child(2) {

	display: inline-block;

	height: 22px;

	overflow: hidden;

}

.footer #bottom-bar .wf-container-bottom .wf-float-left a:nth-child(2) img {

	width: 120px;

	border-radius: 9px;

	transition: all 0.4s ease;

}

.footer #bottom-bar .wf-container-bottom .wf-float-left a:nth-child(2):hover img {

	transform: translateY(-22px);

}

.related.products{

	margin-bottom:40px;

}

.products-shortcode{

	margin-bottom:40px;

}

.archive .wf-container-main{

	margin-bottom:40px;

}

.blog-media img{

	border-radius:20px;

}

.blog-media img + i{

	border-radius:20px;

}

.page-template-template-blog-masonry .wf-container-main{

	margin-bottom:40px;

}

.dt_portfolio .portfolio-categories{

	display:none;

}

.post.dt_portfolio{

	background-color:transparent;

}

.reset_variations{

	display:none!important;

}

.hero-img .hero-img-bg img{

	max-height:520px;

	object-fit:cover;

}

.hero-img>.wpb_column>.vc_column-inner>.wpb_wrapper{
	position:relative;
}

.hero-img .sigle-activemedia-home{

	position:absolute;

	top:calc(50% + 55px);

	left:50%;

	transform:translate(-50%, -50%);

	margin-bottom: 0;

    width: 300px;

	opacity:0.75;

}
@media screen and (max-width:767px){
	.hero-img .sigle-activemedia-home{
		top:50%;
	}
}

.home .top-bar{

	margin-top:20px!important;

	background:white;

	border-radius:50px 50px 0 0;

	box-shadow:0px -20px 25px 5px rgba(30, 30, 30, 0.10);

}

.home .header-bar{

	background:white;

	border-radius:0 0 50px 50px;

	box-shadow: 0px 35px 25px 0px rgba(30, 30, 30, 0.10);

}

.home #main{

	padding-top:0;

}

.wpb_single_image .vc_single_image-wrapper.vc_box_rounded img{

	border-radius:20px;

}

@media screen and (min-width: 769px){

	.product div.images{

		width:50%;

	}

	.product div.summary{

		width:calc(50% - 60px);

	}

}