body{
    font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 300;
}
/*Special text is applied to the first line introducing the product */
.special-text{
    font-family: Questrial;
    color:#9E9E9E
}

/* BASIC TYPOGRAPHY */

h1,h2,h3{
    font-weight: 300;
}
h4{
    font-weight: 400;
    color:#414141; 
    font-size: 1.3rem;
}
h5,h6{
    font-weight: 600;
}
h2{
    color: #414141;
}
h3{
    color: #545454;
    font-size: 1.6rem;
}
h5{
    color:#545454; 
    font-size: 1rem;
}
p{
    color: #545454;
}

/* navigation styles */
.navbar-light .navbar-nav .nav-link:hover{color:#1A73E8;}


/*style around the big image to manipulate where the gray background hits */
.negative-padding-bottom{
    padding-bottom: -6rem;
}
.negative-margin-bottom{
    margin-bottom: -6rem;
}

/* styles regarding the icons from fontawesome */
.icon-color{
    color:#1A73E8;
}

/*Additional padding for the features grid */
.feature{
    padding-right: 5rem;
    padding-bottom: 4rem;
}

/* style to create the big blue section header */
.bg-blue{background-color: #1A73E8}


/* PRICING */

.card-padding-right{
    padding-right: 5rem;
}
.card-styling-middle{
    padding-left: 3rem; 
    padding-right: 3rem;
    margin-left:-2.5rem;
    border-color: rgba(66,133,244,.4);
    background-color: rgba(66,133,244,.03);
}
.card-title{
    color:#FFB92B;
    font-weight: 600;
    font-size: 1.3rem;
}
.card-body{
    font-size: 1.3rem; 
    padding-left:0;
}
.price{
    letter-spacing: -0.25rem; /* reduces letter spacing on the price due to very large font */
    font-weight: 300;
    color: #414141;
} 

/* styling the bullet points with icons */
  ul li.not-included::before {
    content: "\f00d";
    font-family: 'FontAwesome';
    padding: 0 14px 0 0;
    color: #EA4335;
}
    ul li.yes-included::before {
    content: "\f00c";
    font-family: 'FontAwesome';
    padding: 0 10px 0 0;
    color: #34A853;
}

/* controls the line height of items included in price table */
.card ul li {margin: 0.8rem 0}


/* CUSTOMERS */

/* styling the testimonials */
span.rounded-circle {
    display: inline-block;
    background-color: #1A73E8; 
    width: 4.2rem; 
    height: 4.2rem;
    transform: translate(30%,60%) 
}

.wikiTestimonial{
    background-color: #fff;
}
.blockquote{
    padding-right: 2rem;
    color: #545454;
    font-size: 1.2rem; 
    border-bottom: 1px solid #DADCE0; 
    padding-bottom: 1rem;
}
footer.blockquote-footer{
    font-size: 0.8rem; 
    font-weight: 600; 
    color: #414141; 
    padding: 1rem;
    border-bottom: 0 solid red;
    margin-left: 8px;
}
/* removes an ndash that is default with bootstrap*/
.blockquote-footer::before {
    content: "";
}
i.customers{color: #fff ;display: inline-block;transform: translate(-100%,60%)}

/* styling the library types */
.customers:hover{
    box-shadow: 0px 2px 8px rgba(0,0,0,.2); 
    transition: all 0.5s; /* this animates the hover effect in a subtle way */
}
.customers .card-title{
    color:#414141; 
    font-size: 1.3rem;
    font-weight: 400;
}
.customers .card-body{
    font-size: 1rem;
}
.customers .card-text{
    color: #545454;
}
.customers .card-footer{
    background-color: #ffffff;
    border:none;
    text-align: right;
    color: #1A73E8;
}
.customers .card-footer a:hover{
    text-decoration: none;
}

/* adds the arrow after SEE MORE */
.card-footer a::after{
    content: "\f061";
    font-family: 'FontAwesome';
    padding: 0 0 0 10px;
    font-size: 0.8rem;}


/* FAQ */

.card-header{
    background-color: #fff;
    padding: 0;
    border: none;
}
#accordion1 > .card, #accordion2 > .card{
    border:0;
    border-bottom: 1px solid #ddd;
}

.no-border{border: none}

.card-body{
    color: #545454;
    font-size: 1rem;
}
.btn-link.faq{
    color: #414141;
    font-size: 1.3rem;
    padding: 1rem 0;
    font-weight: 300;
    text-decoration: none;

}
.btn-link.faq:hover, .btn-link.faq:active{
    text-decoration: none;
}

/* this controls the faq arrow direction */

[aria-expanded=true]    .fas.fa-chevron-down {
      transform: rotate(180deg);
      transition: transform 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
    }
[aria-expanded=false]    .fas.fa-chevron-down {
    transition: transform 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
  }

/* CONTACT US */

.form__group:not(:last-child) {
    margin-bottom: 1rem;
 }
  
  .form__input {
    width: 100%;
    background-color: transparent;
    font-size: 1rem;
    font-family: inherit;
    color: inherit;
    padding: 1.5rem 0;
    border: none;
    border-bottom: 1px solid #bdbdbd;
    display: block;
    transition: all .3s; }
    .form__input::-webkit-input-placeholder {
      color: #999; }
    .form__input:focus {
      outline: none;
      border-bottom: 1px solid #55c57a; }
      .form__input:focus:invalid {
        border-bottom: 1px solid #EA4335; }
  
  .form__label {
    font-size: 1rem;
    font-weight: 300;
    margin-top: .7rem;
    display: block;
    transition: all .3s; }
  
  .form__input:placeholder-shown + .form__label {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4rem); }



/* FOOTER */
.footer-background {
    background-color: #414141;
}  
.footer-text, .footer-text a{
    color: #bdbdbd;
}
a.footer-text:hover, a.footer-text:active, .footer-text a:hover, .footer-text a:active{
    color: #FFB92B; 
    text-decoration: none;
}
hr.hr-footer{
    height:1px;
    width:100%;
    border-top:1px solid #bdbdbd;
}