@charset "UTF-8";
/*
Theme Name: k-ciopé
Theme URI: https://wordpress.org/themes/k-ciope/
Author: k-ciopé
Version: 1.2
*/
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,700&display=swap');

body {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 16px;
  line-height: 1.2;
  color: #22242B;
}

h1 {
  font-size: calc(72px + (138 - 72) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 300;
}

h2 {
  font-size: calc(56px + (72 - 56) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 300;
  text-transform: none;
}

h3 {
  font-size: calc(21px + (32 - 21) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 700;
  text-transform: none;
  padding-bottom: 1em;
}

h4 {
  font-size: calc(18px + (24 - 18) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 700;
  text-transform: none;
  padding-top: 1em;
  padding-bottom: 1em;
}

h5 {
  text-transform: none
}

h5,
p {
  font-size: calc(13px + (17 - 13) * ((100vw - 300px) / (1600 - 300)));
  padding-bottom: 0.5em;
  line-height: 1.4;
}

.intros p {
  font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 300;
}

.top-intros p {
  font-size: calc(48px + (64 - 48) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 300;
}

.txt-light h1,
.txt-light h2,
.txt-light h3,
.txt-light h4,
.txt-light h5,
.txt-light p,
.txt-light a,
.txt-light li,
.txt-light li a,
.txt-light li.active a,
.txt-light li.active a span,
.content_menu ul.menu li a,
.content_menu ul.menu li.active a,
.content_menu ul.menu li.active a span {
  color: #FFFFFF !important;
}

.txt-tech h1,
.txt-tech h2,
.txt-tech h3,
.txt-tech h4,
.txt-tech h5,
.txt-tech p,
.txt-tech a,
.txt-tech li {
  color: #0757EC !important;
}

.txt-conseil h1,
.txt-conseil h2,
.txt-conseil h3,
.txt-conseil h4,
.txt-conseil h5,
.txt-conseil p,
.txt-conseil a,
.txt-conseil li {
  color: #6A3AC9 !important;
}

.txt-factory h1,
.txt-factory h2,
.txt-factory h3,
.txt-factory h4,
.txt-factory h5,
.txt-factory p,
.txt-factory a,
.txt-factory li {
  color: #E95831 !important;
}

.txt-magenta h1,
.txt-magenta h2,
.txt-magenta h3,
.txt-magenta h4,
.txt-magenta h5,
.txt-magenta p,
.txt-magenta a,
.txt-magenta li {
  color: #E95831 !important;
}

.block-conseil h3, .block-conseil h4, .block-conseil h5, .block-conseil a:hover {
  color: #6A3AC9 !important;
}

.block-factory h3, .block-factory h4, .block-factory h5, .block-factory a:hover {
  color: #E95831 !important;
}

.block-tech h3, .block-tech h4, .block-tech h5, .block-tech a:hover {
  color: #0757EC !important;
}

.header-title {
  font-size: calc(24px + (30 - 24) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 300;
}

.intro-block h1 {
  font-size: calc(36px + (64 - 36) * ((100vw - 300px) / (1600 - 300)));
}

/* top-section */
.top-section {
  padding-top: 100px
}

/* contenus */
.contenu {}

.contenu h3,
.contenu h4,
.contenu h5 {
  margin-top: 1em;
  margin-bottom: 8px
}

.contenu blockquote {
  font-weight: 400;
  padding-left: 2em;
  border-left: 2px solid #E95831;
  margin: 2em 0;
}

.contenu blockquote p {
  font-size: 2.4em;
}

.contenu ul {
  margin: 0 0 2em 0;
  padding: 0;
  list-style: none;
}

.contenu ul li {
  padding: 0.5em 0.5em 0.5em 2em;
  position: relative;
}

.contenu ul li::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  top: 1em;
  left: 0;
  border-radius: 3px;
  background-color: #E95831
}

/* bgs */
.bg-tech {
  background-color: #0757EC;
}

.bg-tech-light {
  background-color: #2AACE3;
}

.bg-conseil {
  background-color: #6A3AC9;
}

.bg-factory {
  background-color: #E95831;
}

.bg-magenta {
  background-color: #E95831;
}

input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
  color: #ffffff
}

.qode_button_icon_element,
.qbutton.large i {
  position: relative;
  top: 8px;
  left: -8px;
  font-size: 32px;
  float: left;
  margin: 0 18px 0 0
}

.qbutton.large.white {
  padding-left: 0px
}

/* navigation portfolio */
.portfolio_navigation {
  margin: 0;
  border: 0;
  padding: 40px 0;
}

/* pages 1er niveau */
.card-vertus {
  min-height: 320px;
  background-color: white;
  border-radius: 2px;
  box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: stretch;
  align-items: center;
  padding: 3rem
}

.card-vertus h3 {
  font-weight: 300;
  text-align: center;
}

.card-vertus-inverted {
  min-height: 200px;
  border-radius: 2px;
  box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.2);
  padding: 3rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: stretch;
  align-items: center;
}

/* INTRANET */

.wpb_page_list {
  display: flex;
  justify-content: flex-end;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.wpb_page_list li {
  margin-left: 24px;
}

.wpb_page_list li a {
  color: #22242B;
  font-weight: 500;
}

.wpb_page_list li.current_page_item a {
  color: #6A3AC9;
}