/*
Theme Name: MesoColumn Child
Theme URI: http://www.contretemps.eu/wp-content/themes/mesocolumn-child
Description: Variation du Thème Mesocolumn pour Contretemps Web
Version: 1.0
Author: Bitnykk
Author URI: http://hexmusic.free.fr/infographiste/
Template: mesocolumn
License: GNU General Public License
License URI: http://www.opensource.org/licenses/gpl-license.php
Tags : variation
Text Domain:  mesocolumn-child
*/

/* overall */
@font-face{ font-family: "Palatino"; src: url('palatino.ttf'); }
@font-face{ font-family: "Leitura"; src: url('leitura.otf'); }
@font-face{ font-family: "Futura"; src: url('futura.ttf'); }
@font-face{ font-family: "Petita"; src: url('petita.ttf'); }
@font-face{ font-family: "Abril"; src: url('abrilfatface.otf'); }
@font-face{ font-family: "Abril2"; src: url('abrilfatfacei.ttf'); }
@font-face{ font-family: "Open"; src: url('PTF55F.ttf'); }
* { font-family: "Palatino" !important; color: black; }
a, a:link, a:visited, aside.home-feat-cat a { color: #000000; }
a:hover, a:active, aside.home-feat-cat a:hover { color: #2bc4f0; }
.fa-user:before, .fa-clock-o:before { content: "" !important; }

/* revue alignements */
.aligncenter, .alignright, .alignleft {clear: both; display: block; margin-left: auto; margin-right: auto;}
ul, ol, ol ol, ol ol ol, ol ol ol ol {list-style: none;}
blockquote cite {font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase; font-size: 85%;}
.format-image .wp-caption {margin-bottom: 1.625em; max-width: 100% !important; padding: 1em 0; box-shadow: 0 0 0 transparent; background-color: transparent;}
.widget_calendar #wp-calendar caption { font-size: 1.125em; font-weight: 500; padding: 5px 0 3px 0; text-transform: uppercase;}
.container-wrap { margin: 0 !important; padding: 0 !important; border-top: 1px solid black !important; }

/* revue menu haut */
#top-navigation {left: 0; margin: 0; padding: 0; width: 100%; background-color: #000000; position: absolute;}
#top-navigation ul, .subwrap ul { display: flex; flex-direction: row; justify-content: center; }
#top-navigation .sf-menu a { font-size: 20px !important; }
#container nav .subwrap ul li a { font-size: 15px !important; }
#menu-second a { font-size: 15px !important; padding: 5px 15px !important; }
#top-navigation .sf-menu a:hover { background: #000000 !important; }
#menu-second a:hover { color: white; }
#main-navigation { display: none; }
.effect-1:before, .effect-1:after { -webkit-box-shadow: 0 20px 10px rgba(0, 0, 0, 0); -moz-box-shadow: 0 20px 10px rgba(0, 0, 0, 0); box-shadow: 0 20px 10px rgba(0, 0, 0, 0); }
.effect-4:before, .effect-4:after { -webkit-box-shadow: 0 12px 18px rgba(0, 0, 0, 0); -moz-box-shadow: 0 12px 18px rgba(0, 0, 0, 0); box-shadow: 0 12px 18px rgba(0, 0, 0, 0); }
.sub-menu { display: inline-block !important; } .sf-menu ul, .sub-menu { width: 100% !important; }
.sub-menu li a { padding: 0 !important; }
#top-navigation .sf-menu li:hover, #top-navigation .sf-menu ul, .subwrap, .subwrap ul { background-color: #2bc4f0 !important; }

/* revue accroche du site */
#siteinfo {margin: 30px 0 20px 0; padding: 3% 0 5% 16%; background: url('images/logo-CTb.png') no-repeat top left; background-size: 13%; }
#siteinfo.header-overlay-on {margin: 0; padding: 25px;}
#siteinfo img {border: 0 none; max-width: 100% !important; float: left; height: auto; margin: 1em 0 0;}
#siteinfo h1 a, #siteinfo div a { font-size: 210%; margin: 0.24em 0px 0px; padding: 0px; font-weight: bold; text-transform: capitalize; letter-spacing: -2px; line-height: 90%; font-family: "Futura" !important; color: black; letter-spacing: 0.38em; }
p#site-description { font-family: "Petita" !important; letter-spacing: 0.17em; font-size: 320%; line-height: 90%; margin: 0px; padding: 0px; }
#topbanner { margin: 1.4em 2em 0; float: right; padding: 0px;}
#post-entry article {float: left; height: auto; min-height: 305px; width: 100%; padding: 0; margin: 0; position: relative; overflow: hidden; text-align: center; line-height: 1.25em; }
#post-entry article.post-single { text-align: left; }
h2.header-title { font-size: 1.5em; font-weight: normal; color: #fff; text-transform: capitalize; margin-top: 0px; margin-bottom: 2em; position: relative; background-color: #000000; padding: 1% 2%; width: 95%;}
h2.header-title a, h2.header-title a:hover {color: white; font-size: 0.9em; font-weight: normal !important; text-decoration: none !important; }
#header { margin-top: 80px !important; } #myGallery, #Gallerybox { height: 600px !important; } #featuredbox { border-bottom: 0px solid black; }
.jdGallery .slideInfoZone { background: rgba(43, 196, 240, 0.6); bottom: 35%; font-style: italic !important; text-align: center !important; }
.jdGallery .slideInfoZone h3 { text-align: center !important; text-transform: none !important; }
.jdGallery .slideInfoZone h3 a { font-family: "Abril2" !important; text-shadow: 0 0 0 !important; text-align: center !important; font-style: normal !important; }
.jdGallery .slideInfoZone p { font-family: "Open" !important; text-shadow: 0 0 0 !important; color: #fff !important; font-size: 1.5em !important; }
/* .jdGallery .slideInfoZone h3::first-letter { text-transform: uppercase !important; } */
.withArrows a.open:hover { background: none; }
.post-entry-inner hr, .post-entry-inner br  { display: none; } .widget_search h3 { border-top: 0 !important; }

/* articles */
.content { width: 77%; }
#post-entry article h1.post-title,#post-entry article h2.post-title {font-size: 2em; margin: 0px; color: #333; padding: 0px; float: left; width: 100%; line-height: 110%; font-weight: normal; word-wrap: break-word; }
#post-entry article div.post-meta { margin: 0px; padding: 1em 0 0.2em 0; float: left; width: 100%; position: relative; line-height: 1.2em; }
#post-entry article .post-meta a { color: #555 !important; font-size: 20px !important; }
#post-entry article .post-meta a:hover {text-decoration: underline !important; color: #2bc4f0; }
#post-entry article .post-content { font-size: 1.3em !important; float: left; width: 100%; padding: 1em 0 0 0; line-height: 2em !important; word-wrap: break-word; }
#post-entry article .post-content .entry-content p { font-size: 1.4em !important; padding-right: 7%; }
#post-entry article .post-content .entry-content, #post-entry article .post-content .entry-content p, #post-entry article .post-content .entry-content em, #post-entry article .post-content .entry-content i, #post-entry article .post-content .entry-content a, #post-entry article .post-content .entry-content strong, #post-entry article .post-content .entry-content b { font-family: "Open" !important; }
.post-single .post-top .post-title { font-family: "Abril" !important; }
.post-single .post-top .post-title i, .post-single .post-top .post-title i strong { font-family: "Abril2" !important; }
#post-entry article .post-content .entry-content blockquote p { font-size: 1.25em !important; }
.related-post-thumb {margin: 0px 0px 0.5em; padding: 0px; float: left; height: 150px; width: 100%; overflow: hidden;}
.related-post-thumb img {margin: 0px; padding: 0px; float: left;}
hr { height: 1px; color: black; border: 0; background-color: black;}
.post-entry-inner { overflow: hidden; }
#wp_rp_first, a[title="Posts by redaction"] { display: none; }
.search-form .search-submit, #post-navigator .wp-pagenavi a { background: #2bc4f0 none; }
aside.home-feat-cat .apost { padding: 0 !important; }
.post-entry-inner img:nth-of-type(1) { max-width: 98% !important; max-height: 400px !important; }

/* sidebars */
#right-sidebar { width: 21%; }
h3.widget-title { font-family: "Leitura" !important; font-style: italic !important; text-transform: lowercase !important; }
#right-sidebar h3.widget-title a {color: #000000; text-decoration: none;}
#left-sidebar h3.widget-title {padding: 2% 2% 2% 5%; font-size: 1.125em; font-size: 1.125vw; margin: 0px 0px 0.5em; float: left; width: 93%; letter-spacing: normal; color: #222; font-weight: bold; background: #D7D7D7; border-radius: 6px;}
#right-sidebar h3.widget-title {padding: 0% 0% 10px; font-size: 1.25em; font-size: 1.25vw; margin: 0px 0px 0.5em; float: left; width: 100%; color: #333; text-transform: capitalize; border-top: 1px solid #000000; border-bottom: 0px;}
form.search-form input.search-submit, form.search-form input.search-submit:hover { width: 35px; height: 35px; background: #2bc4f0 url('images/logo-search.png') no-repeat center center; background-size: 80%;  }
#right-sidebar aside li a:hover, #right-sidebar aside div a:hover,#right-sidebar table a {color: #2bc4f0; text-decoration: none;}
#right-sidebar aside .readoffline-embed, .tptn_counter { display: none !important; }
/* ul.related_post li a.wp_rp_thumbnail img { visibility: hidden; width: 0; } */
/*#right-sidebar aside .featured-cat-posts li .feat-post-meta { display: none; }*/
.widget-area aside ul li { padding: 5px 0px;}
.widget-area img { margin: -3px 0; }
.tribe-event-duration span b { font-size: 30px; }
.tribe-events-list-widget h3, .widget_meso_featured_multi_category_widget h3, .widget_custom_post_widget h3, .widget_wp_related_posts h3, .widget_a2a_share_save_widget h3, .post_tn_cat_color_7 h4, .mk-form-plugin h3 {
padding-top: 12px !important; }
#meso_featured_multi_category_widget-4 ul.featured-cat-posts { height: 300px; background: #fff url('images/txt-papier.png') no-repeat center center; background-size: 100%; }
/* #meso_featured_multi_category_widget-4 ul li a img { mix-blend-mode: overlay; } */

/* revue menu bas */
.footer-right ul li { margin: 0 !important; }
.ftop h3.widget-title {color: #000000; font-size: 1.125em; padding: 0px 0px 10px; float: left; margin: 0px 0px 1em; width: 100%; font-weight: bold; line-height: 1.2em; border-top: 1px solid #000000; border-bottom: 0px;}
.ftop h3.widget-title a {color: #000000; text-decoration: none;}
.fbottom { padding: 0 !important; }
.fbottom ul { display: flex; flex-direction: row; justify-content: center; width: 100%; }
.fbottom ul li { display: inline-block; float: left; line-height: 2.5;}
.fbottom ul li a { font-size: 20px !important; padding: 0.75em 1.25em; }
.fbottom p {margin: 0px; padding: 0px; width: 100%; list-style: none; display: block; float: right;}
.footer-left { display: none; }
.footer-bottom { height: 385px; background: #000000 url('images/logo-CTw.png') no-repeat bottom center; }
.footer-right, div.fbox { width: 100%; }

/* revue les categories */
aside.home-feat-cat h4 a { font-family: "Leitura" !important; font-style: italic !important; color: black; margin-right: -5px; text-transform: lowercase; }
aside.home-feat-cat h4.homefeattitle { margin: 0; padding: 0 0 10px 0; }
h4.feat_tn_cat_color_2, h4.feat_tn_cat_color_3, h4.feat_tn_cat_color_4 { padding-top: 90px !important; }
aside.home-feat-cat article {border:0 none !important;}
aside.home-feat-cat {display: inline-block; width: 33%; border: none; padding: 0; text-align: center;}
aside.home-feat-cat .homefeat article .feat-thumb img { min-height: 100%; height: auto; width: auto;  min-width: 100%; max-width: 150%; margin: 0; padding: 0;}
aside.home-feat-cat .homefeat article .feat-thumb { width: 100%; background: #ddd; height: 170px; height: 14vw; overflow: hidden; }
aside.home-feat-cat .homefeat article .feat-right { margin: 0; width: 100%; }
aside.home-feat-cat .homefeat article .feat-right h2 { margin: 0.6em 0px; }
aside.home-feat-cat .homefeat article .feat-meta { padding-bottom: 0px; font-style: italic; font-weight: bolder; font-size: 1.2em !important; }
aside.home-feat-cat .homefeat article .feat-meta .feat_author:after { content: none; }
aside.home-feat-cat .homefeat article .feat-meta .feat_time { display : none; }
aside.home-feat-cat .homefeat article .feat-title, .content-inner article .page-title { font-size: 1.5em; letter-spacing: -0.05em; min-height: 60px; font-family: "Leitura" !important; }
aside.home-feat-cat .homefeat article .feat-title a { font-family: "Leitura" !important; }
aside.home-feat-cat .homefeat article .feat-content { font-size: 1em; letter-spacing: -0.07em; margin: 0 2px; font-style: italic; display: none; }
aside.home-feat-cat.odd { margin: 0 !important;}
aside.home-feat-cat .feat-meta, aside.home-feat-cat h4.homefeattitle { border: 0; }
.post_tn_cat_color_2 { background: url('images/categ-theo.png') no-repeat top center; }
.post_tn_cat_color_3 { background: url('images/categ-strat.png') no-repeat top center; }
.post_tn_cat_color_4 { background: url('images/categ-conj.png') no-repeat top center; }
.miniaturz { width: 50px; height: 50px; background-size: contain; font-weight: bold; font-size: 3em; font-family: "Leitura" !important; }
.post-category i, .incat, .inauthor, .intag, .insearch, #commentpost { display: none; }
.post-category a[href="http://www.contretemps.eu/category/theorie/"] { background: url('images/categ-theo.png') no-repeat top left; background-size: contain; padding-left: 21px; }
.post-category a[href="http://www.contretemps.eu/category/strategie/"] { background: url('images/categ-strat.png') no-repeat top left; background-size: contain; padding-left: 21px; }
.post-category a[href="http://www.contretemps.eu/category/conjoncture/"] { background: url('images/categ-conj.png') no-repeat top left; background-size: contain; padding-left: 21px; }
aside.post_tn_cat_color_7 { width:100%; }
.feat_tn_cat_color_7 { border-top: 1px solid black !important;}
.post_tn_cat_color_7 .homefeat article .feat-thumb { overflow: visible; max-height: none;}
.post_tn_cat_color_7 .homefeat article .feat-thumb a img { width: 100%; height: auto; }

/* dossiers */
.post_tn_cat_color_7 .homefeat article .feat-right { position: absolute; z-index: 10; top: 190px; left:0; width: 100%; height: 110px; padding-top: 12%; display: none; background: rgba(255,255,255,0.5); }
.post_tn_cat_color_7 .homefeat article .feat-right h2 a { font-style: italic; }
.post_tn_cat_color_7 .homefeat article .feat-meta { display: none; }
.post_tn_cat_color_7 .homefeat article { width: 50% !important; height: 520px !important; }
.post_tn_cat_color_7 .homefeat article:hover .feat-right  { display: block; }
.post_tn_cat_color_7 .homefeat article .feat-thumb { height: 100% !important; width: 100% !important; }
.post_tn_cat_color_7 .homefeat article a img { height: 100% !important; width: auto !important; max-width: none !important; }
.post_tn_cat_color_7 h5 a { font-style: italic; }

/* safari 6.1+ general */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {
  #top-navigation ul { display: inline-block; clear: both; width: 86%; text-align:center; padding: 0 0 0 13%; }
  .subwrap { display: inline-block; clear: both; width: 100%; text-align:center; }
  .fbottom ul { width: 95% !important; text-align:center; padding: 0 0 0 5%; }
  #top-navigation li, .subwrap li, .fbottom ul li { text-align:center; display: inline-block; }
}}

/* mobile */
#mobile-nav {display: none; margin: 0px; padding: 0 0px 1em; float: left; width: 100%;}
#mobile-nav .innerwrap {margin: 0px auto; clear: both; width: 100%;}
#mobile-nav select {color: #666; padding: 0.25em; width: 96%; height: 30px; border: 0 none;}
#mobile-nav .select-pri {font-size: 1.2em; color: #fff; width: 45%; float: left;}
#mobile-nav .select-pri.sec {float: right;}
.post-thumb.in-mobile {display: none;}

/* modifs responsives */
@media only screen and (max-width:780px) {
  * { font-size: 3vw !important; }
  .post-single .post-top .post-title { font-size: 1.5em !important; }
  #post-entry article .post-meta a { font-size: 1.2em !important; }
  #post-entry article .post-content .entry-content, #post-entry article .post-content .entry-content p, #post-entry article .post-content .entry-content em, #post-entry article .post-content .entry-content a, #post-entry article .post-content .entry-content strong, #post-entry article .post-content .entry-content b { font-size: 1em !important; }
  #post-entry article .post-content { line-height: 1.5em !important; }
  aside.home-feat-cat h4.homefeattitle { font-size: 0.6em !important; }
  .home-feat-cat { background-size: 13% !important; }
  #top-navigation .sf-menu a { font-size: 18px !important; }
  #siteinfo h1 a, #siteinfo div a { font-size: 30px !important; letter-spacing: 0.2em;}
  p#site-description {font-size: 20px !important; letter-spacing: 0em; }
  #top-navigation ul, .fbottom ul, .subwrap {display: flex; flex-direction: column; text-align: center;}
  h4 a {font-size: 2.5em !important;}
  div#mobile-nav {display: none !important;}
  #top-navigation .sf-menu, #main-navigation .sf-menu {display: block !important;}
  .footer-bottom { background-position: center bottom; }
  #siteinfo { background-size: 0; }
  .footer-bottom { background-size: 6%; }
  #header { background: url('images/logo-CTb.png') no-repeat top center; background-size: 6%; }
  .footer-bottom { width: 94%; margin-left: 3%; }
  .sf-menu li { float: none; }
  #top-navigation { position: relative; }
  .miniaturz { display: none !important; }
  .post_tn_cat_color_7 .homefeat article { width: 100% !important; height: 300px !important; }
  #Gallerybox, #myGallery { height: 350px !important; }
  aside.home-feat-cat .homefeat article .feat-thumb { height: 300px !important; }
  .post_tn_cat_color_7 .homefeat article .feat-right { top: 15%; display: block !important; }
  #post-entry article { margin-bottom: 15px !important; }
  aside.home-feat-cat .homefeat article .feat-title { min-height: 30px; }
  .jdGallery .slideInfoZone p { font-size: 0.9em !important; } 
  /* safari 6.1+ mobile */
  @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
  { @media {
    #top-navigation ul, .subwrap ul { padding: 0; width: 98%; }
    .fbottom ul { padding: 0 0 0 4%; width: 98% }
    #top-navigation ul li, .fbottom ul li, .subwrap ul li { width: 98%; clear: both; }
  }}
}
@media only screen and (min-width:1400px) {
  #container nav .innerwrap ul li a, .fbottom ul li { font-size: 1.8vw !important; }
  #container nav .subwrap ul li a { font-size: 1.3vw !important; }
  #post-entry article { min-height: 35vh !important; }
  #Gallerybox, #myGallery { height: 900px !important;
  #siteinfo h1 a, #siteinfo div a { font-size: 6rem !important; }
  p#site-description { font-size: 3rem !important; }
}
@media only screen and (min-width:1600px) {
  #siteinfo h1 a, #siteinfo div a { font-size: 7rem !important; }
  p#site-description { font-size: 3.5rem !important; }
}