/*
Theme Name: JCV-THEME
Version: 1.0
Description: A child theme of Enfold
Author: Alexander Brown
Template: enfold
*/

@import url("../enfold/style.css");
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

h1,h2,h3,h4,h5,h6{
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
}
/* h2{
  font-size: 3.5em !important;
} */
p, ul, li{
  font-size: .93em;
  font-weight: 300
}

/* SVG SHAPES */
/*---angle between sections bottom--------*/
.elementor-shape-bottom {
    bottom: -1px;
}
.elementor-shape {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr;
}
.elementor-shape svg {
    display: block;
    width: -webkit-calc(100% + 1.3px);
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.elementor-shape .elementor-shape-fill {
    fill: #fff;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.elementor-shape-top svg {
    height: 90px;
}


/*------ angle between sections top-----------*/
.elementor-shape-top{
    position: relative;

}
.elementor-shape-top .elementor-shape-fill{
    fill: #fff;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media screen and (max-width: 47.9375em){
    .elementor-shape-top svg,
    .elementor-shape-bottom svg{
         height: 60px !important;
    }
    #after_section_2 {
      top: -3.5em !important
    }
}

/* END SVG SHAPES */

/* STYLES TO POSITION SVG SHAPES */
/* svg shape beloww banner */
#after_full_slider_0,
#after_section_1,
#after_section_2,
#after_section_3{
  background: transparent;
  border: none;
  width: 100%;
  max-width: 100%;
  z-index: 3
}
#after_full_slider_0 {
  top: -6.3rem;
}
#after_section_1,
#after_section_3{
  top: 0;
}
#after_section_2 {
  top: -3.2em
}
/* svg shape on top of this section */
#after_section_1 .template-page,
#after_section_3 .template-page{
  padding: 0
}
/* svg shape on the bottom of this section */
#after_section_2 .elementor-shape svg{
  height: 90px
}

#after_full_slider_0 .container,
#after_section_1 .container,
#after_section_2 .container,
#after_section_3 .container{
  width: 100%;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute;
}

@media screen and (max-width: 47.9375em){
  #after_full_slider_0 .container,
  #after_section_1 .container,
    #after_section_2 .container,
    #after_section_3 .container{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
/* END STYLES TO POSITION SVG SHAPES */

/* BANNER */
.banner,
.banner > div{
  height: 85vh !important
}
.banner h2{
  font-size: 3.2em !important;
  margin-top: -2em
}
.banner .avia-caption-content{
  font-size: 1.4em !important;
  max-width: 768px;
  margin: 0 auto;
}
/* END BANNER */

/* MENU */
.avia-menu-text{
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 1px;
}
/* END MENU */

/* SERVICES SECTION HOME */
#services-home{
  margin: 5em 0
}
/* END SERVICES SECTION HOME */

/* WHY-US SECTION HOME */
#why-us .container .template-page{
  padding-top: 0
}

/* END WHY-US SECTION HOME */