/**
Theme Name: glhd astra child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: glhd-astra-child
Template: astra
*/

/* ************************************************ */
/* FONTS  */
/* ************************************************ */
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat/Montserrat-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat/Montserrat-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

/* ************************************************ */
/* TEXT & TITLE  */
/* ************************************************ */

body {
	font-family: 'Montserrat', sans-serif;
    font-size:16px;
    color:#333333;
    line-height: 1.4em;
    font-weight:500;
    background:#FFFFFF;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}

p { margin-bottom: 20px !important; }

/* Link */
a {
    text-decoration:none;
    cursor:pointer;
    color:#acc431;
    font-weight:700;

}

a:hover,
a:focus,
a:visited{
    text-decoration:none;
    outline:none;
}

a:hover,
a:focus {
    color:var(--bleu);
}

/* Title */
h1, h2, h3, h4, h5, h6 {
    position: relative !important;
    font-weight: normal !important;
    background: none !important;
    line-height: 1.2em !important;
    font-weight: 400 !important;
	font-family: 'Montserrat', sans-serif;
}

article h1, article h2, article h3, article h4, article h5, article h6 { margin-top: 30px; }

h1 {
    font-weight: 700 !important;
    font-size: 2.5em !important;
	color: #08526e !important;
	text-transform: uppercase;
	background: linear-gradient(to right, #08526e 0%, #afc631 100%) !important;
	-webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
	margin: 30px 0 15px 0 !important;
}

h2 {
    font-weight: 400 !important;
    font-size: 2.0em !important;
	color: #08526e !important;
	text-transform: uppercase;
	background: linear-gradient(to right, #08526e 0%, #afc631 100%) !important;
	-webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
	margin: 30px 0 15px 0 !important;
}

h3 {
    font-weight: 400 !important;
    font-size: 1.4em !important;
	margin: 30px 0 15px 0 !important;
	color: #AFC631 !important;
}

h4 {
    font-weight: 400 !important;
    font-size: 1.2em !important;
    text-transform: normal !important;
	margin: 30px 0 15px 0 !important;
}

h5 {
    font-weight: 400 !important;
    font-size: 1.1em !important;
    text-transform: normal !important;
	margin: 30px 0 15px 0 !important;
}

.head-article h2 {
    margin: 60px 0 !important;
    font-size: 2.5em !important;
    line-height: normal !important;
    font-weight: 100 !important;
}

/* List */

article ul > li:first-child {
    padding-top: 10px;
}

article ul {
    margin-bottom:20px;
    list-style: none;
}


article li{
    line-height:1.3em;
    padding: 0px 0px 0 20px;
    margin-bottom: 10px;
}


article ul > li::before {
    content: url(images/green_bullet-point.svg);
    width:12px;
    height:12px;
    display: inline-block;
    margin-left:-22px;
    margin-right:10px;
    }

article ul li ul > li::before {
    content: url(images/green_bullet-point.svg);
    width:9px;
    height:9px;
    padding-bottom:1px;
    display: inline-block;
    margin-left:-22px;
    margin-right:10px;
}   




/* ************************************************ */
/* HEADER & TOPBAR  */
/* ************************************************ */

.ast-theme-transparent-header #masthead {
	position: relative;
}

.custom-topbar .txt-header {
	position: absolute;
    top: 10px;
    right: 10px;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 600;
    background: #f29054;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.custom-page-header {
    position: relative;
    width: 100vw;
    height: 190px;
    overflow: hidden;
}

.custom-page-header-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.custom-page-header-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #08526E 5%, #AFC631 96%);
	z-index: 1;
}

.custom-page-header-inner {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    text-align: center;
}

h2.custom-page-header-title {
    color: #FFFFFF !important;
    margin: 60px 0 !important;
    font-size: 2.5em !important;
    line-height: normal !important;
    font-weight: 400 !important;
    background: none !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: inherit;
	padding-left: 20px;
}

/* ************************************************ */
/* MENU  */
/* ************************************************ */

.main-header-menu .sub-menu {
    top: 43px !important; 
}

.ast-builder-menu-1 .menu-item > .menu-link {
    padding-top: 10px;
    padding-bottom: 5px !important;
}

.main-navigation > ul > li > a.menu-link {
    font-size:1.1rem !important;
    display: block;
    clear: both;
    font-weight: 700;
    line-height: 1.1;
    color: var(--bleu) !important;
    white-space: normal;
    transition: background 0.3s;
    transition: color 0.3s;
    font-family: "Montserrat", sans-serif;
    position: relative;
}


.main-navigation > ul > li:hover > a.menu-link:before,
.main-navigation > ul > li.current_page_item > a.menu-link:before
 {
    display: block !important;
    position: absolute;
    content: url(images/gfx_menu.svg);
    width: 30px;
    height: 23px;
    right: 18px;
    top: -16px;
}

.main-navigation > ul > li:hover > a.menu-link:after,
.main-navigation > ul > li.current_page_item > a.menu-link:after

{
    border: none;
    display: block !important;
    position: absolute;
    content: url(images/gfx3_jaune.svg);
    width: 90px;
    height: 6px;
    right: 18px;
    bottom: 6px;
}


.main-navigation > ul > li.menu-item-has-children:hover > a.menu-link:before,
.main-navigation > ul > li.menu-item-has-children.current_page_item > a.menu-link:before
{
    right: 32px;
    top: -13px;
}

.main-navigation > ul > li.menu-item-has-children:hover > a.menu-link:after,
.main-navigation > ul > li.menu-item-has-children.current_page_item > a.menu-link:after

{
    right: 33px;
    bottom: 9px;
}


/* ************************************************ */
/* BLOG  */
/* ************************************************ */
.ast-plain-container.ast-no-sidebar #primary {
    margin-right: 20px !important;
}

.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single
{ padding : 0 }


.ast-separate-container.ast-two-container #secondary .widget { margin-bottom:0; padding: 0; }

@media (min-width: 922px) {
    .single-post #secondary {
        width: 50%;
    }
}


/* ************************************************ */
/* SIDEBAR  */
/* ************************************************ */
.page-template-page-header-sidebar #primary { width: 70%; }
.page-template-page-header-sidebar #secondary { width: 30%; }

@media (max-width: 921px) {
    .page-template-page-header-sidebar #primary { width: 100%; }
    .page-template-page-header-sidebar #secondary { width: 100%; }
}

/* ************************************************ */
/* BUTTONS  */
/* ************************************************ */

.btn-blue a {
	position: relative;
    width: 100%;
    min-width: 280px;
    padding: 20px !important;
    text-align: left;
    color: #ffffff !important;
    font-weight: 600;
    transition: background 0.3s;
    background-color: #08526E !important;
	font-size: 1.2rem !important;
}

.btn-blue a:hover:after {
	background: linear-gradient(90deg, #08526E 0%, #65926E 100%) !important;
    bottom: 0;
    content: "";
    display: block;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: left .25s ease-in-out, right .25s ease-in-out, width .25s ease-in-out;
    transition: left .25s ease-in-out, right .25s ease-in-out, width .25s ease-in-out;
    width: 0;
    z-index: -1;
}

.btn-blue a:before {
	background: #08526e;
    bottom: 0;
    content: "";
    display: block;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}


.btn-green a {
    position: relative;
    width: 100%;
    min-width: 280px;
    padding: 10px 10px 10px 15px !important;
    text-align: left;
    color: #0b3c49 !important;
    font-weight: 400;
    transition: background 0.3s;
    background-color: #FFde07 !important;
}

.btn-green a:after {
    content: url(images/gfx1_vert.svg);
    position: relative;
    bottom: 0px;
    right: -95px;
    width: 60%;
    height: auto;
    display: block;
}

/* ************************************************ */
/* SPACING  */
/* ************************************************ */

.m-0 { margin:0 !important; }
.p-0 { padding:0 !important; }

/* ************************************************ */
/* DIVERS  */
/* ************************************************ */

.uagb-post__excerpt
{ margin-bottom:0 !important; }

.uagb-post__title 
{ margin-bottom:0 !important; padding: 0 20px }

.widget-title, .site-footer h2, .site-footer h2 a
{
    font-size: 18px !important;
	background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: inherit !important;
	color: #afc631 !important;
	font-weight: 600 !important;
	margin-bottom: 5px;
}

footer a {
	color: #ffffff !important;
}