/*
Theme Name:     Child Theme
Description:    Make your modifications in this child theme.
Template:       bepop
Tags: 			custom-colors, editor-style, featured-images, translation-ready
*/

/*************************************** FONTS */
@import url('https://fonts.googleapis.com/css2?family=Kodchasan:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
body {
	color: #000;
	font-size: 16px;
	font-size: 0.9rem;
	line-height: 1.2;
	font-family: montserrat;
}
h3 {
	font-family: montserrat;
	font-weight: 800;
	font-size: 1.8em;
}
h1 {
	font-family: montserrat;
	font-weight: 200;
	font-size: 3em;
}

h4{
	font-family: montserrat;
    font-weight: 800;
    font-size: 1.3em;
}


.entry-meta span {
/*display: none*/
}

/************************************** STYLES GENERAUX */

.entry-content p {
    word-wrap: break-word;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 1.4em;
    font-weight: 100;
    padding: 10px;
}

.entry-meta .entry-artist a {
	border-right: 1px solid #048579;
	padding: 0 3px;
	line-height: 8px;
	height: 7px;
	display: inline-block;
	letter-spacing: 0px;
	font-size: 9px;
	font-weight: 500;
}
.entry-meta .entry-artist a:last-child {
	border-right: none;
}
.entry-meta .entry-artist a:first-child {
	padding-left: 0;
}
.block-loop-item .entry-meta {
	display: block;
	font-size: .65rem;
}
.block-loop-item .entry-title {
    -webkit-line-clamp: revert !important;
	word-break: keep-all;
	line-height: 1.2;
}
.limit-width {
	max-width: 1100px;
}

.dark {
    color: #fff!important;
    background-color: #161618!important;
}

/*HEADER FOND NOIR*/
@media only screen and (max-width: 991px) {
.header-container {
    background: black;
}
}

/***************************************** PAGE DISCOVER, WELCOME, CONNEXION NON LOGGE */

.page-id-45733 .player, .page-id-28891 .player, .page-id-138155 .player {display:none!important}
.page-id-45733 .btn-more, .page-id-45733 .btn-like  {display: none}

/**************************************** MENU DORP DOWN GENRE */


.dropdown-menu {
	min-width: 14rem;
}

.cat-item {padding: 0!important}

.archive-title {
margin: 0;
    color: white;
    background-color: #2a2a2f;
    border-top-left-radius: 0px;
    padding: 0px 20px;
    text-transform: uppercase;
    letter-spacing: 7px;
    border-bottom: 1px solid #363c3a;
	max-width: 300px
}

.dropdown-toggle::after {
    color: #e73853;
}

/*************************************** PAGE LOGIN & REGISTER */
.sub_img_MP {
	margin-top: -30px
}
.sub_img_MP_resp {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/*************************************** PAGE PAIEMENT */
.mepr-signup-form {
	max-width: 520px!important
}
.mepr-form-input {
	max-width: 520px!important;
}
.mp_wrapper input[type=text] {
	border: 1px solid rgb(43 43 48);
}
.mepr-stripe-card-element {
	border: 1px solid rgba(0, 0, 0, 0.2) !important;
	padding: 10px !important;
	background-color: white;
	max-width: 520px;
}
.mepr-signup-form .mp-form-label label {
	color: #03c1ae!important;
	text-transform: uppercase;
	font-size: 13px;
}
/****************** POPUP GIFT */
.mpgft-white-popup {
	color:black;
}
/*************************************** centrage dans la page LOGIN et Accueil */

@media only screen and (max-width: 992px) {
	#post-138155 .entry-content, #post-179585 .entry-content, #post-138155 .entry-header-container, #post-179585 .entry-header-container {
	padding-left: 10%!important;
	padding-right: 10%!important;
}
}

@media only screen and (min-width: 992px) {
#post-138155 .entry-content, #post-179585 .entry-content, #post-138155 .entry-header-container, #post-179585 .entry-header-container {
	padding-left: 20%!important;
	padding-right: 20%!important;
}
}

	
/*************************************** ACCOUNT-SUBSCRIPTION PAGE */
#post-28876 .mepr-home {
	display: none!important
}
.entry-header-container .entry-title {
	font-family: montserrat;
	font-weight: 200;
	font-size: 3em;
}
#post-28876 a {
	color: inherit;
	display: inline-block;
	padding: 9px 18px;
	background-color: #03c1ae;
	border-radius: 16px;
	font-family: montserrat;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 0.8em;
	margin:0 0 5px 0;
}
#post-28876 a:hover {
	background-color: #c3fdf7;
	color: black
}
#post-28876 .mp_wrapper input[type=text], #post-28876 .mp_wrapper input[type=email] {
	border: 1px solid #03c1ae;
}
#mepr-account-welcome-message {
	padding: 10px;
}
#post-28876 .mp_wrapper {
	overflow: inherit;
	margin: 10px!important;
	margin-left: 0!important;
	margin: 0 auto;
	box-sizing: border-box;
}

.mepr-signup-form input, .mepr-signup-form select, .mepr-form input, .mepr-form select {
	border: 1px solid rgb(43 43 48)!important;
	background-color: #252525;
}

.mp_wrapper .mepr_price .mepr_price_cell, .mp_price_str {
	font-family: montserrat;
	font-size: 1.3em;
	font-weight: 500;
	color: #db345b;
}
.mp_login_form {
	padding-bottom: 10px;
	width:100%;
	max-width: 520px;
	padding-left: 0%;
}
@media only screen and (min-width: 750px) {
	.mp_login_form {
		padding-left:16%;
	}}
.mepr-countries-dropdown option {
	color: #03c1ae
}
.mpgft_notice { 
	color:black;
}
/*masquer lien mailchimp:*/
.mepr-mailchimp-privacy-link { 
	display: none;
}
/*offrir*/
input#mpgft-signup-gift-checkbox1 {
    background-image: url(https://play.soundformind.com/wp-content/uploads/2021/11/cadeau-soundformind.png);
    background-size: cover;
    padding: 15px;
}
/*code promo*/
a.have-coupon-link {
    background-image: url(https://play.soundformind.com/wp-content/uploads/2021/11/code-promo-3.png);
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 1px 0 1px 43px;
	color:#888;
	font-weight: 500;
}
/*************************************** TABLEAU SUBSCRIPTION */
.mepr-btn {
	padding: 10px;
	margin: 3px;
}
table td, table th {
	border: 1px solid rgba(150,160,170,0.2);
}
.mp_wrapper table.mepr-account-table td {
	border-left: 1px solid rgba(150,160,170,0.2);
}
.mepr-account-cancel {
	border: 1px solid #db345b
}
.mepr-white-popup {
	color:black;
}
/*************************************** PROFIL PAGE */
.user h1.entry-title {
	display: flex;
	align-items: center;
	font-family: montserrat;
	font-weight: 200;
	font-size: 2em;
}
#your-profile .input-facebook, #your-profile .input-youtube, #your-profile .input-twitter {
	display: none;
}
#your-profile p:nth-child(5), #your-profile p:nth-child(4), #your-profile p:nth-child(9), #your-profile p:nth-child(10), #your-profile p:nth-child(11) {
	display: none
}
#your-profile .file-upload:after {
	content: '+';
	font-size: 20px;
	color: #f35
}
.user-navigation .nav li:nth-child(4), .user-navigation .nav li:nth-child(5), .user-navigation .nav li:nth-child(7) {
	display: none!important
}
.header-user .entry-meta {
	display: none
}
.file-upload:hover .pos {
	display: none
} /*petit compteur sur la photo de profil*/


/*************************************** MENU-RIGHT */
.main-navigation ul ul {
	font-size: 0.8rem;
	background-color: #e0dddd;
	border-radius: 4px;
}
.main-navigation ul ul a:hover {
	color: #db345b;
	border-left: 2px solid #db345b;
	font-weight: bold
}

/*************************************** MENU-TOP */
.nav li {
	text-transform: uppercase;
}

/*************************************** HEADER */
.site-logo img, .site-logo svg {
	width: auto;
	max-height: 60px!important;
	margin: 10px
}
.site-title {
	font-family: 'Kodchasan', sans-serif;
	font-weight: 100;
	font-weight: 100!important;
	font-size: 1.25em!important;
	margin-left: 0.5em;
	text-transform: uppercase;
	display: block;
	pointer-events: none;
}
.navigation {
	box-shadow: 0 1px 2px rgba(25,25,25,.1);
	position: sticky;
	z-index: 20;
	top: 60px;
}
.featured-image .site-header:before {
	height: auto;
	background: linear-gradient(0, transparent, rgba(0,0,0,.35));
}
.slick-alignfull .entry {
	position: relative;
	padding-top: 0;
}
.site-logo {
	margin: auto;
	display: block;
}
.site-header a {
	text-align: center;
}
.custom-logo-link {
	display: block;
	pointer-events: none;
}
.site-brand {
	display: block;
	text-align: center;
}

 .entry-header a {
	 display: block;
	width:100%;
	height: 100%
}



/*************************************** HOME BLOCS NEWS */
	.block-loop-dot button:after { width: 12px; height: 12px }
	.block-loop-dot .active:after {color:#db345b}

.gd-primary {
	padding: 40px 40px 20px 40px;
	font-family: montserrat;
	font-weight: 200;
	font-size: 1.8em;
	line-height: 36px;
	color: white;
	color: #fff !important;
	background: #03c1ae linear-gradient(135deg, #03c1ae 10%, rgb(3, 193, 94.833333333333) 90%) !important;
	margin: 5px
}
.gd-primary-red {
	padding: 40px 40px 20px 40px;
	font-family: montserrat;
	font-weight: 200;
	font-size: 1.8em;
	line-height: 36px;
	color: white;
	color: #fff !important;
	background: #03c1ae linear-gradient(135deg, #03c1ae 10%, rgb(3, 193, 94.833333333333) 90%) !important;
	margin: 5px
}
/*************************************** SIDEBAR BLOC GENRE */
.blocgenre {
	padding: 50px 10px;
	border-radius: 20px;
}
.sidebar .rwp-review-wrap {
	display: none !important
}
/*************************************** COMMENTAIRES */
.entry-content .comments-area, .entry-content .navigation {
	display: none;
}
/*************************************** BLOC list home top played */
.block-loop-row .block-loop-item {
	margin-top: 5px;
}
.entry-meta .byline {
	display: none;
}
/*************************************** FOOTER */
#footer .rwp-review-wrap {
	display: none
}
#footer .mepr-signup-form {
	display: none
}
#footer .mp_login_form {
	display: none
}
.site-footer {
    margin-top: 8%;
	padding-bottom: 80px;
}
.site-footer li {
	margin:0px 0px 8px 8px;
	line-height: 1.1;
}
.site-copyright {
    padding-top: 30px;
	font-size: smaller;
}
.menu-follow-us-container ul li span {
	font-size: smaller;
}
.menu-follow-us-container ul li svg {
	margin-right: 10px;
}
/**************************************** ALL NEWS PAGE APPRENDRE */

.block-loop-item .entry-header {
	padding: .5rem 10px;
}
.block-loop-row .entry-header {
	margin-left: 0.5rem!important;
}
#post-13 .block-loop-row .block-loop-item {
    background-color: #222224;
    border: 1px solid #585858;
}
.cat-item {
	margin: 2px;
	padding: 3px 0px 0px 5px;
	list-style: none;
	font-weight: 500;
	text-transform: uppercase;
}
#post-13 .cat-item a:hover {
	color: #161618;
}
#post-13 .block-loop-item .entry-title {
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
}

/********************************** PAGE ABONNEMENTS*/
#post-24149 .wp-block-column {
	border: 1px solid #2c2b2b;
	border-radius: 10px;
	padding: 20px;
	margin: 0 30px 24px 30px;
}
.featured-image .entry-header-container .entry-header {
    min-height: 10rem;
    padding-top: 2rem;
    padding-bottom: 0rem;
}
.wp-block-button__link:hover {
	background: #e23857 linear-gradient( 135deg, #846990 30%, rgb(226 56 87) 70%) !important;
}
#post-28640 .entry-header {
	min-height: 22rem !important;
}
#post-28640.featured-image .entry-header-container .post-thumbnail {
	position: absolute;
	top: 0px;
}
#post-28640 .entry-header-container .entry-title {
	color: #e73853;
	margin: 0;
}
#post-28640 .entry-content h2:first-of-type {
	border-top: 1px solid #03c19e;
	margin-top: 0;
	padding: 20px;
	margin-bottom: 0;
}
#post-28640 .wp-block-column h2 {
	margin: 0;
	color: #02bb5b;
	border-top: none!important
}

.mepr_vat_customer_type_row {
	
	display: none !important;
}

/************************************* STATIONS */

.station-content p {
	font-size:1.6em;
	font-weight: 100;
	color: white;
	padding: 0 20% 10% 0
}

.entry-header .entry-cat .genre a {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 2px;
    color: #9e9ea5;
}

.entry-header .entry-cat .genre a:hover {
    color: #03c18e;
}

.plyr-list-header .close {
    font-size: 1.8rem!important;
    opacity: 1;
    color: #03c1ae!important;
}

.entry-header .entry-cat .genre a {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 2px;
    color: #9e9ea5;
    padding: 0 2px;
    margin-top: 20px;
}

.entry-header .entry-cat li a:after {content: ' /'; color:#03c19e}


/************************************* COMPTE FAMILLE */

.mepr_updated {
	color: black
}
.mp_wrapper table.mepr-account-table tr.mepr-alt-row {
	background-color: #161618
}

/* RESPONSIVE SMARTPHONE */

@media screen and (max-width: 990px)
{
	.site-title {display:none}
	.site-logo img { max-height:40px !important;}
	.slick-alignfull .block-loop-dot { right:3vw; top:80%}

}

/*************************************** LOGIN PAGE */
#login-form {display:none}

/*************************************** PLAYLIST */
.wp-block-loop .station_tag-playlist:before, .user-playlists .station:before {
    content: '';
    display: block;
    width: 60%;
    margin-left: 20%;
    height: 30%;
    background: url(https://play.soundformind.com/wp-content/uploads/2021/11/playlist.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
    top: 5%;
    opacity: 100%;
}

/*************************************** PAD */
.wp-block-loop .pad-player:before {
    content: '';
    display: block;
    width: 80%;
    margin-left: 10%;
    height: 50%;
    background: url(https://play.soundformind.com/wp-content/uploads/2021/11/pad-player.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
    top: 20%;
    font-size: 36px;
    font-weight: 900;
    opacity: 80%;
}


/*************************************** PAGE APPRENDRE */

.block-loop-index.block-loop-row .block-loop-item:before {
    text-align: center;
    content: counter(li);
    counter-increment: li;
    min-width: 2.25rem;
    font-weight: 600;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    opacity: .5;
    color: #f4a2af;
    font-size: 30px !important;
    border: 1px solid #e73853;
    margin: 10px;
    border-radius: 30px;
}

.nav-links .nav-previous, .nav-links .nav-next {
    display: flex;
    align-items: center;
    width: 50%;
    margin-right: auto;
    margin: 20px;
}

@media screen and (min-width: 1300px)
{
.layout-app .entry-content {
    padding-left: 7rem;
	padding-right: 7rem;
	}

}

.post ul {
	font-size: 1.3em;
	line-height: 1em;
}

.post .posted-on,.post .tags-links {display:none}

.entry-meta>span {flex-wrap: nowrap;}


/************************************************* PAGE CATEGORIE APPRENDRE*/

.category article {display:inline-block; vertical-align: top; max-width: 24%}
.category article .entry-content {display:none}
.category article .entry-header h2 {font-size:18px}
.category article .page-header {width: 100%}
.category article .entry-meta span {display:none}


@media screen and (max-width: 600px)
{
.category article {display:inline-block; vertical-align: top; max-width: 100%}
}


/***************************************************Bloc en savoir plus sur l'artiste -  page station */

.station-more-from {display:none}

/*************************************** Free-Account PAGES */
#post-116590 .private-access .block-loop-item:before {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		margin: 0px;
		background: url(https://play.soundformind.com/wp-content/uploads/2021/11/security-4.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: top right;
		z-index: 1;
		opacity: 60%;
		top: 0px;
}

#post-116590 .entry-header a, #post-116590 .entry-action-link,
#post-45733 .entry-header a, #post-45733 .entry-action-link,
#post-179585 .entry-header a, #post-179585 .entry-action-link,
#post-138155 .entry-header a, #post-138155 .entry-action-link  {
	cursor: default;
    pointer-events: none;        
    text-decoration: none;
}

/*************************************** AVATAR */

.avatar-name {display:none!important}

.avatar {
    display: block;
    position: relative;
    border-radius: 50%;
    flex-shrink: 0;
    background-color: #666;
    color: #fff;
    min-width: 1.5rem;
	background: url(https://play.soundformind.com/wp-content/uploads/2022/01/picto-avatar.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top right;
}