/* Template: Aria - Business HTML Landing Page Template
   Author: Inovatik
   Created: Jul 2019
   Description: Base CSS file
*/

/******************************/
/*     01. General Styles     */
/******************************/
body,
html {
    width: 100%;
    height: 100%;
}

body, p {
    color: #787976; 
    font: 400 1rem/1.5625rem "Open Sans", sans-serif;
}

.p-large {
    font: 400 1.125rem/1.625rem "Open Sans", sans-serif;
}

.p-small {
    font: 400 1rem/1.5rem "Open Sans", sans-serif;
}

.p-heading {
    margin-bottom: 3.5rem;
    text-align: center;
}

.li-space-lg li {
    margin-bottom: 0.375rem;
}

.indent {
    padding-left: 1.25rem;
}

h1 {
    color: #484a46;
    font: 700 2.5rem/3rem "Montserrat", sans-serif;
}

h2 {
    color: #484a46;
    font: 700 1.75rem/2.125rem "Montserrat", sans-serif;
}

h3 {
    color: #484a46;
    font: 700 1.375rem/1.75rem "Montserrat", sans-serif;
}

h4 {
    color: #484a46;
    font: 700 1.25rem/1.625rem "Montserrat", sans-serif;
}

h5 {
    color: #484a46;
    font: 700 1.125rem/1.5rem "Montserrat", sans-serif;
}

h6 {
    color: #484a46;
    font: 700 1rem/1.375rem "Montserrat", sans-serif;
}

a {
    color: #787976;
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
}

a.green {
    color: #ff80ab;
}

a.white,
.white {
    color: #dfe5ec;
}

.testimonial-text {
    font-style: italic;
}

.testimonial-author {
    font: 700 1rem/1.375rem "Montserrat", sans-serif;
}

strong {
    color: #484a46;
}

.section-title {
    color: #ff80ab;
    font: 500 0.8125rem/1.125rem "Montserrat", sans-serif;
}

/* Animation Properties */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

/* Morphext Rotating Text Styles */
#js-rotating {
  display: inline-block;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

/* Additional custom styles for rotating text */
.rotating-text {
  display: inline-block;
}

/* Header Text Styles */
.header-text {
  margin: 0;
  padding: 0;
}