/* ------------------- */
/* Reset               */
/* ------------------- */

/* Box sizing */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Reset margins */
body,
h1,
h2,
h3,
h4,
h5,
p,
figure,
picture {
    margin: 0; 
}

/* set up the body */
body {
    line-height: 1.5;
    min-height: 100vh;
}

/* make images easier to work with */
img,
picture {
    max-width: 100%;
    display: block;
}

/* make form elements easier to work with */
input,
button,
textarea,
select {
    font: inherit;
}

/* remove animations for people who've turned them off */
@media (prefers-reduced-motion: reduce) {  
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Remove the boldness of titles */

h1, h2 {
    font-weight: 400;
}


/* ------------------- */
/* Importing           */
/* ------------------- */

/* Colors */

:root {
    --clr-primary-dark: #22333b;
    --clr-primary-light: #556770;
    --clr-secondary-dark: #94695c;
    --clr-secondary-light: #ffe4d4;
    --clr-white: #f2f4f3;
}

/* Font Sizes */

:root {
    --fs-900: 90px;
    --fs-800: 72px;
    --fs-700: 50px;
    --fs-600: 40px;
    --fs-500: 35px;
    --fs-400: 28px;
    --fs-300: 25px;
    --fs-200: 15px;
}

/* ------------------- */
/* Utility Classes     */
/* ------------------- */

/* Font Sizes */

.fs-900{font-size: var(--fs-900);}
.fs-800{font-size: var(--fs-800);}
.fs-700{font-size: var(--fs-700);}
.fs-600{font-size: var(--fs-600);}
.fs-500{font-size: var(--fs-500);}
.fs-400{font-size: var(--fs-400);}
.fs-300{font-size: var(--fs-300);}
.fs-200{font-size: var(--fs-200);}

/* Colors */

.primary-dark {background-color: var(--clr-primary-dark);}
.primary-light {background-color: var(--clr-primary-light);}
.secondary-dark {background-color: var(--clr-secondary-dark);}
.secondary-light {background-color: var(--clr-secondary-light);}
.white {background-color: var(--clr-white);}

/* Font Colors */

.text-primary-dark {color: var(--clr-primary-dark);}
.text-primary-light {color: var(--clr-primary-light);}
.text-secondary-dark {color: var(--clr-secondary-dark);}
.text-secondary-light {color: var(--clr-secondary-light);}
.text-white {color: var(--clr-white);}

/* Font Families */

.ff-blackchancery {font-family: 'BlackChancery', sans-serif;}
.ff-broadway {font-family: 'Broadway BT', sans-serif;}
.ff-acumin {font-family: 'Acumin Pro', sans-serif;}


/* ------------------- */
/* Homepage            */
/* ------------------- */

/* Header */

header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    padding: 2rem;
    position: fixed;
    top: 0;
    z-index: 10;
    transition: background-color 300ms ease-in-out;
}

.header-background-color {
    background-color: var(--clr-primary-dark);
}

header img, header .socials {
    width: 10%;
}

.primary-navigation .tab-list {
    display: flex;
    list-style: none;
    gap: 1rem;
    width: max-content;
}

.primary-navigation .tab-list .tab-link {
    text-decoration: none;
    border: 2px solid var(--clr-secondary-light);
    color: var(--clr-secondary-light);
    border-radius: .5rem;
    padding: 6px 16px;
    transition: all 200ms ease-in-out;
}

.primary-navigation .tab-list .tab-link:hover,
.primary-navigation .tab-list .tab-link:focus {
    background-color: var(--clr-secondary-light);
    color: var(--clr-primary-dark);
}

.active-tab-link {
    background-color: var(--clr-secondary-light) !important;
    color: var(--clr-primary-dark) !important;
}

.socials {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.socials svg{
    color: var(--clr-white);
    transition: scale 300ms ease-in-out;
    cursor: pointer;
}

.socials svg:hover {
    scale: 1.1;
}

.socials svg:nth-child(1) {
    width: 53%;
}

.socials svg:nth-child(3) {
    width: 85%;
}

/* Header Animation */

header {
    transition: all 300ms ease-in-out;
}

header .socials {
    transition: all 300ms ease-in-out;
}

header img {
    transition: all 300ms ease-in-out;
}

header .tab-list {
    transition: all 300ms ease-in-out;
}

.header__logotype {
    cursor: pointer;
}

.header-animation {
    translate: 0 -50%;
    .socials {
        scale: 0.7;
        translate: 20% 70%;
    }
    .header__logotype {
        scale: 0.5;
        translate: -30% 45%;
    }
    .tab-list {
        translate: 0 150%;

    }
    .primary-navigation .tab-list .tab-link {
        border: 0;
        border-radius: 0;
    }
    .primary-navigation .tab-list .tab-link:hover,
    .primary-navigation .tab-list .tab-link:focus {
        border-bottom: 2px solid var(--clr-secondary-light);
        background-color: transparent;
        color: var(--clr-secondary-light);
    }
}

/* Header Section */

.header-section {
    width: 100%;
    height: 100vh;
    background-image: url(assets/homepage/Main-Banner.jpg);
    background-size: cover;
    background-position: center;
}

.header-section p:nth-of-type(1) {
    position: absolute;
    top: 40%;
    left: 12%;
    translate: -50% -50%;
    font-weight: 100;
}

.header-section p:nth-of-type(2) {
    position: absolute;
    top: 55%;
    left: 35%;
    translate: -50% -50%;
    font-weight: 400;
    font-size: 9.2rem;
}

.header-section p:nth-of-type(3) {
    position: absolute;
    top: 80%;
    left: 26.5%;
    translate: -50% -50%;
    font-weight: 100;
    width: 46%;
}

/* Opening Hours */

.opening-hours {
    height: 70vh;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding-top: 10vh;
    padding-bottom: 20vh;
}

.opening-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Previews */

.preview {
    text-align: center;
}

.preview__image {
    height: 70vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2rem;
    overflow: hidden;
    position: relative;
}

.preview__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
    z-index: -1;
}

.preview__image h2{
    font-weight: 400;
    letter-spacing: 4px;
}

.preview__image p a {
    text-decoration: none;
    color: var(--clr-white);
}

.preview__image p a:hover {
    text-decoration: underline;
}

.preview__text {
    padding: 9rem;
}

.smaller-parallax{
    height: 45vh;
}

/* Reviews */

.reviews {
    padding: 4rem;
    display: grid;
    grid-template-areas: 
    'title title title'
    'one two three';
    gap: 4rem;
    text-align: center;
    border-bottom: 1px solid var(--clr-white);
}

.reviews h1 {
    grid-area: title;
    font-weight: 400;
    letter-spacing: 5px;
}

.reviews h2 {
    color: var(--clr-primary-dark);
}

.reviews div {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 2rem;
    border-radius: 1.5rem;
}

/* The Footer */

footer {
    height: 95vh;
    display: grid;
    grid-template-areas:
    'icons locations locations contact'
    'icons locations locations contact'
    'icons vision vision contact';
    grid-template-columns: repeat(4, 1fr);
}

.footer__icons {
    grid-area: icons;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 5rem;
}

.footer__icons > * {
    width: 80%;
}

.footer__locations {
    grid-area: locations;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    padding-inline: 3rem;
    gap: 1rem;
    justify-items: start;
    align-items: start;
}

.footer__locations > h1 {
    grid-column-start: span 3;
    justify-self: left;
    align-self: center;
    margin-top: 5rem;
}

.footer__locations > p span {
    display: block;
    padding-block: .3rem
}

.footer__vision {
    grid-area: vision;
    font-size: 15px;
    width: 70%;
    padding: 3rem;
}

.footer__vision img {
    width: 50%;
}

.footer__contact-info {
    grid-area: contact;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10rem;
    padding-block-start: 7.2rem;
}

.footer__contact-info span {
    display: block;
}

html {
    scroll-behavior: smooth;
}

/* Taking support from small screens */

.small-screens {
    display: none;
}

@media (max-width: 1200px) {
    body > *, .reviews, .opening-hours {
        display: none;
    }
    body {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--clr-primary-dark);
    }
    .small-screens {
        display: flex;
        justify-content: center;
        align-items: center;
        width: max-content;
        padding: 2rem;
    }
}

/* ------------------- */
/* Products Page       */
/* ------------------- */

body.products {
    background-color: var(--clr-secondary-light);
}

.products-display {
    padding-top: 15rem;
    padding-bottom: 4.8rem;
}

.products-display > div {
    width: 80%;
    gap: 2rem;
    margin: 2rem auto;
}

.products-display > div > div {
    position: relative;
    
}

.products-display > div > div a {
    position: absolute;
    top: 95%;
    left: 90%;
}

.products-display > .cups a {
    top: 90%;
    left: 82%;
}

.products-display h1 {
    font-weight: 400;
    text-align: center;
    margin-bottom: 10rem;
}

.products-display .pouches {
    display: flex;
    flex-direction: column;
}

.products-display .cups {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.products-display img {
    border-radius: .5rem;
}

/* ------------------- */
/* About us            */
/* ------------------- */

/* Header Section */

body.about-us .header-section {
    background-image: url(assets/about-us/header-background.jpg);
}

body.about-us .header-section p {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    text-align: center;
}

/* Shop Story Section */

.shop-story {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 5rem;
}

.shop-story h1 {
    margin-block: 5rem;
}

.shop-story p {
    width: 70%;
}

.shop-story p:nth-of-type(2) {
    width: 50%;
}

.shop-story > img {
    width: 25rem;
    margin-block: 3rem;
}

/* Our Three Musketeers Section */

.our-three-musketeers {
    text-align: center;
    display: grid;
    grid-template-areas: 
    'title title title'
    'img1 img2 img3';
    gap: 3rem;
    padding: 3rem 10rem;
}

.our-three-musketeers img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .5rem;
}

.our-three-musketeers__title {
    grid-area: title;
}

.our-three-musketeers > div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.our-three-musketeers > div img {
    margin-bottom: 1rem;
}

/* Our Purpose */

.our-purpose {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.our-purpose h1 {
    margin-block: 5rem;
}

.our-purpose img {
    border-radius: .5rem;
}

.our-purpose p {
    width: 70%;
}

.our-purpose > div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    padding: 3rem;
}

.ending-logo { /* This is a utility class for the logo that is positioned at the end of the screen */
    margin: 3rem auto;
    width: 6vw;
}

/* Our Coffee */

.our-coffee {
    padding-bottom: 2rem;
}

.our-coffee div {
    display: grid;
    grid-template-areas:
    'para para cups cups'
    'nothing1 group group nothing2';
    gap: 3rem;
    padding-inline: 3rem;
}

.our-coffee h1 {
    padding-block: 5rem;
}

.nothing1 { /* div element to help with grid adjustment */
    grid-area: nothing1;
}

.nothing2 { /* div element to help with grid adjustment */
    grid-area: nothing2;
}

.our-coffee div p {
    grid-area: para;
}

.our-coffee img:first-of-type {
    grid-area: cups;
    border-radius: .5rem;
}

.our-coffee img:last-of-type {
    margin-top: 10rem;
    grid-area: group;
    border-radius: .5rem;
}

.our-coffee > p a {
    color: var(--clr-primary-dark);
}

.our-coffee > p a:hover {
    color: var(--clr-primary-light);
}

/* ------------------- */
/* Menu                */
/* ------------------- */

/* Menu Section */

.menu-section {
    padding-top: 15rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}

.menu-section h2 {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 2px solid var(--clr-secondary-dark);
    width: 60vw;
}

.menu-section ul {
    margin: 0;
    padding: 0;
    list-style: circle inside;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.menu-section li {
    padding: .5rem 1.5rem;
    border-radius: 2rem;
    width: max-content;
    margin-bottom: 2rem;
}

.special-menu-item { /* This is a utility class for list items inside the menu */
    background-color: var(--clr-secondary-dark);
    color: var(--clr-white);
    font-size: 20px;
    font-family: 'BlackChancery', sans-serif;
}

/* Specials and Offers Section */

.specials-and-offers {
    margin-top: 10rem;
}

.specials-and-offers > h1 {
    text-align: center;
    margin-bottom: 3rem;
}

.specials-and-offers > div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.specials-and-offers > div > img {
    padding: 1rem;
    z-index: 1;
}

.specials-and-offers > div > div {
    padding: 3rem;
}

.specials-and-offers > div h2 {
    padding-bottom: 1rem;
}

/* ------------------- */
/* Gallery             */
/* ------------------- */

/* Header Section */

body.gallery .header-section {
    background-image: url(assets/gallery/gallery-banner.jpg);
}

body.gallery .header-section p {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    text-align: center;
}

/* Grid Gallery */

.grid-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .5rem;
    padding: 3rem;
    margin-top: 5rem;
}

.grid-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .5rem;
}

.grid-gallery__long-image { /* This is a utility class for the gallery grid */
    grid-column-start: span 2;
}

/* Share Your Moments */

.share-your-moments {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    padding-top: 5rem;
    padding-bottom: 3rem;
}

.share-your-moments img {
    width: 35vw;
    border-radius: .5rem;
}

.share-your-moments a:hover {
    color: var(--clr-primary-light);
}

/* ------------------- */
/* Find us             */
/* ------------------- */

/* Header Section */

body.find-us .header-section {
    background-image: url(assets/find-us/find-us-banner.jpg);
}

body.find-us .header-section p {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    text-align: center;
}

/* Our Locations Section */

.our-locations {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 5rem;
}

.our-locations h1 {
    margin-block-start: 5rem;
    margin-block-end: 3rem;
}

.locations-grid {
    width: 80%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(6, 1fr);
    gap: 3rem;
}

.locations-grid__span-2 {
    grid-column-start: span 2;
}

.locations-grid__span-3 {
    grid-column-start: span 3;
}

.locations-grid__title {
    border-bottom: 2px solid var(--clr-white);
    font-family: 'Broadway BT', sans-serif;
}

.locations-grid__location {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.locations-grid__location img {
    width: 10%;
}

/* Map Section */

.map {
    height: 120vh;
    position: relative;
}

.map img:last-of-type {
    position: absolute;
    top: 77.4%;
    left: 64.55%;
    width: 10rem;
    transition: scale 100ms ease-in-out;
}

.map img:last-of-type:hover {
    scale: 1.1;
}

.map img:last-of-type:active {
    scale: 1.15;
}

.map__img {
    width: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
}

.map__pin {
    width: 2.5%;
    position: absolute;
}

.map__pin.one {
    top: 38%;
    left: 24.5%;
}

.map__pin.two {
    top: 41%;
    left: 26%;
}

.map__pin.three {
    top: 40.5%;
    left: 28.5%;
}

.map__pin.four {
    top: 50%;
    left: 41%;
}

.map__pin.five {
    top: 49.8%;
    left: 44%;
}

.map__pin.six {
    top: 31%;
    left: 26%;
}

.map__pin.seven {
    top: 34%;
    left: 29%;
}

.map__pin.eight {
    top: 40.5%;
    left: 40%;
}

.map__pin.nine {
    top: 22%;
    left: 41%;
}

/* ------------------- */
/* Events              */
/* ------------------- */

/* Events Section */

.events-section {
    padding-top: 10rem;
}

.events-section h1 {
    margin-block: 5rem;
    text-align: center;
}

.events-section .event {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 3rem;
}

.events-section .event-story {
    grid-template-areas:
    'main main img img'
    'nothing1 sub sub nothing2';
}

.events-section .event-music {
    grid-template-areas:
    'img img main main'
    'nothing1 sub sub nothing2';
}

.events-section .event-christmas {
    grid-template-areas:
    'main main img img'
    'nothing1 sub sub nothing2';
}

.events-section .event > * {
    padding: 3rem;
}

.events-section .event .event-main {
    grid-area: main;
    background-color: #cc8d79;
}

.events-section .event .event-main h2 {
    margin-bottom: 2rem ;
}

.events-section .event .event-sub {
    grid-area: sub;
    background-color: var(--clr-secondary-dark);
    width: 50%;
    margin: auto;
    padding-bottom: 1rem;
}

.events-section .event .event-sub h2,
.events-section .event .event-sub p:first-of-type {
    margin-bottom: 1rem ;
}

.events-section .event .event-sub p:last-of-type {
    text-align: end;
    cursor: pointer;
}

.events-section .event .event-sub p:last-of-type:hover {
    text-decoration: underline;
}

.events-section .event img {
    grid-area: img;
    background-color: var(--clr-primary-dark);
    translate: 0 2rem;
    z-index: -1;
}

/* Calendar Section */

.calendar-section {
    padding-bottom: 2rem;
}

.calendar-section h1 {
    text-align: center;
    padding-block-start: 5rem;
    margin-bottom: -5rem;
}

.calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(6, 1fr);
    gap: .8rem;
    padding: 3rem;
}

.calendar-grid > * {
    background-color: white;
    height: 9rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 5px 10px 15px 0px rgba(48, 48, 48, 0.325);
    border: 1px solid hsla(0, 0%, 0%, 0.178);
    padding: 0.5rem;
    border-radius: .5rem;
    transition: scale 200ms ease-in-out;
}

.calendar-grid > *:hover{
    scale: 1.07;
}

.calendar-grid > p {
    align-items: center;
    background-color: transparent;
    display: flex;
    justify-content: flex-end;
    box-shadow: none;
    border: none;
    padding: 0;
}

.calendar-grid > div p:nth-of-type(2) {
    font-size: .86rem;
}

.calendar__empty {
    background-color: hsl(0, 0%, 95%);
}

.calendar__empty p {
    color: hsl(0, 0%, 50%);
}

.calendar__special {
    border-bottom: 20px solid transparent;
}

.calendar__special-tg {
    border-bottom-color: var(--clr-secondary-light);
}

.calendar__special-ccr {
    border-bottom-color: var(--clr-primary-dark);
}

.calendar__special-ccc {
    border-bottom-color: var(--clr-primary-light);
}

.calendar__special-mixed-ccc-tg {
    background: linear-gradient(45deg, var(--clr-primary-light) 0%, var(--clr-primary-light) 50%,var(--clr-secondary-light) 50%, var(--clr-secondary-light) 100%);
    border: none;
    color: hsl(0, 0%, 100%);
    font-size: .8rem;
}

.calendar__special-mixed-ccc-ccr {
    background: linear-gradient(45deg, var(--clr-primary-light) 0%, var(--clr-primary-light) 50%,var(--clr-primary-dark) 50%, var(--clr-primary-dark) 100%);
    border: none;
    color: hsl(0, 0%, 100%);
    font-size: .8rem;
}

.calendar-section__legend {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    list-style: circle;
}

/* ------------------- */
/* Animating           */
/* ------------------- */

/* Header Tabs Animation */

@keyframes tab-tsunami {

    50% {
        opacity: .5;
        scale: 1.05;
        translate: 0 -40%;
    }
    to {
        scale: 1;
        translate: 0 0;
        opacity: 1;
    }
}

.tab-list li {
    opacity: 0;
}

.tab-list li {
    animation: tab-tsunami 300ms ease-in-out forwards;
}

.tab-list li:nth-of-type(1) {
    animation-delay: 1050ms;
}

.tab-list li:nth-of-type(2) {
    animation-delay: 1100ms;
}

.tab-list li:nth-of-type(3) {
    animation-delay: 1150ms;
}

.tab-list li:nth-of-type(4) {
    animation-delay: 1200ms;
}

.tab-list li:nth-of-type(5) {
    animation-delay: 1250ms;
}

.tab-list li:nth-of-type(6) {
    animation-delay: 1300ms;
}

.tab-list li:nth-of-type(7) {
    animation-delay: 1350ms;
}

/* Events Animation */

.events-section .event img {
    transition: all 400ms ease-in-out 400ms;
}

.events-section .event .event-main {
    transition: all 400ms ease-in-out;
    z-index: 1;
}

.events-section .event .event-sub {
    transition: all 400ms ease-in-out 700ms;
}

.appear-from-left {
    opacity: 0;
    filter: blur(1px);
    transform: translateX(-30%);
}

.appear-from-right {
    opacity: 0;
    filter: blur(1px);
    transform: translateX(30%);
}

.appear-from-bottom {
    opacity: 0;
    filter: blur(1px);
    transform: translateY(50%);
}

.appear-from-top {
    opacity: 0;
    filter: blur(1px);
    transform: translateY(-50%);
}

.appear-from-under {
    opacity: 0;
    scale: 0.3;
    filter: blur(5px);
}

.events-animation-show {
    opacity: 1;
    scale: 1;
    filter: blur(0);
    transform: translateX(0);
    transform: translateY(0);
}

.calendar-grid {
    transition: opacity 500ms ease-in-out;
}

/* Map Pins Animations */

.map__pin {
    transition: all 300ms ease-in-out;
}

.map__pin.one {
    transition-delay: 0ms;
}

.map__pin.two {
    transition-delay: 100ms;
}

.map__pin.three {
    transition-delay: 200ms;
}

.map__pin.four {
    transition-delay: 300ms;
}

.map__pin.five {
    transition-delay: 400ms;
}

.map__pin.six {
    transition-delay: 500ms;
}

.map__pin.seven {
    transition-delay: 600ms;
}

.map__pin.eight {
    transition-delay: 700ms;
}

.map__pin.nine {
    transition-delay: 800ms;
}

/* Map Pins Animation through the button */



/* Special Offers Animations */

.specials-and-offers > div > img {
    transition: all 500ms ease-in-out;
}

.specials-and-offers > div > div {
    transition: all 500ms ease-in-out 400ms;
}

/* Home - Opening Times Animations */

.opening-hours h1 {
    transition: all 400ms ease-in-out;
}

.opening-time span:first-of-type {
    transition: all 400ms ease-in-out 400ms;
}

.opening-time span:last-of-type {
    transition: all 400ms ease-in-out 800ms;
}

/* Home - Reviews Animations */

.reviews div {
    transition: all 750ms cubic-bezier(.96,-0.55,.03,1.6);
}

.reviews div:nth-of-type(2) {
    transition-delay: 200ms;
}

.reviews div:nth-of-type(3) {
    transition-delay: 400ms;
}