/* AJOUTS GUILLEMOT */
.youtube-responsive-container{
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden
}
.youtube-responsive-container iframe,.youtube-responsive-container object,.youtube-responsive-container embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.dj-academy--tile h3{
	background-color:rgba(232,74,30)
}
.dj-academy--tile .slidey{
	background-color:rgba(232,74,30,.8)
}

#new_gdpr, #checkbox_gui_newsletterherculesdjmixroom{
	margin-right: 0.2em; position:absolute !important;
}

/* Zone de widget en header */

.scp-signin-widget{
	position: unset !important;
}
.scp-signin-widget a{
    padding: 10.5px 6px !important;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
	color: #000 !important;
    background-color: #B3B3B3 !important;
}
.scp-signin-widget .right-top-menu .dropdown #userDropdown {
    height: 28px !important;
}

.scp-signin-widget a:hover{
    background-color:#c20e1a !important;
	color:white !important;
	text-decoration:none;
}

#userDropdown {
	color:#FFF !important;
    background-color: #C20E1A !important;
	border: none !important;
}
.dropdown-menu .dropdown-item:first-of-type {
	display:none !important;
}

.dropdown-menu {
	background-color:#fff0 !important;
	border:none !important;
}

#userDropdown span{
	font-size:16px !important;
}

@media all and (min-width: 769px) {
	.scp-signin-widget li {
		padding: 5px !important;
		margin: 2px !important;
		background-color: #C20E1A !important;
	}
}


/* widget mobile */
.mobile-account {
    display: none;
}
#menu-main-navigation, #menu-main-navigation-fr, #menu-main-navigation-us, #menu-main-navigation-es, #menu-main-navigation-it, #menu-main-navigation-de, #menu-main-navigation-nl, #menu-main-navigation-pt, #menu-main-navigation-cnt {
	margin-bottom:0 !important;
}
@media all and (max-width: 768px) {
	.mobile-account {
		display: block;
		color: #FFF;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 16px;
		padding: 10px;
		background-color: #C20E1A;
		box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.35);
		position: absolute;
		top: 100%;
		right: 30px;
		transform: translateY(-50%);
		z-index: 100;
		cursor: pointer;
	}
	.scp-signin-widget a{
		text-transform: uppercase;
		font-weight: bold !important;
		color: #FFF !important;
	}
	.right-top-menu{
		top: 0 !important;
		right: 0 !important;
	}
	.right-top-menu.navbar-nav {
		position: initial !important;
	}
	.dropdown-menu-right .dropdown-item{
		font-weight: initial !important;
	}
	.dropdown-menu{
		top: 10px !important;
		left: 10px !important;
		background-color:#fff0 !important;
		border: none !important;
	}

}


#myModalCRM{
	background: white;
    width: 50%;
	min-width: 250px;
    margin: auto;
    height: fit-content;
}
.world-switcher.audio-active .scp-signin-widget li:last-of-type {
    padding:0;
}

/* correctif barre de connexion */
.scp-signin-widget a::before {
	color: #000 !important;
}
body.admin-bar header[aria-role="banner"] {
  margin-top: 0px !important;
  padding-bottom: 0px !important;
}

.signup-section #wrapper{
  padding-top: 90px !important;
}

@media (max-width: 768px){
	.scp-signin-widget a {
		background-color: unset !important;
	}	
	#scp-login-form .row{
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	#scp-login-form .col-lg-12 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}	
	.login-section{
		padding:0 !important;
	}
}

/* Style pour les versions desktop (écrans larges) */
@media (min-width: 600px) {

    .custom-table td {
        border: 1px solid #ddd;
vertical-align: middle;
    }

    .custom-table .text-col {
        width: 75%;
vertical-align: middle;
        }

    .custom-table .image-col {
        width: 25%;
        vertical-align: middle;
    }

}

/* Style pour les versions mobiles (écrans étroits) */
@media (max-width: 599px) {
    .hide-on-mobile {
        display: none; /* Masquer le tableau sur les écrans étroits */
    }
}

/* Style pour les versions desktop (écrans larges) */
@media (min-width: 600px) {
    .hide-on-desktop {
        display: none; /* Masquer le contenu sur les écrans larges */
    }
}

.tab-comparison {
	border: 1px solid #C49C48; 
	padding: 10px;
	text-align: center;
	vertical-align: middle; 
	
}

/* 14/02/2024 */
/* Styles du bouton pour T7 Premium Edition*/
.btn4{
	font-size: 1rem;
	font-weight: bold;
	padding:.7rem 2.5rem;
	border-radius: 5rem;
	color:rgb(7, 7, 7);
	margin-top: 1rem;
	box-shadow: 0 .3rem .5rem rgba(0,0,0,.3);
	cursor: pointer;
	border:none;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.btn4::before{
	content: '';
	position: absolute;
	top:0; right: 0;
	height:100%;
	width:0%;
	background:#C49C48;
	z-index: -1;
	transition: .2s linear;
}

.btn4:hover::before{
	left: 0;
	width:100%;
}

ul.custom-list li {
    font-size: 110% !important;
}

/* 14/02/2024 */
/* Styles pour page Stream Control*/
.text.center .stream-custom
{
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.text .stream-custom 
{
  padding: 25px !important;
  line-height: unset !important;
}

.link-skip, .link-backup
{
    text-decoration: none;
    color: #da84ff;
}
.form-title-custom
{
    font-size: 24px;
    font-weight: bold;
}

.form-nothanks-advert-ad-skip
{
    font-size: 14px;
}

.popin-custom
{
    background: rgb(112,48,160);
    background: linear-gradient(223deg, rgba(112,48,160,1) 0%, rgba(70,16,130,1) 100%);
    color: white;
    box-shadow: 0 0 300px 20px black;
    border-radius: 10px;
    padding: 25px;
    max-width: 350px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    flex-direction: column;
    width: 100%;
    align-items: center;
    z-index: 99;
}

.button-icon
{
    display: flex;
    flex-direction: row;
    gap: 25px;
    align-items: center;
    justify-content: center;
}

.row .stream-custom, .row.stream-custom
{
    display: flex;
    flex-direction: row;
    gap: 50px;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.main-title-custom
{
    text-align: center;
    padding: 25px;
    margin-bottom: 25px;
}

.button-custom
{
    background-color: #7030a0;
    color: white;
    padding: 25px 35px;
    cursor: pointer;
    border-radius: 10px;
    font-weight: bold;
    font-size: 24px;
}

.column
{
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}
.column p, .row p
{
    display: none;
}
.container .stream-custom
{
    max-width: unset;
}
.stream-stairs-row
{
    display: flex;
    color: rgb(0, 0, 0);
    text-align: center;
    justify-content: center;
    width:100%;
    gap: 50px;
}
.stream-stairs-row-text
{
    padding: 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
}
.stream-stairs-row-text-title
{
    font-size: 40px;
    color: #7030a0;
    font-family: avenir next w01 !important;
    font-weight: bold;
    text-transform: uppercase;
	line-height:40px;
}
.stream-stairs-row-text-subtitle
{
    font-size: 20px;
    font-weight: bold;
}
.stream-stairs-row-text-features
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 300px;
    justify-content: center;
}
.stream-stairs-row-text-features div
{
    padding: 15px;
    background-color: #f4f4f4;
    border-radius: 5px;

}
.stream-stairs-row-text-img
{
    border-radius: 25px;
    min-width: 40%;
    
}

/* Ajout 29/02/2024 Marketing #2851
/* Style tableau review video pour les versions desktop (écrans larges) */
@media (min-width: 600px) {

  .custom-table-1 td {
    border: 1px solid #ddd;
    vertical-align: middle;
  }

  .custom-table-1 .text-col {
    width: 50%;
    vertical-align: middle;
  }

  .custom-table-1 .video-col {
    width: 50%;
    vertical-align: middle;
  }

}

/* Button on homepage Billboard */
.btn-billboard-homepage{
	font-size: 1rem;
	font-weight: bold;
	padding: .7rem 2.5rem;
	border-radius: 5rem;
	color: rgb(255, 255, 255);
	margin-top: 5rem;
	box-shadow: 0 .3rem .5rem rgba(0,0,0,.3);
	cursor: pointer;
	border: none;
	overflow: hidden;
	position: relative;
	z-index: 0;
	background: #E40614;
}
.btn-billboard-homepage:hover{
	color:#E40614;
	background-color:#FAFDFD;
	text-decoration:none;
}

.billboard p{
	color: #FFF;
	font-size:1.5rem;
}
.billboard.no-image p{
	color: #000;
}
.billboard h1, .billboard p {
	font-weight: bold;
}