/*
Theme Name: Pixzlo Child
Description: Child Theme for Pixzlo Theme
Author: Zozothemes
Version: 1.0
Template: pixzlo
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: zozotheme
*/

/*Custom Style Code Right Here */


.vc_row {
    padding: 0!important;
}
.titleAll h3{
    font-size: 1.2rem;
    line-height: 18px;
}

.picAll img{
    width: 40%;
}

#habilitation ul li {
    line-height: 17px;
    margin-bottom: 1rem;
    text-align: justify;
}

body, .navbar a {
    font-family: 'Titillium Web', sans-serif !important;
}

h2, h1, h3, h4, h5, h6 {
    font-family: 'Titillium Web', sans-serif !important;
}

a:active {
    color: #fc0;
}
a:hover {
    color: #fc0;
}

.navbar-items.nav.pull-left li:nth-child(3) .nav-item-inner > h2 {
    font-size: 2.5em !important;
    color: #000 !important;
    font-weight: 900 !important;
}

.navbar-items.nav.pull-left li:nth-child(3) .nav-item-inner {
    padding-top: 1.8em;
}
.topbar-items .nav-item-inner, .logobar-items .nav-item-inner, .navbar-items .nav-item-inner {
    padding-right: 30px;
}

ul.social-icons > li > a {
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: rgb(157, 157, 156) !important;
}
ul.social-icons.social-rounded > li a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.navbar a:hover {
    color: #fc0 !important;
}

.pixzlo-header, .sticky-head.header-sticky {
    border-bottom: .5rem solid #fc0;
}

ul.dropdown-menu > li a:active,ul.dropdown-menu > li.current-menu-item > a {
    color: #fc0!important;
}

.pixzlo-content > .pixzlo-content-inner {
    padding-top: 0;
    padding-bottom: 0px;
}

.feature-box-style-3::before {
    background-color: rgb(255, 204, 0) !important;
}

.home .pixzlo-content > .pixzlo-content-inner {
    padding: 0 !important;
}
.home .feature-box-style-3 .feature-box-icon {
    position: relative!important;
}
.home .feature-box-icon {
    height: auto!important;
}
.home .feature-box-wrapper.feature-box-style-3.pixzlo-inline-css {
    width: 90%;
}
.home .feature-box-title > h5 {
    font-size: 19px;
}
.home .feature-box-wrapper:hover .icon-dark{
    color: rgb(255, 204, 0)!important;
}
.home .feature-box-wrapper:hover .feature-box-title h5 > a{
    color: #000!important;
}

.mobile-bar li a:active, ul > li.current-menu-item > a, ul > li.current-menu-parent > a, ul > li.current-menu-ancestor > a, .pixzlo-mobile-menu li.menu-item a.active {
    color: #fc0!important;
}

/***********************************************************************************************************


                                                 HOME


********************************************************************************************************** */
.home #sect_1 {
    padding: 3em 0;
}

.home #page-5 .vc_row {
    padding: 0!important;
    min-height: auto!important;
}

.home .pixzlo-content > .pixzlo-content-inner {
    padding: 0 !important;
}
.home .feature-box-style-3 .feature-box-icon {
    position: relative!important;
}
.home .feature-box-icon {
    height: auto!important;
}
.home .feature-box-wrapper.feature-box-style-3.pixzlo-inline-css {
    width: 90%;
}
.home .feature-box-title > h5 {
    font-size: 19px;
}
.home .feature-box-wrapper:hover .icon-dark{
    color: rgb(255, 204, 0)!important;
}
.home .feature-box-wrapper:hover .feature-box-title h5 > a{
    color: #000!important;
}
.home .page-title-wrap-inner, .home #page-title, .home .single-featured-image-header {
    display: none!important;
}
.home .row.formationAVenir .section-title a{
    font-size: 14px;
    font-weight: 600;
}
.home .btn_all a {
    padding: 10px 13px 8px 13px;
    font-size: 19px;
    border-radius: 15px;
    border: 1px solid #000;
    line-height: 11px;
}
.home .date_boxed {
    color: #fff;
    /* font-size: .7em;*/
}
.home .row.formationAVenir .feature-box-wrapper .section-title {
    margin-bottom: 0;
    line-height: 12px;
    font-size: 3em;
}
.home .date_boxed {
    height: 34px;
    display: inline-block;
    font-size: .65em;
    width: 100%;
}
.home .place_av_boxed {
    color: #fff;
    font-size: .95em;
}
.home .feature-box-style-2:hover {
    background: #fff!important;
}
.home .btn_all a:hover {
    background: #fc0;
    color: #000;
}
.home .feature-box-style-2:hover .feature-box-title a{
    color: rgb(255, 204, 0)!important;
}
.home .feature-box-style-2:hover .date_boxed {
    color: #737373;
}
.home .feature-box-style-2:hover .place_av_boxed {
    color: #000;
}
.home .feature-box-style-2:hover .btnInscription {
    color: #000;
    border: 1px solid #000;
}


.home .btn_all {
    text-align: center;
}
.home .fiture_box__ {
    height: 100%;
    border-radius: 20px 0 0 0;
    border-right: 5px solid #ffd35e;
    border-bottom: 5px solid #ffd35e;
    position: relative;
}
.home .fiture_box__.boxed2 {
    border-bottom: none;
    border-right: none;
}
.home .img_border_b_r {
    position: absolute;
    bottom: -5px;
    right: -5px;
    width: 71px;
    z-index: 2;
}
.home .fiture_box__.boxed2 .img_border_b_r {
    bottom: 0;
    right: 0;
    width: 41px;
}
.home .box_footer {
    position: absolute;
    bottom: 18px;
    left: 0;
    padding-left: 2em;
}
.home .box_footer h3 {
    width: 85%;
    font-size: 1.8em;
}
.home .box_footer span, .box .title.lead span {

    background: #1a1a1a;
    color: #fff;
    font-weight: 600;
    line-height: 29px;
    display: inline-block;
    margin-bottom: .1em;
    padding: 8px 19px 0px 0px;
    font-family: 'Titillium Web', sans-serif !important;

}
.home a.btn_link_actu {
    margin-bottom: 1em;
    padding: 5px 14px;
    border: 1px solid #000;
    border-radius: 10px;
    color: #000;
    background: #ffffffc9;
    font-weight: 600;
}
.home a.btn_link_actu.boxed2 {
    font-size: .9em;
}
.home .date__box p {
    width: 14%;
    font-size: .8em;
    margin-bottom: .5em !important;
    background: #9d9d9d;
    color: #fff;
    text-align: center;
    height: 18px;
    line-height: 18px;
    border-radius: 3px;
}
.home .items_box {
    padding: 16px 10px;
    transition: all ease .2s;
}
.home .col-md-12.items_box:hover {
    background: #fc0!important;
    cursor: pointer!important;
}
.home .title__ h6 {
    font-size: 1.2em;
    font-weight: 600;
    line-height: 19px;
    font-family: 'Titillium Web', sans-serif !important;
}
.home .col-md-12.items_box span {
    font-size: .8em;
    color: #888888de;
}

.home #infosPratique .btn-wrap.d-flex.justify-content-start {
    display: flex !important;
    flex-direction: row;
    justify-content: flex-end !important;
    align-items: center;
}
.home #infosPratique .btn-wrap.d-flex.justify-content-start.boxed2 {
    justify-content: flex-start !important;
}
.home #infosPratique a.btn_link_actu {
    background: transparent;
    color: #fff;
    border-color: #fff;
    padding: 2px 16px;
    transition: all ease-in .2s;
}
.home #infos_pratique .btn_link_actu:hover {
    background: #fc0;
    color: #000;
    border-color: #000;
}
.home .infosPratique__ .lead span {
    background: #fc0;
    color: #000;
    font-weight: 600;
    line-height: 29px;
    display: inline-block;
    margin-bottom: .1em;
    padding: 8px 19px 0 11px;
    font-size: 1.2em;
    font-family: 'Titillium Web', sans-serif !important;
}
.home .infosPratique__ .lead  {
    width: 80%;
    font-weight: 900;
    font-family: 'Titillium Web', sans-serif !important;
}

.vc_section.vc_custom_1644501346513.vc_section-has-fill {
    background: #0f0989;
}
/*.home .vc_custom_1565080572097 {
    background: url(http://www.speeditest.fr/TEST-Alaji/wp-content/uploads/alaji-gris.png)no-repeat -100px;
}
.home .footer_top {
    background: url(http://www.speeditest.fr/TEST-Alaji/wp-content/uploads/envelope.png)no-repeat 30px;
}*/
/*.home #nosActuatile {
    background: url(http://www.speeditest.fr/TEST-Alaji/wp-content/uploads/fond.png)no-repeat right;
}*/
.home .owl-stage-outer img {
    width: 60%!important;
}
.home #sec_5 {
    padding-bottom: 92px;
}
/*.home .vc_custom_1565080572097::before, .home .vc_custom_1565080572097::after {
    top: -86px;
    left: -25%;
    z-index: 0;
    width: 150%;
    height: 21%;
    background: #fff;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    position: absolute;
    content: '';
    pointer-events: none;
}
.home #sec_5::before, #sec_5::after {
    top: -91px;
    left: -25%;
    z-index: 0;
    width: 150%;
    height: 21%;
    background: #fff;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    position: absolute;
    content: '';
    pointer-events: none;
}
.home .vc_custom_1565080572097::before {
    height: 35%;
    background: inherit;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-transform-origin: 3% 0;
    transform-origin: 3% 0;
}
.home #sec_5::before {
    height: 49%;
    background: #9d9d9c;
    -webkit-transform: rotate(-4deg);
    transform: rotate(-3deg);
    -webkit-transform-origin: 3% 0;
    transform-origin: 3% 0;
}*/
/*.home #pra_ .section-title.title_sec_ {
    margin-top: 3em;
}*/
/*.home #sec_5 .section-title.title_sec_ {
    margin-top: 3em;
}*/
.home .vc_custom_1565080572097 {
    padding-top: 12em !important;
    position: relative;
}

.home .vc_custom_1565080572097 .wpb_column.vc_column_container.vc_col-sm-8 {
    position: relative;
    z-index: 1;
}

.home .vc_custom_1565080572097 .pl-lg-5 {
    padding-left: 0 !important;
}
.home .box {
    border-radius: 20px 0 0 0;
    border-bottom: 6px solid #ffd35e;
    border-right: 6px solid #ffd35e;
}
.home .post.bo__ {
    color: #fff !important;
    font-size: .8em !important;
    background: #a2a2a2;
    padding: 0 7px;
    border-radius: 5px;
    height: 20px;
    line-height: 20px;
}
.home .feature-box-icon .fa {
    color: #9d9d9c!important;
}

.home .feature-box-style-2 {
    padding: 20px 10px!important;
}


.page-id-2593 .pixzlo-content > .pixzlo-content-inner  {
    padding: 0;
}

.home #rev_slider_1_2_wrapper .hermes .tp-bullet::after {
    background-color: #fc0!important;
}



.home .vc_custom_1565080572097{
    padding-top: 0!important;
}

#divider_bottom .vc_column-inner {
    padding: 0;
}

.home .vc_custom_1644491147638.vc_row-has-fill {
    background: #9d9d9c;
}

.vc_custom_1644432568447 {
    background: #ffe57f;
}

.post-comments-wrapper.clearfix {
    display: none;
}

.home #infos_pratique {
    background: #ffe57f;
}
.home #dividerBottom .vc_column-inner {
    padding: 0;
    background: #fff;
}

#headerSect .wpb_text_column.wpb_content_element {
    margin-bottom: 0 !important;
}

.home .vc_section.vc_custom_1644432568447 .miseajour {
    color: #000;
    font-size: 1.1rem;
    border: 3px solid #000;
    font-weight: 900;
    padding: 1rem 0;
    width: 55%;
    text-transform: uppercase;
}

.home  .swiper-pagination-bullet-active {
    background: #fc0!important;
}

.home #maj .wpb_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.home .vc_section.vc_custom_1644432568447 .uk-article-title {
    color: #000!important;
}

    /***********************************************************************************************************


                                                     BOX EFFECT


    ********************************************************************************************************** */


.box{
    text-align: center;
    overflow: hidden;
    position: relative;
}
.box img{
    width: 100%;
    height: auto;
}
.box .box-content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: all 0.3s ease 0s;
}
.box:before,
.box:after,
.box .box-content:before,
.box .box-content:after{
    content: "";
    width: 25%;
    height: 100%;
    background: linear-gradient(to bottom,#000,rgba(0,0,0,0.4),transparent,rgba(0,0,0,0.4),#000);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
}
.box:before{
    top: -100%;
    left: -25%;
}
.box:after{ left: 50%; }
.box .box-content:before{ left: 25%; }
.box .box-content:after{
    top: 100%;
    left: 100%;
}
.box:hover:before{
    opacity: 1;
    top: 0;
    left: 0;
}
.box:hover:after{
    opacity: 1;
    left: 25%;
    transition-delay: 0.1s;
}
.box:hover .box-content:before{
    opacity: 1;
    left: 50%;
    transition-delay: 0.1s;
}
.box:hover .box-content:after{
    opacity: 1;
    top: 0;
    left: 75%;
}
.box .inner-content{
    text-align: left;
    position: absolute;
    left: 20px;
    bottom: 30px;
    z-index: 1;
}
.box .title{
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin: 0 0 4px 0;
    transform: translateY(30%);
    transition: all 0.3s ease 0s;
}
.box:hover .title{ transform: translateY(0); }
.box .post{
    display: inline-block;
    font-size: 16px;
    color: #ff4242;
    opacity: 0;
    transform: translateX(100%);
    transition: all 0.3s ease 0s;
}
.box:hover .post{
    opacity: 1;
    transform: translateX(0);
}
.box .icon{
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 20px;
    left: 20px;
}
.box .icon li{
    display: inline-block;
    opacity: 0;
    transition: all 0.3s ease 0s;
}
.box .icon li:first-child{ transform: translateY(80px); }
.box .icon li:last-child{ transform: translateY(-80px); }
.box:hover .icon li{
    opacity: 1;
    transform: translateY(0);
}
.box .icon li a{
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    color: #fff;
    margin-right: 5px;
    z-index: 1;
    position: relative;
}
.box .icon li a:before{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #ff4242;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.3s ease 0s;
}
.box .icon li a:hover:before{ border-radius: 20% 0; }
@media only screen and (max-width:990px){
    .box{ margin-bottom: 30px; }
}

.btn, button {
    cursor: pointer;
    padding: 13px 35px 13px 38px;
    border: none;
    border-radius: 0;
}

/***********************************************************************************************************


                                             FORMATON SINGLE


********************************************************************************************************** */

.heateor_sss_sharing_ul {
    display: flex!important;
}

/***********************************************************************************************************


                                             Contact


********************************************************************************************************** */
.wpcf7-form-control.wpcf7-radio {
    display: flex;
    flex-direction: column;
}
.radio_object .wpcf7-list-item.first label {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.radio_object input {
    width: auto!important;
    margin-bottom: 0;
}
.radio_object .wpcf7-list-item-label {
    line-height: 30px;
    font-size: 1em;
    margin-left: 1rem;
}
.wpcf7-form-control-wrap.nom,
.wpcf7-form-control-wrap.email {
    display: flex!important;
    flex-direction: column!important;
}
.wpcf7-form-control-wrap.nom input,
.wpcf7-form-control-wrap.prenom input,
.wpcf7-form-control-wrap.email input{
    width: 100%!important;
}

fieldset {
    padding: 2rem!important;
}

.swiper-button-prev, .swiper-button-next {
    color: #fc0!important;
}

#envoyer {
    border-radius: 0;
    background: #000;
    color: #fc0;
    border: none !important;
}

#envoyer:hover {
    background: #fc0;
    color: #000;
}

.border.p-2 {
    margin-bottom: 2rem;
    padding: 2rem !important;
    border: 2px solid #fc0 !important;
    border-radius: 5px;
}

div[data-id="entreprise"] {
    margin-bottom: 1.3rem;
}

select:focus {
    border-color: #fc0;
    background: #fc0;
}


/***********************************************************************************************************


                                                 FOOTER


********************************************************************************************************** */


.footer_top .acc_p input{
    width: auto!important;
}

.site-footer {
    background: #fc0;
}
.footer_top {
    padding: 46px 0 4px 20px;
}

.footer_top h4 {
    font-size: 1.8em;
    font-weight: 600;
    color: #000;
}

.wpcf7-list-item-label {
    line-height: 3px;
    font-size: .7em;
    color: #000;
}

.site-footer .wpcf7 .right_side input {
    margin-bottom: 0!important;
    height: 40px;
    border-radius: 0;
}
.right_side .form-row .col {
    padding: 0 !important;
    margin-bottom: .7em;
}
.right_side .form-row .col{
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;

}
.site-footer .wpcf7 .right_side input[type=submit] {
    color: #fc0;
    background: #000;
}
.site-footer .wpcf7 .right_side input[type=submit]:before {
    font-family: "FontAwesome";
    content: "\f0e0";
}
.site-footer .wpcf7 input[type=checkbox] {
    margin-bottom: 0!important;
}
.wpcf7-form-control-wrap.nom input {
    width: 80%;
}

.wpcf7 label {
    line-height: 16px!important;
}
.wpcf7-form-control-wrap.nom {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.wpcf7-form-control-wrap.prenom input {
    width: 80%;
}
.wpcf7-form-control-wrap.prenom {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.wpcf7-form-control-wrap.email input {
    width: 80%;
}
.wpcf7-form-control-wrap.email {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.footer_middle {
    padding: 37px 0;
    background: #000;
}
.title_footer_box {
    color: #fc0;
    font-weight: 600;
}
.footer_middle p, .footer_middle ul li a, .footer_middle ul li {
    color: #fff;
}

.link_footer.bo_ {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 1em;
}
.link_footer.bo_ p {
    color: #000;
}
.link_footer.bo_ span {
    margin: 0 10px;
}
.site-footer ul.social-icons > li > a {
    background: rgb(255, 204, 0) !important;
}
.site-footer ul.social-icons > li > a > i{
    color: #000;
}

footer.site-footer::before {
    position: inherit!important;
    height: inherit!important;
    width:inherit!important;
    content: inherit!important;

}

.link_footer.bo_ a:hover {
    color: #000;
    text-decoration: underline;
}

.mailpoet_form_tight_container .mailpoet_form_columns.mailpoet_stack_on_mobile {
    flex-wrap: nowrap!important;
}

input[type="submit"], .search-form .input-group .btn {
    background: #000;
    color: #fc0;
}
input[type="submit"]:hover {
    background: #fc0;
    color: #000;
}

#mailpoet_form_1 .mailpoet_paragraph, .mailpoet_paragraph {
    margin-bottom: .4rem!important;
}
.mailpoet_paragraph.last {
    margin-top: 1rem!important;
}

.ovfl {
    background: #ffcc0070;
    width: 100%;
    height: 100%;
    position: absolute;
}

/***********************************************************************************************************


                                                 BLOG


********************************************************************************************************** */

.blog-inner {
    padding: 1.2em;
    border: 1px solid #fc0 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 10px rgba(163, 163, 163, 0.3);
    -ms-box-shadow: 0 1px 10px rgba(163, 163, 163, 0.3);
    box-shadow: 0 1px 10px rgba(163, 163, 163, 0.3);
}
.blog-wrapper.blog-style-1 .blog-inner > .post-thumb {
    /*height: 250px;*/
}
.post-thumb img {
    height: auto;
    width: 100%;
}
.blog-wrapper.blog-style-1 .col-lg-4,.blog-wrapper.blog-style-1 .col-md-6{
    margin-bottom: 1em;
}
.blog-inner {
    height: 100%;
}
.category .blog-wrapper.blog-style-1 h6 {
    font-weight: 600;
}
/***********************************************************************************************************


                                                 block_formation_all


********************************************************************************************************** */
.block_formation_all {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 15px 46px rgba(0,0,0,.1);
    width: 100%;
    padding-top: 1em;
    height: 100%;
}

.formation_all{
    -ms-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    height: 190px;
}
.formation_all:hover{
    -ms-transform: translateY(-1rem);
    -webkit-transform: translateY(-1rem);
    -moz-transform: translateY(-1rem);
    transform: translateY(-1rem);
}
.block_formation_all h3 {
    padding: .2em 1em;
    font-size: 1.3em;
}

.formation_all {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2em;
}

.item_solo_form{
    -ms-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    height: 160px;
    border-radius: 5px;
}
.bloc_im_others_form {
    height: inherit;
    display: flex!important;
    flex-direction: column;
    justify-content: center;
    align-items: center;


}

.bloc_im_others_form a p {
    font-weight: 600;
    color: #fff;
}
.item_solo_form:hover {
    -ms-transform: translateY(-1rem);
    -webkit-transform: translateY(-1rem);
    -moz-transform: translateY(-1rem);
    transform: translateY(-1rem);
}
.items_bot {
    -ms-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.items_bot:hover {
    -ms-transform: translateY(-1rem);
    -webkit-transform: translateY(-1rem);
    -moz-transform: translateY(-1rem);
    transform: translateY(-1rem);
}

.block_formation_all h3 {
    text-align: center;
    font-size: 1em;
    line-height: 1!important;
    margin-top: 1em;
}
.block_formation_all img {
    width: 50%;
}

/******************************************************************************************************************
  ******************************************************************************************************************
  ******************************************************************************************************************
  **********************************                    SHORTCODE               ****************************************
  **********************************                                        ****************************************
  ******************************************************************************************************************
  ******************************************************************************************************************
  ******************************************************************************************************************/

.date__box {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ccc;
    border: 4px solid;
    font-weight: bold;
    padding: 5px 10px;
}
.date__box .date__day {
    font-size: 22px;
}

.blog-card {
    padding: 30px;
    position: relative;
}
.blog-card .date__box {
    opacity: 0;
    transform: scale(0.5);
    transition: 300ms ease-in-out;
}
.blog-card .blog-card__background,
.blog-card .card__background--layer {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.blog-card .blog-card__background {
    padding: 15px;
    background: white;
}
.blog-card .card__background--wrapper {
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 60%);
    position: relative;
    overflow: hidden;
}
.blog-card .card__background--main {
    height: 100%;
    position: relative;
    transition: 300ms ease-in-out;
    background-repeat: no-repeat;
    background-size: cover;
}
.blog-card .card__background--layer {
    z-index: 0;
    opacity: 0;
    background: rgba(51, 51, 51, 0.9);
    transition: 300ms ease-in-out;
}
.blog-card .blog-card__head {
    height: 138px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blog-card .blog-card__info {
    z-index: 10;
    background: white;
    padding: 20px 15px;
}
.blog-card .blog-card__info h5 {
    transition: 300ms ease-in-out;
}
.blog-card:hover .date__box {
    opacity: 1;
    transform: scale(1);
}
.blog-card:hover .card__background--main {
    transform: scale(1.2) rotate(5deg);
}
.blog-card:hover .card__background--layer {
    opacity: 1;
}
.blog-card:hover .blog-card__info h5 {
    color: #ffcc00;
}

a.icon-link {
    color: #363738;
    transition: 200ms ease-in-out;
}
a.icon-link i {
    color: #ffcc00;
}
a.icon-link:hover {
    color: #ffcc00;
    text-decoration: none;
}

.btn {
    background: white;
    color: #363738;
    font-weight: bold;
    outline: none;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
    overflow: hidden;
    border-radius: 0;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    padding: 0;
    border: none;
}
.btn:focus {
    box-shadow: none;
}
.btn:hover {
    background: #ffcc00;
    color: #fff;
}
.btn.btn--with-icon {
    padding-right: 20px;
}
.btn.btn--with-icon i {
    padding: 0px 30px 0px 15px;
    margin-right: 10px;
    height: 50px;
    line-height: 50px;
    vertical-align: bottom;
    color: white;
    background: #ffcc00;
    clip-path: polygon(0 0, 70% 0, 100% 100%, 0% 100%);
}
.btn.btn--only-icon {
    width: 50px;
}

.blog-card__background {
    border: 4px solid #ffcc02;
    border-radius: 5px;
}

.blogCard .item-0 div > img, .blogCard .item-2 p > img {
    margin: 0!important;
}

.blogCard ul {
    margin-left: 1.5rem;
    list-style: disc;
}

.blogCard .col-md-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.blog-card__info {
    border: 1px solid #ddd;
}

.page-id-4301 .blog-card__info .btn, .page-id-4301 .blog-card__info button {
    cursor: pointer;
    padding:0 16px 0 0;
    border: none;
    border-radius: 0;
}

.page-id-4301 .blog-card__info {
    border: 2px solid #fc0;
    border-radius: 5px;
    padding: 2rem !important;
}

.page-id-4301 .blog-card__info h5{
    font-weight: 900;
}

.page-id-4301 .blog-card__info .col-md-8 {
    border-right: 2px solid #f2f2f2;
}

.page-id-4301 .blog-card__info .col-md-4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 992px) {
    .page-id-4731 .mobile-header:nth-child(1) {
        display: none;
    }
}