/*
Theme Name: Bablogtheme
Description: Theme enfant pour le blog de Ben Ari
Author: NGcrea
Template: generatepress
*/

@import url("../generatepress/assets/css/style.css");


/*color*/
.blanc, .blanc strong, .has-blanc-color {color: #ffffff !important }
.noir, .noir strong, .has-noir-color {color: #000000 !important }
.bleu, .bleu strong, .has-bleu-color {color: #006592 !important}
.bleupale, .bleupale strong, .has-bleupale-color {color: #9cd0e1 !important}
.orange, .orange strong, .has-orange-color {color: #ea610a !important}
.orangeclair, .orangeclair strong, .has-orangeclair-color {color: #ff6600 !important}
.grisfonce, .grisfonce strong, .has-grisfonce-color {color: #888888 !important}
.grisclair, .grisclair strong, .has-grisclair-color {color: #f5f5f5 !important}
.gris, .gris strong, .has-gris-color {color: #e5e5e5 !important}
.has-blanc-background-color {background-color: #ffffff !important }
.has-noir-background-color {background-color: #000000 !important }
.has-bleu-background-color {background-color: #006592 !important }
.has-bleupale-background-color {background-color: #9cd0e1 !important }
.has-orange-background-color {background-color: #ea610a !important }
.has-orangeclair-background-color {background-color: #ff6600 !important }
.has-grisfonce-background-color {background-color: #888888 !important }
.has-grisclair-background-color {background-color: #f5f5f5 !important}
.has-gris-background-color {background-color: #e5e5e5 !important}
.entry-meta .gp-icon {  opacity: 1;}

.sharedaddy .share-twitter {display:none}

body {font-family: 'Roboto Slab', serif; font-weight: 400  ;  text-align: left ; font-size: 14px !important  ; line-height: 24px !important ; color: #000000 ;  margin: 0  ; padding: 0 ; word-wrap: normal ; word-break: normal !important ;  background-attachment: fixed; background: #e5e5e5}

.site-header { background: linear-gradient(0deg, rgba(0,101,146,1) 0%, rgba(0,101,146,0) 100%), url(images/header_mosaic_bkgnd.jpg) top left !important; background-size: contain; min-height: 390px; overflow: hidden; }
.site-logo {  position: relative; z-index: 101; max-width: 350px; background: #ffffff; padding: 40px 0px; margin: 0 20px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); }
.site-header .header-image {  width: 100%;}
.inside-header { align-items: flex-end; padding: 0px 40px;}
.main-navigation {box-shadow: 800px 0px 0px 0px #ea610a,-800px 0px 0px 0px #ea610a; margin-bottom: 30px; }
.main-navigation a {  display: block;  text-decoration: none; font-family: 'Jost', serif;  font-weight: 600;  text-transform: uppercase;  font-size: 14px;  }
.main-navigation .main-nav ul li a {  padding-left: 40px;  padding-right: 40px; padding-top:  10px; padding-bottom: 10px; line-height: 20px }
@media screen and (min-width: 768px) {
.main-navigation a span {display: block}}

.home .page h1.entry-title {  display: none}
.home .entry-content:not(:first-child) {  margin-top: 0em;}


.one-container .site-content {  padding: 0 40px 40px 40px; margin-top: -60px; position: relative; z-index: 100}
.site-content .content-area {  width: 80% !important;}
.is-right-sidebar {  background: #006592; width: 20% !important;  box-shadow: 0px 0px 0px 10px #006592 inset, 0px 0px 0px 11px #ffffff inset ; padding-bottom: 30px  }

@media screen and (max-width: 1200px) {
.site-content .content-area {  width: 75% !important;}
.is-right-sidebar {  width: 25% !important;}
}

@media screen and (max-width: 990px) {
.site-content {flex-direction: column}
.site-content .content-area {  width: 100% !important;}
.is-right-sidebar {  width: 100% !important;}
.one-container.right-sidebar .site-main {  margin-right: 0px;}
}





h1, h2,h3, h4 {font-family: 'Jost', sans-serif; display: block; font-weight: 600;   }






/*grid actu */
.pgafu-filter-wrp li:before {display: none !important}
.pgafu-columns {    padding : 20px !important;  }
.pgafu-post-grid {    margin-bottom: 0px !important;   }
.pgafu-post-grid-main {margin: -20px 0px 0px 0px;}
.pgafu-post-grid-main.pgafu-design-1 .pgafu-post-grid-content {   background: #ffffff !important; overflow: hidden; padding: 20px; text-align: left !important; border: 1px solid #e5e5e5; }
.pgafu-post-grid-main.pgafu-design-1 .pgafu-post-image-bg {    background: rgba(0,0,0,0); float: left !important; width: 200px !important; margin: -20px 20px -20px -20px !important}
.pgafu-post-grid-main.pgafu-design-1 .pgafu-post-grid-content .pgafu-post-title{    padding-top: 0px !important;      }
.pgafu-post-grid-main h2, .pgafu-post-grid-main h2.pgafu-post-title a { text-align: left !important;    margin: 0px!important;    line-height: 24px !important;    font-size: 20px !important;    padding-bottom: 0px !important; color: #006592 !important; }

.pgafu-post-grid-main h2:hover, .pgafu-post-grid-main h2.pgafu-post-title:hover a { color: #ea610a !important}

.pgafu-post-categories {  padding: 0px 0 !important;position: absolute !important; right: 21px; top: 21px; }
.pgafu-post-categories a {    font-size: 10px !important; display: block;    padding: 4px 8px;    color: #fff !important;    margin: 0 0 1px 0 !important ;    background: #ea610a !important; border-radius: 0 0 0 0px}
.pgafu-post-categories a:last-child {    border-radius: 0 0 0 5px}
.pgafu-post-categories:before {  content: ""; position: absolute; z-index: 10; width: 100%; right: 0; top: 3px; height: 25px; background: rgba(0,0,0,0)}

.readmorebtn, .inside-article  .readmorebtn, .inside-article  .readmorebtn:hover {    border: 0px;  border-bottom-color: rgba(0,0,0,0) !important;    border-bottom-style: none;  border-bottom-width: 0px !important;  font-size: 14px !important; padding: 0px !important; margin: 5px 0 0 0 !important; position: relative !important; color: rgba(0,0,0,0); width: 110px !important}
 .readmorebtn:hover, .readmorebtn:focus, .readmorebtn:active { background: rgba(0,0,0,0);  color: rgba(0,0,0,0);}
 .pgafu-post-grid-main.pgafu-design-1 .readmorebtn:before {  content:"Lire l'article"; position: absolute !important; left: 14px; color: #ea610a ; font-weight: 600; font-size: 14px }
.page-id-2777  .pgafu-post-grid-main.pgafu-design-1 .readmorebtn:before {  content:"Read more";  }
 .pgafu-post-grid-main.pgafu-design-1 .readmorebtn:after {  content: "\f105"; font-family: "Font Awesome 5 Free"; color: #006592; position: absolute; top: 0px; left: 0; font-size: 16px; font-weight: 900;  }
.pgafu-post-grid-main.pgafu-design-1 .readmorebtn:hover:before { color: #006592   }
.pgafu-post-grid-main.pgafu-design-1 .readmorebtn:hover:after {   color: #ea610a ;  }

.pgafu-post-grid-content .pgafu-post-date {    position: absolute !important ; bottom: 15px !important; right: 2px !important}
span.pgafu-time img {display: none !important}
span.pgafu-time {font-size: 10px !important; position: relative; font-style: normal !important; text-transform: uppercase; color: #888888 !important} 
span.pgafu-time:before, span.date_actu:before{content: "\f073";font-family: "Font Awesome 5 Free";color: inherit;position: absolute;top: 0px;left: -15px;font-size: 12px;font-weight: 400; } 
.pgafu-filter li a {   font-size: 10px !important; text-transform: uppercase; background: #f5f5f5 !important;    padding: 10px 15px !important; border-radius: 50px ; font-family: 'Roboto Slab', serif !important;  font-weight: 300  ; color: #666666 !important ; border: 1px solid #e5e5e5  }
.pgafu-filter li.pgafu-active-filtr a, .pgafu-filter li a:hover  {    background: #ea610a !important;    color: #fff !important; border-color: #ea610a !important }
.pgafu-post-grid-main.pgafu-design-1 .pgafu-post-image-bg {    width: 120% !important; height: 200px !important; float: none !important; margin: -20px -20px 20px -20px !important; display: block !important; position: relative !important}


.pgafu-post-grid-main.pgafu-design-1 .pgafu-post-grid-content .pgafu-post-title{    padding: 0px !important;      }
.pgafu-image-fit .pgafu-post-image-bg img {   object-fit: cover;    object-position: center center !important;}

.pgafu-post-pagination .current, .pgafu-post-pagination a, .pgafu-post-pagination a, .pgafu-post-pagination a:hover, .pgafu-post-pagination a:hover, .page-numbers  {  color: #ea610a !important;    padding: 4px 10px;   border-radius: 50px;  border: 1px solid #ea610a;  text-decoration: none !important; text-align: center; display: inline-block;}
.pgafu-post-pagination a, .pgafu-post-pagination a {background: #ea610a; color: #ffffff !important }
.pgafu-post-pagination a.next, .pgafu-post-pagination a.prev {font-size: 0px; padding: 4px 8px}
.pgafu-post-pagination a.next:before, .nav-links .next:before {content: "\f105";font-family: "Font Awesome 5 Free";color: inherit; display: inline-block;font-size: 15px;font-weight: 900; }
.pgafu-post-pagination a.prev:before, .nav-links .prev:before {content: "\f104";font-family: "Font Awesome 5 Free";color: inherit; display: inline-block;font-size: 15px;font-weight: 900; }



/*category et article*/
.page-header, article  {margin-bottom: 40px !important;  }
.page-header .page-title, .page h1.entry-title {text-align: center; font-weight: 400; color: #ea610a; padding: 20px; text-transform: uppercase; border-bottom: 1px solid #ea610a; background: #ffffff   }
.page h1.entry-title {padding-top: 0; margin-top: -10px  }


article {padding-bottom: 0px !important; clear: both; position: relative; }
.inside-article {overflow: hidden; background: #ffffff; padding: 30px !important ; }
.home .inside-article { background: rgba(255,255,255,0) ; padding: 0px ; }
article:after {  content: ""; display: table;  clear: both;}
.site-main .type-post .entry-content:not(:first-child) {  margin-top: 0em;}
.entry-title {text-align: center; padding-bottom: 35px; border-bottom: 1px solid #e5e5e5; color: #ea610a}
.entry-title {color: #006592}
.entry-title:hover {color:  #ea610a}

.entry-header .entry-meta {display: flex; justify-content: center; flex-wrap: nowrap; position: relative; }
.posted-on {display: inline-block; border: 1px  solid #e5e5e5; border-radius: 100px; padding: 5px 15px; font-size: 12px !important; color: #888888; background: #ffffff; top: -20px; position: relative ; text-transform: uppercase }
.posted-on a, .cat-link {color: #888888 !important}
.posted-on:before {  position: inherit;  font-weight: 400;  display: inline-block !important;  top: 0;  margin-right: 5px; content: "\f073";font-family: "Font Awesome 5 Free";
color: inherit; font-size: 14px }
.byline, .single .byline, .tags-links, .comments-link {display: none !important}

.post-image {float: left; width: 33.3%;  display: block; margin: 0px 20px 0px 0px !important; }
.post-image img {object-fit: cover; height: 200px; width: 100%  }
.featured-image img {  object-fit: cover;  height: 350px;  width: 100%;  }

.read-more {display: block; margin-top: 20px; text-transform: uppercase; font-weight: 700}
.read-more:before {content: "\f105";font-family: "Font Awesome 5 Free";color: inherit; display: inline-block;font-size: 15px;font-weight: 900; margin-right: 5px; color: #006592 }
footer.entry-meta { margin-top: 10px; text-align: right}

.cat-links { position: absolute; right: 0px; bottom: 0px; display: block;  background: #f60;  border-radius: 50px 0 0 0;  padding: 5px 15px; color: #ffffff !important; text-transform: uppercase; font-size: 10px !important  }
.cat-links a { color: #ffffff !important }

.post-navigation {padding: 20px 0; border-top: 1px dotted #e5e5e5; margin-top: 40px !important}
.nav-previous {text-align: left}

.paging-navigation .nav-links > * {  padding: 2px 10px; display: inline-block}
.paging-navigation {text-align: center}
.nav-links .page-numbers  {background: #ea610a; color: #ffffff !important  }
.nav-links .current  {background: #e5e5e5; color: #ea610a !important  }
.nav-links .prev, .nav-links .next {  font-size: 0px;  padding: 4px 9px 0px 9px !important;  line-height: 18px;}


.search-form {border: 1px solid #006592}
.inside-article .search-form button {  color: #ffffff;  background-color: #ea610a;  padding: 9px 15px 6px 15px;  border: 3px solid #ffffff !important;  float: right;}




/*formulaire*/
.wpcf7-form input, .wpcf7-form textarea {  border: 1px solid #e5e5e5 !important;  border-radius: 5px;  width: 100%; font-family: 'Roboto Slab', serif; font-weight: 400  ; color: #888888 !important; font-size: 14px }
.wpcf7-form label {color: #006592; font-family: 'Jost', serif;  font-weight: 600; text-transform: uppercase;  }
.wpcf7-form p {margin-bottom: 30px;}
.wpcf7-form input[type="submit"] {max-width: 200px; background: #ea610a; color: #ffffff !important; font-family: 'Jost', serif;  font-weight: 600; text-transform: uppercase; position: relative; margin-left: -100px; left: 50% }
.wpcf7-form  input[type="submit"]:hover {background: #006592 }
.wpcf7-form i.fas {color: #ea610a}








/*sidebar*/

.sidebar .widget {  background-color: rgba(255,255,255,0) !important; padding: 0 25px 0 25px !important; margin-bottom: 25px; font-size: 14px}
.sidebar .widget:first-child {   padding: 25px 25px 0 25px !important; }
.sidebar .widget:last-child {   padding: 0px 25px 25px 25px !important; }
.widget button, .search-form button {  color: #ffffff;  background-color: #ea610a; padding: 0px 5px;  border: 3px solid #ffffff !important}
.wp-block-search__button {margin-left: 0}
.widget input[type="search"], .search-field {padding: 7px 5px; background: #ffffff !important; border: 3px solid #ffffff !important; color: #888888!important; font-family: 'Roboto Slab', serif; font-weight: 400; font-size: 14px  }
.widget .wp-block-separator {border: none; border-top: 1px dotted #ffffff; background: rgba(255,255,255,0)}
.widget .wp-block-calendar table caption {color: #ffffff}
.widget .wp-block-calendar table th {   background: #9cd0e1 ;}
.widget .wp-block-calendar tbody td, .widget .wp-block-calendar th {  border: 1px solid #9cd0e1;}
.widget .wp-block-calendar table tbody {  color: #9cd0e1;}
.sidebar .size-full {text-align: center}
.widget a i.fab {color: #ffffff}
.widget a:hover i.fab {color: #ea610a}


.site-info {padding: 20px; font-size: 14px}

.ben-ari-universe {background: #ffffff; padding: 20px 0; text-align: center}
.ben-ari-universe .logos figure  {display: inline-block }
.ben-ari-universe .logos img {max-width: 170px !important; height: auto; margin: 0 25px; border-width: 0px !important }

.grecaptcha-badge, .comments-area, .ben-ari-universe .sharedaddy  {display: none}

@media screen and (max-width: 1560px) {
.main-navigation .main-nav ul li a {  padding-left: 25px;  padding-right: 25px; }
}
	

@media screen and (max-width: 1400px) and (min-width: 990px) {
.wp-block-media-text .wp-block-media-text__content {  grid-column: 1;  grid-row: 2;}
.wp-block-media-text {grid-template-columns:100% auto !important}
	.wp-block-media-text__media {margin-bottom: 20px !important}
	}

@media screen and (max-width: 1370px) {
.site-logo {  max-width: 250px;  }
.site-header {min-height: 350px}
.main-navigation .main-nav ul li a {  padding-left: 19px;  padding-right: 19px; }
.main-navigation {  box-shadow: 500px 0px 0px 0px #ea610a,-500px 0px 0px 0px #ea610a;}
}

@media screen and (max-width: 1200px) {
.site-logo {  max-width: 300px; margin-bottom: 30px   }
.pgafu-medium-4 {  width: 100%;}
.pgafu-columns {  padding: 15px 0px !important;}
.pgafu-post-categories {  right: 1px;  top: 16px;}
button.menu-toggle .gp-icon svg {  height: 30px;  width: 30px;  top: 8px;  }
.has-inline-mobile-toggle .inside-header {display: block; text-align: center !important}
.main-navigation .inside-navigation {  justify-content: center;}
.main-navigation .main-nav > ul {  justify-content: center;}
.site-main .type-post {  padding: 0px 0px; }
h2.entry-title {font-size: 24px; line-height: 30px}
.featured-image img {   height: 300px;  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) {
.main-navigation {    margin-bottom: 100px;}
.main-navigation .main-nav ul li:last-child a {    padding-top: 0px !important;  margin-top: -3px !important;}
	
}


@media screen and (max-width: 768px) {
.is-right-sidebar {  margin-top: 30px  }
.main-navigation {  box-shadow: 0px 0px 0px 0px #ea610a, 0px 0px 0px 0px #ea610a;}
.main-nav ul.menu  {  box-shadow: 300px 0px 0px 0px #ea610a,-300px 0px 0px 0px #ea610a;  border-top: 1px dotted #fff;  padding: 20px 0;}
.mobile-menu-control-wrapper:after {  content: "";  display: block;  width: 1500px;  height: 60px;  position: absolute;  background: #ea610a;  left: -500px;  z-index: 9; }
.has-inline-mobile-toggle .inside-header {display: block; text-align: center}
.has-inline-mobile-toggle #site-navigation.toggled {  margin-top: -30px;  padding-top: 0px;  margin-bottom: 60px;}
.main-navigation .menu-toggle, .sidebar-nav-mobile:not(#sticky-placeholder) {  position: relative;  z-index: 99;}
.post-image {  float: none;  width: 100%;  margin: 0px 0px 20px 0px !important;}

	

}

@media screen and (max-width: 500px) {
.site-logo {  max-width: 100%;  }
.featured-image img {   height: 250px;  }
}