/*
Theme Name:     Shenmue Master
Theme URI: 		http://themeforest.net/user/tagDiv/portfolio
Description:    Child theme made by tagDiv
Author:         tagDiv
Author URI: 	http://themeforest.net/user/tagDiv/portfolio
Template:       Newspaper                             
Version: 		xx
*/

/*  ----------------------------------------------------------------------------
    This file will load automatically when the child theme is active. You can use it
    for custom CSS.
*/

/* -------------------------------------------------------------------
1/ GENERIQUE
----------------------------------------------------------------------  */

/* 1-1) Body  */

	/* Répartition contenu principal, menu de droite */
.td-pb-span8 {
  width: 75.00%;
}
	
.td-pb-span4 {
  width: 25.00%;
  background-color: #EDEDED;
  padding-top:10px;
  border: 1px solid #c0c0c0;
  margin-bottom:50px;
}

	/* Marges sur le côté : ORDINATEUR */
@media (min-width: 800px) {
.td-container {
  width: auto !important;
  max-width: 1240px;
  margin-right: auto;
  margin-left: auto;
  padding-left : 40px;
  padding-right : 40px;
}
}

	/* Marges sur le côté : MOBILE */
@media (max-width: 767px) {
.td-pb-span4 .wpb_wrapper, .td-ss-main-sidebar {
    perspective: unset !important;
    padding-top:4px;
	padding-left: 15px;
    padding-right: 15px;
}
}

/* 1-2) Texte

	/* Position du titre sur chaque post */
.td-post-header{
margin-top: 12px;
}

	/* Justification des paragraphes */
body {
  visibility: visible !important;
  text-align: justify;
  text-justify: inter-word;
  font-family: 'Open Sans';
}

	/* Ecart entre paragraphes */
.td-page-content p,.td-post-content p {
margin-bottom: 15px;
}

	/* Liens hypertextes en gras */
a {
    text-decoration: none;
	font-weight: bold;
}

	/* Couleur du texte SU BOX CONTENT (Shortcode) */

.td-post-content .su-box-content{background-color:#fff;color:#222;padding:1em}

/* 1-3) Images et galeries */

.aligncenter {
    text-align: center;
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    margin-bottom: 25px;
}

.gallery-columns-2, .gallery-columns-3, .gallery-columns-4, .gallery-columns-5, 
.gallery-columns-6, .gallery-columns-7, .gallery-columns-8, .gallery-columns-9 {
 margin-top: 25px;
 margin-bottom: 25px;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-bottom: 0px;
    width: 100%;
    padding-right: 2px;
}

/* 1-4) Fil d'ariane sur chaque article et page */

.entry-crumbs {
  font-size: 12px;
  color: #222;
  line-height: 18px;
  padding-top: 1px;
  padding-bottom: 2px;
}

.entry-crumbs a {
color: #222;
}

.entry-crumbs a:hover {
color: #222;
text-decoration: underline;
}

.entry-crumbs .td-bread-sep {
  font-size: 8px;
  margin: 0 5px;
}


/* 1-5) Citations */

.td-page-content blockquote, .td-post-content blockquote{
  display:block;
  background: #FAFAFA;
  padding: 15px 20px 5px 45px;
  margin: 0 0 20 0px;
  position: relative;
  
  /*Font*/
  line-height: 1.2;
  color: #000;
  text-align: justify;
  font-style: italic;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

.td-page-content  blockquote ::before, .td-post-content blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 40px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 5px;
  top:5px;
}

.td-page-content  blockquote ::after, .td-post-content blockquote::after{
  /*Reset to make sure*/
  content: "";
}

.post blockquote p, .page blockquote p, .td-post-text-content blockquote p, .td-page-content blockquote p{
	font-size: 15px;
	text-transform: none;
	visibility: visible !important;
	text-align: justify;
    text-justify: inter-word;
}

cite {
	font-family: 'Open Sans';
    text-align: right;
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
	font-size: 15px;
	font-style: italic;
	font-weight: normal;
	text-transform: none;
	color:#222;
}

/* 1-6) Spoiler */
.su-spoiler-title {
    position: relative;
    cursor: pointer;
    min-height: 20px;
    line-height: 20px;
    padding: 7px 15px 7px 34px;
    font-weight: bold;
    font-size: 15px;
    background-color: #FAFAFA;
}

.su-spoiler-style-default > .su-spoiler-title {
    padding-left: 27px;
    font-size: 15px;
}

/* 1-7) Pagination et précédent-suivant */
.page-nav a:hover{
    text-decoration: none;
}

.td-post-next-prev-content span {
    display: block;
    font-family: 'Open Sans';
	font-size: 12px;
    color: #222;
    margin-bottom: 7px;
}

.td-post-next-prev-content {
    display: inline-block;
    font-family: 'Open Sans';
	
}

/* -------------------------------------------------------------------
2/ MENUS HAUT
----------------------------------------------------------------------  */

/* 2-1) Header menu principal */

/*Affichage du pseudo */
.td-header-top-menu, .td-header-top-menu a, .td-header-wrap .td-header-top-menu-full .td-header-top-menu, .td-header-wrap .td-header-top-menu-full a, .td-header-style-8 .td-header-top-menu, .td-header-style-8 .td-header-top-menu a, .td-header-top-menu .td-drop-down-search .entry-title a {
    color: #dbd2bb;
    font-weight: 400;
}

/*Bannière principale avec le logo du site */
.td-banner-wrap-full, .td-header-style-11 .td-logo-wrap-full {
    background-color: #ac2912;
    border-bottom: solid 1px #F0AD00;
    border-top: solid 1px #F0AD00;
}

/*Taille du logo */
.td-header-style-10 .td-header-sp-logo img {
    z-index: 1;
    display: block;
    position: relative;
	width:960px;
	height:159px;
}

/*Taille du logo quand taille de l'écran plus réduite */
@media (max-width: 854px) and (min-width: 768px){
.td-header-style-10 .td-header-sp-logo img {
    z-index: 1;
    display: block;
    position: relative;
	width:854px;
	height:100%;
}
}

/*Fond d'écran transparent du menu principal */
.td-header-wrap .td-header-menu-wrap-full {
background-color: transparent;
}

/* Menu mobile */
.td-js-loaded .td-menu-background, .td-js-loaded #td-mobile-nav {
    visibility: visible;
    -webkit-transition: transform 0.0s cubic-bezier(0.79, 0.14, 0.15, 0.86);
    -moz-transition: transform 0.0s cubic-bezier(0.79, 0.14, 0.15, 0.86);
    -o-transition: transform 0.0s cubic-bezier(0.79, 0.14, 0.15, 0.86);
    transition: transform 0.0s cubic-bezier(0.79, 0.14, 0.15, 0.86);
}

/* Apparence du Sticky menu header */
.td-header-menu-wrap.td-affix {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    z-index: 9999;
    position: fixed !important;
	background-color: #22222;
    top: 0;
}

/* -------------------------------------------------------------------
3/ PAGES PERSONNALISEES
----------------------------------------------------------------------  */

/* 3-1) Liste des jeux Shenmue */

/* Titre */
h2.acf {
margin-top: 0px;
margin-bottom: 0px;
}

h2.acf a {
font-weight: 400;
color:#ac2912;
}

/* Taille du titre en fonction de la taille de l'écran */
@media (max-width: 600px) {
.td-page-content h2.acf{
font-size:22px;
line-height: 26px;
}
}

/* Taille du titre en fonction de la taille de l'écran */
@media (max-width: 767px){
.td-page-content h2.acf{
font-size:22px;
line-height: 26px;
}
}

/*Tableau */
.tab_acf{
		border:1px solid #c0c0c0;
		border-collapse:collapse;
		padding:5px;
	}

.tab_acf  p{
	    margin-bottom:0px;
	}
	
.tab_acf  th {
		border:1px solid #c0c0c0;
		padding:5px;
		background:#F0F0F0;
	}
.tab_acf  td {
		border:1px solid #c0c0c0;
		padding:15px;
	}
	
tr.tab_acf {
background-color : #FAFAFA;
}	

/* Sous-tableau */
tr.tab_acf2 {
background-color :#EDEDED;
}	

/* 3-2) Images page Lieux Astuces Soluce 

/* Ecart entre les images */
.td_block_big_grid_5 .td-small-thumb {
padding-left: 3px;   
padding-right: 3px;
margin-bottom: 6px;
}

/* Position du titre */
.wp-caption2{
position: relative;
padding: 0;
margin: 0px;
}

/* Police du titre */
.wp-caption2 a{
color: #fff;
font-family: "Teko";
font-weight: normal;
font-size: 26px;
line-height: 25px;
}

.wp-caption-text2 {
opacity: 1;
position: absolute;
width: 100%;
color: #fff;
left: 0;
bottom: 6px;
padding: 0.34em 1em;
z-index: 2;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: rgba(0,0,0,.7);
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}

.td_text_highlight_astuces{
background-color: #EDEDED;
margin-bottom : 10px;
padding:5px;
border:1px solid #c0c0c0;
border-collapse:collapse;
}


/* 3-3) Personnages */

/*
Newspaper correspondance : Big grid 9
Pour la version mobile, le code CSS est dans le custom CSS de Newspaper
*/

.wp-caption-text_persos {
opacity: 1;
position: absolute;
width: 100%;
color: #fff;
left: 0;
bottom: 20px;
padding: 0.1em 0.1em;
z-index: 2;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: rgba(0,0,0,.7);
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}

/* Position du titre */
.wp-caption_persos{
position: relative;
padding: 0;
margin: 0px;
}

/* Police du titre */
.wp-caption_persos a{
color: #fff;
font-family: "Teko";
font-weight: normal;
font-size: 26px;
line-height: 25px;
}

.div_acf_persos{
margin: 7px;
float: left;
}

.div_acf_persos img{
margin-bottom: 0px; 
}

/*Personnages : Images arrondies */
.circle-image-personnages {  
width: 110px;
height: 130px;
-webkit-border-radius: 120px;
-moz-border-radius: 120px;
-ms-border-radius: 120px;
-o-border-radius: 120px; 
-webkit-box-shadow: 2px 0px 0px 0px #C2C2C2;
box-shadow: 2px 0px 0px 0px #C2C2C2;
object-fit: cover;
}

/*Tableau single personnages */

.td-persos {
	width:110%;
    background-color: #EDEDED;
    color: #000;
	font-size: 85%;
    line-height: 1.3em;
    margin: 0 1.8em 0.5em 0;
    border: 1px solid #EDEDED;
    border-spacing: 5px;
}

@media only screen and (max-width: 768px)
{
	.td-persos {
		width: 100% !important;
		background-color: #EDEDED;
		color: #000;
		line-height: 1.3em;
		float: none !important;
		margin: 0 1em 0.5em 0;
		border: 1px solid #EDEDED;
		border-spacing: 5px;
		overflow: hidden;
	}
}

/* 3-4)  Revue de presse */

.td_block_big_grid_9 .td-big-grid-post .td-module-thumb {
margin-right: 6px;
margin-bottom: 6px;
}

.td_block_big_grid_9 .td-post-author-name {
    color: #fff;
}

/* 3-5) Produits dérivés  */

@media (max-width: 767px){
.td-big-grids-fl.td-big-grids-scroll .td-big-grid-post-0 {
    padding: 0 !important;
    margin-bottom: 10px;
}
}

/*Listing module 10 type, infos */

.td-module-meta-info {
    font-family: 'Open Sans';
    margin-bottom: 7px;
    line-height: 1;
    min-height: 17px;
	color:#222222
}

/*Description */

.description_produit {
margin-bottom:16px;
}

/*Affichage des drapeaux */

.flag  {
vertical-align: text-bottom;
}

/*Affichage de l'image du produit dérivé*/
.su-column.su-column-size-1-3 img
{
max-width: 100%;
max-height: 180px;
}

.su-row {
    clear: both;
    zoom: 1;
    margin-bottom: 1em;
}

/*Salons  */

/*Affichage de l'image du salon*/
.su-column.su-column-size-1-2 img
{
max-width: 100%;
max-height: 180px;
}

/* -------------------------------------------------------------------
4/   WIDGET MENU DE DROITE
----------------------------------------------------------------------  */
/* Accueil : affichage des catégories */

.widget {
    font-family: 'Teko';
	font-size: 22px;
	font-weight: 400;
    margin-bottom: 40px;
}

.widget_categories a {
 color: #AC2912;
 }

.widget_categories ul li a:hover {
  color: #222;
}

.widget a {
 color: #AC2912;
 }

.widget ul li a:hover {
  color: #222;
}

.td-pb-span4.td-main-sidebar  {
/*background-color:#edebd7 ; /*ou #e7e1d3*/ /*ou #dbd2b2 */
/*padding-top:10px;*/
padding-left:24px;
padding-right:24px;
/*border-left:1px solid #c0c0c0;*/
behavior: url(/css/PIE.htc);
/*
position:relative;
hack pour IE < 9 pour PIE, a utiliser si l'élément n'apparait pas 
*/
}

.widget_subpages li a {
font-weight: 400;
}

.widget_subpages_current_page > a.link_menu {
color:#AC2912;
}

/*UL MENU*/
ul.menu_widget li {
list-style-type: none;
text-align:left;
margin-left: 13px;
}
ul.menu_widget li:before {
	background-color:transparent;
    content: "- "; /* on affiche une chaîne de caractère */
}

ul.menu_widget li:before {
	background-color:transparent;
    content: "- "; /* on affiche une chaîne de caractère */
}

/*Affichage réduit des sous-pages */
ul .menu_widget li a{
font-size:20px;
}


/*UL MENU pour les pages enfant*/
ul.sous_menu {
	padding-left:20px;
}

/* Widget droite Block Titles + Line */
.block-title {
  margin-top: 0;
  margin-left: 10px;
  margin-bottom: 26px;
  border-bottom: 2px solid #222222;
}

/* Catégories */
.widget select {
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
    margin-top: 13px;
    padding: 0 5px;
	font-size : 22px
}

/* Partenaires */

.td_block_text_with_title li {
  font-family: 'Teko';
  font-size: 22px;
  font-weight: 400;	
}

/* -------------------------------------------------------------------
5/   PAGE D'ACCUEIL
----------------------------------------------------------------------  */

.td-main-page-wrap {
    padding-top: 28px;
}

/*  ----------------------------------------------------------------------------
    Titre article
*/

h3 a { color: #AC2912; font-weight: 500;}

/*  ----------------------------------------------------------------------------
    date
*/
.td-post-date {
  color: #222;
  display: inline-block;
  position: relative;
  top: 2px;
}

/*  ----------------------------------------------------------------------------
    excerpt
*/
.td-excerpt {
  font-size: 13px;
  color: #222;
  margin-top: 9px;
}

.td-module-meta-info .td-post-author-name a {
    color: #AC2912;
}

.td-module-meta-info .td-post-author-name a:hover {
    color: #222;
}

/* -------------------------------------------------------------------
5/   EN TETE DES ARTICLES
----------------------------------------------------------------------  */

header .td-post-author-name {
    font-weight: 400;
    color: #222;
    float: left;
}

header .td-post-date {
    margin-left: 4px;
    color: #222;
    float: left;
}

header .td-post-comments a {
    color: #222;
}

/* -------------------------------------------------------------------
6/   COMMENTAIRES
----------------------------------------------------------------------  */

#wc-comment-header {
    max-width: 950px;
    padding: 20px 5px 10px 5px;
    display: block;
    float: none;
    clear: both;
    font-size: 36px;
    font-weight: normal;
    margin: 0 auto;
    font-family: 'Teko';
}


div.wpcf7 {
    margin: 0;
    padding: 0;
    text-align: left;
}

/* -------------------------------------------------------------------
7/   FORUM
----------------------------------------------------------------------  */

.bbp_stick_topic_select .bbp_stick_topic button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    font-size: 12px;
}

a.d4p-attachment-addfile{
font-size: 12px;	
}

/* -------------------------------------------------------------------
8/   FOOTER
----------------------------------------------------------------------  */

/* Fond des réseaux sociaux */
.td-footer-wrapper .block-title a, .td-footer-wrapper .block-title span, .td-footer-wrapper .block-title label {
    background-color: transparent;
    color: #fff;
    padding: 6px 0 5px;
    line-height: 1;
	font-weight: normal;
}

.td-footer-bottom-full .td-pb-row > div:last-child {
    margin-bottom: 0;
    background-color: #222222;
    border: 0px;
}