/*
 Theme Name:   Ravo Portal Theme
 Theme URI:    https://ravoportal.com
 Description:  A custom child theme for The French Explorer School
 Author:       Ravo Portal
 Author URI:   https://ravoportal.com
 Template:     generatepress
 Version:      1.0
*/

/* Custom CSS begins */

	/* Menu */
.main-navigation li a {
    transition: 0.4s;
    text-decoration: none;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
		margin-left: 4px;
  }
  
  .main-navigation li a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #e63966 !important;
    opacity: 0;
    border-radius: 30px;
    transform: scale(0);
    transition: all 0.4s;
    z-index: -1;
  }
  
  .main-navigation li a:hover::before {
    opacity: 1;
    transform: scale(1);
  }

	.main-navigation ul li a {
		content: "";
		border-radius: 30px;
  }

.sub-menu li {
	padding-top: 8px;
}

#menu-item-8335 a{
	background-color:transparent;
}
#menu-item-8335-sub-menu {
	width:80px;
}

/*Buttons*/
	a,button {
		text-transform : uppercase;
		letter-spacing: 0.1em;
		font-family: 'Baloo 2';
		font-weight: 600;
		border-radius: 30px;
    transform: translate3d(0,0,0);
    transition: all 0.5s ease;
}

	a,button:hover {
    transform: translate3d(7px,0,0);
}

/*Blog */
.post-image {
    border-radius: 30px;
		width : 100%;
		overflow : hidden;
}

.post-image img {
    display: flex;
}

article.post .inside-article {
    margin-right: 50px;
    margin-bottom: 50px;
}

article figure {
	width: 70% !important;
	margin: auto;
	padding:24px 24px;
	text-align: center;
	font-size:14px;
}

article figure img {
	border-radius:30px;
	max-height: 450px;
}

@media(max-width: 768px) {
article figure {
    width: 90% !important;
		padding: 24px 0;
    } 
}

article blockquote {
	background:#FAF5E9;
	margin: 32px auto;
	font-size:18px;
	padding: 40px;
}


/*Liens*/
 .gb-text a {
	font-family: inherit;
	text-transform: none; 
	letter-spacing: normal;
	color: #1c3144;
}

.site-footer a {
	font-family: inherit;
	color: inherit;
}

 .gb-text a:hover {
	 color: #EC3966;
}