/*
Theme Name: Association Ma Main
Theme URI: https://association-ma-main.fr/
Author: DEV4U
Author URI: https://dev4u.lu
Description: Thème Association Ma Main.
Version: 1.0
*/
/*COLORS*/
:root{
	--main-color: #383B5F;
	--yellow-color: #FFB800;
	--green-color: #8EDCCC;
	--black-color: #000000;
	--white-color: #ffffff;
	--a-color: #383B5F;
	--a-hover-color: #000000;
}
/*COLORS*/

/*
@font-face {
	font-family: "Mont";
    src: url("./assets/fonts/Mont-Bold.otf") format("otf");
}
*/

html,
body{
	width: 100%;
	height: 100%;
	margin: 0;
}
body{
	font-family: 'Poppins', sans-serif;
	color: var(--main-color);
	font-size: 22px;
}

h1,h2,h3,h4,h5,h6{
	font-weight: 600;
}

a{
	/* text-decoration: none; */
	color: var(--a-color);
	transition: ease-in-out all 0.4s;
}
a:hover{
	color: var(--a-hover-color);
	transition: ease-in-out all 0.4s;
}
input[type='submit']{
	transition: ease-in-out all 0.4s;
}
input[type='submit']:hover{
	transition: ease-in-out all 0.4s;
}

.vc_btn3-container a,
.vc_btn3-container button,
.vc_btn3-container.buttonCustom button{
	font-size: 22px!important;
	font-weight: 600!important;

	border: solid var(--main-color) 2px!important;
}
.vc_btn3-container a:hover,
.vc_btn3-container button:hover,
.vc_btn3-container.buttonCustom button:hover{
	background-color: var(--main-color)!important;
	color: var(--yellow-color)!important;
	border: solid var(--yellow-color) 2px!important;
}

/*HEADER*/
header#header{
	background-color: var(--main-color);
}
header#header ul#socials{
	list-style: none;
	padding: 0;
}
header#header ul#socials li a{
	display: inline-block;
	padding: 5px 10px;
	color: var(--yellow-color);
}
header#header #navbarToggler ul.navbar-nav li.menu-item a{
	color: var(--white-color);
	text-decoration: none;
}
header#header #navbarToggler ul.navbar-nav li.menu-item a:hover{
	color: var(--yellow-color);
}
/*HEADER*/

/*CONTAINER*/

/*CONTAINER*/

/*FOOTER*/
footer#footer{
	padding: 50px 20px;
	background-color: var(--main-color);
	color: var(--white-color);
}
footer#footer ul.menu{
	list-style: none;
	padding-left: 0;
}
footer#footer ul.menu li{
	display: inline-block;
	padding: 5px;
}
footer#footer ul.menu li a{
	color: var(--white-color);
	text-decoration: none;
	font-weight: 600;
}
footer#footer a{
	color: var(--white-color);
}
footer#footer .order-last{
	font-size: 16px;
	font-weight: 200;
}

.backToTop{
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 100;
}
/*FOOTER*/


/*
#################
##### MEDIA #####
#################
*/
/*1600PX*/
@media screen and (min-width:1600px){
}
@media screen and (max-width:1599.99px){
}

/*1200PX*/
@media screen and (min-width:1200px){
}
@media screen and (max-width:1199.99px){
}
@media screen and (max-width:1199.99px) and (min-width:992px){
	footer#footer ul.menu li a{
		font-size: 17px;
	}
}

/*992PX*/
@media screen and (min-width:992px){
	#aider .wpb_wrapper{
		height: 100%;
		display: flex;
		flex-direction: column;
	}
	#aider .wpb_wrapper .vc_btn3-container{
		margin: auto auto 0 auto;
	}
}
@media screen and (max-width:991.99px){
	footer#footer ul.menu,
	footer#footer ul.menu li{
		display: block!important;
	}
	footer#footer ul.menu li{
		padding: 15px 5px;
	}
}

/*768PX*/
@media screen and (min-width:768px){
}

/*576PX*/
@media screen and (min-width:576px){
}
@media screen and (max-width:575.99px){
}