/*Poppins*/

/*Thin*/

@font-face {
    font-family: "Poppins-Thin";
    src: url("../fonts/Poppins/Poppins-Thin.ttf");
    font-display: swap;
}

/*Light*/

@font-face {
    font-family: "Poppins-Light";
    src: url("../fonts/Poppins/Poppins-Light.ttf");
    font-display: swap;
}

/*Regular*/

@font-face {
    font-family: "Poppins-Regular";
    src: url("../fonts/Poppins/Poppins-Regular.ttf");
    font-display: swap;
}

/*Medium*/

@font-face {
    font-family: "Poppins-Medium";
    src: url("../fonts/Poppins/Poppins-Medium.ttf");
    font-display: swap;
}

/*Bold*/

@font-face {
    font-family: "Poppins-Bold";
    src: url("../fonts/Poppins/Poppins-Bold.ttf");
    font-display: swap;
}

.poppins-thin {
    font-family: Poppins-Thin, SansSerif;
}

.poppins-light {
    font-family: Poppins-Light, SansSerif;
}

body {
    font-family: Poppins-Regular, SansSerif;
}

.poppins-medium {
    font-family: Poppins-Medium, SansSerif;
}

b, strong {
    font-family: Poppins-Bold, SansSerif;
    letter-spacing: 0.01em;
}

.font-bold {
    font-family: Poppins-Bold, SansSerif;
}

h1 {
    /*line-height: 1.2;*/
    font-size: 2.25rem;
    font-family: Poppins-Bold, SansSerif;
    color: #2F4148;

}

h1 a {
    color: #2F4148;
}

h2 {
    font-size: 1.875rem;
    font-weight: 700;
    letter-spacing: -0.025em;
    font-family: Poppins-Bold, SansSerif;
    color: #2F4148;
    line-height: 1.375;

}

h2 a {
    color: #2F4148;
}

h3 {
    color: #2F4148;
    font-size: 1.5rem; /* 24px */
    line-height: 2rem; /* 32px */
}

h3 a {
    color: #2F4148;
}

p {
    color: #2F4148;
}

a {
    color: #008487;
    font-weight:600;
}

/*hyperlink*/
p a {
    text-underline-offset: 2px;
    color: #008487;
    font-weight:600;
}

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

mark {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    color: #404040;
    background-color: #fbbb24;
}

/*custom font colours*/

.text-dark-green {
    color: #2F4148;
}

.text-gray-900 {
    color: #2A3342;
}

.text-gray-teal {
    color: #61767B;
}

.text-orange {
    color: #FB8500;
}

.text-teal-0 {
    color:#2DC9C9;
}

.text-teal {
    color: #1E9C9E;
}

.text-teal-2 {
    color: #009E9E;
}

.text-teal-3 {
    color: #008487;
}

.text-teal-light {
    color: #BEEDE8;
}

.text-aqua {
    color: #169598;
}


.text-primary-blue {
    color: #1E9C9E;
}

.text-light-grey {
    color: #C7C7C7;
}

.text-medium-grey {
    color: #C5C5C5;
}

.text-green {
    color: #29A599;
}

.text-purple-dark {
    color: #B8C4F2;
}

.text-orange-accent {
    color: #FFBB24;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #2F4148!important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #2F4148!important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #2F4148!important;
}

/*font awesome custom colours*/
/*google review star colour*/
.fa-star {
    color: #FFBB24;
}

.fa-google path {
    fill: url(#grad1);
}

.fa-google + .fa-google path {
    fill: url(#grad2);
}

.icon {
    display: inline-block;
    position: relative;
}

.fa-google + .fa-google {
    position: absolute;
    left: 0;
    top: 0;
    clip-path: polygon(0% 0%, 120% 0%, 0% 75%);
}

/*header*/
.sub-menu-link:hover {
    color: #008487;
    text-decoration: underline;
    font-weight: 600;
}

/*footer*/

.menu-footer-products-container a {
    color: #2F4148;
}

.menu-footer-resources-container a {
    color: #2F4148;
}

.menu-footer-legal-container a {
    color: #2F4148;
}

.menu-footer-company-container a {
    color: #2F4148;
}

.footer-social-icons a {
    color: #C7C7C7;
}

footer p {
    color: #2F4148;
}

footer hr {
    color: #61767B;
}

@media only screen and (max-width: 700px) {
    blockquote {
        width: auto;
    }
}