/*
 Theme Name:   Retro Customs
 Theme URI:    https://exemple.com
 Description:  Admin
 Author:       Admin
 Template:     retrotube
 Version:      1.0.0
*/

/*CUSTOM CSS*/
.thumb-block .post-thumbnail {
  border-radius: 20px;
}

#s.input-group-field {
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
}

.site-branding .header-search input#searchsubmit {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.widget-title {
  border-radius: 15px;
}

.pagination ul li a {
  border-radius: 20px;
}

.title-block.box-shadow {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.under-video-block .show-more-related a.button {
  border-radius: 20px;
}

#video-about .tags .tags-list .label {
  border-radius: 15px;
}

.actors-list .thumb-block .entry-header {
  border-radius: 20px;
}

.categories-list .thumb-block .entry-header {
  border-radius: 20px;
}

.page-template-template-tags a.tag-cloud-link {
  border-radius: 20px;
}

input[type=search] {
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
}

.search-submit {
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
}

#wpforms-submit-97.wpforms-submit {
  border-radius: 20px;
}

#wpforms-97-field_0.wpforms-field-name-first.wpforms-field-required {
  border-radius: 20px;
}

#wpforms-97-field_0-last.wpforms-field-name-last.wpforms-field-required {
  border-radius: 20px;
}

#wpforms-97-field_1.wpforms-field-medium.wpforms-field-required {
  border-radius: 20px;
}

#wpforms-97-field_2.wpforms-field-medium.wpforms-field-required {
  border-radius: 20px;
}

.responsive-player iframe{
  border-radius: 20px;
}

#myiframe.responsive-iframe {
  border-radius: 20px;
}

/* HEADER AD ALL */
.header-ad-all {
    display: block;
    margin: 0 auto;
    margin-bottom: 1em;
    height: 250px;
}

/* FOOTER AD ALL */
.footer-ad-all {
    display: block;
    margin: 0 auto;
    margin-bottom: 1em;
    height: 250px;
}

/*CUSTOM EMBED VIDEO MULTI*/

#sourcetabs{
	width: 100%;
	display: table;
	padding-bottom: 0px;
	padding-top: 5px;
	padding-left: 0px;
}

#sourcetabs ul{
	text-align: center;
	vertical-align: middle;
	display: table-row;
}

/* List Item */
#sourcetabs ul li{
	display: inline-block;
	width: 90px;
	height: 25;
	float: left;
	text-align: center;
	line-height: 3em;
	background-color: rgb(33, 33, 33);
	border-radius: 20px;
	border: 1px solid rgba(155, 10, 140, 1);
	color: rgba(255, 255, 255, 1)!important;
	text-shadow: none;
	background: rgba(155, 10, 140, 1);
	list-style: none!important;
	list-style-type: none!important;
	margin: 0px 5px 5px 0px!important;
	padding-left:0px;
	padding-bottom:25;
	font-size:12px;
}

/* List Item (hover) */
#no-link li:hover{
	background-color:rgba(155,10,140,1);
	transform:scale(1.10);
}

/* List Item (hover) */
#dloadtabs li:hover{
	background-color:rgba(155,10,140,1);
	transform:scale(1.10);
}

.fa.fa-angle-double-up {
  color: #9b0a8c;
}

.myiframe, .cover{
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.responsive-iframe, .cover{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* Cover */
.cover{
	display: flex;
	justify-content: center;
	align-items: center;
	position:relative;
	background: #111;
	border-radius: 20px;
	cursor: pointer;
}

/* Cover Player BTN */
.text-play{
	transform: scale(1);
	font-size:24px;
	z-index:1000;
	animation-name: heartFadeInOut; 
  	animation-iteration-count: infinite;
  	animation-duration: 2s;
	text-align: center; /* Centrer le texte horizontalement */
}

/* Ajouter une media query pour les écrans de petite taille (mobile) */
@media (max-width: 768px) {
  .text-play {
    font-size: 14px; /* Ajuster la taille de la police pour les mobiles */
  }
}

@keyframes heartFadeInOut {
  0% {transform: scale(1);}
  25% {transform: scale(.97);}
  35% {transform: scale(.9);}
  45% {transform: scale(1.1);}
  55% {transform: scale(.9);}
  65% {transform: scale(1.1);}
  75% {transform: scale(1.03);}
  100% {transform: scale(1);}
}

/* Circle */
.circle{
  position: absolute;
  top: 50%;
	transform: translate(0px, -50%);
}

/* HOME BUTTON */
.button-container {
    text-align: center; 
    margin: 20px 0;
}

.custom-button {
    display: inline-block;
    background-color: #9b0a8c; 
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    padding: 18px 40px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.custom-button:hover {
    background-color: #7a086e;
    color: #ffffff;
    transform: translateY(-2px);
}

.custom-button:active {
    transform: translateY(1px);
}

/* BUTTON RELATED BOT */
.show-more-related-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.show-more-related-buttons .button.large {
    border-radius: 10px;
}

@media screen and (max-width: 768px) {
    .custom-button {
        font-size: 18px; 
        padding: 15px 35px;
    }
}

/* CLOSE BUTTON STRIPCHAT VIDEO */
.close-button--a-8tK {
	background: rgba(0, 0, 0, 0.7) !important;
	border: 1px solid #888888 !important;
	border-radius: 0 !important;
	outline: none !important;
	color: white !important;
	padding: 5px 8px !important;
	top: 0 !important;
	right: 0 !important;
	position: absolute !important;
	cursor: pointer !important;
	line-height: initial !important;
}