/*
 Theme Name:   Fondation Echiquier
 Theme URI:    http://divi.space/
 Description:  A Child Theme built for Divi on Divi Space
 Author:       Rouge le Fil - Alix Heuer
 Author URI:   http://www.rouge-le-fil.com/
 Template:     Divi
 Version:      2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* FONTS */

@import url(//fonts.googleapis.com/css?family=Comfortaa);
@import '//fonts.googleapis.com/css?family=Lato';

h1, h2, h3 {font-family: 'Comfortaa', cursive;}
p, h4, h5 {font-family: 'Lato', sans-serif;}

/*feature thumbnails alongside post titles on blog page*/
 
    .et_pb_posts .et_pb_post a img {
            max-width: 210px!important;
            float: left;
            padding-right: 20px;}
 
    @media only screen and (max-width: 980px) {
        .et_pb_posts .et_pb_post a img{
            float:none;
            max-width: 250px!important;}}
 
/* style the get started cta button */
            .get-started {border-radius: 0px;}
            .get-started a {color: #fff!important;}
            li.get-started {
                background-color:#EA038B; 
                font-weight: 700; 
                text-align: center; 
                padding: 10px 10px 10px!important;
            border-radius: 3px;
                -moz-transition: all 0.5s; 
                -webkit-transition: all 0.5s;
                transition: all 0.5s;}
            li.get-started:hover {background-color:#c6117b;}
 
    @media only screen and (min-width : 981px) {
            li.get-started {height: 33px;}}

/* image combined round and grayscale 100% */
    .image-round img {
            max-width: 145px;
            max-height: 145px;
            -webkit-filter: grayscale(100%) blur(0px);
            filter: grayscale(100%) blur(0px);}

/** Mobile menu : App Style header and Drop Down Menu **/

@media (max-width: 980px) {
 .container.et_menu_container { 
 width: calc( 100% - 60px);
 }
}

.et_mobile_menu {
 margin-left: -30px;
 padding: 5%;
 width: calc( 100% + 60px);
}

.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d";
}

.et_mobile_menu {
	display: none;
	visibility: visible;
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	padding: 5%;
	border-top: 3px solid #2ea3f2;
	opacity: 1;
	background: #fff;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}