/*
 Theme Name:   ENTH child theme
 Theme URI:    https://entheogen.eu/
 Description:  A child theme of Twenty Twenty WordPress theme.
 Author:       Falise.com
 Author URI:   https://falise.com
 Template:     twentytwenty
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Set base style */
body
{
    background: black;
    color: white;
    overflow-x: hidden;
}

body:before
{
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba( 0, 0, 0, .4 );
}

body #page
{
    max-width: 100%;
    overflow-x: hidden;
}

/* Hide arrows */
.fp-navigation-arrows
{
    display: none;
}

.mcw-fp-section
{
    padding: 0 50px;
}

/* Make text stand out agains the backgrounds using a dropshadow */
.fp-tableCell,
.fp-tableCell *,
.fp-tooltip
{
    text-shadow: 0 0 10px rgba( 0, 0, 0, .9 );
}

/* Limit content width */
.mcw-fp-section-inner
{
    position: relative;
    max-width: 950px;
}

body .mcw-fp-section-inner a
{
    color: #F5B7B1;
    text-decoration: none;
}

body .mcw-fp-section-inner a:hover
{
    border-bottom: 1px dashed #F5B7B1;
}

body #fp-nav ul li a span,
body .fp-slidesNav ul li a span
{
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px;
    background: white;
    opacity: .7;
    transition: all .4s;

    box-shadow: 0 0 1em rgba( 0, 0, 0, .9 );
}

body #fp-nav ul li a.active span,
body #fp-nav ul li:hover a.active span,
body .fp-slidesNav ul li a.active span,
body .fp-slidesNav ul li:hover a.active span
{
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    opacity: 1;
}

/* active navigation dot */
body #fp-nav ul li a.active span,
body #fp-nav ul li a:hover span,
body #fp-nav ul li a:not(.active):hover span
{
    background-color: white;
}

/* navigation dot tooltip */
body #fp-nav ul li .fp-tooltip
{
    color: white;
    opacity: .7;
    width: auto;
    background-color: transparent;
}

/* move left arrow in the blank space left of the content */
.fp-controlArrow.fp-prev
{
    left: -30px;
    border-width: 20px 20px 20px 0;
}

/* move right arrow in the blank space right of the content */
.fp-controlArrow.fp-next
{
    right: -30px;
    border-width: 20px 0 20px 20px;
}

body .fp-slidesNav.fp-bottom
{
    bottom: 40px;
}

.mcw-fp-slide-inner ul,
.mcw-fp-slide-inner ol
{
    margin: 0;
}

.fp-section,
.fp-section.fp-table
{
    margin: 0 auto;
}

/* Add a dropshadow to the bullets so they have more contrast with the underflowing text */
.mcw-fp-section-slide .fp-slidesNav.fp-bottom span
{
    box-shadow: 0 0 10px rgba( 0, 0, 0, .5 ) ;
}

div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium
{
    max-width: 60%;
}

button,
div.wpforms-container-full .wpforms-form button[type=submit]
{
    border-radius: 3px;
    background-color: #EC7063;
    color: white;
    border: none;
    transition: all .3s;
}

div.wpforms-container-full .wpforms-form button[type=submit]:hover
{
    border: none;
}

/* Overwrite default styles */
@media screen and ( min-width: 0 ) and ( max-width: 9999999px )
{

    h1
    {
        font-size: 2.4em;
        margin: 0 0 .5em 0;
    }

    h2
    {
        font-size: 1.8em;
        margin: 0 0 .5em 0;
    }

    h3
    {
        font-size: 1.2em;
        margin: 0 0 .5em 0;
    }

    h4, h5, h6
    {
        font-size: 1em;
        margin: 0 0 .5em 0;
    }

    /* Remove theme paddings */
    section
    {
        padding: 0;
    }
}

/* Make room for the navigation */
@media screen and ( min-width: 900px )
{
    .mcw-fp-section
    {
        padding: 0 300px 0 50px;
    }
}

@media screen and ( max-width: 901px )
{
    #fp-nav
    {
        display: none;
    }

    body .fullpage-wrapper .fp-section
    {
        margin-bottom: 5em;
    }
}

@media screen and ( max-width: 600px )
{
    .mcw-fp-section
    {
        padding: 0 20px;
    }
}

@media screen and ( max-width: 400px )
{
    .mcw-fp-section
    {
        padding: 0 10px;
    }

    .mcw-fp-wrapper .fp-slidesNav.fp-bottom
    {
        bottom: 0;
    }

    h1
    {
        font-size: 1.4em;
    }

    h2
    {
        font-size: 1.2em;
    }
}