/*
Theme Name:  Brise-vue.info
Description:  Enfant de Twentyseventeen
Author:       PARIS Elliot
Author URL:   www.brise-vue.info
Template:     twentyseventeen
Version:      1.0
Text Domain:  brise-vue
*/



strong {
    letter-spacing: 0.04em;
}
a {
outline: 0;
}
/*Réglages de l'interligne des textes*/
p {
    line-height: 30px;
}
ul, ol {
    margin-left: 18px;
    line-height: 30px;
}/**/
/*Images des contenus en noir et blanc*/
p img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}/**/

/** Changement Couleurs **/
a,
a:visited,
.widget a {
  color: #da5220;
}



/*MENU*/
.main-navigation a {
    font-weight: 200;
}/**/
/*Roll des liens en bleu*/
.main-navigation a:hover {
    color: #febb2e;/*Clair*/
}
a:hover {
    color: #febb2e;/*Clair*/
}/**/
/*Optimisation des marges du menu*/
@media screen and (min-width: 67em) {
    .navigation-top .wrap {
        padding: 0em 2em;
    }
}/**/
/*Style des titres*/
h1 {
    display: inline-block;
    position: relative;
    text-transform: inherit;
}
h1:first-child:after {
    content: "";
    position: absolute;
    height: 3px;
    width: 30px;
    top: 100%;
    left: 0%;
    background: #f37032;/*orange charte*/
}
h2 {
    display: inline-block;
    position: relative;
    text-transform: inherit;
	color: #ffa04d !important;
}
h2:first-child:after {
    content: "";
    position: absolute;
    height: 3px;
    width: 30px;
    top: 100%;
    left: 0%;
    background: #f37032;/*orange charte*/
}
/**/
h3 {
    padding: 0;
    font-weight: 600;
    font-size: 1.2rem;
}
/*Taille du titre*/
.page .panel-content .entry-title {
    font-size: 1.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: inherit;
}/**/
body.page:not(.twentyseventeen-front-page) .entry-title {
    font-weight: 600;
    text-transform: inherit;
    font-size: 1.75rem;
    letter-spacing: 0.04em;
}

 body.page-two-column #secondary {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
 }

/*Adaptation de la première colonne*/
@media screen and (min-width: 48em) {

  .main-navigation a {
    padding: 1em 20px;
  }

    body.page-two-column #primary .entry-header {
        float: none;
        width: 100%;
    }
    body.page-two-column #primary .entry-content {
        float: none;
        width: 100%;
    }

   body #primary {
     width: 70%;
     float: left;
   }

   body #secondary {
     float: right;
     width: 28%;
     padding-left: 0;
     padding-right: 0;
   }

}/**/
/*Optimisations des marges*/
@media screen and (min-width: 48em) {
    .site-content {
        padding: 1.5em 0 0;
    }
}
@media screen and (min-width: 30em) {
    .site-branding {
        padding: 1em 0 0.05em 0
    }
}
.entry-header .entry-title {
    padding-bottom: 10px;
}
@media screen and (min-width: 30em) {
    .panel-content .entry-header {
        margin-bottom: 2em;
    }
}
.panel-content .wrap {
    padding-bottom: 1em;
    padding-top: 2em;
    padding-left: 3em;
}
@media screen and (min-width: 48em) {
    .page:not(.home) #content {
        padding-bottom: 1em;
    }
}/**/
/*FORMULAIRE*/
input[type="submit"] {
    background-color: #febb2e;
    border-radius: 0px;
    letter-spacing: 0.39px;
}
input[type="submit"]:hover, input[type="submit"]:focus {
    background: #f37032;/*orange charte*/
}
label {
    font-weight: 400;
    font-size: 0.85em;
    width: 50%;
    float: left;
}

.wpcf7 label {
  width: 100%;
  float: none;
}


input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    width: 49%;
    margin: 0px 5px 5px 0;
    float: left;
    font-size: 0.85em;
}

@media screen and (max-width: 48em) {
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  textarea {
    width: 100%;
  }
}

input[type="checkbox"] {
  max-width: 20px;
	margin-top: 2px;
}

.wpcf7-form p {
    width: 100%;
    float: left;
}

.wpcf7-form .wpcf7-response-output {
  clear: both;
}

.ajax-loader {
  clear: both;
}

span.wpcf7-list-item {
    display: block;
    margin: 10px 0 0 0;
}
textarea {
    width: 100%;
    font-size: 0.85em;
    max-height: 140px;
    /* margin-top:15px; */
}/**/
/*FOOTER*/
.site-footer .widget-area {
    padding: 0;
}
/*
@media screen and (min-width: 48em) {
    .site-footer .widget-column.footer-widget-1 {
        float: right;
        position: absolute;
        top: 20px;
        left: 60%;
    }
}
@media screen and (min-width: 48em) {
    .site-footer .widget-column.footer-widget-2 {
        float: left;
        width: 100%;
    }
}
*/
.widget {
    padding-bottom: 0;
}
.site-footer .wrap {
    padding-bottom: 1em;
    padding-top: 1em;
    padding-left: 48px;
}
@media screen and (min-width: 48em) {
    .site-footer {
        margin-top: 0;
    }

    .site-footer .widget-column.footer-widget-1 {
      float: none;
      width: 100%;
    }
}
.widget-column .footer-widget-1 {
    padding-bottom: 0px;
}
.site-footer .widget-area {
    padding-bottom: 0px;
}
section#text-3.widget.widget_text {
    padding-bottom: 0;
}
.footer-widget-2 {
    font-size: 0.75rem;
    width:100%;
    padding-bottom: 0px;
}
a:hover, .site-footer .widget-area a:hover {
    box-shadow: none;
    color: #febb2e;/* Clair */
    /*-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(0, 0, 0, 1);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(0, 0, 0, 1);*/
}
.site-footer .widget-area a {
    box-shadow: none;
}
.footer-widget-2 a:hover {
    color: #febb2e;/* Clair */
}/**/
/*STICKY MENU*/
/* .site-navigation-fixed.navigation-top li:first-child {
	padding-left:70px;
	position: relative;
	display: inline-block;
}
.site-navigation-fixed.navigation-top li:first-child::before {
	content: url(https://www.lamandrette.com/wp-content/uploads/la-mandrette-30x30.png);
	position: absolute;
	left:0;
	top:0;
	margin-left:20px;
	padding-top:15px;
	float: left;
} */

.navigation-top .icon-home {
  display: none;
}

.navigation-top.site-navigation-fixed .icon-home {
  display: inline-block;
}

.navigation-top .icon-home img {
  margin-bottom: -10px;
}

/**/
/*SIDE BAR*/
.cta:before{
   position: absolute;
}
.cta a{
    color: #ffffff;
    position: relative;
    line-height: 30px;
}
.cta-1{
    padding:36px 32px 0 32px;
}
.cta-2{
    padding:0 32px 36px 32px;
}
.cta a:hover{
   color: #ffffff!important;
}
.cta{
    background-color: #febb2e;/* Clair */
    text-align: center;
    max-width:340px;
    width: 100%;
    font-size: 1.3em;
    font-weight: 600;
    letter-spacing: 1px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: auto;
}
.cta-1{
    padding: 24px 0 0 0;
}
.cta-2{
    padding: 0 0 22px 0;
    margin-top: -30px;
}

.widget-area .cta a {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* RESPONSIVE */
@media screen and (max-width: 375px) {
	.site-footer .widget-area a {
		font-size: 0.95em;
		box-shadow: none;
	}
	footer-widget-1 {
		margin-bottom: 36px;
		margin-top: 30px;
	}/*
	h2..entry-title {
		margin-bottom: 30px;
	} */
}

/* FORM - retours */
/* Couleurs et tailles des infos erreurs */
span.wpcf7-not-valid-tip {
    color: #f37032;
    font-size: 0.5em;
}
/* Message d'alertes cachés */
.wpcf7-not-valid-tip[role="alert"]{
    display:none;
}
/* Contours des champs invalides */
input[aria-invalid='true'] {
  border-color: red;
}
/* Retraits des contours jaunes */
div.wpcf7-validation-errors {
    border: none;
    color: #f37032;
    font-size: 0.75em;
}
/* Retraits des contours verts après validation */
div.wpcf7-mail-sent-ok {
    border: none;
    color: #f37032;
    font-size: 0.75em;
}
/*2018*/
/*Logos références*/
.ref-logos {
	width:100%;
    margin-bottom:30px;
}
.logo-ref {
    width: 20%;
    height:100px;
    margin:auto;
    text-align: center;
    float:left;
    line-height:100px;
}
.logo-ref img {
    vertical-align:middle;
    width: 90%;
    height:auto;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.logo-ref img:hover {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
/*Différentes classes pour les tailles de logos références*/
.type-40pourcents img {
    width: 40%;
}
.type-50pourcents img {
    width: 50%;
}
.type-60pourcents img {
    width: 60%;
}
.type-70pourcents img {
    width: 70%;
}
.type-80pourcents img {
    width: 80%;
}
/*Page Blog*/
h1.page-title:after {
    top: 24px;
}
/*Blog side bar*/
h2.widget-title:after {
    top: 20px;
}
.widget a:focus, .widget a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #febb2e;
}
/*Blog content : ajustements*/
/*Largeur de la zone article*/
@media screen and (min-width: 48em) {
	.single-post:not(.has-sidebar) #primary {
    	margin-left: 0px!important;
    	width: 70%;
	}
}
/*Ne pas afficher le footer des articles (info classements)*/
/* .entry-footer {
    display: none;
} */
/*Image à la une*/
.single-featured-image-header {
  background-color: inherit;
  border-bottom: none;
  margin-bottom: 30px;
	max-width: 1000px;
	margin:auto;
}

.attachment-twentyseventeen-featured-image.size-twentyseventeen-featured-image.wp-post-image {
    margin-left: 0px;
}
/*Pictos réseaux sociaux*/
.picto-rs {
	text-align: center;
	margin-top:30px;
}
.picto-rs a {
	box-shadow: none;
}
.picto-rs img {
	margin:5px;
	width:36px;
	height:35px;
}


/*
.wpcf7-form-control-wrap {
width: 49% !important;
display: block;
}



.wpcf7-form-control-wrap.lastname,
.wpcf7-form-control-wrap.email {
  float: left;
 clear: both;
}

.wpcf7-form-control-wrap.firstname,
.wpcf7-form-control-wrap.url {
  float: right;
}

span.wpcf7-form-control-wrap.name, span.wpcf7-form-control-wrap.firstname, span.wpcf7-form-control-wrap.email, span.wpcf7-form-control-wrap.url {
width: 49%;
}

span.wpcf7-form-control-wrap.message {
width: 100%;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
  width: 100%;
  float: none;
}

span.wpcf7-form-control-wrap.budget {
  display: block;
width: 100% !important;
}

span.wpcf7-form-control-wrap.message {
  display:block;
clear: both;
width: 100% !important;
}

.wpcf7-form p {
 margin-bottom: 1em;
}

input#send.wpcf7-form-control.wpcf7-submit {
 font-size: 22px !important;
}



span.wpcf7-form-control-wrap.name, span.wpcf7-form-control-wrap.firstname,
span.wpcf7-form-control-wrap.email, span.wpcf7-form-control-wrap.url,
span.wpcf7-form-control-wrap.message{
    width: 50%;
	display: inline-table;
    vertical-align: top;
    margin-bottom: 10px;
}

span.wpcf7-form-control-wrap.budget{
    width: 33%;
	display: inline-table;
    vertical-align: top;
}

span#budget.wpcf7-form-control.wpcf7-checkbox.wpcf7-exclusive-checkbox .wpcf7-list-item{
    display:block;
}

textarea.wpcf7-form-control.wpcf7-textarea{
 	height: 120px;
}

input[type=checkbox]{
    margin: 0 0 2px 0;
}

input#send.wpcf7-form-control.wpcf7-submit{
    /* ci-dessous la couleur du texte du bouton CTA */
	color: #FFFFFF;
    /* ci-dessous la couleur de fond du bouton CTA */
    background-color: #33b6f3;
    background-image: none;
    text-transform : uppercase;
    font-weight: bold;
    font-size:18px;
	width:100%;
	height: 60px;
}


@media screen and (min-width: 48em) {
  .wrap {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}

.site-content-contain {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}


body:not(.has-sidebar):not(.page-one-column) .page-header,
body.has-sidebar.error404 #primary .page-header,
body.page-two-column:not(.archive) #primary .entry-header,
body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
  float: none;
  width: 100%;
}

.blog:not(.has-sidebar) #primary article,
.archive:not(.page-one-column):not(.has-sidebar) #primary article,
.search:not(.has-sidebar) #primary article,
.error404:not(.has-sidebar) #primary .page-content,
.error404.has-sidebar #primary .page-content,
body.page-two-column:not(.archive) #primary .entry-content,
body.page-two-column #comments {
  float: none;
  width: 100%;
}









/************ BLOG *************/

/** General **/
body.partie-blog h1 {
  font-family: "Libre Franklin";
  font-weight:400;
  font-size:26px;
  line-height:30px;
  color:#666666;
  margin-bottom: 0;
}

body.partie-blog h1::after {
  content: none;
}


body.partie-blog .navigation-top .current-menu-item > a,
body.partie-blog .navigation-top .current-menu-ancestor > a,
body.partie-blog .navigation-top .current_page_item > a {
  font-weight: 700;
  color: #222;
}

body .site-branding .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body .site-branding .wrap::after {
  display: none;
}



.menu-top-header-container .menu {
  list-style-type: none;
  margin: 0;
}

.menu-menu-contact-header-container .menu-item a {
  font-family: 'Unica One', cursive;
  font-weight: 400;
  font-size: 17px;
  text-transform: uppercase;
  color: #ec6727;
  transition: color .5s ease;
}

.menu-top-header-container .menu-item a > i {
  font-size: 14px;
  margin-right: 8px;
}

.menu-top-header-container .menu-item a:hover,
.menu-top-header-container .menu-item a:focus,
.menu-top-header-container .menu-item a:active {
  transition: color .5s ease;
  color: #febb2e;
}



@media screen and (min-width: 48em) {

  .main-navigation li li:hover,
  .main-navigation li li.focus {
    background: #fff;
  }

  .main-navigation li li.focus > a,
  .main-navigation li li:focus > a,
  .main-navigation li li:hover > a,
  .main-navigation li li a:hover,
  .main-navigation li li a:focus,
  .main-navigation li li.current_page_item a:hover,
  .main-navigation li li.current-menu-item a:hover,
  .main-navigation li li.current_page_item a:focus,
  .main-navigation li li.current-menu-item a:focus {
    color: #febb2e;
  }

  .main-navigation ul li.menu-item-has-children:before,
  .main-navigation ul li.menu-item-has-children:after,
  .main-navigation ul li.page_item_has_children:before,
  .main-navigation ul li.page_item_has_children:after {
    right: 3.5em;
  }

  body.partie-blog .site-content-contain .wrap {
    padding-left: 28px;
    padding-right: 28px;
  }

  body.partie-blog .site-content-contain .site-main {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  body.partie-blog:not(.single-post) .site-content-contain article {
    width: 50% !important;
    padding-left: 20px;
    padding-right: 20px;
  }
  body.partie-blog .page-header {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 24px;
    padding-bottom: 48px;
  }

  body.single-post.has-sidebar .site-content .wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  body.single-post.has-sidebar #primary {
    /* float: right; */
    /* width: 620px; */
    flex-basis: 620px;
    padding-right: 20px;
  }

  body.single-post.has-sidebar #secondary {
    /* float: left; */
    flex-basis: 283px;
    padding-left: 48px;
  }

  body.single-post .site-content {
    margin-top: 40px;
  }

}

body.partie-blog .entry-title a {
  margin-left: 0;
}

.single-featured-image-header {
  padding-left: 48px;
  padding-right: 48px;
  display: flex;
  flex-direction: row-reverse;
  /* align-items: center; */
}

.single-featured-image-header .single-meta {
  flex: 1;
  background: #fafafa;
  padding: 48px;
}

.single-featured-image-header img {
  flex-basis: 620px;
  max-width: 620px;
  height: 100%;
}

.single-meta .thumb-caption p {
  margin-bottom: 0;
  margin-top: 12px;
  font-style:italic;
  font-weight:400;
  font-size:12px;
  line-height:1.8;
  color:#7a7a7a;
}


body.single-post .site-content-contain {
  padding-left: 20px;
  padding-right: 20px;
}

body.partie-blog article .entry-footer {
  display: flex;
  justify-content: space-between;
}

body.partie-blog article .entry-footer > span {
  display: block;
  width:inherit;
}

body.partie-blog article .entry-footer > span:nth-child(even) {
  text-align: right;
}

.navigation.pagination {
    float: none;
    width: 100%;
}

body.partie-blog article .entry-footer .cat-links .icon, .entry-footer .tags-links .icon {
  position: static;
  top: 0;
}

.header-post {
  max-width: 1000px;
  margin: 48px auto 40px;
  padding-left: 48px;
  padding-right: 48px;
}
body.partie-blog .site-footer .footer-widget-1 .vcard {
  position: relative;
  margin-left: 35px;
}

body.partie-blog .site-footer .footer-widget-1 .vcard::before {
  content: url(https://www.lamandrette.com/wp-content/uploads/la-mandrette-30x30.png);
  position: absolute;
  left: -35px;
  top: -3px;
  margin-left: 0;
  padding-top: 0;

}

body.partie-blog article .entry-footer {
  border-top: 0;
  border-bottom: 0;
  padding:0;
  margin-top: 24px;
  margin-bottom: 20px;
}

body.partie-blog .entry-meta {
  font-weight: 400;
  font-size: 12px;
  line-height: 30px;
  color: #666;
  text-transform: none;
}
body.partie-blog article .entry-footer .entry-meta i {
  font-size: 14px;
  line-height: 30px;
}

body.partie-blog .cat-tags-links {
  font-weight: 600;
  font-size: 12px;
  text-transform: none;
  line-height: 30px;
  color: #666;
}

body.partie-blog .cat-tags-links a {
  color: #666;
  font-weight: 600;
  text-transform: none;
}

body.partie-blog article .entry-footer .cat-tags-links i {
  line-height: 30px;
  font-size: 14px;
}

body.partie-blog article .readme {
  position: relative;
  margin-bottom: 0;
  text-align: center;
}

.partie-blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
  padding-bottom: 48px;
}

body.partie-blog article .readme:focus::after,
body.partie-blog article .readme:hover::after,
body.partie-blog article .readme:active::after {
  border-color: #febb2e;
}

body.partie-blog article .readme:focus a,
body.partie-blog article .readme:hover a,
body.partie-blog article .readme:active a {
  color: #febb2e;
}

body.partie-blog article .readme::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #ec6727;
}

body.partie-blog article .readme a {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 12px 5px;
  background: #fff;
  box-shadow: none;

  font-family: 'Unica One', cursive;
  font-weight: 400;
  font-size: 21px;
  color: #ec6727;
}

body.partie-blog article .readme a:hover,
body.partie-blog article .readme a:focus,
body.partie-blog article .readme a:active {
  color: #febb2e;
}

body.partie-blog article .entry-title a {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #222;
	display: inline-block;
  height: 28px;
  overflow: inherit;
}

body.partie-blog article .entry-title a:hover,
body.partie-blog article .entry-title a:focus,
body.partie-blog article .entry-title a:active {
  color: #febb2e;
  box-shadow: none;
}

body.partie-blog .pagination {
  border-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

body.partie-blog .pagination .next,
body.partie-blog .pagination .prev {
  display: none;
}

body.partie-blog .pagination .page-numbers {
  border-bottom: 3px solid #fff;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: 12px;
  margin-right: 12px;
}

body.partie-blog .pagination .page-numbers.current {
  font-weight: 600;
  color: #222;
  border-bottom-color: #ec6727;
}


body.partie-blog .pagination a:not(.prev):not(.next):hover,
body.partie-blog .pagination a:not(.prev):not(.next):focus,
body.partie-blog .pagination a:not(.prev):not(.next):active {
  box-shadow: none;
  color: #222;
}
/*
body.partie-blog #secondary .widget {
  margin-top: 40px;
  margin-bottom: 20px;
}

body.partie-blog #secondary .widget ul {
  line-height: 20px;
}

body.partie-blog #secondary .widget ul li {
  border-top: 0;
  border-bottom: 0;
  padding: 0 0 12px 0;
  margin: 0;
}

body.partie-blog #secondary .widget ul li a {
  font-style: italic;
  font-weight: 400;

  color: #666;
}

body.partie-blog #secondary .widget ul li a:hover,
body.partie-blog #secondary .widget ul li a:active,
body.partie-blog #secondary .widget ul li a:focus {
  color: #febb2e;
}

body.partie-blog #secondary .widget:first-child {
  margin-top: 8px;
}

body.partie-blog h2.widget-title::after {
  content: none;
}

body.partie-blog h2.widget-title {
  text-transform: none;
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 600;
}
*/

body.single-post .entry-content p:not(:first-child),
body.single-post .entry-content ul,
body.single-post .entry-content ol {
  margin-bottom: 40px;
  margin-top: 20px;
  padding: 0;
}

body.single-post .entry-content h2,
body.single-post .entry-content h3,
body.single-post .entry-content h4 {
  padding: 0;
}

body.single-post .entry-content h2 {
  font-weight:600;
  font-size:20px;
  line-height:30px;
  color:#222222;
  padding-bottom: 12px;
}

body.single-post .entry-content h2::after {
  content: "";
  position: absolute;
  height: 3px;
  width: 30px;
  top: 100%;
  left: 0;
  background: #ec6727;
}

body.single-post .entry-content h3 {
  font-weight:600;
  font-size: 19.2px;
  line-height: 30px;
  color: #666666;
}

body.single-post .entry-content h4 {
  font-weight:400;
  font-size:18.2px;
  line-height:30px;
  color:#666666;
}

body.single-post .post-navigation {
  margin: 0;
  width: 100%;
}

body.single-post .post-navigation .nav-subtitle {
  color: #ec6727;
  font-family: "Unica One", sans-serif;
  font-weight: 400;
  font-size: 21px;
}

body.single-post .post-navigation .nav-previous .nav-arrow {
  float: left;
  position: relative;
  padding-right: 48px;
  margin-right: 10px;
}

body.single-post .post-navigation .nav-previous .nav-arrow::after {
  content: '';
  width: 48px;
  top: 45%;
  right: 0;
  position: absolute;
  border-bottom: 1px solid #ec6727;
}

body.single-post .post-navigation .nav-next .nav-arrow {
  float: right;
  position: relative;
  padding-left: 48px;
  margin-left: 10px;
}

body.single-post .post-navigation .nav-next .nav-arrow::after {
  content: '';
  width: 48px;
  top: 45%;
  left: 0;
  position: absolute;
  border-bottom: 1px solid #ec6727;
}

body.single-post .post-navigation .nav-date {
  display: block;
  font-weight:400;
  font-size:12px;
  line-height:30px;
  color:#666666;
}

body.single-post .post-navigation .nav-title {
  display: block;
  font-weight:600;
  font-size:12px;
  line-height:30px;
  color:#666666;
}


.post-navigation a:hover,
.post-navigation a:focus,
.post-navigation a:active,
.post-navigation a:hover .nav-title,
.post-navigation a:focus .nav-title,
.post-navigation a:active .nav-title {
  box-shadow: none;
}

.post-navigation a:hover .nav-subtitle,
.post-navigation a:focus .nav-subtitle,
.post-navigation a:active .nav-subtitle {
  color: #febb2e;
}

.post-navigation a:hover .nav-subtitle .nav-arrow::after,
.post-navigation a:focus .nav-subtitle .nav-arrow::after,
.post-navigation a:active .nav-subtitle .nav-arrow::after {
  border-bottom-color: #febb2e;
}

.share-links p {
  color: #666;
  font-weight: 600;
  font-size: 12px;
}

.share-button {
  display: inline-block;
  background: none;
  color: #666;
  padding: 0;
  padding: .2rem;
  font-size: 20px;
}

.share-button:first-child {
  margin-left: .8rem;
}

.share-button:hover,
.share-button:focus {
  background: none;
  color: #febb2e;
}

.share-button .icon {
  height: 14px;
  margin-top: 3px;
}

.error-404 {
  margin-top: 48px;
  margin-bottom: 40px;
  text-align: center;
}

.error-404 .page-header {
  padding-bottom: 0;
}

.error-404 h1 {
  font-weight:400;
  font-size:26px;
  line-height:30px;
  color:#666666;
}

.error-404 h1::after {
  content: none;
}

.error-404 .image-404 {
  display: block;
  opacity: .5;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 20px;
}

.error-404 .cta-arrow {
  font-family: "Unica One";
  font-weight: 400;
  font-size: 21px;
  color: #ec6727;
  padding: 12px 5px;
}

.error-404 .cta-arrow:hover,
.error-404 .cta-arrow:focus,
.error-404 .cta-arrow:active {
  color: #febb2e;
}

.error-404 .cta-arrow .nav-arrow {
  position: relative;
  padding-right: 48px;
  margin-right: 10px;
}

.error-404 .cta-arrow .nav-arrow::before {
  content: '';
  width: 48px;
  top: 45%;
  right: 0;
  position: absolute;
  border-bottom: 1px solid #ec6727;
}

.error-404 .cta-arrow:hover .nav-arrow::before,
.error-404 .cta-arrow:focus .nav-arrow::before,
.error-404 .cta-arrow:active .nav-arrow::before {
  border-bottom-color: #febb2e;
}


@media screen and (max-width: 959px) {

  body.partie-blog .single-featured-image-header {
    flex-direction: column-reverse;

  }

  body.partie-blog .single-featured-image-header img {
    flex: 1 0;
    margin-left: auto !important;
    width: 100%;
  }

  body.partie-blog .single-featured-image-header .single-meta {
    padding: 24px;
  }


}

@media screen and (max-width: 48em) {
  body.single-post .post-navigation .nav-next {
    text-align: right;
    /* display: none; */
  }

  body.partie-blog #secondary .widget ul li {
    padding-left: 0;
  }

  body.partie-blog .site-footer .wrap {
    padding-left: 2em;
  }

  body.partie-blog .site-footer .footer-widget-1 .vcard {
    position: static;
    margin-left: 0;
  }

  body.partie-blog .site-footer .footer-widget-1 .vcard::before {
    content: none;
  }

  input#send.wpcf7-form-control.wpcf7-submit {
    padding: 1em .5em;
    height: auto;
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
  }
}


@media screen and (max-width: 30em) {

  body.partie-blog .site-branding .wrap,
  body.single-post.has-sidebar .site-content .wrap {
    flex-direction: column;
  }

  input#send.wpcf7-form-control.wpcf7-submit {
    font-size: 16px !important;
  }

}