/*
Theme Name: 369 Pinbin
Description: Enfant de Pinbin
Author: Nicolas Montgermont
Author URI: http://nimon.org
Template: pinbin 
Version: 0.1.0
*/

@font-face {
    font-family: 'Univers';
    src: url('fonts/UniversLTStd-Cn.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Univers';
    src: url('fonts/UniversLTStd-BoldCn.otf');
    font-weight: bold;
    font-style: normal;
}



@font-face {
    font-family: 'Univers';
    src: url('fonts/UniversLTStd-CnObl.otf');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Univers';
    src: url('fonts/UniversLTStd-BoldCnObl.otf');
    font-weight: bold;
    font-style: italic;
}

/* Generic */
body {
    background: #f4ffda;
}

body,
h1,
h2,
h3,
p,
.menu-item,
.entry-title,
button,
input,
textarea,
select {
    font-family: 'Univers', 'Arial', 'Sans Serif';
    color: #342915;
    line-height: 24px;
}

body,
p,
.menu-item,
.entry-title,
button,
input,
textarea,
select {
    font-size: 16px;
}

button,
input,
select,
textarea {
    line-height: 1em;
}

.type-post,
.type-page,
.type-attachment,
#post-area .post {
    border: 0;
}

.type-post,
.type-page,
.type-attachment {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    background: none;
    margin-top: 24px;
}

.type-post,
#main-nav-wrapper,
nav {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

h1,
h2,
h3 {
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
}

h1 {
    font-size: 16px;
    color: #ea5a1d;
    text-transform: uppercase;
    padding-top: 12px;
    padding-bottom: 12px;
}

h2,
    {
    margin-top: 24px;
}

h2 {
    color: #ea5a1d;
}

h3 {
    margin: 0 0 24px 0;
    text-transform: uppercase;
    letter-spacing: normal
}

p {
    padding-top: 0;
    padding-bottom: 24px;
}

.type-page p {
    color: #783d15;
}

em {
    font-style: italic;
}

a,
a:link,
a:visited {
    color: #008567;
    text-decoration: none;
}

a:hover {
    color: #004101;
    text-decoration: none;
}

table,
th,
tr,
td {
    border: 0;
    padding: 0;
}

td {
    padding-right: 0.5em;
}

td:hover {
    background: none;
}

/* Navigation */
#logo img {
    max-width: 40px;
    margin-top: 9px;
    padding: 0;
    margin-right: 12px;
    margin-left: 3%;
    background-color: black;
}

#logo img:hover {
    background-color: #008567;
    opacity: 1;
}

#main-nav-wrapper {
    background: #c884a4;
    height: 48px;
}

.main-nav ul {
    width: 100%;
    box-sizing: border-box;
}

.main-nav ul li {
    padding: 10px 12px 0 12px;
}

.main-nav ul li a {
    font-size: 16px;
    font-weight: bold;
    color: black;
    letter-spacing: 1px;
}

.main-nav ul li:nth-child(5) a {
    font-size: 22px;
}

.main-nav ul li:nth-last-child(1),
.main-nav ul li:nth-last-child(2),
.main-nav ul li:nth-last-child(3),
.main-nav ul li:nth-last-child(4) {
    float: right;
    display: inline-block;
}

.main-nav ul li:nth-last-child(1) a,
.main-nav ul li:nth-last-child(2) a,
.main-nav ul li:nth-last-child(3) a,
.main-nav ul li:nth-last-child(4) a {
    font-size: 15px;
}

.main-nav ul li:nth-last-child(1),
.main-nav ul li:nth-last-child(2),
.main-nav ul li:nth-last-child(3),
.main-nav ul li:nth-last-child(4) {
    padding: 10px 6px 0px 12px;
}

.main-nav ul li:nth-last-child(2) span,
.main-nav ul li:nth-last-child(3) span,
.main-nav ul li:nth-last-child(4) span {
    display: none;
}

/* cacher le panier */
.main-nav ul li:nth-last-child(1) {
    //display:none;
}

.main-nav ul li a:hover {
    color: #008567;
}

.main-nav ul li.current-menu-item a {
    color: #008567;
}

#menu-right li {
    display: inline;
    float: right;
    padding: 12px 12px;
}

/* Content */
#wrap {
    margin: 0;
    background: none;
}

#header {
    padding: 0;
    padding-top: 48px;
}
.wp-block-image figcaption {
	font-size:0.9em;
	text-align:center;
	margin-top:0;
}

/* home */
.full-gif {
    width: 100%;
    background: #342815;
    text-align: center;
    max-height: 288px;
}

.full-gif img {
    width: auto;
    margin: 0 auto;
    max-width: 100%;
    max-height: 288px;
}

.home #wrap .wp-caption-text {
    font-size: 1em;
    color: inherit;
    font-style: inherit;
}

.home h2 {
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 24px;
}

.home .row {
    margin-top: 24px;
}

.wp-caption {
    border: 0;
    width: 33.333% !important;
    box-sizing: border-box;
    float: left;
    padding-left: 2%;
    padding-right: 2%;
}

.wp-caption img {
    max-width: 80%;
    height: auto;
}

.news {
    padding: 0;
    text-align: center;
}

.news:nth-child(3n+1) {
    padding: 0;
    padding-right: 32px;
}

.news:nth-child(3n+2) {
    padding: 0;
    padding-left: 16px;
    padding-right: 16px;
}

.news:nth-child(3n) {
    padding: 0;
    padding-left: 32px;
}

.news img {
    max-width: 100%;
    border-radius: 40px;
    max-height: 240px;
    width: auto !important;
}

ul {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0px;
    padding-bottom: 0px;
}

ul li {
    font-size: inherit;
    color: inherit;
    padding-left: 10px;
}

/* signe constellation */
#post-437 h1 {
    font-size: 28px;
}

/* livres */
.grid_livres {
    display: block;
    width: 33.3333%;
    padding: 0px 8px;
    box-sizing: border-box;
    /* height: 28em; */
    margin-bottom: 40px;
}

.grid_livres img {
    height: 384px !important;
    width: auto !important;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.grid_livres img:hover {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}

div.grid_livres:nth-child(3n+1) {
    padding: 0;
    padding-right: 16px;
}

div.grid_livres:nth-child(3n) {
    padding: 0;
    padding-left: 16px;
}

div.grid_livres .entete-livre {
    width: 90%;
    height: 4em;
    vertical-align: top;
}

.row-livre {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.caracteristiques {
    font-size: 14px;
    line-height: 16px;
    padding-top: 24px;
    padding-bottom: 0;
}

.bouton {
    padding: 0;
    padding-bottom: 11px;

}

.bouton:last-of-type {
    padding-bottom: 19px;
}

.add_to_cart_inline a,
.bouton a {
    color: #f4ffda;
    border: none;
    padding: 7px 24px;
    min-width: 144px;
    background-color: #008567;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    text-align: center;
}

.bouton a:hover {
    background-color: #004101;
}

.pinbin-copy {
    padding: 24px 24px;
}

.pinbin-copy img {
    width: 100%;
    height: auto;
}

.shadow {
    -moz-box-shadow: 8px 10px 18px 5px #666;
    -webkit-box-shadow: 8px 10px 18px 5px #666;
    box-shadow: 8px 10px 18px 5px #666;
}

.shadow-small {
    -moz-box-shadow: 4px 5px 18px 2px #666;
    -webkit-box-shadow: 4px 5px 18px 2px #666;
    box-shadow: 4px 5px 18px 2px #666;
}

.category-livre .deux_3 img {
    -moz-box-shadow: 4px 5px 18px 2px #999;
    -webkit-box-shadow: 4px 5px 18px 2px #999;
    box-shadow: 4px 5px 18px 2px #999;
}

.img_livre {
    padding-top: 0;
    padding-left: 18px;
}

.img_livre img {
    max-height: 432px;
    max-width: 100%;
    width: auto;
}

.catalogue {
    padding-top: 24px;
}

.catalogue h3 {
    margin-bottom: 0;
}


.table_livres td {
    vertical-align: top;
}

/* forum basé sur livres */
.grid_livres.grid_forum {
	width:50%;
}
.grid_livres.grid_forum img {
	height:unset !important;
	width:100% !important;
}
/* EVENEMENTS */
.table_evenements {
    padding-bottom: 24px;
}

.table_evenements tr {
    border-bottom: 1px solid #ccc;
}

.titre_evenement {
    font-weight: bold;
}

.table_evenements td {
    vertical-align: top;
}

.table_evenements p {
    padding-top: 0;
    padding-bottom: 0;
}

table {
    margin-bottom: 1em;
}

.table_objets td {
    vertical-align: bottom;
}

.row {
    display: flex;
    flex-wrap: wrap;

}

.un_3 {
    width: 33.3333%;
    box-sizing: border-box;
}

.deux_3 {
    width: 66.6666%;
    padding-left: 2em;
    box-sizing: border-box;
}

.deux_3.droite {
    padding-left: 0em;
    padding-right: 18px;
}

/* WOO Commerce */
.input-text,
input[type=text],
input[type=email] {
    font-size: 15px;
}

.woocommerce table.shop_table {
    border: 0;
}

.woocommerce table.shop_table td {
    border-top: 1px solid #999;
}

#searchsubmit,
button,
.comment-submit,
input[type="submit"] {
    background-image: none !important;
    background-color: #008567 !important;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    line-height: 1.5rem;
    padding: 3px 5px;
    width: 100px;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #999;

    color: #f4ffda !important;
    border: none;
    background-color: #008567;
    text-shadow: none;
}

.woocommerce button.button:hover {
    background-color: #004101 !important;
    color: #f4ffda;
    text-shadow: none;
}

.img_livre .woocommerce-Price-amount.amount {
    display: block;
    font-size: 18px;
    color: #342915;
    margin-bottom: 15px;
    margin-top: 24px;

}

.woocommerce-Price-currencySymbol {
    padding-left: 5px;
}

.woocommerce #respond input#submit,
.woocommerce #respond input#submit.disabled,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    padding: 0.5em 1em;
}

.woocommerce #respond input#submit.disabled {
    padding: 0.5em 1em !important;
}

#add_payment_method .cart-collaterals .cart_totals tr td,
#add_payment_method .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .cart-collaterals .cart_totals tr th {
    border-top: 1px solid #999;
}

.woocommerce ul#shipping_method li {
    padding-left: 0;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {}

.woocommerce a.button:hover {
    background-color: #004101;
    color: #f4ffda;
}

.woocommerce button.button.alt {
    background-color: #a46497 !important;
}

th {
    background: none;
    color: inherit;
    text-align: inherit;
}

.woocommerce-cart table.cart th.product-remove {
    width: 5%;
}

.woocommerce-cart table.cart th.product-thumbnail {
    width: 10%;
}

.woocommerce-cart table.cart th.product-name {
    width: 45%;
}

.woocommerce-cart table.cart th.product-price {
    width: 10%;
}

.woocommerce-cart table.cart th.product-subtotal {
    width: 10%;
}

td.product-thumbnail a img {
    margin: 0;
}

.add_to_cart_inline {
    border: 0 !important;
    padding: 0 !important;
    padding-bottom: 10px !important;
    line-height: 24px !important;
}

.add_to_cart_inline span {
    //display: none;
}

.add_to_cart_inline a {
    line-height: 24px !important;
    padding: 7px 24px !important;
    text-align: center;
    min-width: 144px;
}

.added_to_cart {
    margin-top: 12px;

}

.added_to_cart:hover {
    background-color: #004101;
    color: #f4ffda;
}

#wc-stripe-cc-form .form-row {
    box-sizing: border-box;
}

/* Footer */
footer {
    display: none;
}

/* MailChimp */

#mc_embed_signup_scroll {
    padding: 24px;
    line-height: 24px !important;
}

#mc_embed_signup_scroll h2 {
    margin: 0;
}

#mc_embed_signup .button {
    background-color: #aaa !important;
    text-shadow: none !important;
}

#mc_embed_signup .button:hover {
    background-color: #777 !important;

}

#mc_embed_signup .indicates-required {
    padding-top: 24px;
}

#mc_embed_signup .indicates-required,
.mc-field-group {
    font-family: 'Univers', 'Arial', 'Sans Serif';
    padding-bottom: 12px;
}

#mc_embed_signup_scroll input[type=text],
#mc_embed_signup_scroll input[type=email] {
    font-size: 15px;
    padding: 6px 0;
    width: 100%;
    max-width: 400px;
    margin: 0;

}

@media (max-width: 960px) {

    #wrap {
        width: 100%;
        box-sizing: border-box;
    }

    .type-post,
    .type-page,
    .type-attachment {
        width: 100%;
        box-sizing: border-box;

    }

    .type-post .pinbin-copy,
    .single-post .type-post {
        width: 100%;
        box-sizing: border-box;
    }

    .grid_livres {
        width: 50%;
    }

    div.grid_livres:nth-child(3n+1) {
        padding: 0;
    }

    div.grid_livres:nth-child(3n) {
        padding: 0;
    }

    div.grid_livres:nth-child(2n+1) {
        padding: 0;
        padding-right: 0.8em;
    }

    div.grid_livres:nth-child(2n) {
        padding: 0;
        padding-left: 0.8em;
    }
	
	div.grid_livres .entete-livre{
		width: 60%;
	}
}

@media only screen and (max-width: 767px) {
    .main-nav {
        background: #c884a4;
    }

    #wrap {
        width: 100%;
        box-sizing: border-box;
    }

    .type-post,
    .type-page,
    .type-attachment {
        width: 100%;
        box-sizing: border-box;
    }

    .type-post .pinbin-copy,
    .single-post .type-post {
        width: 100%;
        box-sizing: border-box;
    }

    .grid_livres {
        width: 100%;
    }
    .grid_livres.grid_forum {
		width:100%;
	}

    div.grid_livres:nth-child(2n+1) {
        padding: 0;
    }

    div.grid_livres:nth-child(2n) {
        padding: 0;
    }
	
	div.grid_livres .entete-livre{
		width: 75%;
	}

    .img_livre {
        padding-top: 11px;
        padding-left: 0px;
    }

    .un_3 {
        width: 100%;

    }

    .news {
        margin-bottom: 24px;
        padding: 0;
    }

    .news:nth-child(3n+1),
    .news:nth-child(3n+2),
    .news:nth-child(3n) {
        padding: 0;
    }

    .deux_3 {
        width: 100%;
        padding-left: 0;
    }

    .droite {
        padding-right: 0;
        order: 2;
    }

    .fullgif img {
        width: 100%;
    }

    .catalogue {
        display: none;
    }

}