/*
Theme Name:     studioRadioMobile
Description:    theme from mediacoms
Template:       mediacoms

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/* ********* GENERAL ********* */
/* *************************** */




/* -------------- Générale -------------- */
html {
    margin-top:0px !important;
		

	
	
    }
.formBtn:hover {
cursor: hand;
}


	
	



footer {
min-height: 100px;
}
main {
height: calc(100% - 100px);
top: 0px;
margin-top: 0px;
	
	overflow-x: hidden;
overflow-y: auto;
}


.elementor-widget-wrap>.elementor-element{
	margin-top: 0px !important;
}


/* -------------- Header -------------- */

.headerGradient {
z-index: 2;
position: absolute;
top: 0;
right: 0;
height: 33.875rem;
}

.container-fluid {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
width: 100%;
}

.headerVideo {
z-index: 1;
position: absolute;
top: 0;
right: 0;
height: 33.875rem;
text-align: right;
}

header {
    width: 100%;
    height: 33.875rem;
    padding-top: 3.18675rem;
    background-color: #523f6d;    
}

header .container,
header .container-fuid,
header .row {
    height: 100%;
}

.headerText {
    z-index: 3;
    position: relative;
}
.headerTitleBold {
    font-weight: 800;
    font-size: 6rem;
    line-height: 5rem;
    opacity: 0.4;
    padding: 0;
    margin: 0;
}

.headerTitleLight {
    font-weight: 300;
    font-size: 4rem;
    line-height: 2.7rem;
    opacity: 0.8;
    padding: 0;
    margin: 0;
}

.headerGradient {
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;

/* For Safari 5.1 to 6.0 */
background: -webkit-linear-gradient(90deg, #523f6d 0%, #523f6d 15%, rgba(205, 129, 53, 0) 78%, rgba(205, 129, 53, 0) 100%);
/* For Opera 11.1 to 12.0 */
background: -o-linear-gradient(90deg, #523f6d 0%, #523f6d 15%, rgba(205, 129, 53, 0) 78%, rgba(205, 129, 53, 0) 100%);
/* For Firefox 3.6 to 15 */
background: -moz-linear-gradient(90deg, #523f6d 0%, #523f6d 15%, rgba(205, 129, 53, 0) 78%, rgba(205, 129, 53, 0) 100%);

background-image: linear-gradient(90deg, #523f6d 0%, #523f6d 15%, rgba(205, 129, 53, 0) 78%, rgba(205, 129, 53, 0) 100%);
}



.page-template-noHeaderFullWidth .content-area {
    width: 100%;
    margin: 0px;
    border: 0px;
    padding: 0px;
}
 
.page-template-noHeaderFullWidth .site {
margin:0px;
}

/* -------------- Co mot de passe -------------- */


.post-password-form{
	max-width: 1140px;
	height: 800px;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
	margin: auto;
}


/* -------------- Textes -------------- */

p {
	margin: 0;
}

.intro {
	font-size: 1.2rem;
}

.sectionTitle,
.sectionSubheading,
.footerTitle {
	font-size: 2.25rem;

	text-align: center;
	margin-bottom: 3rem;
}


.PartnerTitel {
	margin-bottom: 0.25rem;
	font-size: 1.5rem;

	text-align: center;	
}


.fontWeight700 {
	font-weight: 700;
}

.sectionSubheading {
	font-size: 1.5rem;
	margin-bottom: 2rem;
}

.text-competences {
	font-size: 1rem;
	padding: 2rem 0.25rem 4rem 0.025rem;
}




.navbar {
    padding-top: 0;
    padding-bottom: 0;
    -moz-box-shadow: 1px 1px 10px 0px #523f6d;
    -webkit-box-shadow: 1px 1px 10px 0px #523f6d;
    -o-box-shadow: 1px 1px 10px 0px #523f6d;
    box-shadow: 1px 1px 10px 0px #523f6d;
}

footer{
    background-image: url("https://radiolycee.fr/wp-content/themes/studioradiomobile/assets/images/footer.jpg")!important;
    bottom:0;
}

.mediaQuery-center-end {
    align-self: center;
}
/*barre violette du haut*/
.topBar{
    margin-top:1.8%;
}

/* ********* formulaire d'inscription ********* */
/* ************************************************ */

.registerMain {
	background-image: url("https://radiolycee.fr/wp-content/uploads/2019/03/footer.jpg"); 
background-position: center center; 
background-size: cover; 
background-repeat: no-repeat; 
background-attachment: fixed;
}
.um-field-label {
	color: #a3bd2f!important;
}
.um input[type=submit].um-button{
    color: #a3bd2f;
    background: #37003d;
}



/* ********* Button top scroll to the top ********* */
/* ************************************************ */

html {
    }

    #btnUp:hover {
    background-color: #A3B745;
    }

    .text-orange {
        color: #A3B745;
    }

    .menu-item-type-custom, .menu-item-object-custom {
        color: #A3B745;
    }
    #nav-link a{
        color: #A3B745!important;
    }
    
    #menu-item-356 a:hover {
        color: #37003d;
    }
    


/*taille des btn des modules*/
.btneg a{
	min-width: 15em!important;
}
.btUe a {
	min-width: 14em!important;
}
#btnegProf{
	min-width: 17em!important;
}

/* ********* MEDIA QUERIES ********* */
/* ********************************* */
@media screen and (max-width: 992px) {
    .mediaQuery-center-end {
        align-self: flex-end;
        padding-bottom: 3rem;
    }
    header {
        width: 100%;
        height: 35rem;
        /* padding-top: 6rem; AH 17 juin */
        background-color: #523f6d;
    }
    .headerVideo {
        z-index: 1;
        position: absolute;
        top: 0;
        right: 0;
        height: 38rem;

        text-align: right;
    }
    .headerGradient {
        z-index: 2;
        position: absolute;
        top: 0;
        right: 0;
        height: 38rem;

    /* For Safari 5.1 to 6.0 */
    background: -webkit-linear-gradient(90deg, #523f6d 0%, #523f6d 15%, rgba(205, 129, 53, 0) 78%, rgba(205, 129, 53, 0) 100%);
    /* For Opera 11.1 to 12.0 */
    background: -o-linear-gradient(90deg, #523f6d 0%, #523f6d 15%, rgba(205, 129, 53, 0) 78%, rgba(205, 129, 53, 0) 100%);
    /* For Firefox 3.6 to 15 */
    background: -moz-linear-gradient(90deg, #523f6d 0%, #523f6d 15%, rgba(205, 129, 53, 0) 78%, rgba(205, 129, 53, 0) 100%);

    background-image: linear-gradient(90deg, #523f6d 0%, #523f6d 15%, rgba(205, 129, 53, 0) 78%, rgba(205, 129, 53, 0) 100%);
    }
    .headerTitleBold {
        font-weight: 800;
        font-size: 5rem;
        line-height: 4rem;
        opacity: 0.4;
        padding: 0;
        margin: 0;
    }

    .headerTitleLight {
        font-weight: 300;
        font-size: 4rem;
        line-height: 3rem;
        opacity: 0.8;
        padding: 0;
        margin: 0;
    }

    /* Empêche le dépassement des flottants. */
.texteFlottant {
overflow: hidden; 
}
    /*taille des btn des modules*/
.btneg a{
    min-width: 14em!important;

}
.btUe a {
    min-width: 12em!important;
    min-height: 4em!important;
    max-height: 4em!important;
}
.topBar{
    margin-top:2.7%;
    max-width: 100%;
    height: 50px;
}
}


/* ************************************ */
/* ************************************ */
@media screen and (max-width: 768px) {
    .mediaQuery-center-end {
        align-self: flex-end;
        padding-bottom: 3rem;
    }

    header {
        width: 100%;
        height: 34rem;
        top: 0px;
        background-color: #523f6d;
    }
    .headerVideo {
        z-index: 1;
        position: absolute;
        top: 0;
        right: 0;
        height: 37rem;
        text-align: right;
    }
    .headerGradient {
        z-index: 2;
        position: absolute;
        top: 0;
        right: 0;
        height: 37rem;

    /* For Safari 5.1 to 6.0 */
    background: -webkit-linear-gradient(90deg, #523f6d 0%, #523f6d 15%, rgba(205, 129, 53, 0) 78%, rgba(205, 129, 53, 0) 100%);
    /* For Opera 11.1 to 12.0 */
    background: -o-linear-gradient(90deg, #523f6d 0%, #523f6d 15%, rgba(205, 129, 53, 0) 78%, rgba(205, 129, 53, 0) 100%);
    /* For Firefox 3.6 to 15 */
    background: -moz-linear-gradient(90deg, #523f6d 0%, #523f6d 15%, rgba(205, 129, 53, 0) 78%, rgba(205, 129, 53, 0) 100%);

    background-image: linear-gradient(90deg, #523f6d 0%, #523f6d 15%, rgba(205, 129, 53, 0) 78%, rgba(205, 129, 53, 0) 100%);
    }

    .headerTitleBold {
        font-weight: 800;
        font-size: 2.5rem;
        line-height: 2rem;
        opacity: 0.4;
        padding: 0;
        margin: 0;
    }

    .headerTitleLight {
        font-weight: 300;
        font-size: 2rem;
        line-height: 1.5rem;
        opacity: 0.8;
        padding: 0;
        margin: 0;
    }
	.texteFlottant {
  overflow: hidden; /* Empêche le dépassement des flottants. */
}
    .topBar{
        margin-top:10%;
        max-width: 100%;
        height: 50px;
    }
}

/* ************************************ */
/* ************************************ */


@media screen and (max-width: 524px) {
    .mediaQuery-center-end {
        align-self: flex-end;
        padding-bottom: 3rem;
    }
    header {
        max-width: 100%;
        height: 17rem;
        /* padding-top: 3.18675rem; */
        background-color: #523f6d;
    }
    .headerVideo {
        z-index: 1;
        position: absolute;
        top: 0;
        right: 0;
        height: 20rem;

        text-align: right;
    }
    .headerGradient {
        z-index: 2;

        position: absolute;
        top: 0;
        right: 0;
        height: 20rem;

    /* For Safari 5.1 to 6.0 */
    background: -webkit-linear-gradient(90deg, #523f6d 0%, #523f6d 15%, rgba(205, 129, 53, 0) 78%, rgba(205, 129, 53, 0) 100%);
    /* For Opera 11.1 to 12.0 */
    background: -o-linear-gradient(90deg, #523f6d 0%, #523f6d 15%, rgba(205, 129, 53, 0) 78%, rgba(205, 129, 53, 0) 100%);
    /* For Firefox 3.6 to 15 */
    background: -moz-linear-gradient(90deg, #523f6d 0%, #523f6d 15%, rgba(205, 129, 53, 0) 78%, rgba(205, 129, 53, 0) 100%);

    background-image: linear-gradient(90deg, #523f6d 0%, #523f6d 15%, rgba(205, 129, 53, 0) 78%, rgba(205, 129, 53, 0) 100%);
    }

    .headerTitleBold {
        font-weight: 800;
        font-size: 2.5rem;
        line-height: 2rem;
        opacity: 0.4;
        padding: 0;
        margin: 0;
    }

    .headerTitleLight {
        font-weight: 300;
        font-size: 2rem;
        line-height: 1.5rem;
        opacity: 0.8;
        padding: 0;
        margin: 0;
    }
        /* Empêche le dépassement des flottants. */
.texteFlottant {
overflow: hidden; 
}

}