/*
Theme Name: As Salvignol
Description: Child theme for Hello Elementor
Author: Satellite multimedia
Author URI: https://agence-satellite.com
Template: hello-elementor
Version: 1.0
Text Domain: as
*/
/* variables */
:root {

  --nk-primary-color-x-darker: #2B39B2;
  --nk-primary-color-xx-darker: #161C59;
  --nk-primary-color: #3647DF;
  --nk-primary-color-x-lighter: #AFB5F2;
  --nk-primary-color-xx-lighter: #EBEDFC;
  --nk-color-grey: #4D4D4D;
  --nk-color-grey-lighter: #C1C1C1;
  --nk-color-grey-x-lighter: #DADADA;
  --nk-color-grey-xx-lighter: #ECEBEB;
  --nk-color-white: #ffffff;
  --nk-color-dark: #111111;
  --nk-color-black: #000000;
  --nk-spacing-default: 1.555555rem ; /*28px*/
  --nk-spacing-md: 3.1111111rem; /*56px */
  --nk-spacing-lg: 4.6666666rem; /* 84px */
  --nk-spacing-xl: 5.6666666rem; /* 102px */
  --nk-spacing-xxl: 11.3333333rem; /* 204px */
  --nk-spacing-sm: 0.7777777rem; /* 14px */
  --nk-spacing-xs: 0.3888888rem; /* 7px */
  --nk-spacing-menu-line: 1rem;
  --nk-font-size-body: 18px;
  --nk-font-size-h2: 18px;
  --nk-font-size-h3: 18px;
  --nk-font-size-h4: 0.888888rem; /* 18px*/
  --nk-line-height-base: 1.555555;
  --nk-font-headings: 'Abhaya Libre', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  --nk-font-copy: 'Montserrat', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  --nk-font-headings-weight: 700;
  --nk-font-copy-weight: 400;
  --nk-font-p-margin-bottom:var(--nk-spacing-sm);
  --nk-font-h1-margin-bottom:var(--nk-spacing-default);
  --nk-font-h2-margin-bottom:var(--nk-spacing-sm);
  --nk-font-h3-margin-bottom:var(--nk-spacing-xs);
  --nk-font-h4-margin-bottom:var(--nk-spacing-xs);
}


html {
  font-size: var(--nk-font-size-body);
}

body {
  font-size: 1rem;
  line-height: var(--nk-line-height-base);
}

/* pages headers */
.nk-page-header {
  border-bottom: 1px solid var(--nk-color-grey-xx-lighter);
  padding: var(--nk-spacing-menu-line) var(--nk-spacing-default);
}

.nk-page-header h1.elementor-heading-title {
  line-height: 1;
  color: var(--nk-primary-color);
}

.page-header .elementor-icon {
  max-width: 100px;
}



/* typography */

body {
  font-family: var(--nk-font-copy);
  font-weight: var(--nk-font-copy-weight);
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
  font-family: var(--nk-font-headings);
  font-weight: var(--nk-font-headings-weight);
  color:var(--nk-color-dark);
}

/* titles mobile */

h1.elementor-heading-title {
  font-size: 3rem;
  line-height:2.333rem; /* 42px */
  margin-bottom: var(--nk-font-h1-margin-bottom);
  
}


@media(min-width: 1025px) {
  h1.elementor-heading-title {
    font-size: 4rem;
    line-height:3.8888rem; /* 70px */
    margin-bottom: var(--nk-font-h1-margin-bottom); 
  }


h2.elementor-heading-title {
  font-size: 2rem;
  line-height: 1.9444rem; /* 35px */
  margin-bottom: var(--nk-font-h2-margin-bottom);
  
}


h3.elementor-heading-title {
  margin-bottom: var(--nk-font-h3-margin-bottom);
  text-transform: none;
  line-height: 1.555rem;
}
}
h4.elementor-heading-title,.h4 h3.elementor-heading-title, .h4 h2.elementor-heading-title {
  text-transform: uppercase;
  font-size:var(--nk-font-size-h4);
  font-family: var(--nk-font-copy);
  font-weight: bold;
  color:var(--nk-primary-color);
  margin-bottom: var(--nk-font-h4-margin-bottom);
  letter-spacing: 0.1rem;
}

p {
  margin-bottom: 1.333rem;
}

.tel-link {
  font-family: var(--nk-font-headings);
  font-weight: var(--nk-font-headings-weight);
}
/* logo*/
.elementor-widget-theme-site-logo img {
  width: 208px !important;
  height: 72px !important;
  transition: all  1s  cubic-bezier(0.075, 0.82, 0.165, 1);
  transform-origin: top left;
}


#main-menu, .as_menu-transparent #main-menu.elementor-sticky--effects {
  border-bottom: 1px solid var(--nk-color-grey-lighter);
}
 

/* Menu transparent */
@media(min-width: 1025px) {
.as_menu-transparent #main-menu {
  position: absolute;
  top: 0;
  background-color: transparent;
  border:none;
}

.as_menu-transparent .elementor-widget-theme-site-logo img {
  filter: brightness(0) invert(1);

}



.as_menu-transparent #main-menu .menu-item a {
  color: white;
  fill: white;
  opacity: 0.75;
}


.as_menu-transparent #main-menu .menu-item a:after {
  background-color: white;
}

.as_menu-transparent #main-menu .menu-item a:hover,
.as_menu-transparent #main-menu .menu-item a:active,
.as_menu-transparent #main-menu .menu-item a:focus {
  opacity: 1;
}

.as_menu-transparent .elementor-sticky--effects {
  background-color:white!important;
}



.elementor-sticky--effects .elementor-widget-theme-site-logo img {
  filter: brightness(1) invert(0);
width:104px!important;
height:32px!important;
  transform-origin: top left;
}
.as_menu-transparent #main-menu.elementor-sticky--effects .menu-item a {
  color:#1C244B;
  fill: #1C244B;
  opacity:1;
}

.as_menu-transparent .elementor-sticky--effects .elementor-nav-menu--dropdown a  {
  color: white!important;
}

}


/*header.elementor-sticky--effects {
  background:red!important;

}*
/* sections */
.section {
  padding-top:  var(--nk-spacing-default);
  padding-bottom:  var(--nk-spacing-default);
}

@media(min-width: 768px) {
  .section {
    padding-top:  var(--nk-spacing-md);
    padding-bottom:  var(--nk-spacing-md);
  }
}
@media(min-width: 1025px) {
  .section {
    padding-top:  var(--nk-spacing-lg);
    padding-bottom:  var(--nk-spacing-lg);
  }
}
  
.nk-border-grey {
border:1px solid var(--nk-color-grey-lighter);
}

#footer .elementor-widget-theme-site-logo img {
  filter: brightness(0) invert(1);
}
#footer-logo img {
  width: auto!important;
  height: 50px !important;
}

/* images decoration */
.img-decoration-left, .img-decoration-right {
  position:relative;
}
.img-decoration-left:after, .img-decoration-right:after {
  content:"";
  display:block;
  width:40%;
  height:40%;
  position:absolute;
  bottom:-1rem;
  left:-1rem;
  z-index:-1;
}

.img-decoration-left:after {
  background-color: var(--nk-primary-color-x-darker);

}
.img-decoration-right:after {
  background-color:var(--nk-primary-color-x-lighter);
  left:auto;
  right:-1rem;
}

 
/* ELEMENTOR FIXES */ 

@media(max-width: 1024px) {
  /* fix chevron color on iphone */
  .elementor-nav-menu .sub-arrow .e-font-icon-svg {
    fill: white;
  }
  /* bigger font-size for submenus */
  .elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-sub-item {
    font-size: 1em;
  }
}