/* ------------------------- REINITITALIZE --------------------------- */ @charset "UTF-8"; * { box-sizing: border-box; } section { text-align: center; clear: both; } h1, h2, h3, h4, h5 { text-transform: uppercase; margin-bottom: 0; } h4 { font-weight: 200; } h6 { font-size: 0.7rem; line-height: 0.7rem; font-weight: 500; font-style: italic; color: #aaaaaa; } input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border: .1rem solid rgba(28,28,28,1); transition: .3s;} option:checked, option:hover { color: white; background: #282828 url(data:image/png;base64,iVBORw0KGgoAAAANS UhEUgAAAAUAAAAFCAYAAACNbyblAAAAEklEQVQImWPQ0ND4j44ZaCAIAGPvJKAZWKJ2AAAAAEl FTkSuQmCC) repeat; transition: .3s;} a { text-decoration: none; color: rgba(64,64,64,1); transition: .3s;} a:hover { color: rgba(0,0,0,1); transition: .3s; } p > a { color: rgba(198,159,115,1); } .justify { text-align: justify; } pre { text-align: left; } ul, label, p { margin: 0; } a.lb-close { filter: invert(100%); } /* HACK for Outline Chrome =========================================================================== */ /** * Remove focus Outline Blue from select, input, img... */ a:focus, .button:focus, input:focus, optgroup:focus, select:focus, textarea:focus { outline: 0; } /* ------------------------- FONTS --------------------------- */ @font-face { font-family: 'kingthings'; src: url('../fonts/KingthingsTrypewriter2.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'droidserif'; src: url('../fonts/DroidSerif.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'droidserif'; src: url('../fonts/DroidSerif-Bold.woff2') format('woff2'); font-weight: 600; font-style: normal; } @font-face { font-family: 'karla'; src: url('../fonts/Karla-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'georgia'; src: url('../fonts/GeorgiaItalic.woff2') format('woff2'); font-weight: normal; font-style: italic; } @font-face { font-family: 'coalhandluke'; src: url('../fonts/CoalhandLuke.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PTSerif'; src: url('../fonts/PTSerif-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; } /* ------------------------- BODY --------------------------- */ body, html { text-rendering: geometricPrecision; font-smooth: always; font-smoothing: antialiased; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; } body { background: rgba(255,255,255,1); font-family: Lato; font-weight: 400; float: left; clear: left; width: 100%; } div.wrapper { color: rgba(64,64,64,1); font-size: 1.4rem; letter-spacing: .2rem; width: 100%; max-width: 100%; } div.initial { float: initial; text-align: center; margin: 0 auto !important; } .row { display: block; max-width: 1100px; margin: 0 auto; } .large-row { display: block; max-width: 1400px; margin: 0 auto; } *::-moz-selection { background: rgba(0,0,0,.1); } *::-webkit-selection { background: rgba(0,0,0,.1); } *::selection { background: rgba(0,0,0,.1); } /* ADMINBAR */ body.admin-bar > div#wpadminbar { position: absolute !important; overflow: hidden; } /* ------------------------- UP --------------------------- */ .up { position: fixed; display: none; bottom: 1.3rem; right: 1.3rem; width: 4rem; height: 4rem; line-height: 4rem; z-index: 5; text-align: center; background: rgba(244,244,244,1); box-shadow: 0 0 .1rem rgba(155,155,155,0.6); transition: .3s; } .up > a { font-size: 1.4rem; font-weight: 300; transition: .3s; } .up > a > i { display: block; width: 40%;height: 4rem; line-height: 4rem; margin: 0 auto; } .up:hover { background: rgba(0,0,0,1); box-shadow: 0 0 .1rem rgba(155,155,155,0.6); transition: .3s; } .up:hover > a { color: rgba(255,255,255,1); transition: .3s; } /* ------------------------- TOPBAR --------------------------- */ div.wrapper > nav.topbar { border-bottom: .1rem solid rgba(217,217,217,1); color: rgba(217,217,217,1); } div.wrapper > nav.topbar > div.topbar-row { margin: 0 auto; padding: .8rem 1rem; } div.wrapper > nav.topbar > div.topbar-row > div.topbar-left:after { display: block; content: ""; width: .1rem; height: 2rem; } div.wrapper > nav.topbar > div.topbar-row > div.topbar-right > ul , div.wrapper > nav.topbar > div.topbar-row > div.topbar-right > ul > li > ul { list-style: none; text-align: right; margin: 0; } div.wrapper > nav.topbar > div.topbar-row > div.topbar-right > ul > li { display: inline; text-transform: uppercase; } div.wrapper > nav.topbar > div.topbar-row > div.topbar-right > ul > li > a { color: rgba(133,133,133,1); transition: .3s; } div.wrapper > nav.topbar > div.topbar-row > div.topbar-right > ul > li:hover > a { color: rgba(0,0,0,1); transition: .3s; } div.wrapper > nav.topbar > div.topbar-row > div.topbar-right > ul > span.bar { padding: .5rem; } /* ------------------------- HEADER --------------------------- */ /* ------------------------- COMMUN --------------------------- */ div.wrapper > section.header > div.header-row div.formsearch-content > input.searchchk { display: none !important; } div.wrapper > section.header > div.header-row div.formsearch-content > form.searchform { display: block; clear: both; height: 0; position: relative; padding: 0; margin: 3rem auto 0 auto; overflow: hidden; transition: .4s; } div.wrapper > section.header > div.header-row div.formsearch-content > form.searchform > input.search { display: block; height: 3rem; float: left; border: 0; background: rgba(244,244,244,1); border-radius: 0; transition: .4s; } div.wrapper > section.header > div.header-row div.formsearch-content > form.searchform > label.close { display: block; position: absolute; top: .8rem; right: 1.6rem; transition: .4s; cursor: pointer; } div.wrapper > section.header > div.header-row div.formsearch-content { float: right; } div.wrapper > section.header > div.header-row div.formsearch-content > form.searchform { width: 0; height: 3rem; margin: 0; position: absolute; right: 2rem; top: .4rem; } div.wrapper > section.header > div.header-row div.formsearch-content > form.searchform > input.search { width: 100%; } div.wrapper > section.header > div.header-row div.formsearch-content > input.searchchk:checked + form.searchform { width: 24rem; transition: .4s; } div.wrapper > section.header.fixed { position: fixed; left: 0; top: 0; background: rgba(255,255,255,1); z-index: 10; transition: .3s; } /* ------------------------- DESKTOP --------------------------- */ div.wrapper > section.header > div.header-row.desktop { width: calc(100% - 9rem); padding: 4rem 0 0 0; text-align: center; } div.wrapper > section.header > div.header-row.desktop > div.logo > a > img { width: 100%; height: auto; max-width: 34.4rem; } div.wrapper > section.header > div.header-row.desktop > div:not(.formsearch-content), div.wrapper > section.header > div.header-row.desktop > nav { width: 33.3333334%; float: left; } div.wrapper > section.header > div.header-row.desktop > nav { padding-top: 1.1rem; padding-bottom: 3rem; } div.wrapper > section.header > div.header-row.desktop > nav > div.menu > ul { list-style: none; } div.wrapper > section.header > div.header-row.desktop > nav > div.menu > ul > li { display: block; float: left; width: 33.3333334%; text-transform: uppercase; font-size: 1.2rem; } div.wrapper > section.header > div.header-row.desktop > nav > div.menu > ul > li:not(.studio) { letter-spacing: .3rem; } div.wrapper > section.header > div.header-row.desktop > nav > div.menu > ul > li > a { position: relative; } div.wrapper > section.header > div.header-row.desktop > nav > div.menu > ul > li:not(.studio):not(.menu-item-search) > a:after { display: block; content: ""; position: absolute; bottom: -.7rem; left: calc(50% - 1.5rem); width: 3rem; border-bottom: .2rem solid rgba(0,0,0,0); transition: .3s; } div.wrapper > section.header > div.header-row.desktop > nav > div.menu > ul > li:not(.studio):not(.menu-item-search):hover > a:after { border-bottom: .2rem solid rgba(0,0,0,1); transition: .3s; } div.wrapper > section.header > div.header-row.desktop > nav > div.menu > ul > li.active-child:not(.studio):not(.menu-item-search) > a:after { border-bottom: .2rem solid rgba(0,0,0,1); transition: .3s; } div.wrapper > section.header > div.header-row.desktop > nav.nav-right { position: relative; } div.wrapper > section.header > div.header-row.desktop > nav.nav-right > div.menu > ul > li.studio { width: auto; margin-top: -.4rem; padding: .4rem 1rem; height: 2.3rem; font-size: 1.1rem; line-height: 1.5rem; text-transform: initial; font-family: kingthings; background: rgba(217,217,217,1); transition: .4s; } div.wrapper > section.header > div.header-row.desktop > nav.nav-right > div.menu > ul > li.studio:hover { background: rgba(0,0,0,1); transition: .4s; } div.wrapper > section.header > div.header-row.desktop > nav.nav-right > div.menu > ul > li.studio:hover > a { color: rgba(255,255,255,1); transition: .4s; } div.wrapper > section.header > div.header-row.desktop > nav.nav-right > div.menu > ul > li.menu-item-search { width: auto; position: absolute; right: -2rem; top: 0; height: 2.7rem; padding-top: 1rem; cursor: pointer; } div.wrapper > section.header > div.header-row.desktop > nav.nav-right > div.menu > ul > li.menu-item-search > label > i { cursor: pointer; } /* ------------------------- MOBILE --------------------------- */ div.wrapper > section.header > div.header-row.mobile { height: 7rem; position: relative; left: 0; top: 0; z-index: 10; } div.wrapper > section.header > div.header-row.mobile > input.burgerchk { display: none !important; } div.wrapper > section.header > div.header-row.mobile > label.burger { position: absolute; top: 2.6rem; left: 2rem; cursor: pointer; z-index: 2; transition: .4s; } div.wrapper > section.header > div.header-row.mobile > label.menu { width: 3rem; position: relative; top: 1.4rem; left: 5rem; font-weight: 500; color: rgba(0,0,0,1); cursor: pointer; transition: color .4s; z-index: 1; } div.wrapper > section.header > div.header-row.mobile > div.menu-list { position: absolute; top: 7rem; left: -100%; width: 100%; height: 100%; opacity: 0; overflow-y: scroll; overflow-x: hidden; padding: 1.5rem 0 0; color: rgba(255,255,255,1); background: rgba(0,0,0,.8); transition: .4s; z-index: 2; } div.wrapper > section.header > div.header-row.mobile > div.menu-list > div.logo { padding-bottom: 3rem; } div.wrapper > section.header > div.header-row.mobile > div.menu-list > div.logo > img { width: 100%; height: auto; max-width: 30rem; } div.wrapper > section.header > div.header-row.mobile > div.menu-list > nav.nav > div.menu > ul.menu { list-style: none; padding-top: 2rem; } div.wrapper > section.header > div.header-row.mobile > div.menu-list > nav.nav > div.menu > ul.menu > li.studio { display: inline-block; clear: both; width: auto; padding: .4rem 0; border: .1rem solid rgba(217,217,217,1); border-left: 0; border-right: 0; } div.wrapper > section.header > div.header-row.mobile > div.menu-list > nav.nav > div.menu > ul.menu > li > a { color: rgba(255,255,255,1); } div.wrapper > section.header > div.header-row.mobile > div.menu-list > nav.nav > div.menu > ul.menu > li { text-transform: uppercase; padding-bottom: 1.8rem; } div.wrapper > section.header > div.header-row.mobile > div.menu-list > nav.footer.nav { position: absolute; bottom: 1.1rem; left: 0; width: 100%; } div.wrapper > section.header > div.header-row.mobile > div.menu-list > nav.footer.nav > div.menu > ul.menu { padding-top: 0; } div.wrapper > section.header > div.header-row.mobile > div.menu-list > nav.footer.nav > div.menu > ul.menu > li { display: inline-block; font-size: 1.1rem; padding: 0 .8rem; } div.wrapper > section.header > div.header-row.mobile > div.menu-list > div.rs-icons { position: absolute; bottom: 5rem; left: 0; width: 100%; font-size: 2rem; } div.wrapper > section.header > div.header-row.mobile > div.menu-list > div.rs-icons > ul , div.wrapper > section.header > div.header-row.mobile > div.menu-list > div.rs-icons > ul > li > ul { list-style: none; text-align: center; margin: 0 auto; } div.wrapper > section.header > div.header-row.mobile > div.menu-list > div.rs-icons > ul > li { display: inline; text-transform: uppercase; } div.wrapper > section.header > div.header-row.mobile > div.menu-list > div.rs-icons > ul > li > a { color: rgba(217,217,217,1); transition: .3s; } div.wrapper > section.header > div.header-row.mobile > div.menu-list > div.rs-icons > ul > li:hover > a { color: rgba(155,155,155,1); transition: .3s; } div.wrapper > section.header > div.header-row.mobile > div.menu-list > div.rs-icons > ul > span.bar { padding: .8rem; color: rgba(115,115,115,0); } div.wrapper > section.header > div.header-row.mobile > label.close { position: absolute; top: 2.6rem; left: 2rem; opacity: 0; cursor: pointer; z-index: -1; transition: .4s; } div.wrapper > section.header > div.header-row.mobile > input.burgerchk:checked + label.burger { opacity: 0; z-index: -1; transition: .4s; } div.wrapper > section.header > div.header-row.mobile > input.burgerchk:checked + label.burger + div.menu-list { left: 0; opacity: 1; transition: .4s; } div.wrapper > section.header > div.header-row.mobile > input.burgerchk:checked + label.burger + div.menu-list + label.close { opacity: 1; z-index: 2; transition: .4s; } div.wrapper > section.header > div.header-row.mobile > div.logo { height: 7rem; line-height: 7rem; width: calc(100% - 8rem); margin: 0 auto; display: inline-block; } div.wrapper > section.header > div.header-row.mobile > div.logo > a { display: inline-block; height: 7rem; line-height: 7rem; } div.wrapper > section.header > div.header-row.mobile > div.logo > a > img { padding: 0 1rem; width: 100%; height: auto; vertical-align: middle; } div.wrapper > section.header > div.header-row.mobile > div.search { position: absolute; top: 2.6rem; right: 2rem; cursor: pointer; } div.wrapper > section.header > div.header-row.mobile > div.search > label.button { padding: 0; } div.wrapper > section.header > div.header-row.mobile div.formsearch-content > form.searchform { top: -.6rem; } /* ------------------------- CONTENT --------------------------- */ /* ------------------------- HOME --------------------------- */ div.wrapper > section.content.home { padding: 4rem 0 0 0; } /* ------------------------- SLIDER --------------------------- */ div.wrapper > section.content.home ul.slider { list-style: none; } div.wrapper > section.content.home li.slider-post { display: block; } div.wrapper > section.content.home li.slider-post > div.picture { transition: .3s; overflow: hidden; } div.wrapper > section.content.home li.slider-post > div.picture > a > img { display: block; width: 100%; height: auto; max-height: 95rem; max-width: 100%; object-fit: cover; } div.wrapper > section.content.home li.slider-post > div.text { height: 5rem; background: rgba(255,255,255,1); } div.wrapper > section.content.home li.slider-post > div.text > div.text-content, div.wrapper > section.content.home li.slider-post > div.text > div.text-content > div.top > div.top-content, div.wrapper > section.content.home li.slider-post > div.text > div.text-content > div.bottom > div.bottom-content { float: initial; margin: 0 auto; } div.wrapper > section.content.home li.slider-post > div.text > div.text-content { height: 10rem; position: relative; top: -4rem; background: rgba(255,255,255,1); transition: .3s; } div.wrapper > section.content.home li.slider-post > div.text > div.text-content > div.top > div, div.wrapper > section.content.home li.slider-post > div.text > div.text-content > div.top > div > a, div.wrapper > section.content.home li.slider-post > div.text > div.text-content > div.top > div > div > a { color: rgba(155,155,155,1); text-transform: uppercase; transition: .3s; } div.wrapper > section.content.home li.slider-post > div.text > div.text-content > div.top > div > div > a:not(.already):hover { color: rgba(64,64,64,1); transition: .3s; } div.wrapper > section.content.home li.slider-post > div.text > div.text-content > div.top { padding-top: 1rem; } div.wrapper > section.content.home li.slider-post > div.text > div.text-content > div.top > div.top-content { height: 2rem; border-bottom: .1rem solid rgba(217,217,217,1); font-family: karla; letter-spacing: .1rem; } div.wrapper > section.content.home li.slider-post > div.text > div.text-content > div.top > div.top-content > div.likes { width: 50%; height: 2rem; float: left; font-size: 1.2rem; line-height: 1.9rem; text-align: right; padding-right: 3rem; } div.wrapper > section.content.home li.slider-post > div.text > div.text-content > div.top > div.top-content > div.categories { width: 50%; height: 2rem; float: left; font-size: 1.2rem; line-height: 1.9rem; text-align: left; padding-left: 3rem; border-left: .1rem solid rgba(217,217,217,1); } div.wrapper > section.content.home li.slider-post > div.text > div.text-content > div.top > div.top-content > div.likes > a.already { pointer-events: none; } div.wrapper > section.content.home li.slider-post > div.text > div.text-content > div.top > div.top-content > div.likes > a > i { padding-right: 1rem; } div.wrapper > section.content.home li.slider-post > div.text > div.text-content > div.top > div.top-content > div.likes > a > i, div.wrapper > section.content.home li.slider-post > div.text > div.text-content > div.top > div.top-content > div.likes > a > p { display: inline-block; } div.wrapper > section.content.home li.slider-post > div.text > div.text-content > div.bottom > div.bottom-content { display: flex; align-items: center; height: 7rem; } div.wrapper > section.content.home li.slider-post > div.text > div.text-content > div.bottom > div.bottom-content > div.title { font-family: kingthings; display: flex; justify-content: center; font-size: 1.2rem; } div.wrapper > section.content.home li.slider-post:hover > div.picture { filter: brightness(.6); transition: .3s; } div.wrapper > section.content.home li.slider-post:hover > div.text > div.text-content { top: -6rem; transition: .3s; } /* ------------------------- SUBSCRIBE --------------------------- */ div.wrapper > section.content > section.subscribe { padding: 5rem 0 0 0; } div.wrapper > section.content > section.subscribe > div.subscribe-content { padding: 2.5rem 0; border: .1rem solid rgba(217,217,217,1); border-left: 0; border-right: 0; } div.wrapper > section.content > section.subscribe > div.subscribe-content > div.form { width: 90%; height: 3rem; margin: 0 auto; } div.wrapper > section.content > section.subscribe > div.subscribe-content > div.form > div { float: left; height: 3rem; line-height: 3rem; text-align: left; } div.wrapper > section.content > section.subscribe > div.subscribe-content > div.form > div.title { text-transform: uppercase; font-size: 1.3rem; } div.wrapper > section.content > section.subscribe > div.subscribe-content > div.form > div.subtitle { font-family: georgia; font-style: italic; font-size: 1.1rem; } div.wrapper > section.content > section.subscribe > div.subscribe-content > div.form > div.form-content { float: right; } div.wrapper > section.content > section.subscribe > div.subscribe-content > div.form > div.form-content > form > div { width: 100%; } div.wrapper > section.content > section.subscribe > div.subscribe-content > div.form > div.form-content > form > div.mc4wp-form-fields > input { display: block; height: 2.8rem; float: left; margin: 0; font-size: 1rem; } div.wrapper > section.content > section.subscribe > div.subscribe-content > div.form > div.form-content > form > div.mc4wp-form-fields > input[type="email"] { width: 60%; font-family: georgia; text-transform: initial; color: rgba(155,155,155,1); border: .1rem solid rgba(0,0,0,1); border-radius: 0; } div.wrapper > section.content > section.subscribe > div.subscribe-content > div.form > div.form-content > form > div.mc4wp-form-fields > input[type="submit"] { width: 40%; background: rgba(0,0,0,1); color: rgba(255,255,255,1); text-transform: uppercase; letter-spacing: .1rem; transition: .3s; } div.wrapper > section.content > section.subscribe > div.subscribe-content > div.form > div.form-content > form > div.mc4wp-form-fields > input[type="submit"]:hover { background: rgba(217,217,217,1); color: rgba(0,0,0,1); transition: .3s; } div.wrapper > section.content > section.subscribe > div.subscribe-content > div.form > div.form-content > form > div.mc4wp-response { font-size: 1rem; line-height: 2.8rem; border: .1rem solid rgba(0,0,0,1); font-family: georgia; color: rgba(155,155,155,1); text-transform: initial; text-align: center; } div.wrapper > section.content > section.subscribe > div.subscribe-content > div.form > div.form-content > form > div.mc4wp-response > div.mc4wp-error { color: rgba(255,0,0,1); } /* ------------------------- ARCHIVE --------------------------- */ div.wrapper > section.content > section.archive { margin: 5rem 0 0 0; padding: 1rem 0; background: rgba(244,244,244,1); } div.wrapper > section.content > section.archive > div.archive-content > ul.categories { list-style: none; } div.wrapper > section.content > section.archive > div.archive-content > ul.categories > li.category { padding: 4rem; text-align: center; } div.wrapper > section.content > section.archive > div.archive-content > ul.categories > li.category > a { display: block; padding: 2rem; position: relative; padding: 0; } div.wrapper > section.content > section.archive > div.archive-content > ul.categories > li.category > a:after { content: attr(title); display: block; position: absolute; width: 40%; height: 2.6rem; line-height: 2.6rem; bottom: .3rem; left: 30%; font-size: 1.1rem; background: rgba(0,0,0,1); color: rgba(155,155,155,1); transition: .3s; } div.wrapper > section.content > section.archive > div.archive-content > ul.categories > li.category > a > img { width: 100%; height: auto; transition: .3s; } div.wrapper > section.content > section.archive > div.archive-content > ul.categories > li.category > a:hover:after { content: 'Découvrir'; font-family: kingthings; color: rgba(255,255,255,1); letter-spacing: .05rem; transition: .3s; } div.wrapper > section.content > section.archive > div.archive-content > ul.categories > li.category > a:hover > img { filter: brightness(.6); transition: filter .3s; } /* ------------------------- 2-POSTS --------------------------- */ div.wrapper > section.content > section.twoposts > div.twoposts.content > ul.blog-twoposts { list-style: none; padding: 6rem 0; } div.wrapper > section.content > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article { display: block; } div.wrapper > section.content > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.picture { transition: .3s; } div.wrapper > section.content > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.picture > a > img { width: 70rem; height: 70rem; object-fit: cover; max-width: 100%; height: auto; } div.wrapper > section.content > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text { height: 5rem; background: rgba(255,255,255,1); } div.wrapper > section.content > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top > div.top-content, div.wrapper > section.content > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.bottom > div.bottom-content { float: initial; margin: 0 auto; } div.wrapper > section.content > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content { height: 10rem; position: relative; top: -4rem; background: rgba(255,255,255,1); transition: .3s; } div.wrapper > section.content > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top > div, div.wrapper > section.content > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top > div > a, div.wrapper > section.content > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top > div > div > a { color: rgba(155,155,155,1); text-transform: uppercase; } div.wrapper > section.content > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top > div > a:hover, div.wrapper > section.content > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top > div > div > a:hover { color: rgba(64,64,64,1); } div.wrapper > section.content > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top { padding-top: 2rem; } div.wrapper > section.content > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top > div.top-content { height: 2rem; border-bottom: .1rem solid rgba(217,217,217,1); font-family: karla; letter-spacing: .1rem; } div.wrapper > section.content > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top > div.top-content > div.categories { width: 60%; height: 2rem; float: left; font-size: 1.2rem; line-height: 1.9rem; text-align: left; } div.wrapper > section.content > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top > div.top-content > div.likes { width: 40%; height: 2rem; float: left; font-size: 1.2rem; line-height: 1.9rem; text-align: right; border-left: .1rem solid rgba(217,217,217,1); } div.wrapper > section.content > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top > div.top-content > div.likes > i { padding-right: .8rem; } div.wrapper > section.content > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top > div.top-content > div.likes > a.already { pointer-events: none; } div.wrapper > section.content > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top > div.top-content > div.likes > a > i { padding-right: 1rem; } div.wrapper > section.content > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top > div.top-content > div.likes > a > i, div.wrapper > section.content > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top > div.top-content > div.likes > a > p { display: inline-block; } div.wrapper > section.content > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.bottom > div.bottom-content { display: flex; align-items: center; height: 7rem; } div.wrapper > section.content > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.bottom > div.bottom-content > div.title { font-family: kingthings; display: flex; text-align: left; font-size: 1.2rem; line-height: 1.7rem; } div.wrapper > section.content > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article:hover > div.block > div.picture { filter: brightness(.6); transition: .3s; } /* ------------------------- 9-POSTS & SIDEBAR HOME --------------------------- */ /* 9-POSTS */ div.wrapper > section.content > section.nineposts > div.nineposts-row { margin: 0 auto; float: initial; padding: 6rem 0 0 0; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts { list-style: none; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article { display: block; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture { position: relative; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture { transition: .3s; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > a > img { width: 100%; height: 37.6rem; object-fit: cover; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover { opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; color: rgba(255,255,255,1); font-weight: 500; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.top > div.top-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; font-weight: 300; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.top > div.top-content > div.read > a { color: rgba(255,255,255,1); text-transform: uppercase; font-size: 1.1rem; font-weight: 500;} div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.top > div.top-content > div.read > a > p > i { display: block; padding-top: .6rem; font-size: 1.4rem; font-weight: 500;} div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom { position: absolute; bottom: 7rem; left: 2rem; width: calc(100% - 4rem); font-family: karla; height: 2rem; border-bottom: .1rem solid rgba(255,255,255,1); } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content { width: 100%; font-size: 1.2rem; line-height: 1.4rem; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div > p { float: left; line-height: 1.6rem; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div > i { float: left; font-size: 1.4rem; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.comments { float: left; padding-left: 2rem; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.comments > a { color: rgba(255,255,255,1); font-weight: 500;} div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.comments > a > i, div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.comments > a > p { display: inline-block; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes { float: right; padding-right: 2rem; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a { color: rgba(255,255,255,1); font-weight: 500;} div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a.already { pointer-events: none; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a > i { padding-right: 1rem; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a > i, div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a > p { display: inline-block; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.text { width: 100%; height: 9rem; margin: 1.5rem 0; background: rgba(255,255,255,1); } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.text > div.title > a { font-family: georgia; font-size: 1.2rem; line-height: 1.8rem; letter-spacing: .12rem; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.text > div.title:after { content: ""; display: block; width: 1rem; height: .1rem; margin: 2rem auto; background: rgba(0,0,0,1); } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article:hover > div.block > div.picture > a > img { filter: brightness(.6); transition: .3s; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article:hover > div.block > div.picture > div.hover { opacity: 1; transition: .3s; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > a.show-more { display: block; clear: both; float: right; width: 14rem; height: 2.4rem; margin: 0 auto; text-align: center; font-family: kingthings; font-size: 1.2rem; transition: .3s; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > a.show-more > p { position: relative; line-height: 2.4rem; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > a.show-more:before { content: ""; position: absolute; display: block; width: 10.5rem; height: 2.4rem; background: rgba(217,217,217,1); transition: .3s; z-index: 0; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > a.show-more:hover { color: rgba(255,255,255,1); transition: .3s; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > a.show-more:hover:before { width: 14rem; background: rgba(0,0,0,1); transition: .3s; } /* SIDEBAR */ div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar { padding: 0; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.social > div.social-content > div.social-title { padding: 2rem 0; text-transform: uppercase; font-size: 1.1rem; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.social > div.social-content > ul , div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.social > div.social-content > ul > li > ul { list-style: none; margin: 0; font-size: 1.6rem; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.social > div.social-content > ul > li { display: inline; text-transform: uppercase; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.social > div.social-content > ul > li > a { color: rgba(0,0,0,1); transition: .3s; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.social > div.social-content > ul > li:hover > a { color: rgba(217,217,217,1); transition: .3s; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.social > div.social-content > ul > span.bar { color: rgba(217,217,217,1); display: inline-block; padding: 0 .8rem; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.newsletter { margin: 3rem 0 1rem; padding: 0 1.5rem; background: rgba(244,244,244,1); } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.newsletter > div.newsletter-content > div.newsletter-title { display: block; padding: 2rem 2rem 0; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.newsletter > div.newsletter-content > div.newsletter-title > p.icon > i { display: block; padding: 0 0 2rem; font-size: 1.6rem; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.newsletter > div.newsletter-content > div.newsletter-title > p.title { display: block; padding: 0 0 2rem; text-transform: uppercase; font-size: 1.1rem; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.newsletter > div.newsletter-content > div.newsletter-title > p.title:after { content: ""; display: block; width: 10rem; margin: 0 auto; padding-top: 2rem; border-bottom: .1rem solid rgba(217,217,217,1); } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.newsletter > div.newsletter-content > div.newsletter-text > p { font-size: 1rem; line-height: 1.6rem; letter-spacing: .12rem; font-family: georgia; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.newsletter > div.newsletter-content > form { width: 100%; display: block; padding: 3rem 1rem; float: left; clear: left; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.newsletter > div.newsletter-content > form > div { width: 100%; float: left; clear: left; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.newsletter > div.newsletter-content > form > div.mc4wp-form-fields > input { display: block; height: 2.8rem; float: left; clear: left; margin: .3rem 0; font-size: 1.2rem; text-align: center; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.newsletter > div.newsletter-content > form > div.mc4wp-form-fields > input[type="email"] { width: 100%; font-family: georgia; text-transform: initial; color: rgba(155,155,155,1); border: .1rem solid rgba(0,0,0,1); background: transparent; border-radius: 0; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.newsletter > div.newsletter-content > form > div.mc4wp-form-fields > input[type="submit"] { width: 100%; background: rgba(0,0,0,1); color: rgba(255,255,255,1); font-size: 1rem; text-transform: uppercase; letter-spacing: .1rem; transition: .3s; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.newsletter > div.newsletter-content > form > div.mc4wp-form-fields > input[type="submit"]:hover { background: rgba(217,217,217,1); color: rgba(0,0,0,1); transition: .3s; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.newsletter > div.newsletter-content > form > div.mc4wp-response { font-size: 1rem; line-height: 1.3rem; font-family: georgia; color: rgba(155,155,155,1); text-transform: initial; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.newsletter > div.newsletter-content > form > div.mc4wp-response > div.mc4wp-error { color: rgba(255,0,0,1); } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.insta > div.insta-content > div.insta-title { padding: 2rem 0 3rem; text-transform: uppercase; font-size: 1.1rem; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.insta > div.insta-content > div.insta-pics > ul.instagram { display: block; list-style: none; padding: 0 1.3rem; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.insta > div.insta-content > div.insta-pics > ul.instagram:after { content: ""; display: block; width: 10rem; margin: 2rem auto 1rem; padding-top: 2rem; border-bottom: .1rem solid rgba(217,217,217,1); } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.insta > div.insta-content > div.insta-pics > ul.instagram > li.insta-element { display: block; width: 100%; padding-top: 100%; position: relative; overflow: hidden; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.insta > div.insta-content > div.insta-pics > ul.instagram > li.insta-element > a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.insta > div.insta-content > div.insta-pics > ul.instagram > li.insta-element > a > div.img > img { width: 70rem; height: 70rem; object-fit: cover; max-width: 100%; height: auto; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.insta > div.insta-content > div.insta-pics > ul.instagram > li.insta-element > a > div.block { display: flex; flex-direction: column; justify-content: center; padding: 0 2rem; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: .3s; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.insta > div.insta-content > div.insta-pics > ul.instagram > li.insta-element > a > div.block > div.read { font-family: georgia; color: rgba(255,255,255,1); font-size: 1.2rem; font-weight: 200; letter-spacing: .1rem; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.insta > div.insta-content > div.insta-pics > ul.instagram > li.insta-element > a:hover > div.block { opacity: 1; transition: .3s; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.insta > div.insta-content > div.insta-pics > ul.instagram > li.insta-element > a:hover > div.img > img { filter: brightness(.6); transition: .3s; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.toolbox > div.toolbox-content > div.toolbox-title { padding: 2rem 0 3rem; text-transform: uppercase; font-size: 1.1rem; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.toolbox > div.toolbox-content > ul.toolbox_posts { display: block; list-style: none; float: left; clear: left; width: 100%; padding: 0 1.3rem; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.toolbox > div.toolbox-content > ul.toolbox_posts:after { content: ""; display: block; clear: left; width: 10rem; margin: 2rem auto 1rem; padding-top: 2rem; border-bottom: .1rem solid rgba(217,217,217,1); } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.toolbox > div.toolbox-content > ul.toolbox_posts > li.post { display: block; width: 100%; padding-top: 100%; margin-bottom: 1.5rem; position: relative; overflow: hidden; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.toolbox > div.toolbox-content > ul.toolbox_posts > li.post > a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 10px solid #d8a370; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.toolbox > div.toolbox-content > ul.toolbox_posts > li.post > a > div.img > img { width: 70rem; height: 70rem; object-fit: cover; max-width: 100%; height: auto; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.toolbox > div.toolbox-content > ul.toolbox_posts > li.post > a > div.block { display: flex; flex-direction: column; justify-content: center; background: #d8a370; padding: 0 2rem; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: .3s; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.toolbox > div.toolbox-content > ul.toolbox_posts > li.post > a > div.block > div.read { font-family: georgia; color: rgba(255,255,255,1); font-size: 1.2rem; font-weight: 200; letter-spacing: .1rem; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.toolbox > div.toolbox-content > ul.toolbox_posts > li.post > a > div.block > div.read > p.icon { margin-bottom: 1rem; font-size: 1.6rem; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.toolbox > div.toolbox-content > ul.toolbox_posts > li.post > a > div.block > div.read > p:not(.icon) { margin-bottom: 1rem; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.toolbox > div.toolbox-content > ul.toolbox_posts > li.post > a > div.block > div.read > p:not(.icon)::after { content: '_'; display: block; text-align: center; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.toolbox > div.toolbox-content > ul.toolbox_posts > li.post > a:hover > div.block { opacity: 1; transition: .3s; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.saison > div.saison-content > div.saison-title { padding: 2rem 0 3rem; text-transform: uppercase; font-size: 1.1rem; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.saison > div.saison-content > ul.saison_posts { display: block; list-style: none; float: left; clear: left; width: 100%; padding: 0 1.3rem; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.saison > div.saison-content > ul.saison_posts:after { content: ""; display: block; clear: left; width: 10rem; margin: 2rem auto 1rem; padding-top: 2rem; border-bottom: .1rem solid rgba(217,217,217,1); } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.saison > div.saison-content > ul.saison_posts > li.post { display: block; width: 100%; padding-top: 100%; margin-bottom: 1.5rem; position: relative; overflow: hidden; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.saison > div.saison-content > ul.saison_posts > li.post > a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.saison > div.saison-content > ul.saison_posts > li.post > a > div.img > img { width: 70rem; height: 70rem; object-fit: cover; max-width: 100%; height: auto; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.saison > div.saison-content > ul.saison_posts > li.post > a > div.block { display: flex; flex-direction: column; justify-content: center; padding: 0 2rem; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: .3s; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.saison > div.saison-content > ul.saison_posts > li.post > a > div.block > div.read { font-family: georgia; color: rgba(255,255,255,1); font-size: 1.2rem; font-weight: 200; letter-spacing: .1rem; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.saison > div.saison-content > ul.saison_posts > li.post > a:hover > div.block { opacity: 1; transition: .3s; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.saison > div.saison-content > ul.saison_posts > li.post > a:hover > div.img > img { filter: brightness(.6); transition: .3s; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.credits > div.credits-content > div.credits-title { padding: 2rem 0; text-transform: uppercase; font-size: 1.1rem; } div.wrapper > section.content > section.nineposts > div.nineposts-row > div.home-sidebar > section.credits > div.credits-content > div.credits-text { padding: 0 1.5rem; font-family: georgia; color: rgba(155,155,155,1); font-size: 1rem; line-height: 1.6rem; letter-spacing: .1rem; text-align: justify; } /* ------------------------- PAGES --------------------------- */ /* FILTER */ div.wrapper > section.content > section.page > div.page-row > div.page.content > input.filterchk { display: none !important; } div.wrapper > section.content > section.page > div.page-row > div.page.content > label.button { display: inline-block; clear: both; height: 3rem; line-height: 2rem; padding: .5rem 2rem; text-align: center; font-family: kingthings; font-size: 1.2rem; background: rgba(244,244,244,1); cursor: pointer; text-transform: initial; transition: .4s; } div.wrapper > section.content > section.page > div.page-row > div.page.content > label.button > span { display: inline-block; transform: rotate(0deg); font-size: 2rem; margin-left: .8rem; } div.wrapper > section.content > section.page > div.page-row > div.page.content > label.button:hover { color: rgba(255,255,255,1); background: rgba(0,0,0,1); transition: .4s; } div.wrapper > section.content > section.page > div.page-row > div.page.content > input.filterchk:checked + label.button > span { transform: rotate(-45deg); transition: .4s; } div.wrapper > section.content:not(.filtered) > section.page > div.page-row > div.page.content > section.reset-filters { display: none; } div.wrapper > section.content.filtered > section.page > div.page-row > div.page.content > section.reset-filters { display: block; clear: both; margin-top: 3rem; } div.wrapper > section.content.filtered > section.page > div.page-row > div.page.content > section.reset-filters > label.button.reset { display: inline-block; clear: both; height: 3rem; line-height: 2rem; padding: .5rem 2rem; text-align: center; font-family: kingthings; font-size: 1.2rem; background: rgba(244,244,244,1); cursor: pointer; text-transform: initial; transition: .4s; } div.wrapper > section.content.filtered > section.page > div.page-row > div.page.content > section.reset-filters > label.button:hover { color: rgba(255,255,255,1); background: rgba(0,0,0,1); transition: .4s; } /* FOOD */ /* HEADER */ div.wrapper > section.content.food > section.page > div.page-header { padding: 8rem 0 0 0; background: rgba(244,244,244,1); } div.wrapper > section.content.food > section.page > div.page-header > div.page-header-row > div.title-page > p { display: inline-block; padding: 1rem; background: rgba(255,255,255,1); text-align: center; font-family: kingthings; font-size: 1.2rem; } /* SIDEBAR */ div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.page-sidebar { padding: 0 1.5rem 5rem; background: rgba(244,244,244,1); } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.page-sidebar > section.sidebar-top > div.sidebar-content > div.sidebar-title { display: block; padding: 2rem 2rem 0; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.page-sidebar > section.sidebar-top > div.sidebar-content > div.sidebar-title > p.icon > i { display: block; padding: 0 0 2rem; font-size: 1.6rem; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.page-sidebar > section.sidebar-top > div.sidebar-content > div.sidebar-title > p.title { display: block; padding: 0 0 2rem; text-transform: uppercase; font-size: 1.1rem; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.page-sidebar > section.sidebar-top > div.sidebar-content > div.sidebar-title > p.title:after { content: ""; display: block; width: 10rem; margin: 0 auto; padding-top: 3rem; border-bottom: .1rem solid rgba(217,217,217,1); } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.page-sidebar > form.food > section:not(:first-of-type) > div.sidebar-content > div.sidebar-title:before { content: ""; display: block; float: initial; clear: both; margin: 3rem 4.5rem; border-bottom: .1rem solid rgba(188,188,188,1); } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.page-sidebar > form.food > section > div.sidebar-content > div.sidebar-title > p.title { display: block; padding: 0 0 2rem; text-transform: uppercase; font-size: 1.1rem; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.page-sidebar > form.food > section > div.sidebar-content > div.sidebar-text { padding: 0 0 0 2rem; font-size: 1.1rem; line-height: 1.6rem; letter-spacing: .12rem; font-family: georgia; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.page-sidebar > form.food > section > div.sidebar-content > div.sidebar-text > div.radio-element { padding: .4rem 0; float: left; clear: both; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.page-sidebar > form.food > section > div.sidebar-content > div.sidebar-text > div.radio-element > input[type="checkbox"] { display: none !important; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.page-sidebar > form.food > section > div.sidebar-content > div.sidebar-text > div.radio-element > input[type="checkbox"] + label { display: block; float: left; width: 1.4rem; height: 1.4rem; margin-right: 2rem; background: rgba(255,255,255,1); border: .1rem solid rgba(155,155,155,1); border-radius: 50%; cursor: pointer; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.page-sidebar > form.food > section > div.sidebar-content > div.sidebar-text > div.radio-element > input[type="checkbox"] + label + label { display: block; float: left; line-height: 1.4rem; cursor: pointer; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.page-sidebar > form.food > section > div.sidebar-content > div.sidebar-text > div.radio-element > input[type="checkbox"] + label + label > span.count { color: rgba(155,155,155,1); } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.page-sidebar > form.food > section > div.sidebar-content > div.sidebar-text > div.radio-element > input[type="checkbox"]:checked + label:after { content: ""; display: block; width: .8rem; height: .8rem; position: relative; top: .2rem; left: .2rem; background: rgba(64,64,64,1); border-radius: 50%; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.page-sidebar > form.food > section > div.sidebar-content > div.sidebar-text > input[type="search"] { display: block; width: calc(100% - 4.8rem); height: 2.8rem; float: left; margin: 0; padding: .3rem 1rem; font-size: 1.2rem; font-family: georgia; text-transform: initial; color: rgba(155,155,155,1); border: .1rem solid transparent; background: rgba(255,255,255,1); border-radius: 0; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.page-sidebar > form.food > section > div.sidebar-content > div.sidebar-text > a.submit { display: block; float: left; margin: 0; width: 2.8rem; height: 2.8rem; line-height: 3rem; padding: 0; background: rgba(0,0,0,1); color: rgba(255,255,255,1); font-size: 1rem; transition: .3s; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.page-sidebar > form.food > section > div.sidebar-content > div.sidebar-text > a.submit:hover { background: rgba(217,217,217,1); color: rgba(0,0,0,1); transition: .3s; } /* 9-POSTS */ div.wrapper > section.content.food > section.page > div.page-row { clear: both; margin: 0 auto; float: initial; padding: 6rem 0 0 0; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts { list-style: none; } /* FILTER */ div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.page-filter { clear: both; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.page-filter > div.page-filter-row { display: block; float: left; color: rgba(155,155,155,1); } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.page-filter > div.page-filter-row > label { display: block; float: left; margin: 0 0 2rem; padding: 0; font-size: 1.2rem; line-height: 2rem; letter-spacing: .12rem; font-family: georgia; cursor: pointer; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.page-filter > div.page-filter-row > label > i { display: none; float: right; font-size: 1.2rem; line-height: 2rem; padding: 0 0 0 1rem; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.page-filter > div.page-filter-row > label:hover > i { display: block; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.page-filter > div.page-filter-row > span { display: block; float: left; margin: 0 .5rem; padding: 0 .4rem; line-height: 2rem; } /* POSTS */ div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content {text-align: left; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > div.loading { display: flex; align-items: center; justify-content: center; color: rgba(217,217,217,1); } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > p { font-family: kingthings; font-size: 1.2rem; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article { display: block; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture { position: relative; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture { transition: .3s; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > a > img { width: 100%; height: 37.6rem; object-fit: cover; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover { opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; color: rgba(255,255,255,1); text-align: center; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.top > div.top-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; font-weight: 300; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.top > div.top-content > div.read > a { color: rgba(255,255,255,1); text-transform: uppercase; font-size: 1.1rem; font-weight: 500; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.top > div.top-content > div.read > a > p > i { display: block; padding-top: .6rem; font-size: 1.4rem; font-weight: 500; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom { position: absolute; bottom: 7rem; left: 2rem; width: calc(100% - 4rem); font-family: karla; height: 2rem; border-bottom: .1rem solid rgba(255,255,255,1); } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content { width: 100%; font-size: 1.2rem; line-height: 1.4rem; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div > p { float: left; line-height: 1.6rem; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div > i { float: left; font-size: 1.4rem; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.comments { float: left; padding-left: 2rem; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.comments > a { color: rgba(255,255,255,1); font-weight: 500; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.comments > a > i, div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.comments > a > p { display: inline-block; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes { float: right; padding-right: 2rem; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a { color: rgba(255,255,255,1); display: block; font-weight: 500; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a.already { pointer-events: none; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a > i, div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a > p { display: inline-block; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.text { width: 100%; height: 9rem; margin: 1.5rem 0; text-align: center; background: rgba(255,255,255,1); } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.text > div.title > a { font-family: georgia; font-size: 1.2rem; line-height: 1.8rem; letter-spacing: .12rem; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.text > div.title:after { content: ""; display: block; width: 1rem; height: .1rem; margin: 2rem auto; background: rgba(0,0,0,1); } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article:hover > div.block > div.picture > a > img { filter: brightness(.6); transition: .3s; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article:hover > div.block > div.picture > div.hover { opacity: 1; transition: .3s; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > a.show-more { display: block; clear: both; float: right; width: 14rem; height: 2.4rem; margin: 0 auto; text-align: center; font-family: kingthings; font-size: 1.2rem; transition: .3s; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > a.show-more > p { position: relative; line-height: 2.4rem; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > a.show-more:before { content: ""; position: absolute; display: block; width: 10.5rem; height: 2.4rem; background: rgba(217,217,217,1); transition: .3s; z-index: 0; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > a.show-more:hover { color: rgba(255,255,255,1); transition: .3s; } div.wrapper > section.content.food > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > a.show-more:hover:before { width: 14rem; background: rgba(0,0,0,1); transition: .3s; } /* LIFE */ /* HEADER */ div.wrapper > section.content.life > section.page > div.page-header { padding: 8rem 0 0 0; background: rgba(244,244,244,1); } div.wrapper > section.content.life > section.page > div.page-header > div.page-header-row > div.title-page > p { display: inline-block; padding: 1rem; background: rgba(255,255,255,1); text-align: center; font-family: kingthings; font-size: 1.2rem; } /* RESET */ div.wrapper > section.content.life:not(.filtered) > section.page > div.page-row > section.reset-filters { display: none; } div.wrapper > section.content.life.filtered > section.page > div.page-row > section.reset-filters { display: block; clear: both; margin-top: 3rem; } div.wrapper > section.content.life.filtered > section.page > div.page-row > section.reset-filters > label.button.reset { display: inline-block; clear: both; height: 3rem; line-height: 2rem; padding: .5rem 2rem; text-align: center; font-family: kingthings; font-size: 1.2rem; background: rgba(244,244,244,1); cursor: pointer; text-transform: initial; transition: .4s; } div.wrapper > section.content.life.filtered > section.page > div.page-row > section.reset-filters > label.button:hover { color: rgba(255,255,255,1); background: rgba(0,0,0,1); transition: .4s; } /* 2-POSTS */ div.wrapper > section.content.life > section.page > div.page-row > section.twoposts > div.twoposts.content > ul.blog-twoposts { list-style: none; padding: 6rem 0; } div.wrapper > section.content.life > section.page > div.page-row > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article { display: block; } div.wrapper > section.content.life > section.page > div.page-row > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.picture { transition: .3s; } div.wrapper > section.content.life > section.page > div.page-row > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.picture > a > img { width: 70rem; height: 70rem; object-fit: cover; max-width: 100%; height: auto; } div.wrapper > section.content.life > section.page > div.page-row > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text { height: 5rem; background: rgba(255,255,255,1); } div.wrapper > section.content.life > section.page > div.page-row > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top > div.top-content, div.wrapper > section.content.life > section.page > div.page-row > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.bottom > div.bottom-content { float: initial; margin: 0 auto; } div.wrapper > section.content.life > section.page > div.page-row > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content { height: 10rem; position: relative; top: -4rem; background: rgba(255,255,255,1); transition: .3s; } div.wrapper > section.content.life > section.page > div.page-row > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top > div, div.wrapper > section.content.life > section.page > div.page-row > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top > div > a, div.wrapper > section.content.life > section.page > div.page-row > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top > div > div > a { color: rgba(155,155,155,1); text-transform: uppercase; transition: .3s; } div.wrapper > section.content.life > section.page > div.page-row > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top > div > a:hover, div.wrapper > section.content.life > section.page > div.page-row > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top > div > div > a:hover { color: rgba(64,64,64,1); transition: .3s; } div.wrapper > section.content.life > section.page > div.page-row > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top { padding-top: 2rem; } div.wrapper > section.content.life > section.page > div.page-row > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top > div.top-content { height: 2rem; border-bottom: .1rem solid rgba(217,217,217,1); font-family: karla; letter-spacing: .1rem; } div.wrapper > section.content.life > section.page > div.page-row > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top > div.top-content > div.categories { width: 60%; height: 2rem; float: left; font-size: 1.2rem; line-height: 1.9rem; text-align: left; } div.wrapper > section.content.life > section.page > div.page-row > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top > div.top-content > div.comments { width: 40%; height: 2rem; float: left; font-size: 1.2rem; line-height: 1.9rem; text-align: right; border-left: .1rem solid rgba(217,217,217,1); } div.wrapper > section.content.life > section.page > div.page-row > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.top > div.top-content > div.comments > i { padding-right: .8rem; } div.wrapper > section.content.life > section.page > div.page-row > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.bottom > div.bottom-content { display: flex; align-items: center; height: 7rem; } div.wrapper > section.content.life > section.page > div.page-row > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article > div.block > div.text > div.text-content > div.bottom > div.bottom-content > div.title { font-family: kingthings; display: flex; text-align: left; line-height: 2rem; } div.wrapper > section.content.life > section.page > div.page-row > section.twoposts > div.twoposts.content > ul.blog-twoposts > li.blog-article:hover > div.block > div.picture { filter: brightness(.6); transition: .3s; } /* 9-POSTS */ div.wrapper > section.content.life > section.page > div.page-row { clear: both; margin: 0 auto; float: initial; padding: 6rem 0 0 0; } div.wrapper > section.content.life > section.page > div.page-row > div.page.content > div.blog-nineposts { list-style: none; } /* FILTER */ div.wrapper > section.content.life > section.page > div.page-row > section.filters > div.filter-row { clear: both; margin: 0 0 5rem; color: rgba(155,155,155,1); text-align: center; } div.wrapper > section.content.life > section.page > div.page-row > section.filters > div.filter-row > form.life > div.filter > input.submit { display: none !important; } div.wrapper > section.content.life > section.page > div.page-row > section.filters > div.filter-row > form.life > div.filter > div.radio-element { display: inline-block; line-height: 2rem; height: 2rem; } div.wrapper > section.content.life > section.page > div.page-row > section.filters > div.filter-row > form.life > div.filter > div.radio-element > input[type="checkbox"] { display: none !important; } div.wrapper > section.content.life > section.page > div.page-row > section.filters > div.filter-row > form.life > div.filter > div.radio-element > label { display: block; padding: 0; font-size: 1.2rem; letter-spacing: .12rem; font-family: georgia; cursor: pointer; } div.wrapper > section.content.life > section.page > div.page-row > section.filters > div.filter-row > form.life > div.filter > div.radio-element > input[type="checkbox"]:checked + label.name , div.wrapper > section.content.life > section.page > div.page-row > section.filters > div.filter-row > form.life > div.filter > div.radio-element > label.active { color: rgba(0,0,0,1); } div.wrapper > section.content.life > section.page > div.page-row > section.filters > div.filter-row > form.life > div.filter > div.radio-element > input[type="checkbox"]:checked + label:after , div.wrapper > section.content.life > section.page > div.page-row > section.filters > div.filter-row > form.life > div.filter > div.radio-element > label.active:after { display: block; content: ""; width: 3rem; border-bottom: .1rem solid rgba(0,0,0,1); margin: 1rem auto 0; transition: .3s; } div.wrapper > section.content.life > section.page > div.page-row > section.filters > div.filter-row > form.life > div.filter > div.bar { display: inline-block; padding: 0 1.2rem; line-height: 2rem; height: 2rem; } /* POSTS */ div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content {text-align: left; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > div.loading { display: flex; align-items: center; justify-content: center; color: rgba(217,217,217,1); } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > p { font-family: kingthings; font-size: 1.2rem; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article { display: block; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture { position: relative; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture { transition: .3s; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > a > img { width: 100%; height: 37.6rem; object-fit: cover; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover { opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; color: rgba(255,255,255,1); text-align: center; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.top > div.top-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; font-weight: 300; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.top > div.top-content > div.read > a { color: rgba(255,255,255,1); text-transform: uppercase; font-size: 1.1rem; font-weight: 500; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.top > div.top-content > div.read > a > p > i { display: block; padding-top: .6rem; font-size: 1.4rem; font-weight: 500; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom { position: absolute; bottom: 7rem; left: 2rem; width: calc(100% - 4rem); font-family: karla; height: 2rem; border-bottom: .1rem solid rgba(255,255,255,1); } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content { width: 100%; font-size: 1.2rem; line-height: 1.4rem; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div > p { float: left; line-height: 1.6rem; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div > i { float: left; font-size: 1.4rem; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.comments { float: left; padding-left: 2rem; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.comments > a { color: rgba(255,255,255,1); font-weight: 500; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.comments > a > i, div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.comments > a > p { display: inline-block; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes { float: right; padding-right: 2rem; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a { color: rgba(255,255,255,1); display: block; font-weight: 500; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a.already { pointer-events: none; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a > i, div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a > p { display: inline-block; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article > div.block > div.text { width: 100%; height: 9rem; margin: 1.5rem 0; background: rgba(255,255,255,1); text-align: center; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article > div.block > div.text > div.title > a { font-family: georgia; font-size: 1.2rem; line-height: 1.8rem; letter-spacing: .12rem; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article > div.block > div.text > div.title:after { content: ""; display: block; width: 1rem; height: .1rem; margin: 2rem auto; background: rgba(0,0,0,1); } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article:hover > div.block > div.picture > a > img { filter: brightness(.6); transition: .3s; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > ul.blog-fourposts > li.blog-article:hover > div.block > div.picture > div.hover { opacity: 1; transition: .3s; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > a.show-more { display: block; clear: both; float: right; width: 14rem; height: 2.4rem; margin: 0 auto; text-align: center; font-family: kingthings; font-size: 1.2rem; transition: .3s; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > a.show-more > p { position: relative; line-height: 2.4rem; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > a.show-more:before { content: ""; position: absolute; display: block; width: 10.5rem; height: 2.4rem; background: rgba(217,217,217,1); transition: .3s; z-index: 0; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > a.show-more:hover { color: rgba(255,255,255,1); transition: .3s; } div.wrapper > section.content.life > section.page > div.page-row > section.nineposts > div.nineposts-row > div.nineposts.content > div.blog-nineposts > div.nineposts-content > a.show-more:hover:before { width: 14rem; background: rgba(0,0,0,1); transition: .3s; } /* TRAVEL */ /* HEADER */ div.wrapper > section.content.travel > section.page > div.page-header { padding: 0; } div.wrapper > section.content.travel > section.page > div.page-header > div.page-parralax-bkg { height: auto; padding-top: calc(100vh - 18rem); background-image: url('../images/cats/Travel.jpg'); background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover; } div.wrapper > section.content.travel > section.page > div.page-header > div.page-header-row { margin: -3rem auto 0; } div.wrapper > section.content.travel > section.page > div.page-header > div.page-header-row > div.title-page > p { display: inline-block; padding: 1rem; background: rgba(255,255,255,1); text-align: center; font-family: kingthings; font-size: 1.2rem; } /* SIDEBAR */ div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.page-sidebar { padding: 0 1.5rem 5rem; background: rgba(244,244,244,1); } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.page-sidebar > section.sidebar-top > div.sidebar-content > div.sidebar-title { display: block; padding: 2rem 2rem 0; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.page-sidebar > section.sidebar-top > div.sidebar-content > div.sidebar-title > p.icon > i { display: block; padding: 0 0 2rem; font-size: 1.6rem; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.page-sidebar > section.sidebar-top > div.sidebar-content > div.sidebar-title > p.title { display: block; padding: 0 0 2rem; text-transform: uppercase; font-size: 1.1rem; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.page-sidebar > section.sidebar-top > div.sidebar-content > div.sidebar-title > p.title:after { content: ""; display: block; width: 10rem; margin: 0 auto; padding-top: 3rem; border-bottom: .1rem solid rgba(217,217,217,1); } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.page-sidebar > form.travel > section:not(:first-of-type) > div.sidebar-content > div.sidebar-title:before { content: ""; display: block; float: initial; clear: both; margin: 3rem 4.5rem; border-bottom: .1rem solid rgba(188,188,188,1); } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.page-sidebar > form.travel > section > div.sidebar-content > div.sidebar-title > p.title { display: block; padding: 0 0 2rem; text-transform: uppercase; font-size: 1.1rem; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.page-sidebar > form.travel > section > div.sidebar-content > div.sidebar-text { padding: 0 0 0 2rem; font-size: 1.1rem; line-height: 1.6rem; letter-spacing: .12rem; font-family: georgia; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.page-sidebar > form.travel > section > div.sidebar-content > div.sidebar-text > div.radio-element { padding: .4rem 0; float: left; clear: both; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.page-sidebar > form.travel > section > div.sidebar-content > div.sidebar-text > div.radio-element > input[type="checkbox"] { display: none !important; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.page-sidebar > form.travel > section > div.sidebar-content > div.sidebar-text > div.radio-element > input[type="checkbox"] + label { display: block; float: left; width: 1.4rem; height: 1.4rem; margin-right: 2rem; background: rgba(255,255,255,1); border: .1rem solid rgba(155,155,155,1); border-radius: 50%; cursor: pointer; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.page-sidebar > form.travel > section > div.sidebar-content > div.sidebar-text > div.radio-element > input[type="checkbox"] + label + label { display: block; float: left; line-height: 1.4rem; cursor: pointer; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.page-sidebar > form.travel > section > div.sidebar-content > div.sidebar-text > div.radio-element > input[type="checkbox"] + label + label > span.count { color: rgba(155,155,155,1); } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.page-sidebar > form.travel > section > div.sidebar-content > div.sidebar-text > div.radio-element > input[type="checkbox"]:checked + label:after { content: ""; display: block; width: .8rem; height: .8rem; position: relative; top: .2rem; left: .2rem; background: rgba(64,64,64,1); border-radius: 50%; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.page-sidebar > form.travel > section > div.sidebar-content > div.sidebar-text > input[type="search"] { display: block; width: calc(100% - 4.8rem); height: 2.8rem; float: left; margin: 0; padding: .3rem 1rem; font-size: 1.2rem; font-family: georgia; text-transform: initial; color: rgba(155,155,155,1); border: .1rem solid transparent; background: rgba(255,255,255,1); border-radius: 0; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.page-sidebar > form.travel > section > div.sidebar-content > div.sidebar-text > a.submit { display: block; float: left; margin: 0; width: 2.8rem; height: 2.8rem; line-height: 3rem; padding: 0; background: rgba(0,0,0,1); color: rgba(255,255,255,1); font-size: 1rem; transition: .3s; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.page-sidebar > form.travel > section > div.sidebar-content > div.sidebar-text > a.submit:hover { background: rgba(217,217,217,1); color: rgba(0,0,0,1); transition: .3s; } /* 9-POSTS */ div.wrapper > section.content.travel > section.page > div.page-row { clear: both; margin: 0 auto; float: initial; padding: 6rem 0 0 0; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts { list-style: none; } /* FILTER */ div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.page-filter { clear: both; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.page-filter > div.page-filter-row { display: block; float: left; color: rgba(155,155,155,1); } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.page-filter > div.page-filter-row > label { display: block; float: left; margin: 0 0 2rem; padding: 0; font-size: 1.2rem; line-height: 2rem; letter-spacing: .12rem; font-family: georgia; cursor: pointer; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.page-filter > div.page-filter-row > label > i { display: none; float: right; font-size: 1.2rem; line-height: 2rem; padding: 0 0 0 1rem; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.page-filter > div.page-filter-row > label:hover > i { display: block; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.page-filter > div.page-filter-row > span { display: block; float: left; margin: 0 .5rem; padding: 0 .4rem; line-height: 2rem; } /* POSTS */ div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content {text-align: left; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > div.loading { display: flex; align-items: center; justify-content: center; color: rgba(217,217,217,1); } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > p { font-family: kingthings; font-size: 1.2rem; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article { display: block; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture { position: relative; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture { transition: .3s; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > a > img { width: 100%; height: 37.6rem; object-fit: cover; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover { opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; color: rgba(255,255,255,1); text-align: center; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.top > div.top-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; font-weight: 300; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.top > div.top-content > div.read > a { color: rgba(255,255,255,1); text-transform: uppercase; font-size: 1.1rem; font-weight: 500; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.top > div.top-content > div.read > a > p > i { display: block; padding-top: .6rem; font-size: 1.4rem; font-weight: 500; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom { position: absolute; bottom: 7rem; left: 2rem; width: calc(100% - 4rem); font-family: karla; height: 2rem; border-bottom: .1rem solid rgba(255,255,255,1); } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content { width: 100%; font-size: 1.2rem; line-height: 1.4rem; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div > p { float: left; line-height: 1.6rem; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div > i { float: left; font-size: 1.4rem; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.comments { float: left; padding-left: 2rem; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.comments > a { color: rgba(255,255,255,1); font-weight: 500; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.comments > a > i, div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.comments > a > p { display: inline-block; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes { float: right; padding-right: 2rem; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a { color: rgba(255,255,255,1); display: block; font-weight: 500; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a.already { pointer-events: none; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a > i, div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a > p { display: inline-block; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.text { width: 100%; height: 9rem; margin: 1.5rem 0; text-align: center; background: rgba(255,255,255,1); } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.text > div.title > a { font-family: georgia; font-size: 1.2rem; line-height: 1.8rem; letter-spacing: .12rem; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.text > div.title:after { content: ""; display: block; width: 1rem; height: .1rem; margin: 2rem auto; background: rgba(0,0,0,1); } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article:hover > div.block > div.picture > a > img { filter: brightness(.6); transition: .3s; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article:hover > div.block > div.picture > div.hover { opacity: 1; transition: .3s; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > a.show-more { display: block; clear: both; float: right; width: 14rem; height: 2.4rem; margin: 0 auto; text-align: center; font-family: kingthings; font-size: 1.2rem; transition: .3s; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > a.show-more > p { position: relative; line-height: 2.4rem; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > a.show-more:before { content: ""; position: absolute; display: block; width: 10.5rem; height: 2.4rem; background: rgba(217,217,217,1); transition: .3s; z-index: 0; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > a.show-more:hover { color: rgba(255,255,255,1); transition: .3s; } div.wrapper > section.content.travel > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > a.show-more:hover:before { width: 14rem; background: rgba(0,0,0,1); transition: .3s; } /* ABOUT */ /* HEADER */ div.wrapper > section.content.about > section.page > div.page-header { padding: 0; } div.wrapper > section.content.about > section.page > div.page-header > div.page-parralax-bkg { height: auto; padding-top: calc(100vh - 18rem); background-image: url('../images/cats/A-propos.jpg'); background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover; } div.wrapper > section.content.about > section.page > div.page-header > div.page-header-row { margin: -3rem auto 0; } div.wrapper > section.content.about > section.page > div.page-header > div.page-header-row > div.title-page > p { display: inline-block; padding: 1rem; background: rgba(255,255,255,1); text-align: center; font-family: kingthings; font-size: 1.2rem; } /* CONTENT */ div.wrapper > section.content.about > section.page > div.page-row { clear: both; margin: 0 auto; float: initial; padding: 6rem 0 0 0; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line { position: relative; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_text { width: calc(70%); } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_text > div.text { column-count: 2; column-gap: 6rem; text-align: justify; font-family: droidserif; font-size: 1.2rem; letter-spacing: .01rem; line-height: 2rem; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_text > div.text > p { margin-bottom: 1.5rem; page-break-inside: avoid; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_clients { width: calc(30% - 6rem); margin-left: 6rem; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_clients > div.content { padding: 0 4rem 4rem; background: rgba(244,244,244,1); } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_clients > div.content > div.clients-title { background: rgba(255,255,255,1); font-family: kingthings; font-size: 1.1rem; letter-spacing: .03rem; padding: .4rem 1rem; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_clients > div.content > div.about { padding: 0 3rem; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_clients > div.content > div.about > ul { list-style: none; padding: 3rem 1rem; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_clients > div.content > div.about > ul:last-of-type { border-top: .1rem solid rgba(217,217,217,1); } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_clients > div.content > div.about > ul > li { font-size: 1rem; line-height: 1.5rem; text-transform: uppercase; padding-top: 1rem; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_clients > div.content > div.whynotyou { width: calc(100% - 3rem); margin: 0 auto; float: initial; clear: left; font-family: coalhandluke; letter-spacing: 0; padding: .5rem 1rem; background: rgba(237,237,237,1); transition: .3s; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_clients > div.content > div.whynotyou > a { transition: .3s; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_clients > div.content > div.whynotyou:hover { background: rgba(0,0,0,1); transition: .3s; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_clients > div.content > div.whynotyou:hover > a { color: rgba(255,255,255,1); transition: .3s; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_bkg { position: absolute; left: 0; top: 0; width: calc(70% + 6rem); height: 100%; background-image: url('../images/cats/A-propos-2.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 0; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_text2 { width: 60%; margin-left: 0; float: right; position: relative; z-index: 1; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_text2 > section.text { margin: 8rem 0 0; padding: 2rem 2rem 2rem 6rem; background: rgba(255,255,255,1); } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_text2 > section.text > div.zone { padding: 3rem 0; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_text2 > section.text > div.zone:not(:first-of-type) { border-top: .1rem solid rgba(217,217,217,1); } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_text2 > section.text > div.zone > div.title { text-align: left; padding: 0 3rem 0 0; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_text2 > section.text > div.zone > div.title > p { display: inline-block; padding: .3rem 1rem; font-family: kingthings; font-size: 1.3rem; letter-spacing: .03rem; background: rgba(0,0,0,1); color: rgba(255,255,255,1); } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_text2 > section.text > div.zone > div.text { text-align: justify; font-family: droidserif; font-size: 1.2rem; line-height: 2rem; letter-spacing: .01rem; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_text2 > section.text > div.zone > div.text > p { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_text2 > section.text > div.zone > div.text > p > a { font-weight: 600; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_bkg-mobile { padding: 0 1.3rem; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_bkg-mobile > img { width: 100%; height: auto; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_bkg-mobile, div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_clients.mobile { display: none; position: relative; margin-top: 1rem; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_social { width: calc(30% - 6rem); margin: 4rem 0 4rem 6rem; float: right; clear: both; position: relative; z-index: 1; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_social > section.social { text-align: center; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_social > section.social > div.social-content { float: initial; margin: 0 auto; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_social > section.social > div.social-content > div.social-title { padding: 1rem 0; text-transform: uppercase; font-size: 1.1rem; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_social > section.social > div.social-content > ul , div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_social > section.social > div.social-content > ul > li > ul { list-style: none; text-align: center; margin: 0; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_social > section.social > div.social-content > ul > li { display: inline; text-transform: uppercase; line-height: 4rem; font-size: 1.5rem; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_social > section.social > div.social-content > ul > li > a { color: rgba(0,0,0,1); transition: .3s; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_social > section.social > div.social-content > ul > li > a:hover { color: rgba(176,176,176,1); transition: .3s; } div.wrapper > section.content.about > section.page > div.page-row > div.page.content > div.block-line > div.about_social > section.social > div.social-content > ul > span.bar { padding: .5rem; color: rgba(176,176,176,1); } /* TOOLBOX */ /* HEADER */ div.wrapper > section.content.toolbox > section.page > div.page-header { padding: 0; background: rgba(244,244,244,1); position: relative; } div.wrapper > section.content.toolbox > section.page > div.page-header > div.page-parralax-bkg { display: none; } div.wrapper > section.content.toolbox > section.page > div.page-header > div.page-header-row { margin: 0 auto; } div.wrapper > section.content.toolbox > section.page > div.page-header > div.page-header-row > div.title-page > p { display: inline-block; padding: 1rem; background: rgba(255,255,255,1); text-align: center; font-family: kingthings; font-size: 1.2rem; } /* CONTENT */ div.wrapper > section.content.toolbox > section.page > div.page-row { clear: both; } div.wrapper > section.content.toolbox > section.page > div.page-row > div.page.content { background: rgba(244,244,244,1); } div.wrapper > section.content.toolbox > section.page > div.page-row > div.page.content > div.content-row { position: relative; display: flex; justify-content: center; float: initial; margin: 0 auto; } div.wrapper > section.content.toolbox > section.page > div.page-row > div.page.content > div.content-row > div.text-container { padding: 6rem 0; } div.wrapper > section.content.toolbox > section.page > div.page-row > div.page.content > div.content-row > div.text-container > div.text > div.icon { padding-bottom: 2rem; font-size: 1.6rem; } div.wrapper > section.content.toolbox > section.page > div.page-row > div.page.content > div.content-row > div.text-container > div.text > div.title { padding-bottom: 2rem; font-size: 1.6rem; text-transform: uppercase; } div.wrapper > section.content.toolbox > section.page > div.page-row > div.page.content > div.content-row > div.text-container > div.text > div.subtitle { padding-bottom: 3rem; margin: 0 auto; float: initial; font-family: georgia; font-size: 1.6rem; line-height: 2rem; letter-spacing: .01rem; } div.wrapper > section.content.toolbox > section.page > div.page-row > div.page.content > div.content-row > div.text-container > div.text > div.text { padding-bottom: 3rem; margin: 0 auto; float: initial; font-family: droidserif; font-size: 1.2rem; line-height: 2rem; letter-spacing: .01rem; } div.wrapper > section.content.toolbox > section.page > div.page-row > div.page.content > div.content-row > div.text-container > div.text > div.text > p > a { font-weight: 600; } /* FILTER */ div.wrapper > section.content.toolbox > section.page section.filters > div.filter-row { clear: both; margin: 5rem auto; float: initial; padding: 4rem 0 0 0; color: rgba(155,155,155,1); text-align: center; } div.wrapper > section.content.toolbox > section.page section.filters > div.filter-row > form.toolbox > div.filter > input.submit { display: none !important; } div.wrapper > section.content.toolbox > section.page section.filters > div.filter-row > form.toolbox > div.filter > div.radio-element { display: inline-block; line-height: 2rem; height: 2rem; } div.wrapper > section.content.toolbox > section.page section.filters > div.filter-row > form.toolbox > div.filter > div.radio-element > input[type="radio"] { display: none !important; } div.wrapper > section.content.toolbox > section.page section.filters > div.filter-row > form.toolbox > div.filter > div.radio-element > label { display: block; padding: 0; font-size: 1.2rem; letter-spacing: .12rem; font-family: georgia; cursor: pointer; } div.wrapper > section.content.toolbox > section.page section.filters > div.filter-row > form.toolbox > div.filter > div.radio-element > input[type="radio"]:checked + label.name , div.wrapper > section.content.toolbox > section.page section.filters > div.filter-row > form.toolbox > div.filter > div.radio-element > label.active { color: rgba(0,0,0,1); } div.wrapper > section.content.toolbox > section.page section.filters > div.filter-row > form.toolbox > div.filter > div.radio-element > input[type="radio"]:checked + label:after , div.wrapper > section.content.toolbox > section.page section.filters > div.filter-row > form.toolbox > div.filter > div.radio-element > label.active:after { display: block; content: ""; width: 3rem; border-bottom: .1rem solid rgba(0,0,0,1); margin: 1rem auto 0; transition: .3s; } div.wrapper > section.content.toolbox > section.page section.filters > div.filter-row > form.toolbox > div.filter > div.bar { display: inline-block; padding: 0 1.2rem; line-height: 2rem; height: 2rem; } /* 8-POSTS */ div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row { margin: 0 auto; float: initial; padding: 3rem 0 0 0; } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts { list-style: none; } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article { display: block; } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture { position: relative; } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture { transition: .3s; } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > a > img { width: 100%; height: 37.6rem; object-fit: cover; } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover { opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; color: rgba(255,255,255,1); font-weight: 500; } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.top > div.top-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; font-weight: 300; } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.top > div.top-content > div.read > a { color: rgba(255,255,255,1); text-transform: uppercase; font-size: 1.1rem; font-weight: 500;} div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.top > div.top-content > div.read > a > p > i { display: block; padding-top: .6rem; font-size: 1.4rem; font-weight: 500;} div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom { position: absolute; bottom: 7rem; left: 2rem; width: calc(100% - 4rem); font-family: karla; height: 2rem; border-bottom: .1rem solid rgba(255,255,255,1); } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content { width: 100%; font-size: 1.2rem; line-height: 1.4rem; } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div > p { float: left; line-height: 1.6rem; } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div > i { float: left; font-size: 1.4rem; } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.comments { float: left; padding-left: 2rem; } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.comments > a { color: rgba(255,255,255,1); font-weight: 500;} div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.comments > a > i, div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.comments > a > p { display: inline-block; } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes { float: right; padding-right: 2rem; } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a { color: rgba(255,255,255,1); font-weight: 500;} div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a.already { pointer-events: none; } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a > i { padding-right: 1rem; } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a > i, div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a > p { display: inline-block; } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article > div.block > div.text { width: 100%; height: 9rem; margin: 1.5rem 0; background: rgba(255,255,255,1); } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article > div.block > div.text > div.title > a { font-family: georgia; font-size: 1.2rem; line-height: 1.8rem; letter-spacing: .12rem; } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article > div.block > div.text > div.title:after { content: ""; display: block; width: 1rem; height: .1rem; margin: 2rem auto; background: rgba(0,0,0,1); } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article:hover > div.block > div.picture > a > img { filter: brightness(.6); transition: .3s; } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > ul.blog-fourposts > li.blog-article:hover > div.block > div.picture > div.hover { opacity: 1; transition: .3s; } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > a.show-more-toolbox { display: block; clear: both; float: right; width: 14rem; height: 2.4rem; margin: 0 auto; text-align: center; font-family: kingthings; font-size: 1.2rem; transition: .3s; } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > a.show-more-toolbox > p { position: relative; line-height: 2.4rem; } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > a.show-more-toolbox:before { content: ""; position: absolute; display: block; width: 10.5rem; height: 2.4rem; background: rgba(217,217,217,1); transition: .3s; z-index: 0; } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > a.show-more-toolbox:hover { color: rgba(255,255,255,1); transition: .3s; } div.wrapper > section.content.toolbox > section.page section.eightposts > div.eightposts-row > div.eightposts.content > div.blog-eightposts > div.eightposts-content > a.show-more-toolbox:hover:before { width: 14rem; background: rgba(0,0,0,1); transition: .3s; } /* CONTACT */ /* HEADER */ div.wrapper > section.content.contact > section.page > div.page-header { padding: 8rem 0 0 0; background: rgba(244,244,244,1); } div.wrapper > section.content.contact > section.page > div.page-header > div.page-parralax-bkg { display: none; } div.wrapper > section.content.contact > section.page > div.page-header > div.page-header-row { margin: 0 auto; } div.wrapper > section.content.contact > section.page > div.page-header > div.page-header-row > div.title-page > p { display: inline-block; padding: 1rem; background: rgba(255,255,255,1); text-align: center; font-family: kingthings; font-size: 1.2rem; } /* CONTENT */ div.wrapper > section.content.contact > section.page > div.page-row { clear: both; margin: 0 auto; float: initial; padding: 6rem 0 0 0; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content { position: relative; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.bkg { position: absolute; left: 0; top: 0; width: 48%; height: 100%; background-image: url('../images/cats/Contact.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact { float: right; padding: 2rem 0; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.text > div.icon { padding-bottom: 2rem; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.text > div.title { padding-bottom: 2rem; font-size: 1.4rem; text-transform: uppercase; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.text > div.text { padding-bottom: 3rem; font-family: droidserif; font-size: 1.2rem; line-height: 2rem; letter-spacing: .01rem; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.text > div.text > p > a { font-weight: 600; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form:before { content: ""; display: block; width: 10rem; height: .1rem; margin: 0 auto 8rem; background: rgba(217,217,217,1); } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > div.screen-reader-response { display: none; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > form.wpcf7-form { display: block; float: left; clear: left; position: relative; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > form.wpcf7-form > div.input.name { margin-left: 0; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > form.wpcf7-form > div.input:not(.submit) { padding: 0 .25rem 2rem; position: relative; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > form.wpcf7-form > div.input > input:not([type="submit"]) { width: 100%; border: 0; border-radius: 0; background: rgba(244,244,244,1); } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > form.wpcf7-form > div.input > input::placeholder { color: rgba(0,0,0,1); font-size: 1.1rem; letter-spacing: .2rem; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > form.wpcf7-form > div.input > textarea { width: 100%; height: auto; resize: none; border: 0; border-radius: 0; position: relative; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > form.wpcf7-form > div.input > span { font-size: 1.1rem; line-height: 1.6rem; font-family: georgia; letter-spacing: .06rem; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > form.wpcf7-form > div.input.message { position: relative; padding: 0 .25rem; margin-bottom: 2rem; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > form.wpcf7-form > div.input.message > p > label { position: relative; display: block; width: 100%; float: left; text-align: left; padding: 0 1rem .4rem; margin-top: -2rem; font-size: 1.1rem; font-family: georgia; letter-spacing: .06rem; border-bottom: .1rem solid rgba(217,217,217,1); transition: .3s; z-index: 0; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > form.wpcf7-form > div.input.message > span + p > label { margin-top: -3.6rem; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > form.wpcf7-form > div.input.message > textarea.notempty + span + div + label, div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > form.wpcf7-form > div.input.message > textarea.notempty + div + p > label { color: rgba(0,0,0,0); transition: .3s; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > form.wpcf7-form > div.input.message > textarea:focus + span + div + p > label, div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > form.wpcf7-form > div.input.message > textarea:focus + div + p > label { color: rgba(0,0,0,0); transition: .3s; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > form.wpcf7-form > div.input.submit { display: block; clear: both; float: right; width: 10.5rem; height: 2.4rem; margin: 1rem auto 4rem; text-align: center; font-family: kingthings; font-size: 1.2rem; transition: .3s; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > form.wpcf7-form > div.input.submit > input[type="submit"] { position: relative; line-height: 2.4rem; height: auto; padding: 0; font-size: 1.2rem; text-transform: initial; background: transparent; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > form.wpcf7-form > div.input.submit:before { content: ""; position: absolute; display: block; width: 7rem; height: 2.4rem; background: rgba(244,244,244,1); transition: .3s; z-index: 0; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > form.wpcf7-form > div.input.submit:hover { color: rgba(255,255,255,1); transition: .3s; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > form.wpcf7-form > div.input.submit:hover:before { width: 10.5rem; background: rgba(0,0,0,1); transition: .3s; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > form.wpcf7-form > div.input.message > div.wpcf7-response-output { content: ""; display: block; position: absolute; width: 100%; height: 0; opacity: 0; margin: 0; padding: 0; bottom: .2rem; left: 0; border: 0; background: rgba(255,255,255,1); transition: .4s; z-index: -1; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > form.wpcf7-form > div.input.message > div.wpcf7-response-output > p { display: inline-block; border: 0; height: auto; line-height: 2.2rem; padding: 0 2rem; color: rgba(255,255,255,1); background: rgba(0,0,0,1); font-family: georgia; font-size: 1.2rem; letter-spacing: 0.03rem; transition: .4s; } div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > form.wpcf7-form > div.input.message > div.wpcf7-response-output.wpcf7-mail-sent-ok , div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > form.wpcf7-form > div.input.message > div.wpcf7-response-output.wpcf7-mail-sent-ng , div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > form.wpcf7-form > div.input.message > div.wpcf7-response-output.wpcf7-spam-blocked , div.wrapper > section.content.contact > section.page > div.page-row > div.page.content > div.form-contact > div.form > div.wpcf7 > form.wpcf7-form > div.input.message > div.wpcf7-response-output.wpcf7-validation-errors { z-index: 1; opacity: 1; height: 2.2rem; transition: .4s; } /* ON EN PARLE */ /* HEADER */ div.wrapper > section.content.on-en-parle > section.page > div.page-header { padding: 8rem 0 0 0; background: rgba(244,244,244,1); } div.wrapper > section.content.on-en-parle > section.page > div.page-header > div.page-header-row > div.title-page > p { display: inline-block; padding: 1rem; background: rgba(255,255,255,1); text-align: center; font-family: kingthings; font-size: 1.2rem; } /* CONTENT */ div.wrapper > section.content.on-en-parle > section.page > div.page-row { clear: both; margin: 0 auto; float: initial; padding: 6rem 0 0 0; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content { position: relative; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-content > div.block > div.title { text-transform: uppercase; text-align: left; font-size: 1.1rem; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-content > div.block > div.title:after { content: ""; display: block; width: 6rem; height: .1rem; margin: 2rem 0; background: rgba(217,217,217,1); } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-content > div.block > ul.content { list-style: none; text-align: left; padding-bottom: 3rem; font-family: droidserif; font-size: 1.2rem; line-height: 2rem; letter-spacing: .01rem; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-content > div.block > ul.content:after { content: ""; display: block; width: 100%; height: .1rem; margin: 4rem 0; background: rgba(217,217,217,1); } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-content > div.block > ul.content > li.article > a.from { font-weight: 600; display: inline-block; padding-right: .6rem; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-content > div.block > ul.content > li.article > span.date { font-size: 1.1rem; font-family: georgia; letter-spacing: .06rem; color: rgba(155,155,155,1); } /* SIDEBAR */ div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar { padding: 0; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.social > div.social-content > div.social-title { padding: 0 0 2rem; text-transform: uppercase; font-size: 1.1rem; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.social > div.social-content > ul , div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.social > div.social-content > ul > li > ul { list-style: none; margin: 0; font-size: 1.6rem; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.social > div.social-content > ul > li { display: inline; text-transform: uppercase; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.social > div.social-content > ul > li > a { color: rgba(0,0,0,1); transition: .3s; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.social > div.social-content > ul > li:hover > a { color: rgba(217,217,217,1); transition: .3s; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.social > div.social-content > ul > span.bar { color: rgba(217,217,217,1); display: inline-block; padding: 0 .8rem; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.newsletter { margin: 3rem 0 1rem; padding: 0 1.5rem; background: rgba(244,244,244,1); } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.newsletter > div.newsletter-content > div.newsletter-title { display: block; padding: 2rem 2rem 0; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.newsletter > div.newsletter-content > div.newsletter-title > p.icon > i { display: block; padding: 0 0 2rem; font-size: 1.6rem; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.newsletter > div.newsletter-content > div.newsletter-title > p.title { display: block; padding: 0 0 2rem; text-transform: uppercase; font-size: 1.1rem; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.newsletter > div.newsletter-content > div.newsletter-title > p.title:after { content: ""; display: block; width: 10rem; margin: 0 auto; padding-top: 2rem; border-bottom: .1rem solid rgba(217,217,217,1); } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.newsletter > div.newsletter-content > div.newsletter-text > p { font-size: 1rem; line-height: 1.6rem; letter-spacing: .12rem; font-family: georgia; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.newsletter > div.newsletter-content > form { width: 100%; display: block; padding: 3rem 1rem; float: left; clear: left; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.newsletter > div.newsletter-content > form > div { width: 100%; float: left; clear: left; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.newsletter > div.newsletter-content > form > div.mc4wp-form-fields > input { display: block; height: 2.8rem; float: left; clear: left; margin: .3rem 0; font-size: 1.2rem; text-align: center; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.newsletter > div.newsletter-content > form > div.mc4wp-form-fields > input[type="email"] { width: 100%; font-family: georgia; text-transform: initial; color: rgba(155,155,155,1); border: .1rem solid rgba(0,0,0,1); background: transparent; border-radius: 0; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.newsletter > div.newsletter-content > form > div.mc4wp-form-fields > input[type="submit"] { width: 100%; background: rgba(0,0,0,1); color: rgba(255,255,255,1); text-transform: uppercase; letter-spacing: .1rem; font-size: 1rem; transition: .3s; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.newsletter > div.newsletter-content > form > div.mc4wp-form-fields > input[type="submit"]:hover { background: rgba(217,217,217,1); color: rgba(0,0,0,1); transition: .3s; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.newsletter > div.newsletter-content > form > div.mc4wp-response { font-size: 1rem; line-height: 1.3rem; font-family: georgia; color: rgba(155,155,155,1); text-transform: initial; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.newsletter > div.newsletter-content > form > div.mc4wp-response > div.mc4wp-error { color: rgba(255,0,0,1); } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.portfolio > div.portfolio-content > ul.portfolio_posts { display: block; list-style: none; padding: 3rem 0 0; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.portfolio > div.portfolio-content > ul.portfolio_posts > li.portfolio { display: block; width: 100%; padding-top: 100%; position: relative; overflow: hidden; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.portfolio > div.portfolio-content > ul.portfolio_posts > li.portfolio > a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-weight: 600; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.portfolio > div.portfolio-content > ul.portfolio_posts > li.portfolio > a:after { content: attr(title); display: block; position: absolute; width: 44%; height: 2.6rem; line-height: 2.6rem; bottom: 0; left: 28%; font-size: 1.1rem; text-transform: uppercase; background: rgba(0,0,0,1); color: rgba(155,155,155,1); transition: .3s; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.portfolio > div.portfolio-content > ul.portfolio_posts > li.portfolio > a > img { width: 70rem; height: 70rem; object-fit: cover; max-width: 100%; height: auto; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.portfolio > div.portfolio-content > ul.portfolio_posts > li.portfolio > a:hover:after { content: 'Découvrir'; font-family: kingthings; color: rgba(255,255,255,1); letter-spacing: .05rem; font-weight: 400; text-transform: initial; transition: .3s; } div.wrapper > section.content.on-en-parle > section.page > div.page-row > div.page.content > div.page-sidebar > section.portfolio > div.portfolio-content > ul.portfolio_posts > li.portfolio > a:hover > img { filter: brightness(.6); transition: filter .3s; } /* INSTA FEED */ div.wrapper > section.content.on-en-parle > section.insta { position: relative; } div.wrapper > section.content.on-en-parle > section.insta > div.insta-content > div.insta-title > div.title { float: left;clear: left; margin-bottom: 4rem; background: rgba(0,0,0,1); color: rgba(255,255,255,1); font-family: kingthings; font-size: 1.1rem; letter-spacing: .03rem; padding: .4rem 1rem; transition: .3s;} div.wrapper > section.content.on-en-parle > section.insta > div.insta-content > div.insta-title > div.title > a { color: rgba(255,255,255,1); transition: .3s;} div.wrapper > section.content.on-en-parle > section.insta > div.insta-content > div.insta-title > div.title:hover { background: rgba(244,244,244,1); transition: .3s;} div.wrapper > section.content.on-en-parle > section.insta > div.insta-content > div.insta-title > div.title:hover > a { color: rgba(0,0,0,1); transition: .3s;} div.wrapper > section.content.on-en-parle > section.insta > div.insta-content > div.insta-pics > ul.instagram li.insta-element { display: block; width: 100%; padding-top: 100%; position: relative; overflow: hidden; } div.wrapper > section.content.on-en-parle > section.insta > div.insta-content > div.insta-pics > ul.instagram li.insta-element > a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } div.wrapper > section.content.on-en-parle > section.insta > div.insta-content > div.insta-pics > ul.instagram li.insta-element > a > div.img > img { width: 70rem; height: 70rem; object-fit: cover; max-width: 100%; height: auto; } div.wrapper > section.content.on-en-parle > section.insta > div.insta-content > div.insta-pics > ul.instagram li.insta-element > a > div.block { display: flex; flex-direction: column; justify-content: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: .3s; } div.wrapper > section.content.on-en-parle > section.insta > div.insta-content > div.insta-pics > ul.instagram li.insta-element > a > div.block > div.read { font-family: georgia; color: rgba(255,255,255,1); font-weight: 200; letter-spacing: .1rem; } div.wrapper > section.content.on-en-parle > section.insta > div.insta-content > div.insta-pics > ul.instagram li.insta-element > a:hover > div.block { opacity: 1; transition: .3s; } div.wrapper > section.content.on-en-parle > section.insta > div.insta-content > div.insta-pics > ul.instagram li.insta-element > a:hover > div.img > img { filter: brightness(.6); transition: .3s; } /* BLOGROLL */ /* HEADER */ div.wrapper > section.content.blogroll > section.page > div.page-header { padding: 8rem 0 0 0; background: rgba(244,244,244,1); } div.wrapper > section.content.blogroll > section.page > div.page-header > div.page-header-row > div.title-page > p { display: inline-block; padding: 1rem; background: rgba(255,255,255,1); text-align: center; font-family: kingthings; font-size: 1.2rem; } /* CONTENT */ div.wrapper > section.content.blogroll > section.page > div.page-row { clear: both; margin: 0 auto; float: initial; padding: 6rem 0 0 0; } div.wrapper > section.content.blogroll > section.page > div.page-row > div.page.content { position: relative; } div.wrapper > section.content.blogroll > section.page > div.page-row > div.page.content > div.page-content > div.blogroll > div.title > i { display: block; padding-bottom: 3rem; font-size: 1.8rem; } div.wrapper > section.content.blogroll > section.page > div.page-row > div.page.content > div.page-content > div.blogroll > div.title > p { text-transform: uppercase; font-size: 1.1rem; } div.wrapper > section.content.blogroll > section.page > div.page-row > div.page.content > div.page-content > div.blogroll > div.title:after { content: ""; display: block; width: 6rem; height: .1rem; margin: 2rem auto; background: rgba(217,217,217,1); } div.wrapper > section.content.blogroll > section.page > div.page-row > div.page.content > div.page-content > div.blogroll > ul.content { list-style: none; padding-bottom: 3rem; font-family: droidserif; font-size: 1.2rem; line-height: 2rem; letter-spacing: .01rem; } div.wrapper > section.content.blogroll > section.page > div.page-row > div.page.content > div.page-content > div.blogroll > ul.content > li { display: block; padding: .2rem .5rem; transition: .3s; } div.wrapper > section.content.blogroll > section.page > div.page-row > div.page.content > div.page-content > div.blogroll > ul.content > li:hover { background: rgba(244,244,244,1); transition: .3s; } /* SIDEBAR */ div.wrapper > section.content.blogroll > section.page > div.page-row > div.page.content > div.page-sidebar { padding: 0; } div.wrapper > section.content.blogroll > section.page > div.page-row > div.page.content > div.page-sidebar > div.blogroll { margin: 3rem 0 1rem; padding: 0 1.5rem; background: rgba(244,244,244,1); } div.wrapper > section.content.blogroll > section.page > div.page-row > div.page.content > div.page-sidebar > div.blogroll > div.title { width: auto; margin: 0 auto; } div.wrapper > section.content.blogroll > section.page > div.page-row > div.page.content > div.page-sidebar > div.blogroll > div.title > p { display: inline-block; margin-bottom: 4rem; background: rgba(0,0,0,1); color: rgba(255,255,255,1); font-family: kingthings; font-size: 1.1rem; letter-spacing: .03rem; padding: .4rem 1rem; } div.wrapper > section.content.blogroll > section.page > div.page-row > div.page.content > div.page-sidebar > div.blogroll > ul.content { list-style: none; padding-bottom: 3rem; font-family: droidserif; font-size: 1.2rem; line-height: 2rem; letter-spacing: .01rem; } div.wrapper > section.content.blogroll > section.page > div.page-row > div.page.content > div.page-sidebar > div.blogroll > ul.content > li { display: block; padding: .2rem .5rem; transition: .3s; } div.wrapper > section.content.blogroll > section.page > div.page-row > div.page.content > div.page-sidebar > div.blogroll > ul.content > li:hover { background: rgba(217,217,217,1); transition: .3s; } /* PORTFOLIO */ /* HEADER */ div.wrapper > section.content.mon-portfolio > section.page > div.page-header { padding: 8rem 0 0 0; background: rgba(244,244,244,1); } div.wrapper > section.content.mon-portfolio > section.page > div.page-header > div.page-header-row > div.title-page > p { display: inline-block; padding: 1rem; background: rgba(255,255,255,1); text-align: center; font-family: kingthings; font-size: 1.2rem; } /* PORTFOLIO SLIDER */ div.wrapper > section.content.mon-portfolio > section.page > div.portfolio { clear: both; padding: 0; } div.wrapper > section.content.mon-portfolio > section.page > div.portfolio > ul.portfolio { list-style: none; margin-bottom: 0; } div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project { display: block; overflow: hidden; } div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project > div.picture { transition: .3s; position: relative; } div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project > div.picture > img, div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project > div.picture > a > img { width: auto; min-width: 100%; height: 55rem; object-fit: cover; } div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project > div.picture > a.pin-it-button { position: absolute; right: 2rem; top: 2rem; display: none; width: 5.8rem; height: 5.7rem; z-index: 3; } div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project > div.picture > a.pin-it-button > img { display: block; width: 5.8rem; height: 5.7rem; } div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project > div.picture > a.pin-it-button:hover, div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project > div.picture:hover > a.pin-it-button { display: block; } div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project > div.picture > div.hover { opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; } div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project > div.picture > div.hover > a { color: rgba(255,255,255,1); } div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project > div.picture > div.hover > a > p { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; font-size: 3rem; } div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project > div.text { opacity: 0; height: 5rem; background: rgba(255,255,255,1); transition: .3s; } div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project > div.text > div.text-content, div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project > div.text > div.text-content > a > div.top > div.top-content, div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project > div.text > div.text-content > a > div.bottom > div.bottom-content { float: initial; margin: 0 auto; } div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project > div.text > div.text-content { height: 6rem; position: relative; top: 0; background: rgba(255,255,255,1); transition: .3s; } div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project > div.text > div.text-content > a > div.top { padding-top: 2rem; } div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project > div.text > div.text-content > a > div.top > div.top-content { height: 2rem; } div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project > div.text > div.text-content > a > div.top > div.top-content > div.type { font-family: kingthings; display: flex; justify-content: center; font-size: 1.3rem; letter-spacing: .02rem; } div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project > div.text > div.text-content > a > div.bottom > div.bottom-content { color: rgba(155,155,155,1); text-align: center; height: 3rem; font-size: 1.2rem; font-family: karla; letter-spacing: .1rem; } div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project > div.text > div.text-content > a > div.bottom > div.bottom-content > div { display: inline-block; } div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project > div.text > div.text-content > a > div.bottom > div.bottom-content > div.client { text-transform: uppercase; } div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project:hover > div.picture > a > img { filter: brightness(.6); transition: .3s; } div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project:hover > div.picture > div.hover { opacity: 1; transition: .3s; } div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project:hover > div.text { opacity: 1; transition: .3s; } div.wrapper > section.content.mon-portfolio > section.page > div.portfolio li.project:hover > div.text > div.text-content { top: -3rem; transition: .3s; } div.wrapper > section.content.mon-portfolio > section.page > div.portfolio div.arrows > span.arrow { padding: 0 3rem; cursor: pointer; } /* CONTENT */ div.wrapper > section.content.mon-portfolio > section.page > div.page-row { clear: both; margin: 0 auto; float: initial; padding: 6rem 0 0 0; max-width: 85rem; } div.wrapper > section.content.mon-portfolio > section.page > div.page-row > div.page.content { position: relative; } div.wrapper > section.content.mon-portfolio > section.page > div.page-row > div.page.content > div.text { text-align: left; } div.wrapper > section.content.mon-portfolio > section.page > div.page-row > div.page.content > div.text > div.title > p { text-transform: uppercase; font-size: 1.1rem; } div.wrapper > section.content.mon-portfolio > section.page > div.page-row > div.page.content > div.text > div.title:after { content: ""; display: block; width: 6rem; height: .1rem; margin: 1rem 0 0; background: rgba(217,217,217,1); } div.wrapper > section.content.mon-portfolio > section.page > div.page-row > div.page.content > div.text > div.content { padding: 2rem 0 0; } div.wrapper > section.content.mon-portfolio > section.page > div.page-row > div.page.content > div.text > div.content > div.text { text-align: justify; padding-right: 3rem; } div.wrapper > section.content.mon-portfolio > section.page > div.page-row > div.page.content > div.text > div.content > div.text > p { padding-bottom: 3rem; font-family: droidserif; font-size: 1.2rem; line-height: 2rem; letter-spacing: .01rem; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } div.wrapper > section.content.mon-portfolio > section.page > div.page-row > div.page.content > div.text > div.content > div.text > p > a { font-weight: 600; display: inline-block; } div.wrapper > section.content.mon-portfolio > section.page > div.page-row > div.page.content > div.text > div.content > div.link { display: block; float: left; height: 2.4rem; margin-top: 1rem; text-align: center; font-family: kingthings; font-size: 1.2rem; transition: .3s; position: relative; } div.wrapper > section.content.mon-portfolio > section.page > div.page-row > div.page.content > div.text > div.content > div.link > a { position: relative; line-height: 2.4rem; height: auto; padding: 0; font-size: 1.2rem; text-transform: initial; } div.wrapper > section.content.mon-portfolio > section.page > div.page-row > div.page.content > div.text > div.content > div.link:before { content: ""; position: absolute; display: block; width: 12rem; height: 2.4rem; background: rgba(244,244,244,1); transition: .3s; z-index: 0; } div.wrapper > section.content.mon-portfolio > section.page > div.page-row > div.page.content > div.text > div.content > div.link:hover > a { color: rgba(255,255,255,1); transition: .3s; } div.wrapper > section.content.mon-portfolio > section.page > div.page-row > div.page.content > div.text > div.content > div.link:hover:before { width: 100%; background: rgba(0,0,0,1); transition: .3s; } /* ------------------------- SINGLE --------------------------- */ /* HEADER */ div.wrapper > section.content.single > section.page > div.page-header { padding: 8rem 0 0 0; background: rgba(244,244,244,1); } div.wrapper > section.content.single > section.page > div.page-header > div.page-header-row > div.title-page > p { display: block; float: left; height: 3.6rem; line-height: 3.6rem; padding: 0 1rem; text-align: center; color: rgba(155,155,155,1); font-family: karla; letter-spacing: .1rem; font-size: 1.2rem; } div.wrapper > section.content.single > section.page > div.page-header > div.page-header-row > div.title-page > p > a { color: rgba(155,155,155,1); text-transform: uppercase; } div.wrapper > section.content.single > section.page > div.page-header > div.page-header-row > div.title-page > p > span { display: inline-block; padding: 0 1rem; } div.wrapper > section.content.single > section.page > div.page-header > div.page-header-row > div.title-page > p:first-of-type { background: rgba(255,255,255,1); font-family: kingthings; color: rgba(64,64,64,1); } div.wrapper > section.content.single > section.page > div.page-header > div.page-header-row > div.title-page > p.cat { padding: 0 0 0 2rem; } div.wrapper > section.content.single > section.page > div.page-header > div.page-header-row > div.title-page > p.sep { padding: 0; } div.wrapper > section.content.single > section.page > div.page-header > div.page-header-row > div.title-page > div.likes { display: block; float: left; } div.wrapper > section.content.single > section.page > div.page-header > div.page-header-row > div.title-page > div.likes > a { display: block; float: left; height: 3.6rem; line-height: 3.6rem; color: rgba(155,155,155,1); font-family: karla; letter-spacing: .1rem; font-size: 1.2rem; } div.wrapper > section.content.single > section.page > div.page-header > div.page-header-row > div.title-page > div.likes > a > i , div.wrapper > section.content.single > section.page > div.page-header > div.page-header-row > div.title-page > div.likes > a > p { display: block; float: left; height: 3.6rem; line-height: 3.6rem; padding: 0 .2rem; } /* CONTENT */ div.wrapper > section.content.single > section.page > div.page-row { clear: both; margin: 0 auto; float: initial; padding: 6rem 0 0 0; } div.wrapper > section.content.single > section.page > div.page-row > div.page.content { position: relative; } /* COMMUN */ div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.wpb_content_element { margin-bottom: 0; } div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content p { margin-top: 1.5rem; font-family: droidserif; font-size: 1.3rem; letter-spacing: .01rem; line-height: 2rem; } div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content img { width: 100%; height: auto;} div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.img-with-pin { position: relative; } div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.img-with-pin > a.pin-it-button { position: absolute; right: 2rem; top: 2rem; display: none; width: 5.8rem; height: 5.7rem; } div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.img-with-pin > a.pin-it-button:hover, div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.img-with-pin:hover > a.pin-it-button { display: block; } div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.vc_col-sm-12 p { font-family: droidserif; font-size: 1.3rem; letter-spacing: .01rem; line-height: 2rem; } div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.vc_col-sm-4 h5 { display: block; float: left; clear: both; padding: .4rem 1rem; background: rgba(0,0,0,1); font-family: kingthings; font-size: 1.2rem; line-height: 2rem; color: rgba(255,255,255,1); letter-spacing: .02rem; font-weight: 500; text-transform: initial; margin-left: 5px; } div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.vc_col-sm-4 div.vc_separator { padding: 1rem 0; margin-left: 5px; } div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.vc_col-sm-4 div.wpb_text_column > div.wpb_wrapper { margin-left: 5px; } div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.vc_col-sm-4 div.vc_separator > span > span { display: block; float: left; clear: both; width: 3rem; border-top: 1px solid rgba(217,217,217,1); } div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.wpb_column:not(.vc_col-sm-12) div.wpb_content_element + div.vc_separator { padding: 2.8rem 0 0; } div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.wpb_column.vc_col-sm-12 div.wpb_content_element + div.vc_separator { padding: 0 0 2.8rem 0; } div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.vc_col-sm-4 p { text-align: left; font-family: droidserif; font-weight: 600; font-size: 1.3rem; line-height: 2rem; letter-spacing: .01rem; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.vc_col-sm-8 p { font-family: droidserif; font-size: 1.3rem; line-height: 2rem; letter-spacing: .01rem; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.vc_col-sm-4 h6 { display: block; float: left; clear: both; padding-bottom: 1rem; width: 100%; text-align: left; font-size: 1.3rem; line-height: 2rem; font-family: georgia; letter-spacing: .02rem; color: rgba(64,64,64,1); text-transform: initial; margin-left: 5px; } div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.vc_col-sm-8 h5 , div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.vc_col-sm-8 h6 { display: inline-block; clear: both; padding-bottom: 1rem; width: 100%; text-align: left; font-size: 1.3rem; line-height: 2rem; font-family: georgia; letter-spacing: .02rem; font-weight: 400; color: rgba(64,64,64,1); text-transform: initial; } div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.vc_col-sm-8 p > em { display: inline-block; line-height: 1.6rem; } div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.vc_col-sm-8 div.vc_separator { padding: 1rem 0; } div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.vc_col-sm-8 div.vc_separator > span > span { display: block; float: left; clear: both; border-top: 1px dashed rgba(217,217,217,1); } div.wrapper > section.content.single.receipt > section.page > div.page-row > div.page.content > div.the-content div.vc_col-sm-4 p { margin-left: 5px; } div.wrapper > section.content.single.receipt > section.page > div.page-row > div.page.content > div.the-content div.vc_col-sm-8 { padding-right: 1.5rem; } /* LONG */ /* RECEIPT */ div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-content { overflow: hidden; } /* SIDEBAR */ div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar { padding: 0; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.social > div.social-content > div.social-title { padding: 2rem 0; text-transform: uppercase; font-size: 1.1rem; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.social > div.social-content > ul , div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.social > div.social-content > ul > li > ul { list-style: none; margin: 0; font-size: 1.6rem; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.social > div.social-content > ul > li { display: inline; text-transform: uppercase; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.social > div.social-content > ul > li > a { color: rgba(0,0,0,1); transition: .3s; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.social > div.social-content > ul > li:hover > a { color: rgba(217,217,217,1); transition: .3s; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.social > div.social-content > ul > span.bar { color: rgba(217,217,217,1); display: inline-block; padding: 0 .8rem; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.newsletter { margin: 3rem 0 1rem; padding: 0 1.5rem; background: rgba(244,244,244,1); } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.newsletter > div.newsletter-content > div.newsletter-title { display: block; padding: 2rem 2rem 0; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.newsletter > div.newsletter-content > div.newsletter-title > p.icon > i { display: block; padding: 0 0 2rem; font-size: 1.6rem; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.newsletter > div.newsletter-content > div.newsletter-title > p.title { display: block; padding: 0 0 2rem; text-transform: uppercase; font-size: 1.1rem; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.newsletter > div.newsletter-content > div.newsletter-title > p.title:after { content: ""; display: block; width: 10rem; margin: 0 auto; padding-top: 2rem; border-bottom: .1rem solid rgba(217,217,217,1); } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.newsletter > div.newsletter-content > div.newsletter-text > p { font-size: 1rem; line-height: 1.6rem; letter-spacing: .12rem; font-family: georgia; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.newsletter > div.newsletter-content > form { width: 100%; display: block; padding: 3rem 1rem; float: left; clear: left; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.newsletter > div.newsletter-content > form > div { width: 100%; float: left; clear: left; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.newsletter > div.newsletter-content > form > div.mc4wp-form-fields > input { display: block; height: 2.8rem; float: left; clear: left; margin: .3rem 0; font-size: 1.2rem; text-align: center; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.newsletter > div.newsletter-content > form > div.mc4wp-form-fields > input[type="email"] { width: 100%; font-family: georgia; text-transform: initial; color: rgba(155,155,155,1); border: .1rem solid rgba(0,0,0,1); background: transparent; border-radius: 0; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.newsletter > div.newsletter-content > form > div.mc4wp-form-fields > input[type="submit"] { width: 100%; background: rgba(0,0,0,1); color: rgba(255,255,255,1); text-transform: uppercase; letter-spacing: .1rem; font-size: 1rem; transition: .3s; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.newsletter > div.newsletter-content > form > div.mc4wp-form-fields > input[type="submit"]:hover { background: rgba(217,217,217,1); color: rgba(0,0,0,1); transition: .3s; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.newsletter > div.newsletter-content > form > div.mc4wp-response { font-size: 1rem; line-height: 1.3rem; font-family: georgia; color: rgba(155,155,155,1); text-transform: initial; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.newsletter > div.newsletter-content > form > div.mc4wp-response > div.mc4wp-error { color: rgba(255,0,0,1); } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.toolbox > div.toolbox-content > div.toolbox-title { padding: 2rem 0 3rem; text-transform: uppercase; font-size: 1.1rem; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.toolbox > div.toolbox-content > ul.toolbox_posts { display: block; list-style: none; float: left; clear: left; width: 100%; padding: 0 1.3rem; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.toolbox > div.toolbox-content > ul.toolbox_posts:after { content: ""; display: block; clear: left; width: 10rem; margin: 2rem auto 1rem; padding-top: 2rem; border-bottom: .1rem solid rgba(217,217,217,1); } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.toolbox > div.toolbox-content > ul.toolbox_posts > li.post { display: block; width: 100%; padding-top: 100%; margin-bottom: 1.5rem; position: relative; overflow: hidden; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.toolbox > div.toolbox-content > ul.toolbox_posts > li.post > a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 10px solid #d8a370; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.toolbox > div.toolbox-content > ul.toolbox_posts > li.post > a > div.img > img { width: 70rem; height: 70rem; object-fit: cover; max-width: 100%; height: auto; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.toolbox > div.toolbox-content > ul.toolbox_posts > li.post > a > div.block { display: flex; flex-direction: column; justify-content: center; background: #d8a370; padding: 0 2rem; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: .3s; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.toolbox > div.toolbox-content > ul.toolbox_posts > li.post > a > div.block > div.read { font-family: georgia; color: rgba(255,255,255,1); font-size: 1.2rem; font-weight: 200; letter-spacing: .1rem; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.toolbox > div.toolbox-content > ul.toolbox_posts > li.post > a > div.block > div.read > p.icon { margin-bottom: 1rem; font-size: 1.6rem; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.toolbox > div.toolbox-content > ul.toolbox_posts > li.post > a > div.block > div.read > p:not(.icon) { margin-bottom: 1rem; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.toolbox > div.toolbox-content > ul.toolbox_posts > li.post > a > div.block > div.read > p:not(.icon)::after { content: '_'; display: block; text-align: center; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.toolbox > div.toolbox-content > ul.toolbox_posts > li.post > a:hover > div.block { opacity: 1; transition: .3s; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.insta > div.insta-content > div.insta-title { padding: 2rem 0 3rem; text-transform: uppercase; font-size: 1.1rem; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.insta > div.insta-content > div.insta-pics > ul.instagram { display: block; list-style: none; padding: 0 1.3rem; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.insta > div.insta-content > div.insta-pics > ul.instagram:after { content: ""; display: block; width: 10rem; margin: 2rem auto 1rem; padding-top: 2rem; border-bottom: .1rem solid rgba(217,217,217,1); } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.insta > div.insta-content > div.insta-pics > ul.instagram > li.insta-element { display: block; width: 100%; padding-top: 100%; position: relative; overflow: hidden; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.insta > div.insta-content > div.insta-pics > ul.instagram > li.insta-element > a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.insta > div.insta-content > div.insta-pics > ul.instagram > li.insta-element > a > div.img > img { width: 70rem; height: 70rem; object-fit: cover; max-width: 100%; height: auto; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.insta > div.insta-content > div.insta-pics > ul.instagram > li.insta-element > a > div.block { display: flex; flex-direction: column; justify-content: center; padding: 0 2rem; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: .3s; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.insta > div.insta-content > div.insta-pics > ul.instagram > li.insta-element > a > div.block > div.read { font-family: georgia; color: rgba(255,255,255,1); font-size: 1.2rem; font-weight: 200; letter-spacing: .1rem; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.insta > div.insta-content > div.insta-pics > ul.instagram > li.insta-element > a:hover > div.block { opacity: 1; transition: .3s; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.insta > div.insta-content > div.insta-pics > ul.instagram > li.insta-element > a:hover > div.img > img { filter: brightness(.6); transition: .3s; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.saison > div.saison-content > div.saison-title { padding: 2rem 0 3rem; text-transform: uppercase; font-size: 1.1rem; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.saison > div.saison-content > ul.saison_posts { display: block; list-style: none; float: left; clear: left; width: 100%; padding: 0 1.3rem; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.saison > div.saison-content > ul.saison_posts:after { content: ""; display: block; clear: left; width: 10rem; margin: 2rem auto 1rem; padding-top: 2rem; border-bottom: .1rem solid rgba(217,217,217,1); } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.saison > div.saison-content > ul.saison_posts > li.post { display: block; width: 100%; padding-top: 100%; margin-bottom: 1.5rem; position: relative; overflow: hidden; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.saison > div.saison-content > ul.saison_posts > li.post > a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.saison > div.saison-content > ul.saison_posts > li.post > a > div.img > img { width: 70rem; height: 70rem; object-fit: cover; max-width: 100%; height: auto; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.saison > div.saison-content > ul.saison_posts > li.post > a > div.block { display: flex; flex-direction: column; justify-content: center; padding: 0 2rem; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: .3s; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.saison > div.saison-content > ul.saison_posts > li.post > a > div.block > div.read { font-family: georgia; color: rgba(255,255,255,1); font-size: 1.2rem; font-weight: 200; letter-spacing: .1rem; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.saison > div.saison-content > ul.saison_posts > li.post > a:hover > div.block { opacity: 1; transition: .3s; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.saison > div.saison-content > ul.saison_posts > li.post > a:hover > div.img > img { filter: brightness(.6); transition: .3s; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.credits > div.credits-content > div.credits-title { padding: 2rem 0; text-transform: uppercase; font-size: 1.1rem; } div.wrapper > section.content.long.single > section.page > div.page-row > div.page.content > div.the-sidebar > section.credits > div.credits-content > div.credits-text { padding: 0 1.5rem; font-family: georgia; color: rgba(155,155,155,1); font-size: 1rem; line-height: 1.6rem; letter-spacing: .1rem; text-align: justify; } /* SHORT */ /* IMAGE */ div.wrapper > section.content.short.single > section.page > div.page-row > div.page.content > div.the-content { position: relative; } div.wrapper > section.content.short.single > section.page > div.page-row > div.page.content > div.the-content div.image { position: sticky; top: 0; } div.wrapper > section.content.short.single > section.page > div.page-row > div.page.content > div.the-content div.seven.image { overflow: hidden; } div.wrapper > section.content.short.single > section.page > div.page-row > div.page.content > div.the-content img { width: 100%; height: auto; object-fit: cover; } /* SHARE THE POST */ div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.wpb_content_element.share { clear: left; float: right; background: rgba(255,255,255,1); padding: 1rem 1.5rem; margin: 2.5rem -3rem 0 0; } div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.wpb_content_element.share > p { display: block; float: left; font-family: kingthings; font-size: 1.3rem; line-height: 2rem; letter-spacing: .02rem; margin: 0; padding-right: 1rem; } div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.wpb_content_element.share > ul { display: block; float: left; list-style: none; border-bottom: .1rem solid rgba(217,217,217,1); padding-bottom: .2rem; } div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.wpb_content_element.share > ul > li { display: block; float: left; font-size: 1.3rem; line-height: 2rem; padding: 0 .6rem; } div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.wpb_content_element.share > ul > li > a > i { font-size: 1.3rem; line-height: 2rem; } div.wrapper > section.content.single > section.page > div.page-row > div.page.content > div.the-content div.wpb_content_element.share > ul > li > a:hover { color: rgba(185,185,185,1); } /* RELATED POSTS */ div.wrapper > section.content.single > section.page > div.relatedposts { background: rgba(244,244,244,1); margin: 6rem 0 0 0; } div.wrapper > section.content.single > section.page > div.relatedposts > div.relatedposts-row { clear: both; margin: 0 auto; float: initial; } div.wrapper > section.content.single > section.page > div.relatedposts > div.relatedposts-row > div.relatedposts.content { position: relative; } div.wrapper > section.content.single > section.page > div.relatedposts > div.relatedposts-row > div.relatedposts.content > div.title { display: inline-block; clear: both; margin: 0 auto 5rem; float: initial; padding: .4rem 2rem; background: rgba(255,255,255,1); font-family: kingthings; font-size: 1.3rem; line-height: 2rem; letter-spacing: .02rem; } div.wrapper > section.content.single > section.page > div.relatedposts > div.relatedposts-row > div.relatedposts.content > ul.list { list-style: none; } div.wrapper > section.content.single > section.page > div.relatedposts > div.relatedposts-row > div.relatedposts.content > ul.list > li { margin-left: 12.5%; width: 25%; } div.wrapper > section.content.single > section.page > div.relatedposts > div.relatedposts-row > div.relatedposts.content > ul.list > li:first-child { margin-left: 0; } div.wrapper > section.content.single > section.page > div.relatedposts > div.relatedposts-row > div.relatedposts.content > ul.list > li > div.block > div.picture { position: relative; } div.wrapper > section.content.single > section.page > div.relatedposts > div.relatedposts-row > div.relatedposts.content > ul.list > li > div.block > div.picture > a > img { width: 100%; max-height: 20rem; object-fit: cover; } div.wrapper > section.content.single > section.page > div.relatedposts > div.relatedposts-row > div.relatedposts.content > ul.list > li > div.block > div.picture > div.hover { opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; color: rgba(255,255,255,1); } div.wrapper > section.content.single > section.page > div.relatedposts > div.relatedposts-row > div.relatedposts.content > ul.list > li > div.block > div.picture > div.hover > div.top > div.top-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; font-weight: 300; } div.wrapper > section.content.single > section.page > div.relatedposts > div.relatedposts-row > div.relatedposts.content > ul.list > li > div.block > div.picture > div.hover > div.top > div.top-content > div.read > a { color: rgba(255,255,255,1); text-transform: uppercase; font-size: 1.1rem; font-weight: 500; } div.wrapper > section.content.single > section.page > div.relatedposts > div.relatedposts-row > div.relatedposts.content > ul.list > li > div.block > div.picture > div.hover > div.top > div.top-content > div.read > a > p > i { display: block; padding-top: .6rem; font-size: 1.4rem; font-weight: 500; } div.wrapper > section.content.single > section.page > div.relatedposts > div.relatedposts-row > div.relatedposts.content > ul.list > li:hover > div.block > div.picture > a > img { filter: brightness(.6); transition: .3s; } div.wrapper > section.content.single > section.page > div.relatedposts > div.relatedposts-row > div.relatedposts.content > ul.list > li:hover > div.block > div.picture > div.hover { opacity: 1; transition: .3s; } div.wrapper > section.content.single > section.page > div.relatedposts > div.relatedposts-row > div.relatedposts.content > ul.list > li > div.block > div.text { margin: 1rem 0 5rem; } div.wrapper > section.content.single > section.page > div.relatedposts > div.relatedposts-row > div.relatedposts.content > ul.list > li > div.block > div.text > p.title { padding: 0 4rem; } div.wrapper > section.content.single > section.page > div.relatedposts > div.relatedposts-row > div.relatedposts.content > ul.list > li > div.block > div.text > p.title > a.cat , div.wrapper > section.content.single > section.page > div.relatedposts > div.relatedposts-row > div.relatedposts.content > ul.list > li > div.block > div.text > p.title > span { display: inline; font-family: karla; font-size: 1.2rem; letter-spacing: .1rem; line-height: 2rem; text-transform: uppercase; color: rgba(155,155,155,1); } div.wrapper > section.content.single > section.page > div.relatedposts > div.relatedposts-row > div.relatedposts.content > ul.list > li > div.block > div.text > p.title > a.title { display: inline; font-family: kingthings; font-size: 1.3rem; line-height: 2rem; letter-spacing: .02rem; color: rgba(64,64,64,1); transition: .3s; } div.wrapper > section.content.single > section.page > div.relatedposts > div.relatedposts-row > div.relatedposts.content > ul.list > li > div.block > div.text > p.title > a.title:hover { color: rgba(0,0,0,1); transition: .3s; } /* COMMENTS */ div.wrapper > section.content.single > section.page > section.comments { padding: 6rem 0 0 0; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row { background: rgba(244,244,244,1); clear: both; margin: 0 auto; padding: 3rem 7rem; float: initial; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-header { padding-bottom: 5rem; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-header > div.nb_comments { display: block; float: left; padding: .2rem 1rem; margin-right: 2rem; background: rgba(255,255,255,1); font-family: kingthings; font-size: 1.2rem; line-height: 2rem; color: rgba(0,0,0,1); letter-spacing: .02rem; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-header > a.respond_link { display: block; float: left; padding: .2rem 1rem; background: rgba(0,0,0,1); font-family: kingthings; font-size: 1.2rem; line-height: 2rem; color: rgba(255,255,255,1); letter-spacing: .02rem; transition: .3s; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-header > a.respond_link:hover { background: rgba(255,255,255,1);color: rgba(0,0,0,1); transition: .3s; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content > ol.commentlist { list-style: none; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content > ol.commentlist ul { list-style: none; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content > ol.commentlist > ul { padding-left: 4rem; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content > ol.commentlist li.comment { padding: 3rem 0; border-bottom: .1rem solid rgba(217,217,217,1); } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content > ol.commentlist > li.comment:last-child { border-bottom: 0; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content > ol.commentlist li.comment > div.comment > div.user { display: flex; align-items: center; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content > ol.commentlist li.comment > div.comment > div.user > div.avatar-author > img { border-radius: 50%; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content > ol.commentlist li.comment > div.comment > div.user > div.block { padding-left: 3rem; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content > ol.commentlist li.comment > div.comment > div.user > div.block > div.comment-author { text-align: left; font-family: droidserif; font-weight: 600; font-size: 1.3rem; line-height: 1.7rem; letter-spacing: .01rem; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content > ol.commentlist li.comment > div.comment > div.user > div.block > div.date { text-align: left; font-size: 1.1rem; line-height: 1.7rem; text-transform: uppercase; color: rgba(155,155,155,1); } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content > ol.commentlist li.comment > div.comment > div.content { padding-top: 3rem; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content > ol.commentlist li.comment > div.comment > div.content > p.comment { display: block; float: left; clear: both; text-align: left; font-family: droidserif; font-size: 1.3rem; line-height: 1.7rem; letter-spacing: .01rem; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content > ol.commentlist li.comment > div.comment > div.content > p.reply { display: block; float: right; clear: both; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content > ol.commentlist li.comment > div.comment > div.content > p.reply > a { font-family: droidserif; font-weight: 600; font-size: 1.3rem; line-height: 2rem; letter-spacing: .01rem; transition: .3s; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content > ol.commentlist li.comment > div.comment > div.content > p.reply > a.comment-edit-link { color: rgba(155,155,155,1); font-weight: 300; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content div.respond { padding-top: 3rem; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content div.respond > span.h7 { display: block; float: left; padding: .2rem 1rem; background: rgba(0,0,0,1); font-family: kingthings; font-size: 1.2rem; line-height: 2rem; color: rgba(255,255,255,1); letter-spacing: .02rem; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content div.respond > a > div.cancel { display: block; float: right; padding: .2rem 1rem; background: rgba(217,217,217,1); font-family: kingthings; font-size: 1.2rem; line-height: 2rem; letter-spacing: .02rem; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content div.respond > p.obligatoire { display: block; float: left; clear: both; padding: 3rem 0; font-family: droidserif; font-size: 1.3rem; line-height: 1.7rem; letter-spacing: .01rem; color: rgba(133,133,133,1); } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content div.respond > form.commentform { text-align: left; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content div.respond > form.commentform > div > p { margin-bottom: 2rem; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content div.respond > form.commentform > div > p > label { display: block; padding-bottom: 1.5rem; font-size: 1.1rem; line-height: 1.7rem; text-transform: uppercase; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content div.respond > form.commentform > div > p > label + textarea { display: block; width: 100%; border-radius: 0; border: .1rem solid rgba(185,185,185,1); resize: none; height: 20rem; line-height: 2rem; font-family: droidserif; font-size: 1.3rem; letter-spacing: .01rem; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content div.respond > form.commentform > div > p > label + input[type="text"] { display: block; width: 100%; border-radius: 0; border: .1rem solid rgba(185,185,185,1); line-height: 2rem; font-family: droidserif; font-size: 1.3rem; letter-spacing: .01rem; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content div.respond > form.commentform > div.logged { padding-bottom: 2rem; font-family: georgia; color: rgba(133,133,133,1); letter-spacing: .1rem; font-size: 1.1rem; line-height: 1.7rem; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content div.respond > form.commentform > div.actions { margin-bottom: 5rem; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content div.respond > form.commentform > div.actions > p { display: block; clear: both; float: left; margin: 0; font-family: droidserif; font-size: 1.3rem; line-height: 1.7rem; letter-spacing: .01rem; color: rgba(133,133,133,1); } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content div.respond > form.commentform > div.actions > p > label { text-transform: initial; display: block; float: left; padding-bottom: .5rem; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content div.respond > form.commentform > div.actions > p > label > input[type="checkbox"] { width: auto !important; margin-right: 1rem; border-radius: 0; border: .1rem solid rgba(185,185,185,1); } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content div.respond > form.commentform > div.actions > p > input[type="checkbox"] { display: block; float: left; margin-right: 1rem; border-radius: 0; border: .1rem solid rgba(185,185,185,1); } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content div.respond > form.commentform > div.actions > div.submit > input[type="submit"] { display: block; float: right; width: auto; height: 2.4rem; text-align: center; font-family: kingthings; font-size: 1.2rem; padding: 0 1rem; background: rgba(0,0,0,1); color: rgba(255,255,255,1); text-transform: initial; transition: .3s; } div.wrapper > section.content.single > section.page > section.comments > div.comments-row > div.comments-content div.respond > form.commentform > div.actions > div.submit > input[type="submit"]:hover { background: rgba(255,255,255,1); color: rgba(0,0,0,1); transition: .3s; } /* ------------------------- SEARCH --------------------------- */ /* HEADER */ div.wrapper > section.content.search > section.page > div.page-header { padding: 8rem 0 0 0; background: rgba(244,244,244,1); } div.wrapper > section.content.search > section.page > div.page-header > div.page-header-row > div.title-page > p { display: inline-block; padding: 1rem; background: rgba(255,255,255,1); text-align: center; font-family: kingthings; font-size: 1.2rem; } /* SIDEBAR */ div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.page-sidebar { padding: 0 1.5rem 5rem; background: rgba(244,244,244,1); } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.page-sidebar > section.sidebar-top > div.sidebar-content > div.sidebar-title { display: block; padding: 2rem 2rem 0; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.page-sidebar > section.sidebar-top > div.sidebar-content > div.sidebar-title > p.icon > i { display: block; padding: 0 0 2rem; font-size: 1.6rem; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.page-sidebar > section.sidebar-top > div.sidebar-content > div.sidebar-title > p.title { display: block; padding: 0 0 2rem; text-transform: uppercase; font-size: 1.1rem; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.page-sidebar > section.sidebar-top > div.sidebar-content > div.sidebar-title > p.title:after { content: ""; display: block; width: 10rem; margin: 0 auto; padding-top: 3rem; border-bottom: .1rem solid rgba(217,217,217,1); } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.page-sidebar > form.search > section:not(:first-of-type) > div.sidebar-content > div.sidebar-title:before { content: ""; display: block; float: initial; clear: both; margin: 3rem 4.5rem; border-bottom: .1rem solid rgba(188,188,188,1); } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.page-sidebar > form.search > section > div.sidebar-content > div.sidebar-title > p.title { display: block; padding: 0 0 2rem; text-transform: uppercase; font-size: 1.1rem; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.page-sidebar > form.search > section > div.sidebar-content > div.sidebar-text { padding: 0 0 0 2rem; font-size: 1.1rem; line-height: 1.6rem; letter-spacing: .12rem; font-family: georgia; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.page-sidebar > form.search > section > div.sidebar-content > div.sidebar-text > div.radio-element { padding: .4rem 0; float: left; clear: both; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.page-sidebar > form.search > section > div.sidebar-content > div.sidebar-text > div.radio-element > input[type="checkbox"] { display: none !important; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.page-sidebar > form.search > section > div.sidebar-content > div.sidebar-text > div.radio-element > input[type="checkbox"] + label { display: block; float: left; width: 1.4rem; height: 1.4rem; margin-right: 2rem; background: rgba(255,255,255,1); border: .1rem solid rgba(155,155,155,1); border-radius: 50%; cursor: pointer; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.page-sidebar > form.search > section > div.sidebar-content > div.sidebar-text > div.radio-element > input[type="checkbox"] + label + label { display: block; float: left; line-height: 1.4rem; text-transform: lowercase; cursor: pointer; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.page-sidebar > form.search > section > div.sidebar-content > div.sidebar-text > div.radio-element > input[type="checkbox"] + label + label:first-letter { text-transform: uppercase; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.page-sidebar > form.search > section > div.sidebar-content > div.sidebar-text > div.radio-element > input[type="checkbox"] + label + label > span.count { color: rgba(155,155,155,1); } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.page-sidebar > form.search > section > div.sidebar-content > div.sidebar-text > div.radio-element > input[type="checkbox"]:checked + label:after { content: ""; display: block; width: .8rem; height: .8rem; position: relative; top: .2rem; left: .2rem; background: rgba(64,64,64,1); border-radius: 50%; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.page-sidebar > form.search > section > div.sidebar-content > div.sidebar-text > input[type="search"] { display: block; width: calc(100% - 4.8rem); height: 2.8rem; float: left; margin: 0; padding: .3rem 1rem; font-size: 1.2rem; font-family: georgia; text-transform: initial; color: rgba(155,155,155,1); border: .1rem solid transparent; background: rgba(255,255,255,1); border-radius: 0; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.page-sidebar > form.search > section > div.sidebar-content > div.sidebar-text > a.submit { display: block; float: left; margin: 0; width: 2.8rem; height: 2.8rem; line-height: 3rem; padding: 0; background: rgba(0,0,0,1); color: rgba(255,255,255,1); font-size: 1rem; transition: .3s; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.page-sidebar > form.search > section > div.sidebar-content > div.sidebar-text > a.submit:hover { background: rgba(217,217,217,1); color: rgba(0,0,0,1); transition: .3s; } /* 9-POSTS */ div.wrapper > section.content.search > section.page > div.page-row { clear: both; margin: 0 auto; float: initial; padding: 6rem 0 0 0; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts { list-style: none; } /* FILTER */ div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.page-filter { clear: both; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.page-filter > div.page-filter-row { display: block; float: left; color: rgba(155,155,155,1); } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.page-filter > div.page-filter-row > label { display: block; float: left; margin: 0 0 2rem; padding: 0; font-size: 1.2rem; line-height: 2rem; letter-spacing: .12rem; font-family: georgia; cursor: pointer; text-transform: lowercase; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.page-filter > div.page-filter-row > label:first-letter { text-transform: uppercase; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.page-filter > div.page-filter-row > label > i { display: none; float: right; font-size: 1.2rem; line-height: 2rem; padding: 0 0 0 1rem; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.page-filter > div.page-filter-row > label:hover > i { display: block; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.page-filter > div.page-filter-row > span { display: block; float: left; margin: 0 .5rem; padding: 0 .4rem; line-height: 2rem; } /* POSTS */ div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content {text-align: left; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > div.loading { display: flex; align-items: center; justify-content: center; color: rgba(217,217,217,1); } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > p { font-family: kingthings; font-size: 1.2rem; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article { display: block; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture { position: relative; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture { transition: .3s; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > a > img { width: 100%; height: 37.6rem; object-fit: cover; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover { opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; color: rgba(255,255,255,1); text-align: center; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.top > div.top-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; font-weight: 300; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.top > div.top-content > div.read > a { color: rgba(255,255,255,1); text-transform: uppercase; font-size: 1.1rem; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.top > div.top-content > div.read > a > p > i { display: block; padding-top: .6rem; font-size: 1.4rem; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom { position: absolute; bottom: 7rem; left: 2rem; width: calc(100% - 4rem); font-family: karla; height: 2rem; border-bottom: .1rem solid rgba(255,255,255,1); } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content { width: 100%; font-size: 1.2rem; line-height: 1.4rem; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div > p { float: left; line-height: 1.6rem; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div > i { float: left; font-size: 1.4rem; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.comments { float: left; padding-left: 2rem; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.comments > a { color: rgba(255,255,255,1); } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.comments > a > i, div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.comments > a > p { display: inline-block; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes { float: right; padding-right: 2rem; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a { color: rgba(255,255,255,1); display: block; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a.already { pointer-events: none; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a > i, div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.picture > div.hover > div.bottom > div.bottom-content > div.likes > a > p { display: inline-block; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.text { width: 100%; height: 9rem; margin: 1.5rem 0; text-align: center; background: rgba(255,255,255,1); } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.text > div.title > a { font-family: georgia; font-size: 1.2rem; line-height: 1.8rem; letter-spacing: .12rem; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article > div.block > div.text > div.title:after { content: ""; display: block; width: 1rem; height: .1rem; margin: 2rem auto; background: rgba(0,0,0,1); } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article:hover > div.block > div.picture > a > img { filter: brightness(.6); transition: .3s; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > ul.blog-threeposts > li.blog-article:hover > div.block > div.picture > div.hover { opacity: 1; transition: .3s; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > a.show-more { display: block; clear: both; float: right; width: 14rem; height: 2.4rem; margin: 0 auto; text-align: center; font-family: kingthings; font-size: 1.2rem; transition: .3s; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > a.show-more > p { position: relative; line-height: 2.4rem; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > a.show-more:before { content: ""; position: absolute; display: block; width: 10.5rem; height: 2.4rem; background: rgba(217,217,217,1); transition: .3s; z-index: 0; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > a.show-more:hover { color: rgba(255,255,255,1); transition: .3s; } div.wrapper > section.content.search > section.page > div.page-row > div.page.content > div.blog-nineposts > div.nineposts-content > a.show-more:hover:before { width: 14rem; background: rgba(0,0,0,1); transition: .3s; } /* ------------------------- 404 --------------------------- */ /* PAGE */ div.wrapper > section.content.page404 > section.page { background: rgba(244,244,244,1); } div.wrapper > section.content.page404 > section.page > div.page-row { clear: both; margin: 0 auto; float: initial; padding: 14rem 0 0 0; } div.wrapper > section.content.page404 > section.page > div.page-row > div.page.content > div.page-content > div.title { padding: 0 0 3rem; color: rgba(0,0,0,1); } div.wrapper > section.content.page404 > section.page > div.page-row > div.page.content > div.page-content > div.title > h3 { font-family: droidserif; font-size: 4rem; line-height: 4rem; text-transform: uppercase; font-weight: 400; font-style: italic; } div.wrapper > section.content.page404 > section.page > div.page-row > div.page.content > div.page-content > div.searchform > form.searchform { display: inline-block; min-width: 30rem; } div.wrapper > section.content.page404 > section.page > div.page-row > div.page.content > div.page-content > div.searchform > form.searchform > input[type="search"] { display: block; width: calc(100% - 2.8rem); height: 2.8rem; float: left; margin: 0; padding: .3rem 1rem; font-size: 1.2rem; font-family: georgia; text-transform: initial; color: rgba(155,155,155,1); border: .1rem solid transparent; background: rgba(255,255,255,1); border-radius: 0; } div.wrapper > section.content.page404 > section.page > div.page-row > div.page.content > div.page-content > div.searchform > form.searchform > button.submit { display: block; float: left; margin: 0; width: 2.8rem; height: 2.8rem; line-height: 3rem; padding: 0; background: rgba(0,0,0,1); color: rgba(255,255,255,1); font-size: 1rem; transition: .3s; } div.wrapper > section.content.page404 > section.page > div.page-row > div.page.content > div.page-content > div.searchform > form.searchform > button.submit:hover { background: rgba(217,217,217,1); color: rgba(0,0,0,1); transition: .3s; } div.wrapper > section.content.page404 > section.page > div.page-row > div.page.content > div.page-content > div.return { padding: 6rem 0; } div.wrapper > section.content.page404 > section.page > div.page-row > div.page.content > div.page-content > div.return > a { font-family: karla; font-size: 1.1rem; text-transform: uppercase; color: rgba(0,0,0,1); } /* INSTA FEED */ div.wrapper > section.content.page404 > section.insta { position: relative; } div.wrapper > section.content.page404 > section.insta > div.insta-content > div.insta-title > div.title { float: left;clear: left; margin-bottom: 4rem; background: rgba(0,0,0,1); color: rgba(255,255,255,1); font-family: kingthings; font-size: 1.1rem; letter-spacing: .03rem; padding: .4rem 1rem; } div.wrapper > section.content.page404 > section.insta > div.insta-content > div.insta-pics > ul.instagram li.insta-element { display: block; width: 100%; padding-top: 100%; position: relative; overflow: hidden; } div.wrapper > section.content.page404 > section.insta > div.insta-content > div.insta-pics > ul.instagram li.insta-element > a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } div.wrapper > section.content.page404 > section.insta > div.insta-content > div.insta-pics > ul.instagram li.insta-element > a > div.img > img { width: 70rem; height: 70rem; object-fit: cover; max-width: 100%; height: auto; } div.wrapper > section.content.page404 > section.insta > div.insta-content > div.insta-pics > ul.instagram li.insta-element > a > div.block { display: flex; flex-direction: column; justify-content: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: .3s; } div.wrapper > section.content.page404 > section.insta > div.insta-content > div.insta-pics > ul.instagram li.insta-element > a > div.block > div.read { font-family: georgia; color: rgba(255,255,255,1); font-weight: 200; letter-spacing: .1rem; } div.wrapper > section.content.page404 > section.insta > div.insta-content > div.insta-pics > ul.instagram li.insta-element > a:hover > div.block { opacity: 1; transition: .3s; } div.wrapper > section.content.page404 > section.insta > div.insta-content > div.insta-pics > ul.instagram li.insta-element > a:hover > div.img > img { filter: brightness(.6); transition: .3s; } /* ------------------------- FOOTER --------------------------- */ div.wrapper > section.footer { position: relative; margin: 8rem 0 0 0; } div.wrapper > section.footer:before { content: ""; display: block; clear: both; width: 100%; max-width: 1100px; height: 2rem; margin: 0 auto; background: url(../images/footer-bkg.png) no-repeat center bottom; background-size: 100% auto; } div.wrapper > section.footer:after { content: ""; position: absolute; width: 100%; height: calc(100% - 2rem); top: 2rem; right: 0; bottom: 0; left: 0; background: rgba(244,244,244,1); z-index: 0; } div.wrapper > section.footer > div.footer { position: relative; padding: 5rem 0 3rem; z-index: 1; } div.wrapper > section.footer > div.footer > section { display: block; clear: both; } div.wrapper > section.footer > div.footer > section.top > div.top-left { float: left; } div.wrapper > section.footer > div.footer > section.top > div.top-left > div.form > div { float: left; height: 4rem; line-height: 4rem; text-align: left; } div.wrapper > section.footer > div.footer > section.top > div.top-left > div.form > div.title { text-transform: uppercase; font-size: 1rem; width: 14rem; } div.wrapper > section.footer > div.footer > section.top > div.top-left > div.form > div.form-content { float: left; width: calc(100% - 14rem); } div.wrapper > section.footer > div.footer > section.top > div.top-left > div.form > div.form-content > form > div { width: 100%; } div.wrapper > section.footer > div.footer > section.top > div.top-left > div.form > div.form-content > form > div.mc4wp-form-fields > input { display: block; height: 4rem; float: left; margin: 0; font-size: 1.2rem; } div.wrapper > section.footer > div.footer > section.top > div.top-left > div.form > div.form-content > form > div.mc4wp-form-fields > input[type="email"] { width: calc(100% - 4rem); font-family: georgia; text-transform: initial; color: rgba(155,155,155,1); border: 0; border-radius: 0; } div.wrapper > section.footer > div.footer > section.top > div.top-left > div.form > div.form-content > form > div.mc4wp-form-fields > input[type="submit"] { width: 4rem; background: rgba(0,0,0,1); color: rgba(255,255,255,1); text-align: center; padding: 0; transition: .3s; } div.wrapper > section.footer > div.footer > section.top > div.top-left > div.form > div.form-content > form > div.mc4wp-form-fields > input[type="submit"]:hover { background: rgba(217,217,217,1); color: rgba(0,0,0,1); transition: .3s; } div.wrapper > section.footer > div.footer > section.top > div.top-left > div.form > div.form-content > form > div.mc4wp-response { font-size: 1rem; line-height: 2.8rem; background: rgba(255,255,255,1); font-family: georgia; color: rgba(155,155,155,1); text-transform: initial; } div.wrapper > section.footer > div.footer > section.top > div.top-left > div.form > div.form-content > form > div.mc4wp-response > div.mc4wp-error { color: rgba(255,0,0,1); } div.wrapper > section.footer > div.footer > section.top > div.top-right { float: right; height: 4rem; } div.wrapper > section.footer > div.footer > section.top > div.top-right > ul , div.wrapper > section.footer > div.footer > section.top > div.top-right > ul > li > ul { list-style: none; text-align: center; margin: 0; } div.wrapper > section.footer > div.footer > section.top > div.top-right > ul > li { display: inline; text-transform: uppercase; line-height: 4rem; font-size: 1.5rem; } div.wrapper > section.footer > div.footer > section.top > div.top-right > ul > li > a { color: rgba(176,176,176,1); transition: .3s; } div.wrapper > section.footer > div.footer > section.top > div.top-right > ul > li:hover > a { color: rgba(0,0,0,1); transition: .3s; } div.wrapper > section.footer > div.footer > section.top > div.top-right > ul > span.bar { padding: .5rem; color: rgba(176,176,176,1); } div.wrapper > section.footer > div.footer > section.middle { float: left; width: 100%; margin: 3rem 0; padding: 2rem 0; border: .1rem solid rgba(217,217,217,1); border-right: 0; border-left: 0; } div.wrapper > section.footer > div.footer > section.middle > div.menu > nav > div.menu-footer > ul { list-style: none; width: calc(100% - 12rem); margin: 0 auto; } div.wrapper > section.footer > div.footer > section.middle > div.menu > nav > div.menu-footer > ul > li { display: block; float: left; width: 20%; text-transform: uppercase; font-size: 1.2rem; } div.wrapper > section.footer > div.footer > section.middle > div.menu > nav > div.menu-footer > ul > li > a { color: rgba(133,133,133,1); transition: .3s; } div.wrapper > section.footer > div.footer > section.middle > div.menu > nav > div.menu-footer > ul > li > a:hover { color: rgba(0,0,0,1); transition: .3s; } div.wrapper > section.footer > div.footer > section.bottom > div.copyright { text-transform: uppercase; font-size: 1.1rem; line-height: 1.6rem; font-weight: 400; } div.wrapper > section.footer > div.footer > section.bottom > div.credits, div.wrapper > section.footer > div.footer > section.bottom > div.credits > p > a { font-family: georgia; color: rgba(155,155,155,1); font-size: 1.1rem; line-height: 1.6rem; letter-spacing: .1rem; transition: .3s; } div.wrapper > section.footer > div.footer > section.bottom > div.credits > p > a:hover { color: rgba(0,0,0,1); transition: .3s; } /* _____ ANIMATION ______ */ @keyframes fromload { 0% { opacity: 0; } 100% { opacity: 1; } } div.wrapper * { animation: 0.5s ease-out 0s 1 fromload; }