/*
Theme Name: Ilot
Theme URI: https://wwww.hebline.com/
Author: hebline
Author URI: https://wordpress.org
Description: Thème Ilôt.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ilot
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
            * {padding:0;margin: 0;}
            #container {max-width: 1980px;padding:0;margin: 0 auto;display:flex;flex-direction: column;flex-grow: 1;overflow: hidden;}
            @font-face {
                font-family: Playlist;
                src: url("/fontes/PlaylistScript.otf") format("opentype");
            }
            @font-face {
                font-family: NowReg;
                src: url("/fontes/Now-Regular.otf") format("opentype");
            }
            * {
                box-sizing: border-box;
                margin: 0;
                padding: 0;
            }
            a {text-decoration:none;color: #89ada3;}
            footer a {text-decoration:none;color: #fff;font-weight: bold;}
            header {
                position: relative;
                width: 100%;
                height: 120px;
                display: flex;
                flex-direction: row;
            }
            #logo-ilot {
                position: absolute;
                top: 0;
                left: 10vw;
                width: 200px;z-index: 1000;
            }
            #logo-ilot img {
                width: 100%;
                height: auto;
                border: 1px solid grey;
                z-index: 1000;
            }
            .intro-ilot {
                display: inline-block;
                margin-left: calc(10vw + 250px);
                font-family: "Playlist";
                font-size: 22px;
                padding-top: 18px;
                color: #7a573b;
            }
            .ilot-illustration {
                width: 100%;
                padding:0;margin: 0;

             }
            .ilot-logement {
                position: relative;
                font-family: "NowReg";
                margin: 80px auto 20px auto;
                width: 100%;
                max-width: 800px;
                height: 30vw;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
            }
            #logo-neizh {
                position: relative;
                width: 100%;
            }
            #logo-neizh img {
                position: absolute;
                display: block;
                bottom: -100px;
                right: 10vw;
                width: 100px;
            }
            #contenu {
                position: relative;
                padding: 0px 20px;
                width: 100%;
                margin : 0 auto;
            }
            #contenu p,
            ul {
                font-family: "NowReg";
                line-height: 30px;
                margin-left: 50px;
            }
            ul.demarche {
                margin-left: 60px;
            }
            li::marker {
              color: #89ada3;
            }
            h1,
            h2 {
                padding: 0px 0 20px 0;
                font-family: "Playlist";
                line-height: 50px;
                color: #89ada3;
                font-size: 28px;
            }
            footer {
                background-color: #89ada3;
                font-family: "NowReg";
                color: #ffffff;
                width: 100%;
                padding: 40px 10vw;
            }
            footer div {
                display: inline-block;
            }

            .parallax {
                width: 20vw;
                background-color: #89ada3;
                margin: 40px auto 20px auto;
                height: 1px;
            }
            .ilot-footer {
                background-image: url("images/vue_1_2000.jpg");
                background-size: cover;
                background-position: center;
                width: 100%;
                height: 20vw;
            }
            #t2 {position: absolute; bottom:0; left: 0; background-color: #89ada3; color: #ffffff;padding: 10px;}
            #t3 {position: absolute; bottom:0; right: 0; background-color: #89ada3; color: #ffffff;padding: 10px;}
            .contact {margin:60px auto; background-color: #89ada3; color: #ffffff;padding: 10px;font-size: 26px;padding: 20px 40px;max-width: 300px;text-align: center;font-family: "NowReg";border-radius: 30px;}
            .titre {font-size: 26px;}


            section {display: block;margin-top: 100px;}
            .bloc {
                    display: flex;
                    flex-direction: row;
                }
            .bloc2 {
                    display: flex;
                    flex-direction: row;
            }
           .blocphoto {
                    display: inline-block;
                    width: 50%;
                }
           .blocphoto img {
                    width: 100%;
            }
           .blocphoto {
            display: inline-block;
                    width: 50%;
            }
            .bloctexte {
            display: inline-block;
                    width: 50%;
                    padding: 0 50px;
                    font-family: "NowReg";
                    font-size: 18px;
            }

            @media screen and (max-width: 1200px) {
                .desktop {display: none;}
            }
            @media screen and (max-width: 800px) {
                header {
                    position: relative;
                    width: 100%;
                    height: 350px;
                    display: flex;
                    flex-direction: column;
                }
            #logo-ilot {
                position: relative;
                width: 200px;
                z-index: 1000;
                margin-left: 0px;
            }
             .intro-ilot {
                display: inline-block;
                margin-left: 40px;
                font-family: "Playlist";
                font-size: 22px;
                padding-top: 18px;
                color: #7a573b;
                padding: 10px;
            }

            .bloc {
                    display: flex;
                    flex-direction: column;
                }
            .bloc2 {
                    display: flex;
                    flex-direction: column-reverse;
            }
            .blocphoto {
                    width: 100%;
                }
           .blocphoto img {
                    width: 100%;
            }
           .blocphoto {
                    width: 100%;
            }
            .bloctexte {
                    width: 100%;
            }
            }