/*
Theme Name: Interchim Blog
Description: Interchim Blog Theme
Author:  Al Di Girolamo
Author URI:  https://aldigirolamo.fr
Template: Extra
Version:  1.0
*/

/* =Theme customizations
------------------------------------------------------- */

/*Table noborder*/
table.no-border-t,
table.no-border-t tbody,
table.no-border-t tr,
table.no-border-t td {
    border:0px;
}

/*Sub Styling*/
sub  {
    font-size: smaller;
	vertical-align: sub;
}

/*Sup Styling*/
sup {
    font-size: smaller;
	vertical-align: super;
}

/*Vertical align */
.ds-vertical-align {
    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;
  }
  .ds-bottom-align {
    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: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  
  .ds-top-align {
    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: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .ds-central-align {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  
  /*Blurb Clik*/
  .blurb_click {
    cursor: pointer;
  }
  
  /*Font-styling*/
  .updated {
      text-transform: capitalize;
  }
  .entry-title a { transition: all ease-in-out .2s;}

  .h1-page-std{
    font-size: 42px !important; 
    font-weight: 400 !important;
    }
  /*Txt Color*/
  .et_pb_extra_module .main-post article .post-content .excerpt,
  .et_pb_extra_module .post-meta {
      color:#252525 !important;
  }
  blockquote {
    border-left-color: #01c0d2 !important;
	color: #01C0D2 !important;
	font-weight: 500 !important;
	}
  blockquote strong {
	font-weight: 400 !important;
	}
  /*Top Header*/
  #top-header {
      background: #002a5c;
      padding:5px 0px 0px 0px;
  }
  
  .lang_link {
      color: #fff !important;
      padding: 5px 10px;
      line-height: 30px;
      transition: all ease-in-out .2s;
  }
  .lang_link:hover {
      color: #01c0d2 !important;
  }
  .sitelink_ctn .lang_link:first-of-type {
      padding-left: 0px;
  }
  .lang_link.current_lang {
      color: #01c0d2 !important;
      font-weight: 500;
  }
  #et-info .et-extra-social-icons .et-extra-icon {
      background: rgba(255, 255, 255, 0.0);
      border-radius: 50px !important;
  }
  
  #et-info .et-top-search, #et-info .et-extra-social-icons li {
      margin-bottom: 0px !important;
  }

  /*Pinterest to linkedin*/
  .et-extra-social-icon.pinterest a:hover{
    background: #0077b5 !important;
  }
  .et-extra-icon-pinterest::before {
    content: '\e09d';
    font-family: 'ETmodules' !important;
}
  
  #et-info .et-top-search .et-search-field {
      border-bottom: 1px solid;
      border-radius: 0px;
      background: transparent;
      padding-left: 0px;
  }
  #et-info .et-top-search .et-search-field::placeholder {
  text-transform: capitalize !important;
  font-weight: 400 !important;
  }
  
  /*Header */
  #main-header .logo {
      margin-bottom: 10px;
  }
  #logo {
      max-height: 100%;
  }
  .header.left-right #et-navigation > ul > li > a {
      padding-bottom: 21.5px;
  }
  
  #et-navigation > ul > li > a:hover::before {
      -webkit-transform: translateY(35px) !important;
      transform: translateY(35px) !important;
      height:3px !important;
      background-color: #01c0d2 !important;
  }
  .et-fixed-header #et-navigation > ul > li > a:hover::before {
      -webkit-transform: translateY(26px) !important;
      transform: translateY(26px) !important;
  }

  /*Footer */
  #footer {
    background: #002a5c;
  }
  #footer .et_pb_widget:first-of-type {
    padding-top: 40px;
}
#footer .widgettitle {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding-left: 2px !important;
}
#footer .et_pb_widget li {
    padding: 0px 0px 10px 0px !important;
}
#footer .et_pb_widget a {
    color: #FFFFFF !important;
    font-weight: 300;
    transition: all ease-in-out .1s;
    font-size: 15px !important;
}
#footer .et_pb_widget a:hover {
    font-weight:600;
 }
#footer #recent-posts-4, #recent-posts-3{
    padding-top: 57px !important;
}
#footer #recent-posts-4 ul, #footer #recent-posts-3 ul {
    margin-top: 25px;
}
#footer-info {
    display: block !important;
    text-align: center;
}
#custom_html-2 p {
    width: 20%;
    display: block;
    float: left;
}
#media_image-2 {
    margin-bottom: 20px !important;
    padding-top: 60px !important;
}
#media_image-2 img {
    max-width: 224px !important;
}
#footer .et_pb_widget {
    margin: 0 0 20px;
}
#footer .column-1 .et_pb_widget a::before, #footer .column-2 .et_pb_widget a::before, #footer .column-3 .et_pb_widget a::before {
    content: '> ';
}
/*Events Loop*/
.events_ctn {
    padding-left: 0px;
}
.events_ctn li, .events_ctn li a, .events_ctn_allevents {
    color: #FFFFFF !important;
    font-weight: 300;
    transition: all ease-in-out .1s;
    font-size: 15px !important;
    list-style: none;
}
.events_ctn li a:hover, .events_ctn_allevents:hover {
  font-weight: 600;
}
  /*******************Home***********/
  /*Slider*/
  .homeslider-post article {
      max-height: 435px !important;
  }
  /*Background-image positioning*/
  .homeslider-post article {
    background-position: right center !important;
    background-size: contain !important;
  }
  .post-content-box {
      height: 100%;
      max-width: 400px !important;
  }
  .homeslider-post .post-content {
      display: flex;
      height: 100%;
      flex-direction: column;
      justify-content: center;
      padding: 40px;
      width:100%;
  }
  .homeslider-post .entry-title a{
      color: #002a5c !important;
      font-size: 30px !important;
      line-height: 1.4em !important;
  }
  .homeslider-post p {
      color: #252525;
      font-size: 15px;
  }
  .homeslider-post .updated {
      text-transform: capitalize;
  }
  .homeslider-post:hover .et-pb-slider-arrows .et-pb-arrow-prev{
      display: none;
  }
  .homeslider-post:hover .et-pb-arrow-next {
      border-radius: 50px !important;
  }
  
  
  /**Last Article tab***/
  .last-article-tab {
      border-top-color: #008f36 !important;
      width: inherit;
  }
  .last-article-tab .tabs.clearfix {
      display: none;
  }
  .last-article-tab .main-post {
      border-right:0px solid transparent !important;
     /* min-height: 500px;*/
  }
  .last-article-tab .posts-list li {
      border-bottom:0px solid transparent;
  }
  .last-article-tab .posts-list article .post-thumbnail {
      margin-top: 10px !important;
   }
  .last-article-tab .excerpt {
      color:#252525;
  }
  .last-article-tab .main-post {
      padding: 30px 30px 0px;
  }
  .last-article-tab .posts-list li {
      padding: 10px 20px;
  }
  .last-article-tab .posts-list {
      padding-top: 10px !important;
      padding-bottom: 30px !important;
  }
  
  /*Article Caté CTN */
  .cate-last-article-ctn {
      box-shadow: none !important;
      border-top: 0px solid transparent;
      border-radius: 0px;
  }
  .cate-last-article-ctn .module-head {
      background-color: #f9f8f8;
      padding-left: 0px;
      padding-top: 0px;
      border-bottom: 0px solid;
  }
  .cate-last-article-ctn .module-head::before {
      content: '';
      display: block;
      position: relative;
      height: 5px;
      width: 80px;
      margin-bottom: 15px;
  }
  .cate-last-article-ctn h2.entry-title a {
     color: #002a5c !important;
  }
  .cate-last-article-ctn .posts-list .post-content {
      margin-left: 60px !important;
      padding-top: 0px !important;
  }
  .cate-last-article-ctn .al-posts-list li:not(:first-of-type) .post-thumbnail img{
    height: 50px;
    object-fit: cover;
  }
  .cate-last-article-ctn .al-posts-list li:not(:first-of-type) .post-meta .excerpt{
    display: none;
  }
  .cate-last-article-ctn .posts-list .post-meta {
      padding-left: 0px !important;
  }
  .cate-last-article-ctn .posts-list li:first-child {
      border-top: 0px solid !important;
  }
  .cate-last-article-ctn .posts-list li{
      border-bottom: 0px solid !important;
  }

  /*First Article of main Catégorie */
  .al-posts-list li:first-of-type article {
    display: flex;
    flex-direction: column;
    }
  .al-posts-list li:first-of-type article .post-thumbnail {
    width: 100%;
    min-height: 217px;
    display: flex;
    justify-items: center;
    align-items: center;
    }
  .al-posts-list li:first-of-type article .post-thumbnail img {
    object-fit: cover;
    height: 100%;
    }
  .al-posts-list li:first-of-type article .post-content {
    margin-top: 20px;
    margin-left: 0px !important;
  }

  /*******************Sidebar***********/
  /*Categorie list*/
  .et_pb_widget .widgettitle {
      background-color: #f9f8f8;
      color: #002a5c;
      text-transform: none;
      font-weight: 400;
      font-size: 24px;
      letter-spacing: 0px;
      padding-left: 0px !important;
  }
  .archive .et_pb_extra_column_sidebar {
      margin-top: 34px;
  }
  .et_pb_widget {
      box-shadow: none !important;
  }
  .et_pb_widget li {
      border-bottom: 0px solid transparent !important;
  }
  .et_pb_widget.widget_nav_menu .widgettitle {
      padding-bottom: 10px !important;
  }
  .menu-nouveau-menu-container ul li a {
      font-weight: 400;
      font-size: 17px;
      color: #002a5c !important;
  }
  .menu-nouveau-menu-container li{
      position: relative;
  }
  .menu-nouveau-menu-container li a{
      position: relative;
      z-index: 10;
      transition: all .15s ease-in-out ;
  }
  .menu-nouveau-menu-container li::after {
      content: '';
      position: absolute;
      width: 5px;
      height: 100%;
      top: 0;
      left: 0;
      transition: all .3s ease-in-out ;
      z-index: 9;
  }
  .menu-nouveau-menu-container li:hover::after {
      width: 100%;
  }
  .menu-nouveau-menu-container li:hover a {
      color:#fff !important;
  }
  /*Last article*/
  .widget_et_recent_entries .widget_list {
      border-top: 5px solid #008f36;
  }
  .et_pb_extra_column_sidebar .widget_et_recent_entries a.title {
      font-weight: 400;
      color: #002a5c !important;
      font-size: 14px;
      transition: all ease-in-out .15s;
  }
  .et_pb_extra_column_sidebar .widget_et_recent_entries a.title:hover {
      color: #01c0d2 !important;
  }
  /*Popular Posts*/
  .wpp-list {
      border-top: 5px solid #002a5c;
  }
  .wpp-post-title {
      font-weight: 400 !important;
      color: #002a5c !important;
      font-size: 14px !important;
      transition: all ease-in-out .15s;
  }
  .wpp-post-title:hover {
      color: #01c0d2 !important;
  }
  .wpp-thumbnail {
      margin-right: 10px;
  }
  /*Follow us*/
  .jetpack_widget_social_icons .jetpack-social-widget-list {
      padding: 20px;
      margin: 0px !important;
      display: flex;
      justify-content: space-between;
      border-top: 5px solid #01c0d2;
  }
  .jetpack_widget_social_icons ul.size-medium a {
      color:#002a5c !important;
      border-radius: 50px;
      background-color: #fff;
      border: 1px solid #002a5c;
      height: 40px !important;
      width: 40px!important;
      text-align: center;
      transition: all ease-in-out .15s;
  }
  .jetpack_widget_social_icons ul.size-medium a:hover {
      color:#fff !important;
      background-color: #01c0d2;
      border: 1px solid #01c0d2;
  }
  .jetpack_widget_social_icons ul.size-medium a svg{
      width: 30px;
      height: 30px;
      margin-top: 5px;
      margin-left: 2px;
  }
  /*Mail subscribe*/
  .es_subscription_form {
    padding: 20px; 
   }
   .es-field-wrap {
    margin-bottom: 15px;
    margin-top: 10px;
}
 .es_subscription_form .es_txt_email {
        width: 95%;
        background: #fff !important;
        border-bottom: 1px solid #002a5c;
        border-radius: 0px !important;
        color:#002a5c !important;
  }
  
  .es_subscription_form  input::placeholder {
       text-transform: capitalize !important;
       color:rgba(0, 41, 92, 0.5);
       font-weight: 400;
    }
    .ig-es-form-list-selection td {
        padding: 5px 0 5px;
    }
    .ig-es-form-list-selection input {
        margin-left: 0px !important;
        margin-right: 10px;
    }
    .es_subscription_form_submit {
        margin-top: 15px;
    }

/*Rss */
#category_rss_widgets .cat_specific_rss:first-of-type{
    padding: 20px;
}
#category_rss_widgets .cat_specific_rss li a {
    font-weight: 400;
    font-size: 15px;
    color: #002a5c;
    transition: all ease-in-out .2s;
}
#category_rss_widgets .cat_specific_rss li a:hover {
    color:#01c0d2;
}
#category_rss_widgets ul.cat_show_image > li {
    padding-bottom: 15px;
}
#category_rss_widgets ul.cat_show_image > li:last-of-type {
    padding-bottom: 0px;
}


  /*To Top Button*/
  #back_to_top.visible {
      -webkit-transform: translateX(-20px);
      transform: translateX(-20px);
      visibility: visible;
      border-radius: 50px;
      width: 40px;
      height: 40px;
      bottom: 20px;
      background-color: #002a5c;
  }
    #back_to_top.visible:hover {
      background-color: #01c0d2;
  }
  /* Category template ***/
  .posts-blog-feed-module {
      background: transparent;
      box-shadow: none;
      border-top: 0px solid transparent; 
  } 
  .posts-blog-feed-module article {
      background-color: white;
      margin-bottom: 30px;
      border-bottom: 0px solid !important;
      border-top: 5px solid #002a5c;
  }
  .et-doesnt-have-format-content .header {
      display: none !important;
  }
  .posts-blog-feed-module article .post-content {
      align-self: center !important;
  }
  .posts-blog-feed-module article .read-more-button {
      float: right;
  }
  .posts-blog-feed-module article h2 a {
      font-size: 20px;
  }
  .paginated .pagination li a, 
  .paginated .pagination li a::before,
  .archive-pagination > .page-numbers li a, 
  .archive-pagination > .page-numbers li a::before{
      color: #002a5c !important;
      font-weight: 500 !important;
  }
  .paginated .pagination li a:hover,
  .archive-pagination > .page-numbers li a:hover{
      color:#01c0d2 !important;
  }
  .paginated .pagination li, 
  .archive-pagination > .page-numbers li {
      background: transparent !important;
  }
  .archive-pagination > .page-numbers li > .page-numbers.current {
      color :#01c0d2 !important;
      background-color:  transparent !important;
  }
  a.prev.arrow, a.next.arrow,
  a.prev.page-numbers, a.next.page-numbers {
      border-radius: 50px;
      border: 1px solid #002a5c;
      height: 30px;
      transition:  all ease-in-out .1s;
  }
  a.prev.arrow:hover, a.next.arrow:hover,
  a.prev.page-numbers:hover, a.next.page-numbers:hover {
      border: 1px solid #01c0d2;
      background-color: #01c0d2;
      color: #fff !important;
  }
  /***Post Page****/
  .post-template-default .single-post-module {
      border-top: 5px solid #002a5c;
  }
  .post-template-default .single-post-module .post-header h1 {
      font-weight: 400;
      text-align: left;
  }
  .post-template-default .single-post-module .post-header .post-meta {
      text-align: left;
  }
  .single-post-module .post-footer {
      background-color: #002a5c;
  }
  .single-post-module .post-footer .share-title {
      color: #fff !important;
      text-transform: capitalize !important;
      font-weight: 500 !important;
      font-size: 16px !important;
  }
  .single-post-module .post-footer .social-icons .et-extra-icon {
      border-radius: 50px !important;
  }
  .know-more-in-article {
      border: 2px solid !important;
      border-color: #01c0d2 !important;
      padding: 20px 10px;
      text-align: center;
      border-radius: 4px;
      margin-top: 20px !important;
  }
  .know-more-in-article ul {
      list-style-type: none !important;
  }
  .know-more-in-article ul li{
      text-align:left;
  }
  .know-more-in-article ul li a{
     transition: all ease-in-out .2s;
     color: #01c0d2  !important;
     text-decoration: underline;
  }
  .know-more-in-article ul li a:hover{
    color: #01c0d2 !important;
    font-weight: 600;
  }
  .know-more-in-article li::before {
      content: '\e62f';
      padding-right: 5px;
      color: #01c0d2;
      position: relative;
      transition: 0.3s ease;
      font-family: 'ET-Extra' !important;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: inherit !important;
  }
  .post-nav .nav-links .button::before , .post-nav .nav-links .title{
      color: #002a5c !important;
  }
  .post-nav .nav-links .button:hover::before {
      color: #fff !important;
  }
  .post-nav .nav-links .title:hover{
      color: #01c0d2 !important;
  }
  .single .single-post-module .post-content a {
    color:#01c0d2 !important;
    transition: all ease-in-out .2s;
    }
.single .single-post-module .post-content a:hover {
    font-weight: 600 !important; 
    }
  /*Related Post*/
  .et_extra_other_module.related-posts {
      margin-top: 20px;
      background-color: transparent !important;
      box-shadow: none !important;
  }
  .related-posts-header {
      border-bottom: 0px solid rgba(0, 0, 0, 0.0);
  }
  .related-posts-header h3{
      padding: 0px 0 0px 0px;
      font-size: 26px;
      text-transform: capitalize;
  }
  .related-posts-content {
      background: #fff;
      border-top: 5px solid #002a5c;
      margin-top: 20px;
  }
  .related-post .title a {
      color: #002a5c !important;
      transition: all ease-in-out .2s;
  }
  .related-post .title a:hover {
      color:#01c0d2 !important;
  }
  .et_pb_extra_overlay::before {
      content: '$' !important;
      font-family: 'ETmodules' !important;
  }
  /*Comment Section*/
  #reply-title {
      font-size: 26px;
  }
  #commentform {
      padding-bottom: 50px;
      padding: 30px 30px;
      background-color: #fff !important;
      border-top: 5px solid #01c0d2;
      margin-top: 10px;
      display:flex;
      flex-direction: column;
  }
  .comment-form-url {
      display: none;
  }
  .comment-form-author, .comment-form-email {
      width: 50%;
  }
  #commentform textarea, .comment-form-author input, .comment-form-email input, .comment-form-url input {
      text-transform: capitalize !important;
  }
  #comment-wrap {
      padding-top: 0px !important;
  }
  #comment-wrap .page_title {
      margin-bottom: 0px;
      font-weight: 400;
      margin-top: 40px;
      font-size: 26px;
  }
  .commentlist > li {
      display: block;
      border-bottom: 1px solid #f9f8f8 !important;
      margin-bottom: 30px;
      margin-top: 10px;
  }
  .commentlist > li:last-of-type {
      border-bottom: 0px solid transparent !important;
  }
  .comment-body, .single article.comment-body {
      margin-bottom: 0px !important;
  }
  .commentlist {
      margin: 0 0 20px;
      background: #fff;
      padding: 30px;
      border-top: 5px solid #008f36;
  }
  .comment_avatar {
      border-radius: 50px;
  }
  .comment_postinfo .fn {
      color: #002a5c;
      font-size: 18px;
      font-weight: 400;
      text-transform: capitalize;
  }
  .comment .children {
      margin-left: 50px;
      padding-left: 0 !important;
  }
  .comment-content .reply-container {
      margin-bottom: 10px;
  }
  #commentform textarea::placeholder {
      text-transform: capitalize !important;
  }
  /*Others Pages*/
  .page-template-default .page .post-wrap .post-content {
    margin-bottom: 0px;
  }
  /**RESPONSIVE -----------------------**/
  /* Tablets in landscape mode (981-1100px) */
  @media only screen and ( max-width: 1024px ) { 
      /*Mobile Menu*/
      #et-mobile-navigation .show-menu-button {
          background-color: transparent !important;
      }
      #et-mobile-navigation .show-menu-button span {
          background-color: #fff !important;
      }
      #et-mobile-navigation nav {
      background-color: #002a5c
      }
      #et-mobile-navigation .lang_ctn {
          width: auto;
      }
      #et-mobile-navigation .lang_link {
          float: left;
          padding-right: 30px;       
          padding-top: 0px;
          padding-bottom: 20px;
      }
      #et-mobile-navigation .et-extra-social-icons{
          width:auto;
          padding-right: 40px;
      }
      #et-mobile-navigation .et-top-search {
          width: 100%;
          margin-right: 0px;
          margin-bottom: 10px !important;
      }
      #et-mobile-navigation #et-info .et-top-search .et-search-field {
          width: 100%;
      }
      #et-mobile-navigation #et-extra-mobile-menu li a {
          color: #fff !important;
      }
      #et-mobile-navigation #et-extra-mobile-menu li a:hover {
          color: #01c0d2 !important;
      }
      #et-mobile-navigation #et-info {
          border-bottom : 0px solid !important;
      }
      #top-header {
          display: block; 
      }
      #top-header #et-info{
          display: none; 
      }
      /*Slide home bg img position*/
      .homeslider-post article {
        background-position: center center !important;
        background-size: cover !important;
        }
  }
  
  /* Tablets in portrait mode (768-980px) */
  @media only screen and ( max-width: 980px ) {
      .et_extra_layout.et_pb_gutters3 .et_pb_extra_module {
          width: inherit;
      }
      .et_pb_extra_module .main-post {
          border-right: 0px solid transparent;
      }
  }
  
  /* Smartphones in landscape mode (480-768px) */
  @media only screen and ( max-width: 768px ) {
      .with_sidebar .posts-blog-feed-module .paginated_content .paginated_page[data-columns]::before {
          content: '' !important;
      }
  }
  
  /* Smartphones in portrait mode (0-479px) */
  @media only screen and ( max-width: 479px ) {
      .et_extra_layout .et_pb_column_4_4 .et_pb_extra_module .posts-list li:first-child {
          border-top:  0px solid transparent;
          border-bottom:  0px solid transparent;
      }
  }