/*
Theme Name: Eternel Child
Text Domain: eternel-child
Template: eternel
Version: 1.11.0
Requires at least: 5.0
Requires PHP: 5.6
Tested up to: 6.4.3
Author: Florian Perrier
Author URI: https://www.florianperrier.com
Description: Eternel WordPress Child theme.
License: GNU General Public License version 3.0 & Envato Regular/Extended License
License URI: http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses
Tags: portfolio, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style
*/


/*---------------------------------------------------------------------------

[Table Of Contents]

1. General (body, h*, p, ...)

2. Helpers (common classes)
    2.1 Font-family
    2.2 Breadcrumb
    2.3 Form
    2.4 Testimonials module

3. Wordpress plugins
    3.1 CF7

4. Header
    4.1 Top bar
    4.2 Logo
    4.3 Menu
    4.4 Mobile menu

5. Footer

6. Home page

7. Inner Pages
    7.1 About page
	7.2 Contact Page

8. Blog page
    6.1 Blog home
    6.2 Single blog post

9. Portfolio

10. responsive

---------------------------------------------------------------------------*/


@font-face {
    font-family: 'newyorkregular';
    src: url('assets/fonts/newyork-webfont.eot');
    src: url('assets/fonts/newyork-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/newyork-webfont.woff2') format('woff2'),
         url('assets/fonts/newyork-webfont.woff') format('woff'),
         url('assets/fonts/newyork-webfont.ttf') format('truetype'),
         url('assets/fonts/newyork-webfont.svg#newyorkregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*-------------------------------------------------------------------------*/
/* 1. General
/*-------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6,
.mob-nav .menu > .menu-item > a,
.mob-nav .menu > .menu-item .sub-menu .menu-item a,
.secondary-nav .menu > .menu-item > a,
.secondary-nav .menu > .menu-item .sub-menu .menu-item a {
    font-family: 'newyorkregular';
}


/*-------------------------------------------------------------------------*/
/* 2. Helpers
/*-------------------------------------------------------------------------*/
.d-none {
    display: none;
}

.container-vertical-hr {
    display: flex;
    align-items: center;
        margin-bottom: 15px;
}

.container-vertical-hr hr {
    border: none;
    border-left: 1px solid #000000;
    height: 100px;
}

.c-cursor {
    width: 8px !important;
    height: 8px !important;
}

.btn-insta {
    display: block;
    background-image: url('assets/img/btn-insta.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    bottom: 50vh;
    right: 0;
    width: 60px;
    height: 88px;
    z-index: 999;
}


/*-------------------------------------------------------------------------*/
/* 2.4 Testimonials
/*-------------------------------------------------------------------------*/
.wp-block-eternelblocks-testimonials__svg #eternelblocks-cls {
    display: none;
}

.wp-block-eternelblocks-testimonials__dots {
    flex-direction: column;
}


/*-------------------------------------------------------------------------*/
/* 4 Header
/*-------------------------------------------------------------------------*/
.c-header {
    background-color: white;
}

/*-------------------------------------------------------------------------*/
/* 4.2 Logo
/*-------------------------------------------------------------------------*/
.home .c-header__logo-wrapper {
    height: auto;
}

.home .c-header__logo {
    padding: 20px 0;
}

.home .c-header__logo img,
.home .c-header-sticky__logo img {
    max-height: 100px;
}


/*-------------------------------------------------------------------------*/
/* 4.2 Logo
/*-------------------------------------------------------------------------*/
.secondary-nav .menu-item a {
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.secondary-nav .menu-item a:hover {
    font-style: italic;
}


/*-------------------------------------------------------------------------*/
/* 5. Footer
/*-------------------------------------------------------------------------*/
.c-footer__widgets {
    padding: 3rem 0 1rem;
}

.c-footer-widget {
    text-align: center;
}

.c-footer-widget img {
    margin-left: auto !important;
    margin-right: auto !important;
}


/*-------------------------------------------------------------------------*/
/* 6. Home page
/*-------------------------------------------------------------------------*/
.hero-mobile {
    gap: 0 !important;
    padding-top: 140px;
}

.hero-mobile figure {
    margin-bottom: 0;
}

.wp-block-eternelblocks-double-slider__navigation {
    bottom: 0;
}


/*-------------------------------------------------------------------------*/
/* 7.1 A propos
/*-------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------*/
/* 9. Portfolio
/*-------------------------------------------------------------------------*/
.single-eternel-portfolio h1 {
    font-size: 42px !important;
    text-transform: uppercase;
}

.single-eternel-portfolio h3 {
    font-size: 24px;
}

.single-eternel-portfolio .wp-block-columns {
    gap: 0.6em !important;
    margin-bottom: 0.6em !important;
}

.single-eternel-portfolio .wp-block-image {
    margin-bottom: 0 !important;
}

:root .has-black-background-color,
.wp-block-eternelblocks-portfolio__header-wrapper.header-animation {
    background-color: rgba(0, 0, 0, 0.8);
}

.wp-block-eternelblocks-portfolio__cats a {
    color: #ffffff;
}

.wp-block-eternelblocks-portfolio-taxes {
    margin-bottom: 10px;
}

.wp-block-eternelblocks-portfolio-taxes .wp-block-eternelblocks-portfolio-taxes__category {
    flex-wrap: wrap;
}


/*-------------------------------------------------------------------------*/
/* 10. RESPONSIVE
/*-------------------------------------------------------------------------*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .d-lg-block {
        display: block !important;
    }

    .d-lg-none {
        display: none !important;
    }

    .btn-insta {
        bottom: 200px;
        width: 90px;
        height: 132px;
        z-index: 999;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .d-xl-block {
        display: block !important;
    }

    .d-xl-none {
        display: none !important;
    }

    .c-header {
        background-color: transparent;
    }
}

@media (max-width: 768px) {
    /*-------------------------------------------------------------------------*/
    /* 6. Home page
    /*-------------------------------------------------------------------------*/
    .home .wp-block-eternelblocks-title-reel__holder {
        height: 40px !important;
    }

    /*-------------------------------------------------------------------------*/
    /* 7.1 A propos
    /*-------------------------------------------------------------------------*/
    .page-id-1605 .wp-container-36,
    .page-id-1605 .wp-container-38 {
        padding-left: 0 !important;
    }
}