/*
  Styles de la page Linktree
*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*Fonts*/
@font-face {
  font-family: "silkaregular";
  src: url("/app/themes/wwp_child_theme/assets/fonts/silka-regular-webfont.eot");
  src: url("/app/themes/wwp_child_theme/assets/fonts/silka-regular-webfont.eot?#iefix") format("embedded-opentype"),
  url("/app/themes/wwp_child_theme/assets/fonts/silka-regular-webfont.woff2") format("woff2"),
  url("/app/themes/wwp_child_theme/assets/fonts/silka-regular-webfont.woff") format("woff"),
  url("/app/themes/wwp_child_theme/assets/fonts/silka-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "silkamedium";
  src: url("/app/themes/wwp_child_theme/assets/fonts/silka-medium-webfont.eot");
  src: url("/app/themes/wwp_child_theme/assets/fonts/silka-medium-webfont.eot?#iefix") format("embedded-opentype"),
  url("/app/themes/wwp_child_theme/assets/fonts/silka-medium-webfont.woff2") format("woff2"),
  url("/app/themes/wwp_child_theme/assets/fonts/silka-medium-webfont.woff") format("woff"),
  url("/app/themes/wwp_child_theme/assets/fonts/silka-medium-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "silkabold";
  src: url("/app/themes/wwp_child_theme/assets/fonts/silka-bold-webfont.eot");
  src: url("/app/themes/wwp_child_theme/assets/fonts/silka-bold-webfont.eot?#iefix") format("embedded-opentype"),
  url("/app/themes/wwp_child_theme/assets/fonts/silka-bold-webfont.woff2") format("woff2"),
  url("/app/themes/wwp_child_theme/assets/fonts/silka-bold-webfont.woff") format("woff"),
  url("/app/themes/wwp_child_theme/assets/fonts/silka-bold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "silkablack";
  src: url("/app/themes/wwp_child_theme/assets/fonts/silka-black-webfont.eot");
  src: url("/app/themes/wwp_child_theme/assets/fonts/silka-black-webfont.eot?#iefix") format("embedded-opentype"),
  url("/app/themes/wwp_child_theme/assets/fonts/silka-black-webfont.woff2") format("woff2"),
  url("/app/themes/wwp_child_theme/assets/fonts/silka-black-webfont.woff") format("woff"),
  url("/app/themes/wwp_child_theme/assets/fonts/silka-black-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

html {
  font-size: 62.5%;
  font-size: calc(1em * 0.625);
}

body {
  font-family: "silkaregular";
  font-size: 1.6rem;
  background-image: url(/app/themes/wwp_child_theme/assets/raw/svg/forme-rouge-1.svg), url(/app/themes/wwp_child_theme/assets/raw/svg/forme-rouge-1.svg);
  background-repeat: no-repeat;
  background-position: -50% -30%, 130% 100%;
}

/*Containers*/
.container-s {
  max-width: 700px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 700px) {
  .container-s {
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding: 0 3rem;
  }
}

.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 45px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0 3.5rem;
  font-size: 1.6rem;
  font-family: "silkabold";
  line-height: 1.2;
  color: white;
  background-color: #E40063;
  text-decoration: none !important;
  box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.09);
  border-radius: 5px;
  transition: all .4s;
}


.no-touch .btn:focus,
.no-touch .btn:hover,
.no-touch .btn:active {
  color: white;
  background-color: #E40063;
  text-decoration: none;
}

h1, h2 {
  display: block;
  font-weight: normal;
}

h1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-family: "silkabold", sans-serif;
  font-size: 3rem;
  letter-spacing: 0.02em;
}

h2 {
  margin-top: 4rem;
  margin-bottom: 1rem;
  font-family: "silkablack", sans-serif;
}

/*Contenu*/
.site-header,
.site-content {
  text-align: center;
}

.section {
  display: flex;
  flex-direction: column;
}

/*Header*/
.site-header {
  position: relative;
  padding-top: 2rem;
}

.site-content {
  min-height: calc(100vh - 104px) !important;
}

/*Footer*/
.site-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 6rem;
  padding: 6rem 0 4rem 0;
  color: white;
  background-color: #2A3217;
}
.site-footer nav,
.site-footer .social-networks {
  margin: 0 2rem;
}

.site-footer ul {
  padding-left: 0;
  list-style: none;
}
.site-footer li {
  margin-bottom: 5px;
  font-family: "silkamedium", sans-serif;
  text-align: left;
  font-size: 1.2rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
.site-footer li a {
  color: white;
  text-decoration: none;
}

/*Navigation*/
.site-footer nav {
  display: flex;
  align-items: center;
}

.site-footer nav ul {
  margin: 0;
}

.site-footer nav li {
  margin: 0;
}
.site-footer nav li a {
  display: flex;
  align-items: center;
}
.site-footer nav li svg {
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
  margin-top: -3px;
  margin-right: 5px;
  margin-left: -2px;
  fill: white;
}

/*Réseaux sociaux*/
ul.social-networks-native {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.social-networks-native li {
  width: 33px;
  font-size: 0;
}

ul.social-networks-native li svg {
  width: 30px;
  height: 30px;
  margin-left: 0;
  fill: white;
}

/*Responsivex*/
@media (max-width: 767px) {

  .site-footer {
    padding-bottom: 12rem !important;
  }
}


body.page-template-linktree .site-content .btn {
  height: auto;
  white-space: normal;
  padding: 1rem 4rem;
}