/*
Theme Name: DMN WP STARTER
Description: DMN WP STARTER Child theme for customizations.
Author: DMN Creative
Author URI: mailto:dev@dmncreative.com
Template: oceanwp
Text Domain:  dmnwpstarter
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* Importing fonts */
/* @import "assets/fonts/fonts.css"; */
@font-face {
    font-family: 'Just Lovely';
    src: url('assets/fonts/JustLovely.eot');
    src: url('assets/fonts/JustLovely.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/JustLovely.woff') format('woff'),
        url('assets/fonts/JustLovely.ttf') format('truetype'),
        url('assets/fonts/JustLovely.svg#JustLovely') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Importing fonts end */

/* Helpers and Init Styles */
:root{
    --exuviance-headings-font: "futura-pt";
    --exuviance-body-font: "futura-pt";
    --exuviance-main-turquoise: #00A2B0;
    --exuviance-main-red: #F22E51;
    --exuviance-main-lime: #C8D116;
    --exuviance-main-grey: #A2A3A2;
    --exuviance-main-black: #383333;
}

a:focus {
    outline: none !important;
}
/* Helpers End */

/* EXUVIANCE PAGE */

.exuviance h1 {
    font-family: "Just Lovely";
    font-size: 218px;
    line-height: 148px;
    color: #fff;
    margin: 0px;
}

.exuviance h2, .exuviance h3, .exuviance h4, .exuviance h5, .exuviance h6 {
    font-family: var(--exuviance-headings-font);
    margin: 0px;
}

.exuviance h2 {
    font-size: 35px;
    font-weight: bold;
    line-height: 37px;
    color: var(--exuviance-main-black);
}

.exuviance h3 {
    font-size: 60px;
    font-weight: bold;
    line-height: 62px;
    color: var(--exuviance-main-red);
}

.exuviance span, .exuviance p {
    font-family: var(--exuviance-body-font);
}

/* FORM CSS */

.exuviance .wpAdvQuiz_content h1, .exuviance .wpAdvQuiz_content h2, .exuviance .wpAdvQuiz_content h3, .exuviance .wpAdvQuiz_content h4, .exuviance .wpAdvQuiz_content h5, .exuviance .wpAdvQuiz_content h6 {
    font-family: var(--exuviance-headings-font) !important;
}

.exuviance .wpAdvQuiz_content span, .exuviance .wpAdvQuiz_content p, .exuviance .wpAdvQuiz_content label {
    font-family: var(--exuviance-body-font) !important;
}

.exuviance .rewards-advent-calendar-question .wpAdvQuiz_content .wpAdvQuiz_button {
    background-color: var(--exuviance-main-red) !important;
}

.exuviance .rewards-advent-calendar-question .wpAdvQuiz_content .wpAdvQuiz_question .wpAdvQuiz_questionList .custom-radio .radio-dot {
    border-color: var(--exuviance-main-red);
}

.exuviance .rewards-advent-calendar-question .wpAdvQuiz_content .wpAdvQuiz_question .wpAdvQuiz_questionList .custom-radio .wpAdvQuiz_questionInput[type="radio"]:checked + .radio-dot {
    background-color: var(--exuviance-main-red);
}

/* FORM CSS END */

/* EXUVIANCE PAGE END */

/* FORMS */

/* Global Changes */

.wpcf7-form .wpcf7-response-output {
    margin: 0px !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: var(--site-main-green) !important;
}

/* Global Changes End */ 

/* FORMS END */

/* Mobile Styles */
@media screen and (max-width: 767px) {

    /* INSTAGRAM */

    .instagram-gallery-feed .instagram-gallery-list .instagram-gallery-item {
        width: 100% !important;
    }

    /* INSTAGRAM END */
}

/* iPad Styles */
@media screen and (max-width: 850px) and (min-width: 780px)  {

    /* INSTAGRAM */

    .instagram-gallery-feed .instagram-gallery-list .instagram-gallery-item {
        width: 25% !important;
        min-width: 25% !important;
    }

    /* INSTAGRAM END */
}

/* ANIMATIONS */

.cust-animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.cust-animation-animatedFadeInUp {
    opacity: 0
}

.cust-anim-fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}

@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

/* ANIMATIONS END */