/*
Theme Name: Libre Hantaynne
Template: blogfeedly
Theme URI: https://superbthemes.com/child-theme/libre-hantaynne/
Text Domain: libre-hantaynne
Domain Path: /languages
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Author: Development Team
Author URI: https://superbthemes.com/
Description: Thème enfant personnalisé basé sur Blogfeedly avec corrections de compatibilité
Version: 1.0.0
Tested up to: 6.9
Requires at least: 4.0
Requires PHP: 5.6
*/

@import url('../blogfeedly/style.css');

@font-face {
    font-family: 'Zain bold';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('fonts/Zain-ExtraBold.ttf') format('embedded-opentype'), /* Internet Explorer */
    url('fonts/Zain-ExtraBold.ttf') format('woff2'),             /* Super Modern Browsers */
    url('fonts/Zain-ExtraBold.ttf') format('woff'),              /* Pretty Modern Browsers */
    url('fonts/Zain-ExtraBold.ttf') format('truetype'),          /* Safari, Android, iOS */
    url('fonts/Zain-ExtraBold.ttf') format('svg');               /* Legacy iOS */
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --primary: #287c98;
    --secondary: #c02120;
}

a {
    color: var(--primary);
}

.post .wp-block-pullquote {
    padding: 0;
}

.post .wp-block-pullquote blockquote {
    border-color: var(--primary);
}

.entry-title,
.wp-block-heading {
    font-family: 'Zain bold', sans-serif;
}

.entry-title, .entry-title a {
    color: var(--primary);
}

.wp-block-search__label {
    color: white;
}

a:hover,
.entry-meta, .entry-meta *,
#back-to-top:hover,
.infinite-scroll #infinite-handle span:hover {
    color: var(--secondary);
}

.post .post-thumbnail img {
    border-radius: 10px;
}

.site-footer a:hover {
    color: white;
    text-decoration: underline;
}

a.more-link {
    background: var(--secondary);
}

a.more-link:hover {
    color: white;
    opacity: .8;
}

textarea:focus {
    border-color: var(--secondary);
}

button,
input[type="submit"],
input[type="button"],
input[type="reset"],
button:hover,
button:focus,
button:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="reset"]:active,
.wpcf7 input.wpcf7-submit {
    background:var(--secondary);
    border-color:var(--secondary);
}

.widget button:hover,
.widget button:focus,
.widget button:active,
.widget input[type="submit"]:hover,
.widget input[type="submit"]:focus,
.widget input[type="submit"]:active,
.widget input[type="button"]:hover,
.widget input[type="button"]:focus,
.widget input[type="button"]:active,
.widget input[type="reset"]:hover,
.widget input[type="reset"]:focus,
.widget input[type="reset"]:active {
    border-color: var(--secondary);
}

.wp-block-file .wp-block-file__button:active,
.wp-block-file .wp-block-file__button:focus,
.wp-block-file .wp-block-file__button:hover,
.wp-block-file .wp-block-file__button:visited,
.wp-block-button .wp-block-button__link:active,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:visited {
    background-color: var(--secondary);
}

.site-footer {
    position: relative;

    &::before,
    &::after {
        content: "";
        position: absolute;
        top: -39px; left: 0;width: 200px;
        max-width: 25%;height: 40px;
        background: url('assets/img/arrondi.svg') no-repeat bottom left;
    }

    &::after {
        left: auto; right: -3px;
        transform: rotateY(180deg);
        background-position: bottom right;
    }
}



.one-third {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding-left: 24px;
    width: 33%;
}

@media only screen and (max-width: 540px) {
    .one-third {
        width: 100%;
    }
}