/*
 Theme Name:   Collège FERSEN
 Description:  Ivy School Child Theme
 Author:       Arnaud Degrave
 Author URI:   https://brainyup.com
 Template:     ivy-school
 Version:      1.0.0
 Text Domain:  ivy-school-child
*/

/* colors */
:root {
    --color-fersen-1:#85e1fe;
    --color-fersen-1-rgb:133, 225, 254;
    --color-fersen-2:#c2c5fa;
    --color-fersen-2-rgb:194, 197, 250;
    --color-fersen-3:#efdaf7;
    --color-fersen-3-rgb:239, 218, 247;
    --color-fersen-4:#ffe4f7;
    --color-fersen-4-rgb:255, 228, 247;

    --color-fersen-5:#d2a8fe;
    --color-fersen-5-rgb:210, 168, 254;
    --color-fersen-6:#86c0fe;
    --color-fersen-6-rgb:134, 192, 254;
    --color-fersen-7:#ecaff2;
    --color-fersen-7-rgb:236, 175, 242;
    --color-fersen-8:#b1e0fe;
    --color-fersen-8-rgb:177, 224, 254;
}

/* general */
a {
    color: rgba(var(--thim-body_primary_color_rgb),0.9);
}
a:hover, a:focus {
    color: rgba(var(--thim-body_primary2_color_rgb),0.9);
}

/* header */

/*#primaryMenu > .menu-item.current_page_item > a, 
#primaryMenu > .menu-item.current-menu-item > a,
#primaryMenu a:hover,
#primaryMenu .sub-menu a:hover  {
    color: var(--color-fersen-1);
    color: var(--color-fersen-2);
    color: var(--color-fersen-3);
    color: var(--color-fersen-4);
    color: var(--color-fersen-5);
    color: var(--color-fersen-6);
    color: var(--color-fersen-7);
    color: var(--color-fersen-8);

}*/

header#masthead.site-header.affix.custom-sticky { /* menu top sticky */
    /*background-color: var(--thim-sticky-menu-background-color);*/
    background-color:rgba(119, 126, 252, 0.74);
}

#primaryMenu > .menu-item > .sub-menu,
#primaryMenu .sub-menu {
    border: 1px solid var(--color-fersen-2);
}

#primaryMenu > .menu-item > .sub-menu {
    padding-top: 0;
    margin-top: 15px;
}

#main-content .page-title .overlay-top-header{
    /*opacity:1 !important;*/
    background:linear-gradient(to bottom, rgb(119, 126, 252), rgba(133, 226, 255, 0.7)) !important;
}

.breadcrumb-content #breadcrumbs li a:hover {
    color: var(--thim-body-primary2-color);
}

/* counter box */
.bp-element-counter-box.layout-1 .item .title {
    color: var(--color-fersen-6) !important;
    font-size: 25px !important;
}

.bp-element-counter-box.layout-1 .item .number {
    font-size: 60px !important;
    color: var(--color-fersen-5) !important;
}

/* last blog post home */
.bp-element-posts.marketing-layout-grid-1 .wrap-element .item-post .image-post .overlay-post {
    background: linear-gradient(left, var(--color-fersen-2), var(--color-fersen-1)) !important;
    background: -webkit-linear-gradient(left, var(--color-fersen-2), var(--color-fersen-1)) !important;
    background: -moz-linear-gradient(left, var(--color-fersen-2), var(--color-fersen-1)) !important;
}

.bp-element-posts.marketing-layout-grid-1 .wrap-element .item-post .text-post .title-post a:hover,
.bp-element-posts.marketing-layout-grid-1 .wrap-element .item-post .text-post .info-post a:hover {
    color: var(--color-fersen-5) !important;
}

.bp-element-posts.marketing-layout-grid-1 .wrap-element .item-post {
    font-family: var(--thim-main-menu-typo-font-family) !important;
}

.bp-element-posts.marketing-layout-grid-1 .wrap-element .item-post .image-post .date-post {
    background-color: var(--color-fersen-5) !important; 
}

/* pagination */
.loop-pagination li .page-numbers {
    border-radius: 10px;
}

/* back to top */
#back-to-top {
    border-radius: 20%;
}

/* home */
#HomeLastNews .info-post {
    display:none;
}

.focus-home {
  border-radius: 12px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /*align-items: center;*/
  flex-wrap: wrap;
  box-shadow: 13px 15px 15px 0px rgba(105, 105, 105, 0.08);
  padding: 40px;
}

.gradient-focus-1 {
    background: var(--thim-body-primary-color);
  background: -webkit-linear-gradient(to left,var(--thim-body-primary-color),rgba(var(--thim-body_primary_color_rgb),0.9));
  background: -o-linear-gradient(to left,var(--thim-body-primary-color),rgba(var(--thim-body_primary_color_rgb),0.9));
  background: -moz-linear-gradient(to left,var(--thim-body-primary-color),rgba(var(--thim-body_primary_color_rgb),0.9));
  background: linear-gradient(to left,var(--thim-body-primary-color),rgba(var(--thim-body_primary_color_rgb),0.9));
}

.gradient-focus-2 {
    background: var(--thim-body-primary2-color);
  background: -webkit-linear-gradient(to left,var(--thim-body-primary2-color),rgba(var(--thim-body_primary2_color_rgb),0.9));
  background: -o-linear-gradient(to left,var(--thim-body-primary2-color),rgba(var(--thim-body_primary2_color_rgb),0.9));
  background: -moz-linear-gradient(to left,var(--thim-body-primary2-color),rgba(var(--thim-body_primary2_color_rgb),0.9));
  background: linear-gradient(to left,var(--thim-body-primary2-color),rgba(var(--thim-body_primary2_color_rgb),0.9));
}

.focus-home.gradient-focus-1 .wrap-element .title-element, .focus-home.gradient-focus-1 .wrap-element .list-feature .item-feature, .focus-home.gradient-focus-1 .wrap-element .list-feature .item-feature a {
    color: #fff !important;
}

.focus-home .wrap-element .list-feature .item-feature a:hover {
    color: #ffbc42 !important;
}


/* contact form */
.form-contactpage p {
    align-items: baseline;
}

.wpcf7-form .form-contactpage .wrap-input select {
    font-weight: 300;
    font-size: 16px;
    border: 1px solid #e5e5e5;
    color: #202121;
    width: 100%;
    background: transparent;
    padding: 16px;
}

.form-contactpage .wap-textarea {
    border:none;
}

.wpcf7-form .form-contactpage .wap-textarea textarea {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.625;
    border: 1px solid #e5e5e5;
    color: #202121;
    width: 100%;
    background: transparent;
    display: block;
    margin: 0;
    padding: 14px 15px;
    height: 200px;
  }

.wpcf7-form .form-contactpage .wrap-input input:focus,
.wpcf7-form .form-contactpage .wrap-input select:focus,
.wpcf7-form .form-contactpage .wap-textarea textarea:focus {
    outline: none !important;
    border-color: var(--thim-body-primary2-color);
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background: linear-gradient(left, #29b936, #43c5d5);
    padding: 30px 35px;
    border-radius: 58px;
    font-weight: bold;
    color: #fff;
}

.wpcf7-not-valid-tip {
    color: #e86ef4;
}

/* elementor widget - features */
.bp-element-features.marketing-layout-list-2 .wrap-element .list-feature .item-feature::before {
    background: var(--color-fersen-7) !important;
}


/* blog */
.widget-area aside.widget.widget_tag_cloud .tagcloud a {
    border-radius: 20px;
}

/* footer */
.site-footer.footer_home_3 .widget_nav_menu .menu li, .site-footer.footer_home_4 .widget_nav_menu .menu li {
    margin-bottom: 6px;
}

@media (max-width: 600px) {

    body.responsive #colophon .footer .footer-sidebars [class*="col-"] {
      max-width: 50% !important;
      margin-bottom: 30px;
    }

    /*.main-top {
        height: 350px;
    }*/

    footer.site-footer.footer_home_3 .footer-sidebars div:not(:last-child, :first-child) {
      max-width: 50% !important;
      width: 100% !important;
    }

}