/*!
Theme Name: Future
Theme URI: https://themeforest.net/user/themexriver
Author: ThemeXriver
Author URI: https://themexriver.com
Description: AI Agency & Technology WordPress Theme
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: future
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

future is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonatha alpha-page-contentn Neal https://necolas.github.io/normalize.css/
*/

:root {
	--ssp-dark-mode-text-color: #fff !important;
	--ssp-dark-mode-bg1-color: #16192c !important;
	--ssp-dark-mode-bg2-color: #262c50 !important;
	--ssp-dark-mode-player-panel-bg: #16192c !important;
	--ssp-dark-mode-player-panel-input-bg: #262c50 !important;

	--ssp-light-mode-text-color: #16192c !important;
	--ssp-light-mode-bg1-color: #f0f0f0 !important;
	--ssp-light-mode-bg2-color: #dddddd !important;
	--ssp-light-mode-player-panel-bg: #fff !important;
	--ssp-light-mode-player-panel-input-bg: #f1f1f1 !important;

	--ssp-progress-bar-color: linear-gradient(90deg, #D0D70A 0%, #6AC3C0 100%) !important;
	--ssp-play-btn-color: #6AC3C0 !important;
	--ssp-player-btns-opacity: .5;
}


html {
    scroll-behavior: smooth;
}
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #6AC3C0;
    border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}


.castos-player .progress__filled {
    background: var(--ssp-progress-bar-color);
}

.podcast_player { margin-bottom: 4rem; position: relative; }

.tx-blog-box .podcast_player::after { 
    content: '';
    bottom: -2rem;
    left: 0;
    width: 50%;
    transform: translateX(50%);
    height: 2px;
    border-radius: 5px;
    background: linear-gradient(90deg, #D0D70A 0%, #6AC3C0 100%);
    position: absolute;
 }

.podcast_player .podcast_meta { text-align: right;  }

.podcast_player:has(.wp-video),
.podcast_player.has_wp_video {
    display: flex;
    flex-direction: column;
    align-items: center;
  }


.podcast_player .wp-video .mejs-controls {
    background: linear-gradient(-90deg, #D0D70A 0%, #6AC3C0 100%);
}

.podcast_player .mejs-controls .mejs-time-rail .mejs-time-current {
    background: #16192c;
}

/* Redéfinir la largeur pour le conteneur principal */
.podcast_player .wp-video {
    width: 100% !important;
    max-width: 100% !important;
}

/* Redéfinir la largeur pour les éléments enfants du lecteur vidéo */
.mejs-container,
.mejs-mediaelement,
.mejs-inner,
video.wp-video-shortcode {
    width: 100% !important;
    max-width: 100% !important;
}

/* Redéfinir la largeur pour les éléments enfants du lecteur vidéo à l'intérieur des contrôles de volume */
.mejs-volume-total {
    width: 4px !important;
}

.page-title {
    padding: 180px 0px 180px;
}
@media only screen and (max-width: 767px) {
    .page-title {
        padding: 80px 0px 80px;
    }
    .page-title .breadcrump-title {
        font-size: 40px;
    }
}
.page-title[data-background] {
	background-position: top center;
}
.page-title .bread-crumb li a:hover {
    color: #D0D70A;
}
.page-title .bread-crumb::before,
.page-title .bread-crumb::after {
    width: 10px;
    background-color: #D0D70A;
    border-radius: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.footer-two_email {
    --base-gradient: linear-gradient(90deg, #D0D70A 0%, #6AC3C0 50%);
}
.tx-gradientHeading {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.post-details-content h1.after_player_title {
    line-height: 80px;
    font-size: 70px;
    margin-bottom: 6rem;
}
.post-details-content h1.after_player_title::after { 
    content: '';
    bottom: -3rem;
    left: 50%;
    width: 25%;
    transform: translateX(-50%);
    height: 2px;
    border-radius: 5px;
    background: linear-gradient(90deg, #D0D70A 0%, #6AC3C0 100%);
    position: absolute;
}

@media only screen and (max-width: 767px) {
    .post-details-content h1.after_player_title {
        line-height: 50px;
        font-size: 40px;
    }
}

@property --gradient-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

.cn_rotation {
    position: relative;
    background-color: #e1e1e1;
    border-radius: 15px;
}
.cn_rotation::before {
    filter: blur(3.5rem);
}
.cn_rotation::after,
.cn_rotation::before {
    content: '';
    position: absolute;
    z-index: -8;
    inset: -.5rem;
    background: conic-gradient(from var(--gradient-angle), #D0D70A, #6AC3C0,#6AC3C0, #D0D70A);
    border-radius: inherit;
    animation: cn_rotation 20s linear infinite;
}

@keyframes cn_rotation {
    0% { --gradient-angle: 0deg;}
    100% { --gradient-angle: 360deg;}
}

body.elementor-page-27:not(.elementor-motion-effects-element-type-background), body.elementor-page-27 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: unset;
    background-image: none !important;
    background-position: unset;
    background-repeat: unset;
    background-size: unset;
    background: linear-gradient(90deg, #323f93, #16192c);
}

body .tx-recent-posts .pxl-item--date {
	position: absolute;
	bottom: 10px;
	left: 20px;
	font-size: 12px;
	text-transform: uppercase;
	z-index: 9;
	background: linear-gradient(90deg, #D0D70A 0%, #6AC3C0 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 700;
}

body .footer-nav_list li a:hover {
    color: #D0D70A;
}
body .footer-nav_list {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
body #wpadminbar {
    background: #16192c;
    color: #fff;
    font-family: "Poppins", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
body #wpadminbar * {
    font-family: "Poppins", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

body #wpadminbar + .page-wrapper .main-header.fixed-header .header-lower {
    top: 32px;
}
body #wpadminbar .ab-top-menu>li.hover>.ab-item, 
body #wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus, 
body #wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item, 
body #wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus {
    background: #0f0c19;
    color: #d0d600;
}
body #wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input {
     background: #0f0c19;
}
body 
body #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a, 
body #wpadminbar .quicklinks .menupop ul li a:focus, 
body #wpadminbar .quicklinks .menupop ul li a:focus strong, 
body #wpadminbar .quicklinks .menupop ul li a:hover, 
body #wpadminbar .quicklinks .menupop ul li a:hover strong, 
body #wpadminbar .quicklinks .menupop.hover ul li a:focus, 
body #wpadminbar .quicklinks .menupop.hover ul li a:hover, 
body #wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus, 
body #wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover, 
body #wpadminbar li #adminbarsearch.adminbar-focused:before, 
body #wpadminbar li .ab-item:focus .ab-icon:before, 
body #wpadminbar li .ab-item:focus:before, 
body #wpadminbar li a:focus .ab-icon:before, 
body #wpadminbar li.hover .ab-icon:before, 
body #wpadminbar li.hover .ab-item:before, 
body #wpadminbar li:hover #adminbarsearch:before, 
body #wpadminbar li:hover .ab-icon:before, 
body #wpadminbar li:hover .ab-item:before, 
body #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, 
body #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
body #wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label, 
body #wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label, 
body #wpadminbar>#wp-toolbar li.hover span.ab-label{
    color: #d0d600;
}

body #wpadminbar #wp-admin-bar-wp-logo {
    display: none;
}

body .scroll-to-top {
	border-radius: 25px;
}
body .border-radius-25 {
	border-radius: 25px;
}


body .position-relative {
	position: relative;
}

body .position-absolute {
	position: absolute;
}

body .z-index-999 {
	z-index: 9;
}


body .z-index-max {
	z-index: 99999999;
}
.ateliers-medias-A,
.ateliers-medias-B {
	object-fit: cover;
}

.ateliers-medias-A {
	top: -55%;
	right: -55%;
	z-index: 2;
}
.ateliers-medias-B {
	bottom: -25%;
	right: -70%;
	z-index: 3;
}
body .accordion-box .block .acc-btn.active {
    color: #131313;
	background: #8DE7E5;
}
body .accordion-box .block .acc-btn:hover {
	   color: #131313;
	background: #8DE7E5;
}

body .accordion-box-variant .accordion-box .block .acc-btn.active {
    color: #131313;
	background: #D0D70A;
}

body .accordion-box-variant .accordion-box .block .acc-btn:hover {
    color: #131313;
	background: #D0D70A;
}

@keyframes floating {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px); /* Adjust this value to control the float distance */
  }
  100% {
    transform: translateY(0);
  }
}

.floating {
  animation: floating ease-in-out infinite;
}

.floating-1 {
  animation-duration: 5s;
}

.floating-2 {
  animation-duration: 10s;
}

.floating-3 {
  animation-duration: 15s;
}

.floating-4 {
  animation-duration: 20s;
}

.floating-5 {
  animation-duration: 25s;
}

.floating-6 {
  animation-duration: 30s;
}