/*
 Theme Name:   WebJonathan Agence 5h55
 Theme URI:    https://generatepress.com
 Description:  Thème personnalisé pour l'agence 5h55 et basé sur GeneratePress
 Author:       WebJonathan
 Author URI:   https://www.webjonathan.net
 Template:     generatepress
 Version:      1.0
*/
/* Font custom ----------------------------------- */
@font-face {
  font-family:'CamptonBook';
  src:url('assets/font/CamptonBook.eot');
  src:url('assets/font/CamptonBook.woff2') format('woff2'),
      url('assets/font/CamptonBook.woff') format('woff'),
      url('assets/font/CamptonBook.ttf')  format('truetype');
}
@font-face {
  font-family:'CamptonSemiBold';
  src:url('assets/font/CamptonSemiBold.eot');
  src:url('assets/font/CamptonSemiBold.woff2') format('woff2'),
      url('assets/font/CamptonSemiBold.woff') format('woff'),
      url('assets/font/CamptonSemiBold.ttf')  format('truetype');
}
/* Base custom ----------------------------------- */
body { overflow-x:hidden; }
body.page-id-13 { background-color:#000; }
ol, ul { margin: 0 0 1.2em 1.2em; }
/* Text custom ----------------------------------- */
.txt-fontserif { font-family:'Merriweather', serif; }
.txt-fontsans { font-family:'CamptonBook', sans-serif; }
.txt-fontitle { font-family:'CamptonSemiBold', sans-serif; }
.txt-white { color:#FFF; }
.txt-black { color:#000; }
.txt-grey { color:#3b3b3b; }
.txt-first { color:#fff704; } /* jaune fluo */
.txt-second { color:#ffce04; } /* orange clair */
.txt-third { color:#ffb631; } /* orange fluo */
.txt-fourth { color:#504c17; } /* jaune foncé */
.txt-fifth { color:#504c17; } /* jaune vert */
/* Flex custom ---------------------------------- */
.flex-twocolumns { display:flex; flex-wrap:wrap; }
.flex-twocolumns > div { margin:0 0 20px 0; width:100%; }
/* Wordpress custom ------------------------------ */
.entry-content > .wp-block-group.alignwide, .entry-content > .wp-block-group.alignfull { margin-bottom:0; }
.wp-block-separator { margin:1.5em 5em; border-top:none; border-bottom:none; }
.wp-block-image, .wp-block-video { margin-bottom:1.5em; }
.button, .wp-block-button .wp-block-button__link, .field-submit input[type="submit"] { padding:10px 30px; border-radius:24px; font-size:1em; line-height: 1.3; vertical-align: middle; }
.nav-more a:before { content:"\f105 \f105"; display:inline-block; padding-right:5px; font-family:GeneratePress; font-size:90%; }
/* GeneratePress custom -------------------------- */
.navigation-branding .site-logo { margin-left:10px; }
.navigation-branding .site-logo img { height:90px; }
.main-navigation .menu-toggle, .main-navigation .menu-toggle:hover { margin:20px !important; padding:10px !important; width:42px !important; height:43px !important; line-height:20px !important; background:#fff704; border-radius:20px; color:#000; }
.main-navigation .menu-toggle:hover { color:#575760; }
.main-navigation .menu-toggle .mobile-menu { display:none; }
.main-navigation .menu-toggle .gp-icon.icon-menu-bars svg { /*font-size:26px;*/font-size:20px; }
.slideout-navigation .slideout-menu { margin-bottom:-20px; }
.slideout-navigation .main-nav + .slideout-widget { margin-top:0; }
.header-featured-image { margin-top:-90px; min-height:90px; background:#000; line-height:0; text-align:center; }
.header-featured-image img.size-full { max-height:100vh; }
.page-header { padding-bottom:20px; }
.page-header .taxonomy-description { padding-bottom:10px; }
.page-header > .page-title, .entry-content .archive-title { display:inline-block; margin-bottom:5px; padding-right:15px; border-bottom:0.6em solid var(--accent); line-height:0.2em; font-family:'CamptonSemiBold', sans-serif; font-weight:bold; }
.archive.post-image-above-header .inside-article .post-image { margin:0 0 5px 0; }
.archive .inside-article .entry-summary { margin-top:0; }
.single .inside-article .entry-header + .entry-content, .page .inside-article .entry-header + .entry-content { margin-top:1.5em; }
.generate-columns-container .paging-navigation { text-align:center; }
.paging-navigation .nav-links .page-numbers { font-size:1.3em; color:#000; }
.paging-navigation .nav-links .current { font-family:'CamptonSemiBold', sans-serif; font-weight:normal; }
.paging-navigation .nav-links a:link, .paging-navigation .nav-links a:visited { color:#A9A9A9; text-decoration:none; }
.paging-navigation .nav-links a:hover, .paging-navigation .nav-links a:active { color:#000; text-decoration:underline; }
.row-before-footer { margin-bottom:-30px !important; }
/* Forms custom ---------------------------------- */
.msg-error, .msg-notice, .msg-succes { padding:10px 15px; font-size:0.9em; font-weight:400; color:#292929; }
.msg-notice { background:#D1F2EB; } .msg-succes { background:#51E2C3; } .msg-error { background:#FFC4CD; }
.form-container .uploadbox_area { padding:20px 10px; max-width:420px; background-color:#e8e6e8; border:1px solid #e8e6e8; border-radius:11px; font-size:14px; color:#545454;; }
.form-container .uploadbox_area.has-advanced-upload { outline-color:#545454;; }
.form-container .uploadbox_area.is-dragover { outline-offset:-15px; outline-color:#545454; background-color:#F2F2F2; }
.form-container .uploadbox_area.has-advanced-upload .uploadbox_icon { margin-bottom:20px; width:60px; height:60px; }
.form-container .uploadbox_area.has-advanced-upload .uploadbox_file + label:hover strong, 
.form-container .uploadbox_area.has-advanced-upload .uploadbox_file:focus + label strong, 
.form-container .uploadbox_area.has-advanced-upload .uploadbox_file.has-focus + label strong { color:#5584e2; }
.form-container .field-text label, .form-container .field-select label, .form-container .field-radiobutton > label, .form-container .field-checkbox label.checkbox-title, 
.form-container .field-editor > label, .form-container .field-file > label, .form-container .field-range > label { font-size:0.9em; font-weight:300; color:#707070; }
.form-container .field-text input, .form-container .field-text textarea, .form-container .field-select select { margin:1px 0; padding:8px 10px; max-width:500px; border-radius:0; line-height:normal; font-size:1em; font-weight:400; }
.form-container span.info { margin-bottom:0; line-height:normal; font-size:0.8em; color:#292929; }
.form-container p + .field-submit { margin-top:1.5em; }
.form-container .field-required { line-height:normal; font-size:0.8em; color:#292929; }
.kadence-blocks-form-field .kb-form-error-msg { margin-top:2px; padding:3px 6px; opacity:0.7; font-size:16px; }
/* Custom design --------------------------------- */
.post-categories-links { font-size:1.25em; color:#fff704; }
.post-categories-links a:link, .post-categories-links a:visited { color:#3b3b3b; text-decoration:none; }
.post-categories-links a:hover, .post-categories-links a:active { color:#575760; text-decoration:none; }
/* Responsive design ----------------------------- */
@media only screen and (min-width: 540px) {
}
@media only screen and (min-width: 659px) {
}
@media only screen and (min-width: 769px) {
  .flex-twocolumns > div { width:calc(50% - 10px); }
  .flex-twocolumns > div:nth-child(2n) { margin-left:10px; }
  .flex-twocolumns > div:nth-child(2n+1) { margin-right:10px; }
  .navigation-branding .site-logo img { height:120px; }
  .nav-align-right .inside-navigation { align-items:start; }
  .main-navigation .main-nav > .sf-menu { padding:0 12px; background:#fff704; border-radius:0 0 0 12px; }
  .main-navigation .main-nav > .sf-menu > li > a { color:#000; }
  .main-navigation .main-nav > .sf-menu > li > a:hover { color:#575760; }
  .main-navigation .menu-toggle, .main-navigation .menu-toggle:hover { margin:26px !important; padding:10px !important; width:46px !important; height:51px !important; line-height:26px !important; border-radius:26px; }
  .main-navigation .menu-toggle .gp-icon.icon-menu-bars svg { /*font-size:28px;*/font-size:26px; }
  .slideout-navigation .slideout-menu { margin-top:40px; margin-bottom:0; }
  .header-featured-image { margin-top:-120px; min-height:120px; }
  .generate-columns-container .paging-navigation { text-align:right; }
  .row-before-footer { margin-bottom:-40px !important; }
  .post-categories-links { font-size:1.5em; }
}
@media only screen and (min-width: 1024px) {
  .main-navigation ul ul { width:100%; }
}
@media only screen and (min-width: 1200px) {
  .navigation-branding .site-logo { margin-left:20px; }
  .navigation-branding .site-logo img { height:150px; }
  .header-featured-image { margin-top:-150px; min-height:150px; }
}
@media only screen and (min-width: 1600px) {
  .navigation-branding .site-logo { margin-left:40px; }
  .navigation-branding .site-logo img { height:180px; }
  .main-navigation .main-nav ul li a { line-height:80px; font-size:22px; }
  .main-navigation .main-nav ul ul li a { font-size:20px; }
  .header-featured-image { margin-top:-180px; min-height:180px; }
  .post-categories-links { font-size:1.75em; }
}
/*EOF*/