/*
*  Les Clionautes
*  Extra Child Theme
*  Main stylesheet
*/
body {
   position: relative
}

/* Form elements */
select {
   cursor: pointer;
}

select::placeholder,
textarea::placeholder,
input::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="email"]::placeholder,
input[type="search"]::placeholder {
   font-weight: 400 !important;
   text-transform: none !important;
   color: #c7c7c7;
   letter-spacing: 0.5px;
}

input[type="checkbox"] {
   vertical-align: middle;
}

input[type="text"], 
input[type="password"], 
input[type="tel"], 
input[type="url"], 
input[type="email"], 
textarea, 
select
{
   border-top: 2px solid;
}

#clio_filter {
   position: absolute;
   width: 100%;
   background-image: background: -webkit-linear-gradient(top, rgba(201,30,201,1) 0%, rgba(255,255,255,1) 100%);
   background-image: linear-gradient(to bottom, rgb(255, 255, 255) 50%, transparent 100%);
   z-index: -1;
}

#main-header {
   background: #FFFFFF;
}

#main-content .container {
    position: relative;
    width: 98%;
}

#main-content {
   padding-top: 30px;
   background-color: #FFFFFF;
}

.page .post-wrap, .post-wrap {
   padding: 0 15px 40px;
}

/* Top Menu Header */
#et-info li a {
   font-size: 14px !important;
}
#et-info .et-cart {
}
#et-info .et-extra-social-icons .et-extra-icon:before {
   font-size: 16px;
}
#et-info .et-extra-social-icons .et-extra-icon {
   font-weight: 400 !important;
   padding: 0 !important;
}
#et-info .et-top-search .et-search-field {
   width: 180px;
   font-weight: 400;
   padding-right: 1.7em;
}
#et-info .et-top-search .et-search-field::placeholder {
   color: #C4C4C4;
   font-size: 0.9em;
   font-weight: 300;
}
.et-search-field::placeholder,
.search-field::placeholder {
   text-transform: none !important;
}
.et_pb_widget.widget_search .search-field {
   font-weight: 500;
}
#et-info .et-top-search .et-search-field:focus::placeholder {
      color: #454545;
}
#et-info .et-top-search .et-search-field:focus {
   background: rgba(0,0,0,0.4);
   color: #FFF;
}

#top-header {
   z-index: 1;
   position: relative;
   background: #2B3843;
   padding: 2px 0;
}

.topmenu-clio-icon {
   margin: 0 0 10px 10px;
}
@media only screen and (max-width: 1024px) {
   .topmenu-clio-icon {
       margin-left: 0.5em;
       display: flex;
       align-items: center;
   }
}
.topmenu-clio-icon .et-extra-icon {
   background: rgba(255,255,255,.1);
}
.et-extra-icon::before {
   margin-right: 0;
}
.topmenu-clio-icon a.header-login {
    color: #bfbfbf;
    margin-right: 0.5em;
    transform: translateY(-2px);
    display: inline-block;
}
.topmenu-clio-icon a.header-login:hover {
   color: #FFFFFF;
}


/* Primary Menu */
ul#et-menu {
   background: #2b3843;
}
@media only screen and (min-width: 768px) {
   .header.left-right #et-navigation > ul > li > a {
      padding: 10px 0 10px !important;
   }
}

.show-menu-button span {
   background: rgba(40, 40, 40, 0.75);
   width: 25px;
   height: 3px;
   border-radius: 2px;
}
.show-menu-button span:nth-child(2) {
   margin: 3px 0;
}

/* Secondary menu */
#et-trending .clio-galaxie::before {
   color: rgba(255, 255, 255, 0.34);
   font-size: 1.7em;
   font-weight: 400;
}
.clio-menu a {
   white-space: nowrap;
}
h4#et-trending-label {
   font-weight: 600 !important;
}
header.header #et-secondary-menu {
   padding: 6px 0;
}
header.header #et-secondary-menu a {
   display: inline;
}
#et-secondary-menu li > ul {
   z-index: 1000;
   left: 44px;
   top: 1.95em;
}
#et-secondary-menu li > ul a {
   padding: 10px 20px 10px 6px;
}
#et-secondary-menu li > ul li ul {
   top: -2px;
}
#et-secondary-menu > li > a:before {
   display:none;
}
header.header li.menu-item-has-children .menu-item-has-children > a:after {
   right: 0;
   -webkit-transform: translateY(-48%) rotate(-90deg);
   transform: translateY(-48%) rotate(-90deg);
}
.clio-menu::before {
   font-family: clio-icons;
   color: rgba(255,255,255,.6);
   font-size: 1.2em;
   vertical-align: sub;
}
li.clio-menu {
   padding: 3px 0em 3px 0!important;
   line-height: 1.7em !important;
}
.sub-menu li.clio-menu {
   padding: 3px 1em !important;
   font-size: 1.1em;
}
.sub-menu li.clio-menu a {
   font-size: 0.9em;
}
@media only screen and (max-width: 1024px) {
   #et-mobile-navigation #et-extra-mobile-menu li.menu-item-has-children > a:after {
      top: unset;
      right: unset;
      transform: translateY(0);
   }
   #et-mobile-navigation #et-extra-mobile-menu li.menu-item-has-children > a.selected:after {
      transform: rotate(-180deg);
   }
   #et-mobile-navigation .clio-galaxie {
      margin: 0.6em 0;
   }
   #et-mobile-navigation .clio-galaxie::before {
      content: "";
      margin: 0;
   }
   #et-mobile-navigation .clio-galaxie .sub-menu {
       margin: 1em 0 0.8em;
   }
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
    padding: 10px 0;
}

/* Category */
h1#clio_archive-title [class*="clio-"]::before {
   /* vertical-align: sub; */
}

/*  Main Header */
#main-header {
}

#content-area {
   background-color: rgba(255, 255, 255, 0.85);
   padding: 1em;
}

.posts-blog-feed-module .header img {
   width: auto;
   max-width: 100%;
   margin: auto;
}

.read-more-button {
   float: right;
}
.read-more-button::before {
   content: "\47";
   font-family: 'clio-icons';
   margin-right: 0.4em;
   transform: translateY(-1.8px);
}

.page .post-wrap h1 {
   padding: 0;
   font-weight: 800;
}
.post-header h1, .page .post-wrap h1 {
   font-weight: 800;
}

.post-header h2.surtitre {
   padding: 0;
   font-size: 1.1em;
}

.post-header h3.soustitre {
   font-size: 1em;
}

/* Breadcumbs */
.breadcrumbs {
   margin-bottom: 2em;
}
.breadcrumbs [class^="clio-"]:before {
   margin-right: 0;
   vertical-align: middle;
}

/* Post Content */
.single article {
   border-top: 6px solid;
}


#footer {
   margin: 0;
}

#main-header .container,
#logo-clio {
   transition: height 0.3s;
}

/* Menu */
#et-navigation {
   justify-content: flex-end;
   /* align-items: center; */
   flex-grow: 2;
}

#et-navigation > ul > li {
   margin: 0 10px;
}


#et-navigation > ul > li > a:before {
   background: none;
}

#et-navigation > ul > li > a:hover:before {
   transform: translateY(17px);
   background: #CFCFCF;
}

#et-navigation > ul > li.current-menu-item > a, #et-navigation > ul > li.current_page_item > a {
   color: #f99f3d;
}

#et-navigation > ul .sub-menu li a {
   text-transform: none;
   padding: 0.8em 0;
   line-height: 1.2;
   font-size: 1em;
}
/* Footnotes */
ul#footnotes {
   list-style-type: none;
   border-top: 1px solid #DFDFDF;
   margin-top: 4em;
   padding-left: 0;
}

/* Module head */
.module-head h1 {
   text-shadow: none;
}
.module-head, .tabbed-post-module .tabs {
   padding: 15px 12px;
}

/* Related posts */
.related-post .featured-image {
   margin: 0 0 0.4em;
}
.related-post .title {
   margin-bottom: 5px;
}

/* #main-header .container {
   flex-wrap: nowrap;
} */

/* Widgets */
.et_pb_widget.widget_text .custom-html-widget {
   padding: 0;
}

/* WooCommerce */
nav.woocommerce-breadcrumb {
    display: none;
}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
  margin: 0;
  color: #00A8FF;
  font-size: 18px;
  font-weight: 400;
}
.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {
   font-size: 16px;
}
.woocommerce form .form-row label {
    line-height: 1.2;
    margin-bottom: 5px;
}
.woocommerce form .form-row label .optional {
   display: none;
}
.woocommerce form .form-row .required {
   color: #bf212f;
   text-decoration: none;
}
.woocommerce-error li {
   margin: 0;
   line-height: 1.4em;
}
a.reset_variations {
   display: none !important;
}
.clio-infos-wrapper {
   border: 1px solid rgba(0,0,0,.1);
   border-bottom-width: 2px;
   border-right-width: 2px;
   width: 100%;
   border-radius: 5px;
   padding: 6px 12px;
   margin-bottom: 2em;
}
.clio-infos-wrapper p {
   margin: 0.3em 0;
}
.woocommerce-orders-table__cell-order-actions a:not(:last-child) {
    margin-right: 5px;
}

.extra-woocommerce-details-accordion.ui-accordion.ui-widget.ui-helper-reset {
   font-size: 0.9em;
   line-height: 1em !important;
}

.extra-woocommerce-details-accordion.ui-accordion.ui-widget.ui-helper-reset p {
   line-height: 1.4em;
   text-align: justify;
}
.woocommerce button#place_order {
    margin-top: 1em;
}

/* Comments */
.comment-form-author input, .comment-form-email input, .comment-form-url input {
   text-transform: none;
}
p.comment-notes {
    font-size: 0.85em;
}
.comment-body, .single article.comment-body, .page article.comment-body {
   margin-bottom: 25px;
}
.comment_postinfo .fn {
   font-size: 16px;
}
span.fn, span.fn a {
   color: #4a4a4a;
}
.comment-content {
   font-family: 'Exo 2', sans-serif;
   font-size: 0.95em;
   /* line-height: 1; */
}
.comment-content * {
   line-height: 1.2em;
}
.comment_postinfo .comment_date, .comment_postinfo .comment-edit-link {
   font-size: 14px;
   font-family: 'Exo 2', sans-serif;
}
span.comment_date {
   color: #4a4a4a;
   font-size: 14px;
   font-weight: 400;
}
#commentform textarea, #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"] {
   font-size: 16px;
}
/* Widget Recent Comments */
span.comment-author-link {
   font-size: 14px;
}
ul#recentcomments .author,
ul#recentcomments .comment-author-link {
    font-size: 1.2em;
    font-weight: 600;
}

ul#recentcomments .date {
    color: #a52a46;
}

ul#recentcomments .post-title a,
ul#recentcomments .comment-author-link > a {
    font-size: 1.3em;
}

/* Sitemap */
.clio_sitemap-content h2 {
   padding: 0;
   margin: 1em 0 0;
}
.clio_sitemap-content .section-authors {
   text-align: justify;
}
.clio_sitemap-content .sections > ul {
   border: 1px solid #DFDFDF;
   padding-left: 2em;
   padding-top: 0.2em;
   margin-top: 0.5em;
}
.clio_sitemap-content ul:not(.section-categories) > li {
   margin-bottom: 0;
}
.clio_sitemap-content .section-categories > li {
   font-size: 1.2em;
}

.clio_sitemap-content .section-categories > li > ul {
   font-size: initial;
   padding-top: 0.3em;
}
.clio_sitemap-content ul li ul {
   list-style-type: square;
   padding-top: 0.2em;
}

.clio_sitemap-content .section-categories ul.children li {
   margin-bottom: 0;
}

/* Pagination */
.paginated .pagination li, .archive-pagination .pagination li, .paginated > .page-numbers li, .archive-pagination > .page-numbers li {
   width: auto;
   min-width: 30px;
}
.paginated .pagination li .pagination-page, .archive-pagination .pagination li .pagination-page, .paginated > .page-numbers li .pagination-page, .archive-pagination > .page-numbers li .pagination-page {
   font-weight: 600;
   margin: 0 3px;
}

/* Buttons */
button.contact-clio-button {
   margin-left: 0.4em;
   padding: 3px 0 0 5px;
}
button#author-contact-form-button {
   text-transform: none;
}

/* Author Page */
.clio_authors {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;  
}
.clio_authors .clio_author {
   background: #FFFFFF;
   width: 30%;
   margin: 0 0.5em 24px;
   padding: 1.5em 0.4em;
   border-top-width: 6px;
   border-top-style: solid;
   /* border: 1px solid #DFDFDF; */
   border-radius: 3px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   box-sizing: border-box;
   text-align: center;
   overflow: visible;
}
@media (max-width: 715px) {
   .clio_authors .clio_author {
      width: 46%;
   }
}
@media (max-width: 484px) {
   .clio_authors .clio_author {
      width: 100%;
   }
}
.clio_authors .clio_author a img {
  position: relative;
  display: block;
  height: 150px;
  width: 150px;
  margin: 0 auto 0.7em;
  border-radius: 100%;
}
.clio_authors .clio_author .clio_author-content h2 {
  color: #6e5fe0;
  font-size: 1.2em;
  font-weight: 600;
}
.clio_authors .clio_author .clio_author-content .description {
   line-height: 1.25em;
   text-align: justify;
}
.clio_authors .clio_author .clio_author-content p.user-title {
   color: #999999;
   margin: -0.8em 0 1em;
   font-size: 0.9em;
   line-height: 1.2em;
}

.clio_comite-editorial .post-count {
   display: none;
}
.clio_authors .clio_author .clio_author-content .post-count {
   margin: 0.9em auto 0;
   padding: 2px 8px 4px;
   text-transform: none;
}
.clio_authors.web .post-count {
   display: none;
}
.clio_authors .clio_author .author-footer {
   display: block;
   background: #f6f9fd;
   margin: 40px -7px -25px;
   padding: 10px 40px;
   border-radius: 0 0 3px 3px;
   text-align: center;
}
.clio_authors .clio_author .author-footer .et-extra-icon {
   display: inline-block;
   background: none;
   margin: 0 8px;
   color: rgba(0, 0, 0, 0.5);
   transition: .3s ease;
}
.clio_authors .clio_author .author-footer .et-extra-icon:hover {
   background: none !important;
}
.clio_authors .clio_author .author-footer .et-extra-icon:before {
   color: rgba(0, 0, 0, 0.5);
}



/* Media Queries */
@media (min-width:1024px) {

   /* #page-container:not(.et-fixed-header) #main-header .container {
      height: 200px;
   } */
   #page-container:not(.et-fixed-header) #logo-clio {
      margin-top: 10px;
      height: 172px;
   }

   #page-container.et-fixed-header #main-header .container {
      height: 36px;
   }
   #page-container.et-fixed-header #logo-clio {
      height: 36px;
   }

   #page-container.et-fixed-header #main-header {
      box-shadow: 0 1px 10px #c5c5c5;
      background-color: rgba(255, 255, 255, 0.85);
   }

}