/* 
 Typography
*/

body {
    font-family: 'AvenirMedium', san-serif;
}
.cta-button, .cta.menu-item a, .slide-content a.cta {
    background: #2a2a2a;
    color: white;
    font-family: AvenirBlack;
    font-size: 16px;
}

.cta-button.button-fill { 
    background: white;
    border: 2px solid white;
    color: #1d2327;
}
.cta-button.button-border {
    border: 2px solid white;
    background: transparent;
}
.cta.row a {
    margin-right: 0.5rem;
}

.cta-arrow-btn {
    padding: 1rem;
    background: grey;
    display: inline-block;
    color: #2a2a2a;
    padding-right: 3rem;
    position: relative;
    font-family: archivo black,sans-serif;
}
.cta-arrow-btn:after {
content: '';
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.473' height='16.117' viewBox='0 0 9.473 16.117'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%23ffffff;stroke-width:4px;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(8.059 1.414) rotate(90)'%3E%3Cpath class='a' d='M13465.645-20820.355l-6.645,6.645,6.645,6.645' transform='translate(-20807.066 -13459) rotate(90)'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  transition: all 0.2s ease-in-out 0s;
  background-color: #2a2a2a;
  padding: 0.2rem;
}
.cta-arrow-btn.light {
    border: 4px solid #2a2a2a;
    background: transparent;
}
.cta-arrow-btn:hover {
    background: #2a2a2a;
    color: white;
}

.cta-arrow-btn:hover:after {
  background-color: rgba(255,255,255,0.2);
}


body:not(.customize-support) .comingsoon {
    position: fixed;
    top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #fff;
     z-index: 99;text-align:center;
}
body.customize-support .comingsoon {
    display: none;
}


@media screen and (min-width : 1026px) {
    .cta-button, .cta.menu-item a, .slide-content a.cta {
        font-size: calc(0.3em + 1vw);
    }
}

@media screen and (min-width : 1600px) {
    
    .cta-button, .cta.menu-item a, .slide-content a.cta {
        font-size: 19px;
    }
}