/*
 Theme Name:   Futurio Child
 Theme URI:    https://futuriowp.com/about/
 Description:  Thème enfant de Futurio
 Author:       Alex
 Author URI:   https://futuriowp.com/about/
 Template:     futurio
 Version:      1.2.16
 Text Domain:  futurio-child
 Domain Path:  i18n/languages
 Tested up to: 5.5
*/
@charset "UTF-8";

:root {
    --lvdp-pink-color:#ee2a5f;
}

/* unvisited link */
a:link {
  color: var(--lvdp-pink-color);
}

/* visited link */
a:visited {
  color:#BA0032;
}

/* mouse over link */
a:hover {
  color: #F67C9C;
}

/* selected link */
a:active {
  color:#BA0032;
}

.page-title{
  color: #777;
}

.full-head-img h1.single-title, .single-subtitle {
  color:var(--lvdp-pink-color);
}
.full-head-img {
  background-color: rgba(0,0,0,0.8);
}

h3 {
  color: var(--lvdp-pink-color)!important;
}

h4 {
  color: var(--lvdp-pink-color)!important;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .elementor-icon {
      font-size: 33px !important;
      padding: 33px !important;
    }
    .elementor-icon-box-description {
      display:none !important;
    }
    .elementor-icon-box-title {
      margin-top: 10px;
      margin-bottom: 50px;
    }
    .description_lvdp{
      overflow-x: auto;
      font-size: 12px;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .elementor-31 .elementor-element.elementor-element-178eb9da .elementor-icon {
    font-size: 44px;
    padding: 44px;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}


/********************************************
	CountDown                                 *
*********************************************/
.lvdp_countdown li {
  display: inline-block;
  font-size: 0.5em;
  list-style-type: none;
  padding: 1em;
  text-transform: uppercase;
}

.lvdp_countdown li span {
  display: block;
  font-size: 1.5rem;
}
/********************************************
	End CountDown                             *
*********************************************/

.nav > li > a {
  color: var(--lvdp-pink-color);
}

.tablinks a .active{
  background: var(--lvdp-pink-color);
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  background: var(--lvdp-pink-color);
}

.lvdp_tabs{
  border: 5px solid var(--lvdp-pink-color);
  border-radius: 20px;
}

.lvdp_warning{
  background: var(--lvdp-pink-color);
  opacity: 0.8;
  color :  #FFFFFF;
  font-style: italic;
}

.lvdp_warning a{
  color :  rgb(0, 0, 0);
  font-weight: bold;
  text-decoration: underline;
}

.lvdp_warning a:hover{
  color :  rgb(255, 255, 255);
}

table.lvdptheme {
  text-align: left;
}
table.lvdptheme td, table.lvdptheme th {
  border: 1px solid #AAAAAA;
  padding: 5px 5px;
}

table.lvdptheme tr:nth-child(even) {
  background: #E2E2E2;
}

.label{
  background: var(--lvdp-pink-color);
  color: #FFFFFF;
  border-radius: 40px;
  padding-left: 0.8em;
  padding-right: 0.8em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

.mp3Title{
  color: var(--lvdp-pink-color);
}

.lvdp_jacket {
  -webkit-box-shadow: 2px 2px 5px 2px #000000; 
  box-shadow: 2px 2px 5px 2px #000000;
  border-radius: 10%;
  }

.btn-catalog, .btn-catalog:focus {
  color: var(--lvdp-pink-color)!important;
  border-top-color: var(--lvdp-pink-color);
  border-bottom-color: var(--lvdp-pink-color);
  border-right-color: var(--lvdp-pink-color);
  border-left-color: var(--lvdp-pink-color);
  padding: 8px 20px;
  width: 100%;
}

.btn-lvdp, .btn-lvdp:focus, .comment-reply-link{
  color: var(--lvdp-pink-color)!important;
  border-top-color: var(--lvdp-pink-color);
  border-bottom-color: var(--lvdp-pink-color);
  border-right-color: var(--lvdp-pink-color);
  border-left-color: var(--lvdp-pink-color);
  padding: 8px 20px;
}

.btn-lvdp:hover,  .btn-catalog:hover{
  color: white!important;
  background: var(--lvdp-pink-color);
}

.footer-credits-text a, 
.footer-credits-text a:hover {
  color: var(--lvdp-pink-color);
}

.site-branding-text h1.site-title a, .site-branding-text .site-title a {
  color: var(--lvdp-pink-color);
}

.woocommerce .disabled {
  color: #777777 !important;
  background-color: #ffffff !important;
  border-top-color: #777777 !important;
  border-bottom-color: #777777 !important;
  border-right-color: #777777 !important;
  border-left-color: #777777 !important;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .search-submit:hover, .nav-link:hover, .nav-link:before, .hustle-button-close:hover, button:hover, #site-navigation .dropdown-menu > .active:hover {
  color: #ffffff !important;
  background-color: var(--lvdp-pink-color) !important;
  border-top-color: var(--lvdp-pink-color) !important;
  border-bottom-color: var(--lvdp-pink-color) !important;
  border-right-color: var(--lvdp-pink-color) !important;
  border-left-color: var(--lvdp-pink-color) !important;
}

.woocommerce #respond input#submit, .woocommerce a.button, #sidebar .widget.widget_shopping_cart a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.al, .search-submit, .hustle-button-close, button, #site-navigation .dropdown-menu > .active {
  color: var(--lvdp-pink-color) !important;
  border-top-color: var(--lvdp-pink-color) !important;
  border-bottom-color: var(--lvdp-pink-color) !important;
  border-right-color: var(--lvdp-pink-color) !important;
  border-left-color: var(--lvdp-pink-color) !important;
}

#site-navigation .navbar-nav > li.active > a {
  color: #ffffff !important;
  background-color: var(--lvdp-pink-color) !important;
}

/********************************************
	Use for modal prompt when use token     *
*********************************************/
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}

.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

@media only screen and (max-width: 600px) {
  /* Description coupée sur la page catalogue quand on est sur un téléphone */
  .description_truncated {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}

/**************** WOOCOMMERCE ***************/
/* Supression des champs tri*/
.woocommerce .woocommerce-ordering select {
  display: none;
}

/* Couleur de fond pour les labels de "Promo" */
.woocommerce span.onsale {
    background-color: #ee2a5f;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  border-bottom: 1px solid var(--lvdp-pink-color);
  color: var(--lvdp-pink-color);
}

.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.active a {
  border-bottom: 1px solid var(--lvdp-pink-color);
  color: var(--lvdp-pink-color);
}

.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li:hover a {
  border-bottom: 1px solid var(--lvdp-pink-color);
}

p.woocommerce-result-count {
  display: none;
}
.archive-product-categories {
  display : none;
}

.woocommerce-loop-product__title{
  color: var(--lvdp-pink-color);
}

.woocommerce-message::before,
.woocommerce-error::before, .woocommerce-info::before {
  color: var(--lvdp-pink-color);
 
}

.woocommerce a.remove {
  color: var(--lvdp-pink-color);
}

.woocommerce-info, .woocommerce-message {
  border-top-color: var(--lvdp-pink-color);
}

.woocommerce-additional-fields {
  display: none;
}

.woocommerce-billing-fields {
  display: none;
}

/**
  * Background color for checkboxes
  */

input[type="checkbox"], input[type="radio"] {
    accent-color: #ee2a5f;
}

/**
  * Autoplay button
  */ 
.firstAnswer {
  background: linear-gradient(to right, #ffc1d2  50%,white 0);
  background-size: 200% 100%;
  background-position: right;
  animation: makeItfadeIn 20s infinite forwards;
}

.firstAnswer:hover{
  animation-play-state:paused;
  cursor: pointer;
}

@keyframes makeItfadeIn{
  0% { transform: scale(1); }
  20% { transform: scale(1); }
  22% { transform: scale(1.3); }
  24% { transform: scale(1); }
  26% { transform: scale(1.3); }
  28% { transform: scale(1); }
  40% { transform: scale(1); }
  60% { transform: scale(1); }
  62% { transform: scale(1.3); }
  64% { transform: scale(1); }
  66% { transform: scale(1.3); }
  68% { transform: scale(1); }
  80% { transform: scale(1); }
  100% { transform: scale(1);
        background-position: left; }  
}

.custom-audio {
  width: 100%;
}

.custom-audio-mobile {
  width: 100%;
  min-width: 100px;
}

.custom-audio::-webkit-media-controls-mute-button,
.custom-audio::-webkit-media-controls-volume-slider,
.custom-audio::-webkit-media-controls-time-remaining-display,
.custom-audio::-webkit-media-controls-timeline,
.custom-audio::-webkit-media-controls-time,
.custom-audio::-webkit-media-controls-mute-button,
.custom-audio-mobile::-webkit-media-controls-mute-button,
.custom-audio-mobile::-webkit-media-controls-volume-slider,
.custom-audio-mobile::-webkit-media-controls-time-remaining-display,
.custom-audio-mobile::-webkit-media-controls-timeline,
.custom-audio-mobile::-webkit-media-controls-mute-button,
.custom-audio-mobile::-webkit-media-controls-current-time-display
{
  display: none !important;
}

.custom-audio::-webkit-media-controls-play-button,
.custom-audio::-webkit-media-controls-panel,
.custom-audio-mobile::-webkit-media-controls-play-button,
.custom-audio-mobile::-webkit-media-controls-panel
{
  background-color: pink;
}

.new-session {
  background-color: pink;
}

.new-session-admin_visibility {
  background-color: lightblue;
  vertical-align: top;
}

/**************** Detailed pages ***************/
#div-comments.row {
  border-top: solid;
  margin-top: 20px;
  border-top-width: 1px;
  border-top-color: lightgrey;
}
#div-comments #submit {
  color:var(--lvdp-pink-color);
}

ul.futuriowp-social-icons.float.style-light{
  display: flex;
  justify-content: center;
}
.info-box {
  margin-top: 10px;
  padding: 15px;
  background-color: #f8f8f8;
  border-radius: 8px;
  display: inline-block;
}

@media only screen 
and (max-device-width : 991px) {
  div.attachment a.btn.btn-lvdp{
    margin-top: 10px;
  }

  aside#sidebar{
    margin-top:10px;
  }

  #div-post-content {
    height: auto;
  }

  #jacket-detailed {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
}
/********************************************/