/*
Theme Name: Astra - Child
Description: Theme enfant de Astra
Author: Antoine GABORIAU - Blue Frog Robotics
Author URI: https://www.bluefrogrobotics.com
Template: astra 
Version: 0.1.0
*/

/*FONTS*/
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: auto;
  src: url("../../themes/astra-child/assets/font/fa-light-300.eot");
  src: url("../../themes/astra-child/assets/font/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../../themes/astra-child/assets/font/fa-light-300.woff2") format("woff2"), url("../../themes/astra-child/assets/font/fa-light-300.woff") format("woff"), url("../../themes/astra-child/assets/font/fa-light-300.ttf") format("truetype"), url("../../themes/astra-child/assets/font/fa-light-300.svg#fontawesome") format("svg"); }

@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("../../themes/astra-child/assets/font/fa-regular-400.eot");
  src: url("../../themes/astra-child/assets/font/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../../themes/astra-child/assets/font/fa-regular-400.woff2") format("woff2"), url("../../themes/astra-child/assets/font/fa-regular-400.woff") format("woff"), url("../../themes/astra-child/assets/font/fa-regular-400.ttf") format("truetype"), url("../../themes/astra-child/assets/font/fa-regular-400.svg#fontawesome") format("svg"); }

.fal {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300; }
.fab {
  font-family: 'Font Awesome 5 Brands'; }


/*COMMON*/
h1::first-letter,
h2::first-letter,
h3::first-letter,
h4::first-letter { color: #00d4d1; }
h1.SolutionTitle::first-letter { color: #fff; }
#content .ast-container #primary #main article.ast-article-single { padding: 0px; }
.entry-content h1 { font-size: 60px; line-height: 60px; }
.entry-content h2 { font-size: 48px; line-height: 48px; }
.entry-content h3 { font-size: 36px; line-height: 36px; }
.entry-content h4 { font-size: 30px; line-height: 30px; }
.SlideDown { margin-top:-275px; z-index: 10; position: relative; max-width: 100%; }
.SlideDown2 .IconAwesome,
.SlideDown .IconAwesome { font-family: 'Font Awesome 5 Pro'; z-index: 10; }
.SlideDown2 .IconAwesome a,
.SlideDown .IconAwesome a { height: 150px; width: 150px; font-size: 36px; border-radius: 100px; background-color: #fff; color: #2b2b2b; border-color: #fff; }
.SlideDown2 { top: -75px; z-index: 10; position: absolute !important; max-width: 100%; background-color: unset; } 
.IconSolution { position: absolute; top: -75px; }
.Anim { -webkit-transition: 0.5s; transition: 0.5s; }
.off { display: none; }
#content #primary { margin: 0px; }
.triangle { display : inline-block; height : 0; width : 0 !important; border-right : 21px solid transparent; border-bottom : 40px solid #eee; border-left : 19px solid transparent; position: absolute !important; margin-top: 80px; } 
.TriangleDownW { display : inline-block; height : 0; width : 0 !important; border-top : 40px solid white; border-right : 19px solid transparent; border-left : 21px solid transparent; }
.TriangleDownG { display : inline-block; height : 0; width : 0 !important; border-top : 40px solid #eee; border-right : 19px solid transparent; border-left : 21px solid transparent; }
.TriangleDownLBlue { display : inline-block; height : 0; width : 0 !important; border-top : 40px solid #00d4d1; border-right : 40px solid transparent; }
.TriangleDownRBlue { display : inline-block; height : 0; width : 0 !important; border-top : 40px solid #00d4d1; border-left : 40px solid transparent; }
.TriangleDownLBlack { display : inline-block; height : 0; width : 0 !important; border-top : 40px solid #2b2b2b; border-left : 40px solid transparent; }
.TriangleDownRBlack { display : inline-block; height : 0; width : 0 !important; border-top : 40px solid #2b2b2b; border-left : 40px solid transparent; }

/*HOME*/
#BGSlider { background: radial-gradient(rgba(0, 212, 209, 1) 0%, rgba(0, 212, 209, 0) 50%); position: fixed; width: 100vw; height: 90%; top: -90%; scale:3; }
#BGSolution { background: #00D4D0; background: linear-gradient(90deg,rgba(0, 212, 208, 1) 50%, rgba(0, 73, 72, 0) 70%); position: fixed; width: 100%; height: 100%; left: 0; top: 0; width: 100vw; }
div.Solution { transform: scale(0.9); }
div.Solution div.CustomIcon { margin-bottom: -100px; }
div.Solution div.CustomIcon img { background-color: #00d4d1; z-index: 1; border-radius: 50%; padding: 30px; }
div.Solution div.BTNIcon {}
div.Solution div.BGSolution { max-width:350px !important; }
div.Solution div.BGSolution a.BTNSolution { margin: 20px 0px; background-color: #00d4d1; border-radius: 35px; color: #fff; text-decoration: none; height: 60px; line-height: 60px; padding: 0px 30px; width: 60px !important; padding-right: 23px; }
div.Solution div.BGSolution a.BTNSolution .Add { display: block; float: right; }
div.Solution div.BGSolution a.BTNSolution .Text { display: block; float: right; opacity: 0; letter-spacing: -11px; position: absolute; }
div.Solution:hover { transform: scale(1); }
div.Solution:hover div.BGSolution a.BTNSolution { margin-right: 0px; width: 310px !important; padding-right: 30px;  }
div.Solution:hover div.BGSolution a.BTNSolution .Add { margin-left: 20px; }
div.Solution:hover div.BGSolution a.BTNSolution .Text { opacity: 1; letter-spacing: 0px;}

/*CUSTOM BUTTON*/
.ShopPartners a.wp-block-button__link { padding: 5px 5px 5px 30px; }

/*SOLUTIONS*/
.SolutionSidSection { max-width:1080px; }

/*NAV*/
#ast-mobile-header { display: none; }
header #ast-desktop-header { position: fixed; width:100%; }
header.entry-header,
header.entry-header h1:first-child {display:none;}
.mspacer { margin-right: 10px; }
.site-above-header-wrap .ast-builder-grid-row { background-color: #fff; border-radius: 0px 0px 50px 50px; height: 70px; padding: 0px 40px; border: solid 1px #eee; }
.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu { background-color: unset; border:none; box-shadow: unset;}
.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu li { margin-bottom: 5px; background-color: #fff; border-radius: 30px; text-indent: 10px; }
.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu li:hover { text-indent: 20px; }

.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu li.lang-item { text-indent: 0px; width:56px; }
.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu li.current-lang { display:none; }
.pll-parent-menu-item ul.sub-menu { border:none; }

/*PARTNERS*/
.Partners img { background-color: #fff; border-radius: 50%; }
.Partners .uagb-post__text.uagb-post__cta.wp-block-button { display:none; }

/*ACCESSOIRES*/
.Accessoires article:hover .uagb-post__title,
.Accessoires article:hover div.uagb-post__image:before { opacity: 0; }
.Accessoires article:hover div.uagb-post__image a img { scale:1; }
.Accessoires article div.uagb-post__image:before { -webkit-transition: 0.5s; transition: 0.5s; }
.Accessoires article div.uagb-post__image a img { scale:0.95; contain-intrinsic-size: 100px auto; -webkit-transition: 0.5s; transition: 0.5s; }

/*POST*/

.Carousel .slick-slide article:hover div.uagb-post__image img { scale:1; }
.Carousel .slick-slide article:hover .uagb-post__title,
.Carousel .slick-slide article:hover .uagb-post__text,
.Carousel .slick-slide article:hover div.uagb-post__image:before { opacity: 0; }
.Carousel .slick-slide article { background-color: unset; height: 400px !important; display: flex !important; flex-direction: column; justify-content: space-evenly; }
.Carousel .slick-slide article div.uagb-post__image:before { -webkit-transition: 0.5s; transition: 0.5s; }
.Carousel .slick-slide article div.uagb-post__image { border-radius: 50px; }
.Carousel .slick-slide article div.uagb-post__image img { scale:0.95; contain-intrinsic-size: 100px auto; -webkit-transition: 0.5s; transition: 0.5s; }
.single .post-navigation { display:none; margin-bottom:-50px; }

/*IMAGE GALERY*/
div.spectra-image-gallery__media-wrapper div.spectra-image-gallery__media.Partners { background-color:#ffffff; }

/*EXTERNAL LINK*/
.Articles { pointer-events: none; }
.Articles article,
.Articles .uagb-post-pagination-wrap { pointer-events: bounding-box; }
.Articles article .uagb-post__excerpt { display:none; }
.Articles .uagb-post__image img { height: auto; width: 100%; }

/*TESTIMONIALS*/
.Testimonials .uagb-tm__text-wrap { background-color: #fff; padding: 20px; border-radius: 20px; margin-top: 20px; }

/*CARDS DOCUMENT*/
.Card-Grey { background-color:#eee; transform: scale(0.95);  }
.Card-Grey:hover { transform: scale(1);  } 
.Card-White { background-color:#fff; transform: scale(0.95); }
.Card-White:hover { transform: scale(1);  } 

/*FOOTER*/
footer { padding: 0px 50px; z-index: 10; }
footer h4 { margin-top: 20px; margin-bottom: 20px; font-size:18px; }
footer img.wp-image-277 { margin-top: 100px; }
#FooterLink h4,
#FooterLink p { text-align:right; font-size:18px; }
#FooterLink h4 { margin-right: 20px; }
#FooterLink p a { color:#2b2b2b; }
#FooterLink p a i { opacity:0; margin-left:10px; }
#FooterLink p a:hover { color:#00d4d1; }
#FooterLink p a:hover i { color:#00d4d1; opacity:1; transform:rotate(90deg); margin-right: 20px; }
#mc-embedded-subscribe-form {  }
#mc-embedded-subscribe-form .email { height: 50px; font-size: 18px; width: calc(100% - 50px); }
#mc-embedded-subscribe-form div.button { border-radius: 0px; height: 0px; width: 100%; background-color: unset; border: unset; padding: 0px; position: relative; }
#mc-embedded-subscribe-form input.button { font-family: 'Font Awesome 5 Pro'; font-weight: lighter; padding: 0px; width: 50px; height: 50px; border-radius: 0; position: absolute; top: -50px; right: 0px; }

/*DESKTOP VIEW*/
@media (min-width: 1280px) {
  #ast-mobile-header { display: none; }
}

/*CUSTOM BREAKPOINT*/
@media (max-width: 1600px) {
  #SlideHalf { background-size: cover; }
}


/*TABLETTE VIEW*/
@media (max-width: 1280px) {
  #ast-desktop-header { display: none; }
  #ast-mobile-header { display: block; }
  .wp-block-uagb-container.uagb-is-root-container { max-width:50%; }
}

/*TABLETTE BREAKING POINT*/
@media (max-width: 976px){
  .entry-content h1 { font-size: 48px !important; line-height: 48px !important; }
  .entry-content h2 { font-size: 36px !important; line-height: 36px !important; }
  .entry-content h3 { font-size: 30px !important; line-height: 30px !important; }
  .entry-content h4 { font-size: 26px !important; line-height: 26px !important; }
  #BGSolution { background: linear-gradient(90deg,rgba(0, 212, 208, 0.8) 70%, rgba(0, 73, 72, 0.5) 100%);  }
  div.Solution { transform: scale(1); }
  div.Solution div.BGSolution a.BTNSolution { margin-right: 0px; width: 300px !important; padding-right: 30px;  }
  div.Solution div.BGSolution a.BTNSolution .Add { margin-left: 20px; }
  div.Solution div.BGSolution a.BTNSolution .Text { opacity: 1; letter-spacing: 0px; }
  .Testimonials button.slick-prev { margin-left: -20px; }
  .Testimonials button.slick-next  { margin-right: -20px; }
  .SlideDown.Custom { margin-top:-205px; }
}

/*MOBILE VIEW*/
@media (max-width: 768px){
  .entry-content h1 { font-size: 36px !important; line-height: 36px !important; }
  .entry-content h2 { font-size: 30px !important; line-height: 30px !important; }
  .entry-content h3 { font-size: 26px !important; line-height: 26px !important; }
  .entry-content h4 { font-size: 18px !important; line-height: 18px !important; }
  #FooterLink p,
  #FooterLink h4 { text-align:center; margin-right:0px; }
  #FooterLink p { margin-left: 20px; }
}