/*
Theme Name: Favoloso Child
Theme URI: http://landing.favoloso.shopshark.net
Author: ShopShark
Template:  favoloso
Author URI: http://shopshark.net
Description: Multipurpose Multi-Concept Responsive WordPress Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: favoloso

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.TextAnimContainer {
    display: -webkit-flex;
    display: flex;
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.TextAnimSubContainer > span {
    position: absolute;
    top: 0px;
}

.textToRotate {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    display: inline-block;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
    -webkit-font-smoothing: antialiased;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.rotateX-in {
    -webkit-animation: rotateX-in 1.2s;
    animation: rotateX-in 1.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.rotateX-out {
    -webkit-animation: rotateX-out 1.2s;
    animation: rotateX-out 1.2s;
}

@-webkit-keyframes rotateX-in {
    0% {
        -webkit-transform: rotateX(180deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    35% {
        -webkit-transform: rotateX(120deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    65% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    100% {
        -webkit-transform: rotateX(360deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

@keyframes rotateX-in {
    0% {
        -webkit-transform: rotateX(180deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    35% {
        -webkit-transform: rotateX(120deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    65% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    100% {
        -webkit-transform: rotateX(360deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

@-webkit-keyframes rotateX-out {
    0% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    35% {
        -webkit-transform: rotateX(-40deg);
        transform: rotateX(-40deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    65% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    100% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

@keyframes rotateX-out {
    0% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    35% {
        -webkit-transform: rotateX(-40deg);
        transform: rotateX(-40deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    65% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    100% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}


/*RESET*/

.page-template-default .layout-part {
    margin-top: 0px !important;
}

.page-template-default .layout-part .static-page-container {
    padding-top: 0px !important;
}

#body-overlay {
    background: none !important;
}


/* Fonts */

@font-face {
    f font-family: 'AvenirLT45Book';
    src: url('assets/fonts/AvenirLT45Book.eot');
    src: url('assets/fonts/AvenirLT45Book.eot') format('embedded-opentype'), url('assets/fonts/AvenirLT45Book.woff2') format('woff2'), url('assets/fonts/AvenirLT45Book.woff') format('woff'), url('assets/fonts/AvenirLT45Book.ttf') format('truetype'), url('assets/fonts/AvenirLT45Book.svg#AvenirLT45Book') format('svg');
}

@font-face {
    font-family: 'AvenirLTMedium';
    src: url('assets/fonts/AvenirLTStd-Medium.eot');
    src: url('assets/fonts/AvenirLTStd-Medium.eot?#iefix') format('embedded-opentype'), url('assets/fonts/AvenirLTStd-Medium.woff') format('woff'), url('assets/fonts/AvenirLTStd-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirLTBlack';
    src: url('assets/fonts/AvenirLTStd-Black.eot');
    src: url('assets/fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'), url('assets/fonts/AvenirLTStd-Black.woff') format('woff'), url('assets/fonts/AvenirLTStd-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'TrajanPro3Regular';
    src: url('assets/fonts/TrajanPro3Regular.eot');
    src: url('assets/fonts/TrajanPro3Regular.eot') format('embedded-opentype'), url('assets/fonts/TrajanPro3Regular.woff2') format('woff2'), url('assets/fonts/TrajanPro3Regular.woff') format('woff'), url('assets/fonts/TrajanPro3Regular.ttf') format('truetype'), url('assets/fonts/TrajanPro3Regular.svg#TrajanPro3Regular') format('svg');
}

@font-face {
    font-family: 'Mf Yellow Butterflies';
    src: url('assets/fonts/MfYellowButterflies.eot');
    src: url('assets/fonts/MfYellowButterflies.eot?#iefix') format('embedded-opentype'), url('assets/fonts/MfYellowButterflies.woff') format('woff'), url('assets/fonts/MfYellowButterflies.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Amber Shaie';
    src: url('assets/fonts/AmberShaie.eot');
    src: url('assets/fonts/AmberShaie.eot?#iefix') format('embedded-opentype'), url('assets/fonts/AmberShaie.woff') format('woff'), url('assets/fonts/AmberShaie.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

body {
    font-family: 'AvenirLT45Book', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

h1:not(.homeBanContent_txt),
h2:not(.wpb_pie_chart_heading),
h3,
.item-overlay h3 a,
.menu-main-menu-container ul li a,
.read-more,
.post-page-container .related-post-title,
.transition-element,
h1.post-title-box,
.related-post-box h4,
.mobile-sidebar-navigation .widget-title,
.rechercher,
.category-header-part h1 {
    letter-spacing: 0.2em !important;
    font-family: 'TrajanPro3Regular', Helvetica, Arial, sans-serif !important;
    text-transform: uppercase;
}

.mobile-sidebar-navigation .widget-title {
    padding-top: 13px;
}

.footer-main-container p,
.post-info-date {
    font-family: 'Lato', Helvetica, Arial, sans-serif !important;
    font-weight: 400;
}

.read-more {
    font-size: 12px !important;
}


/*RECHERCHE*/

.rechercher {
    font-size: 40px !important;
}

#desktop-search-form.open,
#mobile-search-form.open {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.93) !important;
}

.desktop-search-form-close-button-container {
    position: absolute;
    top: 30px;
    right: 30px;
}

.desktop-search-form-container {
    width: 30%;
}

.desktop-search-form-container .input-container {
    padding: inherit !important;
}

#desktop-search-form .desktop-search-tag-cloud .tag-links a {
    padding: 10px 30px;
}


/* MENU */

ul.main-menu li .sub-menu li:not(:last-child) {
    margin-bottom: 30px;
}

ul.sub-menu li a {
    text-transform: uppercase !important;
    font-size: 9px !important;
}

.header-logo-left-navigation-center ul.main-menu li a,
.header-sticky-container ul.main-menu li a {
    font-size: 14px;
}

.back-to-top {
    width: auto;
    height: auto;
    background: none;
}

.homeBan {
    /* background-image : Paramètre de l'image depuis BO, thème CSS additionnel */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 60vh;
}

.homeBan > .container,
.homeBan > .container > .homeBan_content {
    height: 100%;
}

.homeBan_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.homeBanContent_logo {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 10px;
}

.homeBanContent_hello {
    font-family: 'Mf Yellow Butterflies', Arial, Helvetica, sans-serif;
    font-size: 100px;
    color: #ff3399;
    font-style: italic;
}

.homeBanContent_hello:first-letter {
    font-family: 'Amber Shaie', Arial, Helvetica, sans-serif;
}

.homeBanContent_txt {
    font-size: 35px;
}

.home #desktop-header {
    margin: 10px 0;
}

.home .post-default-list-container:nth-child(odd) {
    text-align: right;
}

.home .post-default-list-container:nth-child(odd) .post-content-box.position {
    right: auto;
    left: 0;
}


/* CAROUSEL HOME */

.owl-carousel.full-screen.post-data-bottom-image .slider-item {
    position: relative;
}

.item-overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /*background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.46) 50%) !important;*/
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.55) 50%) !important;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.55) 50%) !important;
}

.owl-carousel.full-screen.post-data-bottom-image .slider-item .item-overlay .lien-carousel {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.owl-carousel.full-screen.post-data-bottom-image .slider-item .item-overlay h3 a {
    font-size: 13px;
    line-height: 1 !important;
    color: black;
}

.widget_wysija h3,
.widget_wysija p,
.widget_wysija_cont,
.widget_wysija input {
    text-align: center;
}

.wysija-paragraph input {
    width: 300px;
    border: none;
    border-bottom: solid 1px grey;
}

.widget_wysija_cont .wysija-submit {
    margin-left: auto;
    margin-right: auto;
}

.wysija-paragraph {
    margin: auto;
}

.owl-carousel .fa.fa-angle-left,
.owl-carousel .fa.fa-angle-right {
    font-size: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 50px;
    color: black;
}


/*POSTS HOME*/

.ContainerHome {
    max-width: 1170px !important;
}

.ContainerHome .image-container {
    height: 700px !important;
}


/*PAGE CATÉGORIE*/

.category-header-part h1 {
    font-size: 40px !important;
}

.ContainerHome {
    padding: 0px !important;
}

.category .ContainerHome {
    margin-top: 0px !important;
}

.category-posts-container h2 {
    margin: 6px 0px !important;
    line-height: 0.9 !important;
}

.category h2.post-title > a {
    font-size: 15px !important;
}

.category h2.post-title,
.category .read-more-container {
    text-align: center;
}

.category-posts-container .post-box {
    padding: 15px;
    border: 1px solid #eeeeee;
}

.category-posts-container .post-box .post-content-box h2 a {
    font-size: 24px;
}

.category-posts-container .masonry-post-container .read-more-container {
    margin-bottom: 0px !important;
}

.category-posts-container .masonry-post-container {
    margin-bottom: 15px !important;
}


/*PAGE SINGLE*/

h1.post-title-box {
    margin: 60px 0px !important;
}

.post-page-container .post-content-container {
    padding-top: 0px !important;
}

.post-template-default .layout-part {
    margin-top: 0px !important;
}

.single-post .post-content-container img {
    display: block;
    margin: auto;
    margin-bottom: 30px;
}

.post-page-container .post-share-links {
    margin: 30px 0px !important;
}

.item-overlay h4 {
    text-align: center;
    font-size: 16px;
}

.related-post-box a:hover {
    color: black !important;
}


/*SHOP*/

.boutique-widget > div {
    margin: auto !important;
    /*display: flex !important;*/
}


/*.boutique-widget > div > div {
    position: inherit !important;
    left: 0px !important;
    top: 0px !important;
}*/


/*CONTACT*/

.page-id-24404 input {
    border: 1px solid #eeeeee;
    box-shadow: none !important;
    border-radius: none !important;
}

.page-id-24404 hr {
    margin: 30px 0px !important;
}

.sujet,
.message,
.profil {
    margin-bottom: 30px !important;
}

.cf-toggle-switch .btn {
    border-radius: 0px !important;
}

.cf-toggle-switch .btn-success:hover,
.cf-toggle-switch .btn-success {
    background: black !important;
    border-color: black !important;
}

input,
textarea {
    text-transform: inherit !important;
}

.wpb_pie_chart_heading {
    margin-top: 20px;
    font-size: 20px;
    font-family: 'AvenirLT45Book', Helvetica, Arial, sans-serif;
}


/*FOOTER*/

.credits {
    margin-top: 30px;
}


/*INSTAGRAM*/

#sbi_images {
    padding: 0px !important;
}

#sb_instagram {
    max-width: 1170px !important;
    width: inherit !important;
    position: relative;
}

#sbi_load {
    position: absolute;
    top: calc(50% - 43px);
}

#sbi_load .sbi_follow_btn {
    margin-left: 0px !important;
}

#sbi_load .sbi_follow_btn a {
    padding: 20px 40px !important;
    border-radius: 0px !important;
    background: white !important;
    border: 2px solid #ff3399 !important;
    color: #ff3399 !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}

#sbi_load .sbi_follow_btn a i {
    display: none;
}


/*MEDIA QUERIES*/

@media only screen and (min-width: 992px) and (max-width: 1400px) {
    .header-logo-left-navigation-center ul.main-menu > li,
    .header-sticky-container ul.main-menu > li {
        margin: 0 15px !important;
    }
    .header-logo-left-navigation-center ul.main-menu > li > a,
    .header-sticky-container ul.main-menu > li > a {
        font-size: 1vw !important;
    }
    .header-logo-left-navigation-center ul.sub-menu > li > a,
    .header-sticky-container ul.sub-menu > li > a {
        font-size: 0.8vw !important;
    }
    .header-logo-left-navigation-center .social-profiles-container li,
    .header-sticky-container .social-profiles-container li {
        margin: 0 12px !important;
        font-size: 1vw !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    .home header .header-logo-left-navigation-center .main-menu-container > div:first-child {
        display: none;
    }
    body:not(.home) header .header-logo-left-navigation-center .main-menu-container,
    .header-sticky-container .container-fluid .main-menu-container {
        padding: 0px !important;
    }
    body:not(.home) header .header-logo-left-navigation-center .header-logo-container,
    .header-sticky-container .header-logo-container {
        width: 10% !important;
    }
    body:not(.home) header .header-logo-left-navigation-center .header-logo,
    .header-sticky-container .header-logo-container .header-logo {
        padding-left: 0px !important;
    }
}

@media only screen and (min-width: 1200px) {
    .ContainerHome .category-page .image-container {
        width: 950px !important;
    }
}

@media only screen and (min-width: 992px) {
    body:not(.home) header .header-logo-left-navigation-center ul.main-menu > li > a,
    body:not(.home) header .header-logo-left-navigation-center ul.main-menu > li > a:after,
    .header-sticky-container ul.main-menu > li > a,
    .header-sticky-container ul.main-menu > li > a:after {
        line-height: 0.7 !important;
        padding-top: 6px !important;
    }
    body:not(.home) header .header-logo-left-navigation-center {
        padding: 20px 0px !important;
    }
}

@media only screen and (max-width: 1024px) {
    .desktop-search-tag-cloud {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .homeBan {
        /* background-image : Paramètre de l'image depuis BO, thème CSS additionnel */
        background-position: 77% 0px;
        background-size: auto 60%;
        height: 80vh;
    }
    .homeBan_content{
        justify-content: flex-end;
        padding-bottom: 30px;
    }
    .homeBanContent_hello {
        font-size: 80px;
    }
    .homeBanContent_txt {
        font-size: 26px;
        margin: 0;
    }
    .mobile-header-container,
    .mobile-header-container > div {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        height: 100% !important;
    }
    .header-left-side-container {
        display: none;
    }
    .header-center-container {
        height: inherit !important;
    }
    .header-center-container .header-logo {
        max-height: 40px !important;
        height: 40px !important;
    }
    .mobile-sidebar-navigation .sub-menu > li {
        margin-bottom: 0px !important;
    }
    .boutique-widget > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-height: inherit !important;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .boutique-widget > div > .bo-con {
        position: relative !important;
        left: inherit !important;
        top: inherit !important;
    }
    .boutique-widget > div > .bo-con:before,
    .boutique-widget > div > .bo-con:after {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) {
    .post-default-list-container .post-content-box {
        max-width: 700px;
    }
}

@media only screen and (max-width: 425px) {
    .home .ContainerHome {
        margin-top: 0px !important;
    }
    .home .owl-carousel {
        display: none !important;
    }
    #sbi_images {
        display: none;
    }
    #sbi_load {
        position: inherit;
        top: 0px;
    }
    #offcanvas-sidebar .header-logo {
        max-height: inherit !important;
        height: 40px !important;
    }
    .mobile-sidebar-navigation .menu-main-menu-container >ul > li {
        padding-top: 3px;
    }
    #back-to-top {
        right: 20px;
    }
    #back-to-top > img {
        width: 30px;
    }
    h1 {
        font-size: 26px !important;
        line-height: 1.2 !important;
    }
    .category-posts-container .post-box .post-content-box h2 a,
    .home .post-title > a {
        line-height: 1.5;
        font-size: 22px;
    }
    h3 {
        line-height: 1.5 !important;
    }
    .post-page-container .post-content-container p,
    .post-page-container .post-content-container a,
    .post-page-container .post-content-container strong,
    .post-excerpt-container p,
    footer p,
    .vc_row p {
        font-size: 16px !important;
        line-height: 26px !important;
    }
    .item-overlay {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    .desktop-search-form-container {
        width: 80%;
    }
}