/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
html {
	--white: #FFF;
    --black: rgb(63, 73, 75);
    --pale: rgb(248, 248, 248);
    --gray: rgb(221, 221, 221);
    --front: rgb(35, 189, 189);
    --action: red;
    --soft: rgb(226, 242, 242);
    --c1: linear-gradient(to left, rgb(82 72 249) 0, rgb(23 161 232) 100%);
    --c2: linear-gradient(to bottom, rgb(0 167 121) 0, rgb(2 158 206) 100%);
    --c3: linear-gradient(to bottom, rgb(198, 221, 48) 0, rgb(93 197 43) 100%);
    --c4: linear-gradient(-45deg, rgb(35 207 174) 0, rgb(43 220 43) 100%);
    --c5: linear-gradient(to right, rgb(255 148 0) 0, red 100%);
}

body {
    max-width: 1600px;
	min-height: 100vh;
    margin: 0 auto 50px;
    background: var(--pale);
    box-shadow: 0 0 2rem #0002;
}
main#content {
    padding-top: 128px;
}

/* Category header buttons  */
.awk-cat-button {
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    padding: 15px 2rem 14px;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 12px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    transition: .3s all;
    background: var(--action);
    color: var(--white);
    border-radius: 999px;
}
@media(max-width:1400px) {
.awk-cat-button {
    font-size: 14px;
    padding: 13px 30px 12px;
}	
}
@media(max-width:1225px) {
.awk-cat-button {
    font-size: 14px;
    padding: 13px 28px 12px;
}	
}
@media(max-width:767px) {
.awk-cat-button {
    font-size: 12px;
    padding: 13px 24px 12px;
}	
}
.awk-cat-button.mobilites-energies   {
	    background: var(--c1);
}
.awk-cat-button.droits-obligations   {
	    background: var(--c2);
}
.awk-cat-button.aides-financement   {
	    background: var(--c3);
}
.awk-cat-button.ecogestes-transition   {
	    background: var(--c4);
}
.awk-cat-button.marche-tendances   {
	    background: var(--c5);
}

/* Grid Cards Categories buttons  */
.awk-grid-cat-css a {
    border-radius: 4px;
    padding: 4px 7px 3px;
    font-size: 13px;
    font-weight: 400;
}
.awk-grid-audio-css.mobilites-energies,
.awk-grid-cat-css.mobilites-energies a {
    background: var(--c1);
}
.awk-grid-audio-css.droits-obligations,
.awk-grid-cat-css.droits-obligations a {
    background: var(--c2);
}
.awk-grid-audio-css.aides-financement,
.awk-grid-cat-css.aides-financement a {
    background: var(--c3);
}
.awk-grid-audio-css.ecogestes-transition,
.awk-grid-cat-css.ecogestes-transition a {
    background: var(--c4);
}
.awk-grid-audio-css.marche-tendances,
.awk-grid-cat-css.marche-tendances a {
    background: var(--c5);
}