/*
 *  Vars
 */
 :root {
  --btn-color: #00c6b7;  
  --teal: #00c6b7;
  --content-background-color: #e2e3e4;
  --btn-color-hover: #00b3a4;
  --black-color-hover: #737373;
  --white-color-hover: #b3fff9;
}
@font-face {    
  font-family: 'custom-poppin-bold';       
  src: url('https://static1.squarespace.com/static/5f649ec69d85e375950c27e6/t/5f6ec3792a3e222b3d1b3d8e/1601094522034/Poppins-Bold.ttf');  
}
@font-face {    
  font-family: 'custom-poppin-black';       
  src: url('https://static1.squarespace.com/static/5f649ec69d85e375950c27e6/t/5f926da60e3a577b1d94833d/1603431849139/Poppins-Black.ttf');  
}
@font-face {    
  font-family: 'custom-poppin';       
  src: url('https://static1.squarespace.com/static/5f649ec69d85e375950c27e6/t/5f6ec3828bc67827185933c8/1601094530432/Poppins-Regular.ttf');  
}

/*
 * General 
 * Modifications
 */

body.modal-open {
  overflow: hidden;
 }
h1, h2, h3, h4 {
  font-family: 'custom-poppin-black';
  line-height: 1.2em;
}
.custom-button > div > a {
  font-family: 'custom-poppin-bold'
}
a {
  font-family: 'custom-poppin-bold'
}
.sqs-block-button-element {
  font-family: 'custom-poppin-bold'
}
a[href="/together"], a[href="/newphonevibe"], a[href="/about"], [href="/about#8"] {
  padding: 10px 40px;
}
p, div {
  font-family: 'custom-poppin';
}
.text-teal {
  color: var(--teal);
}
.emoji {
  font-size: 2rem;
}
label.error {
  color: red !important;
  font-size: 0.8em;
}
.center-text{
  text-align: center;
}
div.header-actions-action.header-actions-action--social > a:nth-child(1) { /* facebook icon */
  border-left: 1px solid white;
  margin-left: 1.5em !important;
  padding-left: 1.02em !important;
}
.sqs-block-content > div > a {
  font-family: custom-poppin-bold;
}
div.header-actions-action.header-actions-action--social > a:nth-child(2) { /* hide twitter icon */
  display: none;
}
#header > div.header-menu.header-menu--folder-list > div.header-menu-nav > nav > div > div.header-menu-actions > div:nth-child(2) {
  display: none;
}
nav > div > a[href="/together"], nav > div > a[href="/zolorewards"], 
nav > div > a[href="/newphonevibe"], nav > div > a[href="/faqs"],
nav > div > a[href="/repairs"], nav > div > a[href="/sustain"], nav > div > a[href="/refurbish"] {
  display: none;
}
.header-nav-list {
  display: inline-block;
}
div.header-menu-nav-folder-content > div > a {
  font-family: custom-poppin-bold;
  margin: 0.5em 0;
}
p.preFade {
  opacity: 1 !important;
}

@media only screen and (max-width: 1024px) and (pointer: coarse), screen and (max-width: 799px) {
  .header>.header-announcement-bar-wrapper {
        padding: 0 !important;
    }
  }
@media only screen and (max-width: 800px) {
  #header > div.header-announcement-bar-wrapper {
    padding: 0;
  }
  div.header-title > div > a > img {
    max-height: 54px !important;
  }
  nav > div > a[href="/together"], nav > div > a[href="/zolorewards"], 
  nav > div > a[href="/newphonevibe"], nav > div > a[href="/faqs"], 
  nav > div > a[href="/repairs"], nav > div > a[href="/sustain"], nav > div > a[href="/refurbish"] {
    display: inline-block;
  }
  a[href="/together"], a[href="/newphonevibe"], a[href="/about"], [href="/about#8"] {
    padding: 9.7px 40px
  }
}

/* Contact Information - Thank You */
.form-submission-text {
  text-align: center;
}

.contact-info-submit-btn {
  color: #fff !important;
  background-color: var(--btn-color) !important;
  border-color: var(--btn-color);
  border: 0px;
  outline: 0px !important;
  border-radius: 8px;
}

div.contact-information {
  padding: 20px;
}