/*
Theme Name: Theme enfant Divi
Description: Theme enfant de Divi pour ville de plabennec
Author: Koality 2019
Author URI: https://koality.fr
Template: Divi
Version: 1.0

Colors

rose : #ff7e66

*/

html body {
  font-weight: 300;
}

/* TOP HEADER */
.home #top-header {
  height: 90px;
}

.home #top-header .container {
  padding-top: 0;
}

.et_header_style_left .logo_container {
  top: -10px;
}

#top-header #et_top_search {
  float: none;
  display: inline-block;
  height: 12px;
  margin-right: 48px;
}

#top-header #et_search_icon::before {
  color: #ffbeb2;
}

/* Menu top */
#et-secondary-nav li.menu-item {
  line-height: 90px;
  margin-right: 40px;
}

#et-secondary-nav li:before {
  content: '';
  width: 1px;
  height: 48px;
  background: #ffbeb2;
  position: absolute;
  top: 20px;
  transform: rotate(12deg);
  left: -23px;
}

/* Menu principal */
header #top-menu {
  float: none;
}

header #et-top-navigation {
  float: none;
  padding-left: 0 !important;
  width: 100%;
}

header nav#top-menu-nav {
  width: 100%;
  float: none;
}

header #top-menu > li {
  width: 16%;
  text-align: center;
}

.sub-menu .sub-menu a {
  text-transform: initial !important;
}

#top-menu.nav li ul {
  width: auto;
}
#top-menu.nav li li {
  display: block;
}
#top-menu.nav li li a {
  font-weight: normal;
  padding: 3px 20px;
  font-size: 14px;
  width: auto;
  white-space: nowrap;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

/* FOCUS */
.et_pb_slide:after {
  content: '';
  width: 100%;
  height: 800px;
  background-color: rgba(0, 85, 118, 0.83);
  position: absolute;
  top: -50px;
  left: -50%;
  transform-origin: top center;
  transform: rotate(20deg);
}

.et_pb_slider .et_pb_container {
  margin: auto !important;
}

.et_pb_slide_4 .et_pb_container,
.et_pb_slide_3 .et_pb_container,
.et_pb_slide_2 .et_pb_container,
.et_pb_slide_1 .et_pb_container,
.et_pb_slide_0 .et_pb_container {
  width: 100% !important;
}

blockquote {
  border-color: #005576 !important;
}

/* NEWS */
body #page-container .bt-home-news.et_pb_button_4 {
  border-bottom: 10px solid #005576 !important;
  padding: 10px !important;
  width: 100%;
}

body #page-container .bt-home-agenda.et_pb_button_5 {
  /*border-bottom: 10px solid #ff7e66 !important;*/
  border-bottom: 10px solid #609bb1 !important;
  padding: 10px !important;
  width: 100%;
}

.k_blog {
  min-height: 340px;
  padding: 0;
}

.k_blog.category-agenda {
  /*background: #ff7e66 !important;*/
  background: #609bb1 !important;
}

.k_blog .et_pb_image_container {
  margin: 0;
}

.et_pb_post.k_blog .entry-featured-image-url {
  margin-bottom: 0;
}

.et_pb_blog_grid .et_pb_post.k_blog {
  padding: 0;
  border: none;
}

.et_pb_blog_grid .k_blog h2 {
  width: 100%;
  color: white;
  font-size: 16px;
  padding: 15px 15px 5px 15px;
  line-height: 22px;
}

.et_pb_blog_grid .k_blog .entry-date {
  margin-top: 0;
  color: white !important;
  padding: 0 15px;
  line-height: 20px;
}

/* Common */
.breadcrumbs,
.breadcrumbs a {
  color: #ff7e66;
}

.entry-title h2 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 20px;
  color: #005576 !important;
}

/* Form resa */
#acf-form {
  background: #eee;
}

.acf-form-submit {
  text-align: center;
}

.acf-button {
  padding: 10px 20px;
  border: none;
  color: white;
  background: #005576 !important;
  font-size: 18px;
  margin-top: 30px;
}

#message {
  padding: 30px;
  background: #9ee86b;
  color: black;
  font-weight: bold;
}

/* Single PAGE */

.single .et_pb_section.et_pb_section_0,
.single .et_pb_section.et_pb_section_0 .et_pb_row_0 {
  padding-top: 0;
}

.single .et_pb_column_1_3 {
  padding-top: 50px;
}

.single .et_pb_column_1_3 a {
  display: block;
}

.single .et_pb_column_1_3 a:before {
  font-family: 'ETModules';
  content: '\50';
  margin-right: 5px;
  vertical-align: middle;
}

.single article {
  /*width: 800px;*/
  margin: 28px auto 28px auto;
}

.single article h1 {
  font-weight: 700;
  line-height: 35px;
  font-size: 30px;
  color: #005576 !important;
  padding-top: 57px;
}

.single article hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  height: 1px;
  background: #005576;
  border: 0;
}

.agenda-infos {
  padding: 15px;
  background: #005576;
  color: white;
  margin-bottom: 20px;
  line-height: 30px;
}

.agenda-infos h4 {
  color: white;
  border-bottom: 1px solid white;
  margin-bottom: 20px;
}

.agenda-infos-date:before {
  content: '\e06b';
  position: relative;
  font-family: 'ETmodules';
}

.agenda-infos-lieu:before {
  content: '\e081';
  position: relative;
  font-family: 'ETmodules';
}

.agenda-infos-contact:before {
  content: '\e08a';
  position: relative;
  font-family: 'ETmodules';
}

.ui-datepicker-current {
  display: none !important;
}

/* Kiosque */
.kiosque-link .et_pb_blurb_container {
  text-align: center;
}
.kiosque-link .et_pb_module_header {
  width: 120px;
  display: inline-block;
  padding-bottom: 0;
}
.kiosque div.et-last-child .et_pb_module_header {
  width: 180px;
}
.kiosque-link .et_pb_main_blurb_image {
  margin-bottom: 0;
  display: block;
}

/* FB */

#cff .cff-posts-wrap {
  clear: inherit;
}

#cff .cff-item {
  width: 32%;
  float: left;
  clear: inherit;
  margin-right: 5px;
  padding: 20px !important;
  background: white;
  min-height: 310px;
}

/* Plan du site */
.wsp-pages-list > li {
  font-size: 18px;
  font-weight: bold;
}

.wsp-pages-list li li {
  font-weight: normal;
  font-size: 16px;
}

/* Footer */
.bottom-form .et_contact_bottom_container {
  width: 100%;
  float: none;
  padding-left: 11px;
}

.bottom-form .et_contact_bottom_container .et_pb_button {
  width: 100%;
  margin-left: 0;
  margin-top: 2px;
}

.bottom-form p.et_pb_contact_field {
  margin-bottom: 5px;
}

.gform_wrapper.contact-footer.gform_validation_error label,
.gform_wrapper.contact-footer .validation_error {
  border-color: white;
  color: white;
}
.gform_wrapper .contact-footer {
  color: white;
}

.gform_wrapper .contact-footer h3.gform_title {
  font-weight: 300;
  text-transform: uppercase;
  color: #ff7e65 !important;
}

.gform_wrapper .contact-footer div.validation_error,
.gform_wrapper .contact-footer .gform_confirmation_message_1 {
  color: white;
}

footer#main-footer {
  background: #334b5a;
  color: #7faaba;
  line-height: 50px;
}

footer#main-footer span {
  margin-right: 30px;
  position: relative;
}

footer#main-footer a {
  color: #7faaba;
}

footer#main-footer span:after {
  position: absolute;
  top: -6px;
  right: -18px;
  content: '';
  height: 30px;
  width: 1px;
  background: #7faaba;
  display: inline-block;
}

/***Archive pages***/
.header-archives {
  padding: 30px;
  background: #ff7e662b;
  border-top: 1px solid #fdcdc4;
  border-bottom: 1px solid #fdcdc4;
  margin-bottom: 30px;
}

.post-type-archive-delib #main-content .container:before,
.post-type-archive-arrete #main-content .container:before,
.post-type-archive-bulletin #main-content .container:before,
.archive #main-content .container:before {
  display: none;
}

.archive-posts article {
  min-height: 550px !important;
  height: 550px !important;
}

.archive-posts .et_pb_column:nth-child(3n + 3) {
  margin-right: 0 !important;
}

.post-type-archive-delib .et_pb_post,
.post-type-archive-arrete .et_pb_post,
.post-type-archive-bulletin .et_pb_post,
.search .et_pb_post {
  width: 47.5%;
  float: left;
  margin-right: 5%;
  padding: 30px 0;
  border: 1px solid #e6e6e6;
}

.post-type-archive-delib .et_pb_post,
.post-type-archive-arrete .et_pb_post {
  height: 200px;
}

.archive .et_pb_post:first-child {
  /*border: none !important;*/
}

.archive .et_pb_post.link-oldsite {
  background: #e6e6e6 !important;
  /*border: none !important;*/
}

.search #main-content .container:before {
  display: none !important;
}

/*Remove margin from every second post*/

.archive .et_pb_post.last,
.search .et_pb_post.last {
  margin-right: 0;
}

/*Set to a single column on smaller screens*/

@media all and (max-width: 767px) {
  .archive .et_pb_post,
  .search .et_pb_post {
    width: 100%;
    margin-right: 0;
  }
}

/*Add padding to the posts*/

.archive .et_pb_post,
.search .et_pb_post {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
  /*
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    height: 100%;
    */
}

/*Remove padding on featured image with negative margin*/

.archive .et_pb_post .ds-archive-featured,
.search .et_pb_post .ds-archive-featured {
  margin: 0 -15px 15px -15px;
}

/*Style the read more link and post nav*/

.archive a.more-link,
.search a.more-link {
  display: block;
  text-align: center;
  width: auto;
}

.archive a.more-link,
.search a.more-link,
.archive .pagination a,
.search .pagination a {
  color: #fff;
  background: #ff7e65;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 0.3em 0.5em !important;
  border: 2px solid #ff7e65;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.archive a.more-link:hover,
.search a.more-link:hover,
.archive .pagination a:hover,
.search .pagination a:hover {
  color: #ff7e65;
  background: #fff;
}

/*Add bottom margin to the pagination*/

.archive .pagination,
.search .pagination {
  margin-bottom: 40px;
}

/*Add padding to the post title on mobile*/

@media all and (max-width: 479px) {
  .archive .et_pb_post .entry-title,
  .search .et_pb_post .entry-title {
    padding-bottom: 10px;
  }
}

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
}

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
  .mobile_menu_bar:before {
    color: #ff7e65 !important;
  }

  .et_fixed_nav #main-header,
  .et_fixed_nav #top-header {
    background: white;
  }

  .et_secondary_nav_only_menu #top-header {
    display: block !important;
    height: 0 !important;
  }

  .et_header_style_left .logo_container {
    top: 16px !important;
  }

  #logo {
    width: 176px !important;
    height: 49px !important;
    max-height: inherit !important;
    max-width: 100% !important;
  }

  .et_pb_slider_0.et_pb_slider .et_pb_slide_description {
    padding: 30px 15px 30px 15px !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .et_pb_slider_0.et_pb_slider::after,
  .et_pb_slide::after {
    left: -10% !important;
  }

  #cff .cff-item {
    width: 100% !important;
  }

  #k-carte,
  #k-carte-legend {
    width: 100% !important;
    height: auto;
  }
}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
}