/*
Theme Name:   faster-child
Theme URI:    http://leforainlunaire.org
Description:  Faster Child Theme 
Author:       WPBeginner
Author URI:   https://www.leforainlunaire.org
Template:     faster
Version:      1.0.0
Text Domain:  twentytwentyonechild
*/

 
/* ========== fl Forainlunaire Classes ================= */

.fl-menu {
    font-family: caviardream;
    font-size: 30px;
    padding-left: 125px;  
}

.fl-welcome {
       font-family: caviardream;
    font-size: 65px;
    font-style: bold;
    background-color:black;
}

.fl-bal-fnt1{
	color:#EAC10C;
}
.fl-bal-fnt2{
	color:#EAC10C;
text-align:right;
}
.fl-bal-fnt3{
	color:#EAC10C;
	font-size:30px;
	text-shadow: black -1px 0px, #ce5424 0px 2px, black 2px 0px, black 0px -2px;
}

.fl-img-brd {
	border: 2px solid white;
}

.fl-img-brd2 {	border: 4px solid black;
	opacity:.7;
	 -ms-transform: rotate(20deg);
  transform: rotate(20deg);
	margin-right:40px;
	margin-top: 50px;
}

.fl-postit {
    font-family: caviardream;
    font-size: 130px;
}

.hr {
	background-color: yellow;
}

/* Shadow on Audio player */

.fl-audio {
	box-shadow: 30px 5px 20px 2px #c16e15;
}


/* =================================== SHORT CODE Ultimate */

/*  COLUMNS   background and border */

.su-row.fl-col .su-column-inner {
  border: 4px solid #de3e35;
  background: #1d5b8160
}


/* Page Ballade Main content bakground */

/*
.fl-bal-back {
	background-image: 
	url('http://leforainlunaire.org/media/Ballades-Back.jpg');
	 background-repeat: no-repeat;
  background-attachment: fixed;
     background-position: 50% 50%; 
	background-size: 120%;
}
*/

.fl-ami {
	color: #EAC10C;
	padding: 5px;
	/* text-shadow: -0px 0 black, 0 2px #ce5424, 1px 0 white, 0 -1px green;*/
	/*background-image: 
	url('http://leforainlunaire.org/wp-content/uploads/2021/11/Courons-pour-lamitie.jpg');
	 background-repeat: no-repeat;
  background-attachment: fixed;
     background-position: 50% 50%; 
	background-size: 120%; */
}
.fl-ami2 {
	background-color:#30678895;
	padding: 10px;
}

.fl-delib {
    margin-left: 100px;
    background-image: url('http://leforainlunaire.org/wp-content/uploads/2021/11/Fl-wheel-1-1024x576.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: 100%;
    height: 200px;
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24pt;
    color: red;
    text-shadow: black -1px 0px, #ce5424 0px 2px, black 2px 0px, black 0px -2px;
	border: 2px solid black;
}

.fl-su-audio {
    background: #7c8781;background: linear-gradient(to bottom,#e38016 0,#32487bdb 100%);
}

.fl-tub-div {
	width:200px; margin:auto;
}	
	
/* ========== Forainlunaire Classes =====  END ======= */



/* Typo and links behavior */

a:hover, a:active {
    outline: 0;
    color: #13aff0;
	  background-color: #0e202b;
	font-size:115%;
}
article h1 a, article h2 a, article h3 a, article h4 a, article h5 a, article h6 a, article p a, .comment-metadata a, .textwidget a, article li a {
    color: yellow;
    text-decoration: none;
}


/* Top Menu */

.grid-top {
    border-top: 0px solid #bdac1f;
    /*  border-top-color: rgba(21, 39, 111, 0.74);*/
        border-top-style: solid;
        border-top-width: 2px;
    border-bottom: 2px solid #bdac1f;
    background: #1d5b81e0;
		position: fixed;
	  z-index:99;
    width: 100%;
    padding: 0;
    max-width: 100%;
    margin: 0 auto;
    text-align: right;
    line-height: 18px;
   /* z-index: 799; */
}
.main-navigation ul li a {
            font-family: caviardream;
            color: #bfe30e;
           box-shadow: 1px 1px 3px #bfe30e;
}
#primary-menu li a {
    padding: 22px 15px 25px 15px;
    font-weight: 700;
	font-size: 130%;
    text-shadow: 1px 1px black;
    overflow: hidden;
}
.main-navigation ul li a:hover {
	background: black;
}
#grid-top nav ul .active a {
    color: black;
}

.site-branding{
	margin-top:-100px;
		/*	position: fixed
	    z-index: 99;
font-family: caviardream; */
}


/* FONTS STYLING HEADER TILTLE */

.site-title a, .site-branding .site-title a, .site-title, .site-description {
    color: #eaa623 !important;
}

.site-branding .site-title a, .site-title, .site-description {
    text-shadow: -1px 0 black, 0 5px #ce5424, 12px 0 black, 0 -2px black;
}
.site-branding .site-title a, .site-title {
    line-height: inherit;
    color: #fff;
    font-size: 60px;
    line-height: inherit;
    font-weight: 1;
    	font-family: caviardream;
    	text-align: center;
}

/* ======================================= main Body */

body #primary main article {
    margin-top: 50px;
    background: #1d5b81e0;
    border: 2px solid #5621CA;
    border-top-color: #bdac1f;
    border-top-style: solid;
    border-top-width: 0px;
    border-right-color:#bdac1f;
    border-right-style: solid;
    border-right-width: 2px;
    border-bottom-color: #bdac1f;
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-left-color: #bdac1f;
    border-left-style: solid;
    border-left-width: 2px;
    border-image-outset: 10;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
}

/* Hide Post Title (ALL) */

article header .entry-title {
	font-size: 0px;
	display: inline-block;
	width: 0%;
	vertical-align: top;
}

/* Footer =======================================Footer */
.site-info {
	background-color:#0d507929;
}
.site-info p{
	color: #db8b24;
	background-color:#306788;
	font-size: 20px;
	font-family: caviardream;
}
.site-footer {
    margin: 0 auto;
    width: 60%;
    text-align: center;
     overflow: hidden;
	/*background: #1010104f;*/
}
#totop {
	right: 140px;
}
.powered {
    font-size: 0px;
}
.site-info a{
	font-size: 0px;
}

/* ==========hOVER IMAGE====Menus Main PAge============== */

.fl-container {
    position: relative;
    width: 250px
}

.fl-image {
  display: block;
  width: 100%;
  height: auto;
 border: 5px solid #002331;
}

.fl-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #002331;
  opacity: 1;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.fl-container:hover .fl-overlay {
  height: 100%;
}

.fl-text {
  white-space: nowrap; 
  color: #a8b40f;
  font-family: caviardream;
  text-decoration: none;
  font-size: 30px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}


/* for the html for the above
==> see CSS CODING WP page!! */


/* Shortcode Accordeon */
/* Voir plugin CSS own editor 
[http://leforainlunaire.org/wp-admin/admin.php?page=shortcodes-ultimate-settings] */

/* Contact 7  */

.wpcf7{
	color:yellow;
	font-family: caviardream;
	font-size: 24px;
}
.wpcf7-text{
		background-color: #eeeeee80
}
.wpcf7-textarea {
	background-color: #eeeeee80
}
.wpcf7-submit {
	color:yellow;
	background :#e87623b3;
}


/* Mat JukBOx ================ */
.mat-grid {
	font-family:caviardream;
	margin:auto;
	display: flex;
	max-width:1300px;
	height:1030px;
	background-color:#0c22262e;
	background-image: url("http://musicucanc.com/mWp/wp-content/uploads/2023/12/Unicorn-1000px.jpg");
	background-repeat: no-repeat;
    background-position:center;
  background-size: 600px 500px;
}

.mat-juk {
	box-shadow:4px 14px 30px 35px  #7E816B;
	font-family:caviardream;
	background-color:#00000038;
width:70%;
	height: 100%;
	/* make title dissapear ===*/
	font-size:0px;
	margin:auto;
    display: flex;

}