/**
 * General
 **/

/* Hamburger */
.hamburger { display:none; }
.hamburger:hover { opacity:1; }
.hamburger:focus { outline:none; }

/* Contextual */
.ct-widget.ct-ignition { position:fixed; left:auto; top:auto; right:20px; bottom:20px; transition:all 0.5s ease 0s; }
.ct-widget.ct-ignition .ct-ignition__button { position:static; margin-top:10px;}

[data-contextual] { position:relative; overflow:hidden; }
[data-contextual] .contextual { position:absolute; right:10px; top:10px; text-align:center; font-size:14px;  list-style:none; margin:0; padding:0; opacity:0; visibility:hidden; transform:translateY(-35px); transition:all 0.5s ease 0s; }
[data-contextual] .contextual li { float:left; }
[data-contextual] .contextual a { display:block; width:24px; height:24px; line-height:24px; color:#fff; border-radius:50%; margin-left:5px; transition:all 0.2s ease 0s; }
[data-contextual] .contextual .edit { background:#2980b9; }
[data-contextual] .contextual .edit:hover { transform:scale(1.2); }
[data-contextual] .contextual .add { background:#27ae60; }
[data-contextual] .contextual .add:hover { transform:scale(1.2); }

.editor .ct-widget.ct-ignition { bottom:40px; }
.editor [data-contextual] .contextual { opacity:1; visibility:visible; z-index:100; transform:translateY(0); }
.editor [data-contextual],
.editor [data-editable], 
.editor [data-fixture] { outline:2px dashed #f39c12; }

/* Pagination */
.pagination { margin:30px 0; text-align:center; }
.pagination .loading { position: relative; }
.pagination .loading:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; background:#fff; }
.pagination .loading:after { font-family:'Font Awesome 5 Regular'; content:"\f3f4"; display:inline-block; width:24px; height:24px; line-height:24px; animation:fa-spin 2s infinite linear; position:absolute; left:50%; top:50%; margin-top:-12px; margin-left:-12px; z-index:3; }

.pagination.simple ul { margin:0; padding:0; }
.pagination.simple li { display:inline-block; margin:0 2px; }
.pagination.simple i { line-height:inherit; }
.pagination.simple a { display:block; width:30px; height:30px; line-height:30px; border:1px solid #ccc; color:#777; }
.pagination.simple a.active { background:rgba(0,0,0,0.1); }

.pagination.scroll { text-align:center; }

.pagination.dropdown { display:flex; justify-content:flex-end; }



/**
 * Responsive
 * Modifier le media query en selon du besoin
 **/
@media (max-width: 991px) {
  
  .hamburger { display:inline-block; }
  .menu { z-index:5; transition:all 0.5s ease 0s; overflow:hidden; background:rgba(0,0,0,0.5); display:flex; flex-direction:column; align-items:center; justify-content:center; }
  .menu ul { opacity:0; transition:all 0.4s ease 0.3s; transform:translateY(30px); list-style:none; margin:0; padding:0;  }
  .open .menu ul { opacity:1; transform:translateY(0); }
  
  /**
   * Fullscreen
   **/
  .fullscreen .menu { position:fixed; left:0; top:0; width:100%; height:100%; }
  .fullscreen .hamburger { z-index: 10; }
  
  /* Fullscreen Fade */
  .fullscreen.fade .menu { opacity:0; visibility:hidden; }
  .fullscreen.fade.open .menu { opacity:1; visibility:visible; }
  
  /* Fullscreen Top */
  .fullscreen.top .menu { transform:translateY(-100%); }
  .fullscreen.top.open .menu { transform:translateY(0); }
  
  /* Fullscreen Right */
  .fullscreen.right .menu { transform:translateX(100%); }
  .fullscreen.right.open .menu { transform:translateX(0); }
  
  /* Fullscreen Bottom */
  .fullscreen.bottom .menu { transform:translateY(100%); }
  .fullscreen.bottom.open .menu { transform:translateY(0); }
  
  /* Fullscreen Left */
  .fullscreen.left .menu { transform:translateX(-100%); }
  .fullscreen.left.open .menu { transform:translateX(0); }
  
  /**
   * Over
   **/
   
  .over .menu { position:fixed; }
  .over .hamburger { z-index: 10; }
  
  /* Over Top */
  .over.top .menu { left:0; top:0; width:100%; height:auto; transform:translateY(-100%); }
  .over.top.open .menu { transform:translateY(0); }
  
  /* Over Right */
  .over.right .menu { right:0; top:0; width:300px; height:100%; transform:translateX(100%); }
  .over.right.open .menu { transform:translateX(0); }
  
  /* Over Bottom */
  .over.bottom .menu { left:0; bottom:0; width:100%; height:auto; transform:translateY(100%); }
  .over.bottom.open .menu { transform:translateY(0); }
  
  /* Over Left */
  .over.left .menu { left:0; top:0; width:300px; height:100%; transform:translateX(-100%); }
  .over.left.open .menu { transform:translateX(0); }
  
  /**
   * Push
   **/
   
  .push { transition:all 0.5s ease 0s; }
  .push.open { overflow:hidden; }
  .push .menu { position:fixed; }
  
  /* Push Top */
  .push.top .menu { left:0; top:0; height:300px; width:100%; transform:translateY(-100%); overflow-y:hidden; }
  .push.top.open { transform:translateY(300px); }
  
  /* Push Right */
  .push.right .menu { right:0; top:0; height:100vh; width:300px; transform:translateX(100%); overflow-x:hidden; }
  .push.right.open { transform:translateX(-300px); }
  
  /* Push Bottom */
  .push.bottom .menu { left:0;margin-top:100vh; height:300px; width:100%; overflow-y:hidden; }
  .push.bottom.open { transform:translateY(-300px); }
  
  /* Push Left */
  .push.left .menu { left:0; top:0; height:100vh; width:300px; transform:translateX(-100%); overflow-x:hidden; }
  .push.left.open { transform:translateX(300px); }
}
/**
 * General Elements
 **/

body { font-family:'Montserrat'; line-height:1.5em; }
:focus { outline:none; }

/* Titles */
h1 { }
h2 { font-weight:900; font-size:44px; color:#ea0089; margin-bottom:80px; letter-spacing:4px; line-height:1.1em; }
h3 { }
h4 { }
h5 { }
h6 { }

/* Links */
a { }
a:visited { }
a:hover { text-decoration:none; }
a:focus { text-decoration:none; }

/* Images */
img { max-width:100%; height:auto; }
img[data-sizes="auto"] { display: block; width: 100%; }

/* Buttons */
.btn { color:#ea0089; border:2px solid #ea0089; border-radius:8px; padding:5px 20px; background:transparent; font-size:13px; font-family:'Montserrat'; font-weight:600; letter-spacing:2px; display:inline-block; transition:all 0.5s ease 0s; }
.btn:hover { color:#fff; background:#ea0089; }

/* Forms */
.field { margin-bottom:30px; }
.field .message { color:#ea0089; bottom:-1.4em; }

.field.textfield { position:relative; }
.field.textfield input { border:2px solid #ea0089; border-radius:8px; background:transparent; padding:10px 15px; color:#ea0089; font-weight:bold; font-size:16px; }
.field.textfield label { position:absolute; left:15px; top:50%; transform:translateY(-50%); font-weight:bold; font-size:16px; transition:all 0.3s ease 0s; }
.field.textfield.active label { opacity:0; margin-left:10px; }
.field.textfield.active input, .field.textfield.success input, .field.textfield.error input { border-color:#ea0089; color:#ea0089; }
.field.textfield.active label, .field.textfield.success label, .field.textfield.error label { color:#ea0089; }

.field.textarea textarea { border:2px solid #ea0089; border-radius:8px; background:transparent; padding:10px 15px;color:#ea0089; font-weight:bold; font-size:16px; }
.field.textarea label { position:absolute; left:15px; top:15px; font-weight:bold; font-size:16px; transition:all 0.3s ease 0s; }
.field.textarea.active label { opacity:0; margin-left:10px; }
.field.textarea.active textarea, .field.textarea.success textarea, .field.textarea.error textarea { border-color:#ea0089; color:#ea0089; }
.field.textarea.active label, .field.textarea.success label, .field.textarea.error label { color:#ea0089; }

.field.submit { text-align:center; }
.field.submit .btn { background:#ea0089; color:#fff; }

/**
 * Layout
 **/
 
/* Header */
#header { text-align:center; padding:50px 0; }
#header .logo { margin-bottom:30px; }
#header .facebook { color:#cbcbcb; font-size:30px; display:inline-block; }

/* Footer */
#footer { padding:80px 0; background:#cbcbcb; color:#fff; text-align:center; font-size:22px; font-weight:bold; }
#footer .btn { margin:30px 0 60px 0; font-size:22px; border-color:#fff; color:#fff; font-weight:bold; padding:15px 30px; }
#footer .btn:hover { border-color:#ea0089; }
#footer .row { justify-content:space-around; }
#footer .row p { color:#7b7b7b; margin-bottom:30px; line-height:1.6em; }
#footer .row b { color:#fff; font-weight:bold; }
#footer .bottom { font-size:14px; }
#footer .bottom a { color:#777; }

/**
 * Pages
 **/

.hero { background:url(../themes/tresor/assets/img/hero-bg.jpg) no-repeat center center; background-size:cover; padding:120px 0 140px 0; }
.hero .caption { max-width:500px; }
.hero .caption h1 { margin-bottom:40px; }
.hero .caption p { font-family:'Montserrat'; letter-spacing:2px; color:#6d795d; font-size:13px; font-weight:600; }
.hero .caption .btn { margin-top:20px; }

.enseignes { text-align:center; padding:80px 0; }
.enseignes .row { justify-content: space-around; }
.enseignes img { margin-bottom:50px; }
.enseignes p { color:#7b7b7b; font-weight:bold; font-size:20px; letter-spacing:3px; margin-bottom:40px; }
.enseignes b { color:#ea0089; font-weight:bold; }*

.icons { background:#ea0089; color:#fff; padding:80px 0; text-align:center; }
.icons .col-md-3 { margin-bottom:30px; }
.icons .icon {min-height:130px; display:flex; align-items:center; justify-content:center; }
.icons img { margin-bottom:20px; }
.icons .text { display:flex; align-items:center; justify-content:center; flex-direction:column; }

.contact { padding:60px 0; background:#d1e6b3; color:#ea0089; }
.contact .row { justify-content:space-between; }
.contact iframe { max-width:100%; }

.content { padding:80px 0; }
.content h1 { font-weight:900; font-size:44px; color:#ea0089; margin-bottom:40px; letter-spacing:4px; line-height:1.1em; }
.content h2 { font-size:30px; color:#777; margin:40px 0 20px 0; }
.content .more { margin-top:40px; }
/**
 * Large devices (desktops, less than 1200px)
 **/
@media (max-width: 1199px) {
  
}

/**
 * Medium devices (tablets, less than 992px)
 **/
@media (max-width: 991px) {
  .hero { background-position:-200px 0; }
}

/**
 * Small devices (landscape phones, less than 768px)
 **/
@media (max-width: 767px) {
  .hero { background:#d1e6b3; }
}

/**
 * Extra small devices (portrait phones, less than 544px)
 **/
@media (max-width: 575px) {
  
}