/*
Theme Name: Padhang
Theme URI: http://blog.hirizh.name/padhang/
Author: Rizqy Hidayat
Author URI: http://blog.hirizh.name/
Description: A minimalist-content-focused theme. Padhang comes with responsive layout, 2 widget areas under the main content, social menu, big background image, custom logo and custom menu. Padhang is a Javanesse word for bright. It featured bright white color with dark background. Easily customized from the theme customizer. Stand out your content.
Version: 1.1.0
License: GNU General Public License
License URI: license.txt
Text Domain: padhang
Domain Path: /languages/
Tags: light, white, one-column, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, microformats, post-formats, sticky-post, threaded-comments, translation-ready

Padhang WordPress Theme, Copyright (C) 2014 Rizqy Hidayat.
Padhang is licensed under the GPL. Use it to make something cool, have fun, and share with others.

Padhang is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Base styles
	2.1 - Typography
	2.2 - Elements
	2.3 - Forms
	2.4 - Links
	2.5 - Accessibility
	2.6 - Alignments
	2.7 - Clearings
	2.8 - Base page
3.0 - Header
	3.1 - Navigation
	3.2 - Pagination
4.0 - Content
	4.1 - Posts and pages
	4.2 - Post formats
	4.3 - Galleries
	4.4 - Comments
5.0 - Widgets
6.0 - Footer
	6.1 - Social menu
7.0 - Media
8.0 - Genericons
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
body {
	position: relative;
	background: #000000 url('./img/BG.jpg'); background-position:top center;background-attachment:fixed;background-repeat: no-repeat;margin-top:10px;-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */

}


article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
outline: 0;
}
a:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
	outline: 0;
}

/*--------------------------------------------------------------
2.0 Base Styles
--------------------------------------------------------------*/
/* Scrollbar */

::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: #241c11;
}

::-webkit-scrollbar-thumb {
    background: #d4c695;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
    background: #000;
}

::selection {
  background: #666666; /* WebKit/Blink Browsers */
  color:#ffffff;
}
::-moz-selection {
  background: #666666; /* Gecko Browsers */
  color:#ffffff;
}

/*--------------------------------------------------------------
2.1 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #d4c695;
	font-family: "Verdana", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
		font-family: 'Cinzel', serif;
	font-weight: 700;
}
h1 {
	font-size: 3.6rem;
}
h2 {
	font-size: 2.4rem;
	font-weight: 500;
}
h3 {
	font-size: 2.4rem;
}
h4 {
	font-size: 1.8rem;
}
h5 {
	font-size: 1.4rem;
}
h6 {
	font-size: 1.2rem;
}
p {
	margin-bottom: 1.5em;
}

p { 
font-size:14px; 
} 

b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin-left: 3em;
	font-family: "Verdana", serif;
	font-weight: 300;
	font-style: italic;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}

/*--------------------------------------------------------------
2.2 Elements
--------------------------------------------------------------*/
hr {
	background-color: #5c503c;
	border: 0;
	height: 1px;
	margin-bottom: 1.2em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
img {
	height: auto;
	max-width: 100%; 
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
table {
	border-bottom: 0px solid #eee;
	margin: 0 0 25px;
	width: 100%;
}
th {
	padding: 1rem 0.5rem;
	color: #d4c695;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
}
td {
	border-top: 0px solid;
	border-bottom:0px;
	padding: 1rem 0.5rem;
}
.sep {
	margin: 0 0.5rem;
}

/*--------------------------------------------------------------
2.3 Forms
--------------------------------------------------------------*/
.form-submit input{background: #3d4454 !important;
	color: #d4c695 !important;border:0px !important;}
	
.form-submit input:hover{background: #d4c695 !important;
	color: #3d4454 !important;border:0px;}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #d4c695;
	border-radius: 3px;
	background: #322c22;
	color: #d4c695 !important;
	cursor: pointer;
	-webkit-appearance: button;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1;
	padding: 1em 1.5em;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #d4c695 ;
	color: #322c22 !important;
}


button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,	
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background: #322c22 ;
	border-color: #d4c695 !important;
	color: #d4c695 !important;
	outline: none;
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
	padding: .5rem;
	background: none;
	border: 1px solid #d4c695;
	border-radius: 3px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
	color: #d4c695;
	border-color: #2a2a2a;
	outline: none;
}
textarea {
	overflow: auto;
	vertical-align: top;
	width: 98%;
}

/*--------------------------------------------------------------
2.4 Links
--------------------------------------------------------------*/
a {
	padding-bottom: 3px;
	border-bottom: 0px dotted #666666;
	color: #ffffff;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	outline: 0;
}
a:hover,
a:focus,
a:active {
	border-color: #666666;
}

.entry-content a {color:#aa7f49;}
.entry-content a:hover,
a:focus,
a:active {color:#d4c695;}


/*--------------------------------------------------------------
2.5 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/*--------------------------------------------------------------
2.6 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em !important;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em !important;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto !important;
}

/*--------------------------------------------------------------
2.7 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.main-navigation:before,
.main-navigation:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.entry-content .chat-row:before,
.entry-content .chat-row:after {
	content: '';
	display: table;
}

.clear:after,
.main-navigation:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.entry-content .chat-row:after {
	clear: both;
}

/*--------------------------------------------------------------
2.8 Base page
--------------------------------------------------------------*/
#page {
	position: relative;
	z-index: 2
}

.overlay {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	top: 0;
	left: 0;
	background: #252525;
	opacity: 0.7;
}

/*--------------------------------------------------------------
3.0 Header
--------------------------------------------------------------*/
.site-header {
	width: 96%;
	max-width: 1024px;
	margin: 0 auto;

}
.site-branding {
	width: 78%;
	margin: 0 auto;
	padding: 0;	height:50px;
	display:none;
}
.site-title {
	font-family: "Verdana", sans-serif;
	font-size: 5.2rem;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
}
.site-title a {
	color: #fff;
	border: none;
	display:none;
}
.site-description {
	margin: 3rem 0 0;
	font-size: 2.4rem;
	text-align: center;
	color: #fff;
	display:none;
}
.site-logo {
	display: block;
	max-width: 50%;
	height: auto;
	margin: 20px auto;
}

/*--------------------------------------------------------------
3.1 Navigation
--------------------------------------------------------------*/
.main-navigation {
	padding: 1rem 0;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	border-top: 0px solid rgba(255,255,255,0.2);
	height:27px;
}
.main-navigation a {
	display: block;
	border: none;
	text-decoration: none;
	outline: 0;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	text-align: center
}
.main-navigation li {
	display: inline-block;
	position: relative;
}
.main-navigation ul li a {
	padding: 8px 15px;
	margin-left:5px;margin-right:5px;
	font-size: 1.3rem;
	font-weight:bold;
	text-transform:uppercase;
	color: #fff;
	font-family: 'Cinzel', serif;
		background: #201d16;
	color: #d4c695;
	-moz-border-radius:3px;-webkit-border-radius:3px;
	outline: 0;
}
.main-navigation ul li:hover > a {
	background: #d4c695 !important;
	color: #000;
	border-bottom:0px solid #d4c695;
}

.main-navigation ul ul {

	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	display: none;
	float: left;
	left: 0;
	position: absolute;
/*	top: 4rem; */
	z-index: 99999;
	text-align: left;
}
.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}
.main-navigation ul ul a {
	width: 170px;
	font-size: 1.4rem;
	text-transform: none;
	color: #d4c695;
	outline: 0;
}
.main-navigation ul ul a:hover {
	background: #2a2a2a;
	color: #322c22;

}
.main-navigation ul li:hover > ul {
	display: block;
}
.main-navigation ul:first-child > .menu-item-has-children > a:after,
.main-navigation ul:first-child > .page_item_has_children > a:after {
	content: '\f431';
	display: inline-block;
	margin-left: 3px;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	vertical-align: middle;
}
.main-navigation ul .menu-item-has-children > a:after,
.main-navigation ul .page_item_has_children > a:after {
	content: '\f429';
	display: inline-block;
	margin-left: 3px;
	-webkit-font-smoothing: antialiased;
	font: normal 14px/1 'Genericons';
	vertical-align: middle;
}

/*--------------------------------------------------------------
3.2. Pagination
--------------------------------------------------------------*/
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 4rem 0;
	overflow: hidden;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
.comment-navigation a,
.paging-navigation a,
.post-navigation a {
font-size:12px;
	display: inline-block;
	padding: 1rem;
	background: #322c22 !important;
	border: 1px solid #322c22;
	border-radius: 3px;
	outline: 0;
}

.comment-navigation a:hover,
.paging-navigation a:hover,
.post-navigation a:hover {
	text-decoration: none;
	color: #322c22;
	background: #d4c695 !important;
	border: 1px solid #d4c695 !important;
}

/*--------------------------------------------------------------
4.0 Content
--------------------------------------------------------------*/
.site-content {
	width: 96%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 2rem;
	background:  url('./img/bg-content.png');background-repeat:repeat;
	border-right:3px solid #d4c695;
	border-left:3px solid #d4c695;
	border-bottom:1px solid #d4c695;
-moz-border-radius:5px;-webkit-border-radius:5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; 

}

#content {-moz-border-radius:5px;-webkit-border-radius:5px;}

.content-area {
	width: 72%;
	margin: 0 auto;
}

/* Page header */
.page-header {
	margin: 0 0 2rem;
	padding: 2rem 0;
	border-bottom: 0px solid #eee;
	text-align: center;
	display:none;
}
.page-header .page-title {
	margin: 0 0 1rem;
	font-size: 2.6rem;
	font-weight: 700;
	color: #252525;
		display:none;
}
.page-header p {
	font-size: 1.4rem;
}

.no-results, .not-found {
	margin-bottom: 4rem;
}

/*--------------------------------------------------------------
4.1 Posts and pages
--------------------------------------------------------------*/
/* for table alternate background color
tr:nth-child(even) {background: #5a5a5a}
tr:nth-child(odd) {background: #2a2a2a}
*/

.hentry {
	padding: 4rem 0;
	border-bottom: 0px solid #666666
}

.entry-title {
	margin: 0 0 1rem;
	font-size: 2.4rem;
	font-weight: 500;
	color: #d4c695;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: 'Cinzel', serif;
	border-bottom:1px solid #71694b;
	width:100%;
}
.entry-title:before {
	padding: 0 3px;
  content: url(./img/infinite-h1.png);
}

.entry-title a {
	color: #d4c695;
	border: none;
	outline: 0;
}
.entry-title a:hover {
	color: #aa7f49  !important;
}
.entry-meta {
	color: #9e946f;
	font-size: 10px;
	font-style: italic;
	margin-bottom:15px;
	margin-top:-5px;
}
.singular .entry-meta {
	margin-bottom: 1rem;
}
.entry-meta a {
	color: #9e946f;
}

.featured-image {
	margin: 0 0 2rem;
	opacity: 0.9;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.featured-image img {
	display: block;
}
.entry:hover .featured-image {
	opacity: 1;
}
.page-content,
.entry-content,
.entry-summary {
	line-height: 1.6;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* .entry-content img {margin:20px;} */

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Entry footer */
.entry-footer {
	font-size: 11px;

}
.entry-footer span {
	display: inline-block;
	margin-right: 2rem;
}
.entry-footer .categories:before, .entry-footer .tags:before, .entry-footer .edit-link:before {
	display: inline-block;
	margin-right: 0.5rem;
	-webkit-font-smoothing: antialiased;
	font: normal 1.7rem/1 'Genericons';
	vertical-align: middle;	
}
.entry-footer .categories:before {
	content: '\f301';
}
.entry-footer .tags:before {
	content: '\f302';
}
.entry-footer .edit-link:before {
	content: '\f411';
}
.sticky .entry-title:before {
	content: '\f308';
	display: inline-block;
	margin-right: 1.5rem;
	padding: 0.5rem;
	background: #2a2a2a;
	color: #fff;
	border-radius: 100%;
	-webkit-font-smoothing: antialiased;
	font: normal 2rem/1 'Genericons';
	vertical-align: middle;
}

/*--------------------------------------------------------------
4.2 Post format
--------------------------------------------------------------*/
.format-link .entry-title a:before,
.format-video .entry-title:before,
.format-audio .entry-title:before,
.format-image .entry-title:before,
.format-gallery .entry-title:before,
.format-aside .entry-title:before,
.format-status .entry-title:before,
.format-quote .entry-content:before,
.format-chat .entry-title:before {
	display: inline-block;
	margin-right: 1.5rem;
	padding: 0.5rem;
	background: #2a2a2a;
	color: #fff;
	border-radius: 100%;
	-webkit-font-smoothing: antialiased;
	font: normal 2rem/1 'Genericons';
	vertical-align: middle;
}
.format-link .entry-title a:before {
	content: '\f107';
}
.format-video .entry-title:before {
	content: '\f104';
}
.format-audio .entry-title:before {
	content: '\f109';
}
.format-image .entry-title:before {
	content: '\f102';
}
.format-gallery .entry-title:before {
	content: '\f103';
}
.format-aside .entry-title:before {
	content: '\f101';
}
.format-status .entry-title:before {
	content: '\f105';
}
.format-quote .entry-content:before {
	content: '\f106';
	position: absolute;
	top: 0;
	left: 0;
}
.format-chat .entry-title:before {
	content: '\f108';
}

/* link post */
.format-link .entry-title a {
	display: block;
	padding: 15px;
	background: #2a2a2a;
	color: #fff;
	outline: 0;
}

.format-link .entry-title a:hover:after {
	content: '\f442';
	margin-left: 10px;
	-webkit-font-smoothing: antialiased;
	font: normal 2rem/1 'Genericons';
	vertical-align: middle;
}

/* quote format */
.format-quote .entry-content {
	position: relative;
}

/* chat post */
.format-chat .entry-content .chat-row .fn {
	font-weight: bold;
}

/* status post */
.format-status .entry-content .avatar {
	float: left;
	margin: 0 10px 10px 0;
	border-radius: 100%;
	border: 5px solid #d4c695;
}

/*--------------------------------------------------------------
4.3 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 2rem;
	display:block;float:left;
}
.gallery a img {
	border: 3px solid #d4c695;
	height: auto;
	max-width: 90%;
	outline: 0;
}
.gallery dd,
.gallery figcaption {
	margin: 0;
}
.gallery-item {
	float: left;
	margin: 0 5px 5px 0;
	overflow: hidden;
	position: relative;
}
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
	display: table;
	margin: 0 auto 20px;
}
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
	text-align: center;
}
.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 5px);
	max-width:         calc(25% - 5px);
}
.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 5px);
	max-width:         calc(20% - 5px);
}
.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 5px);
	max-width:         calc(16.7% - 5px);
}
.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 5px);
	max-width:         calc(14.28% - 5px);
}
.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 5px);
	max-width:         calc(12.5% - 5px);
}
.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 5px);
	max-width:         calc(11.1% - 5px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}
.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	line-height: 1.3;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 2px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	-webkit-transition: opacity 400ms ease;
	transition:         opacity 400ms ease;
	width: 100%;
}
.gallery-caption:before {
	box-shadow: 0 -10px 15px #000 inset;
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.gallery-item:hover .gallery-caption {
	opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

/*--------------------------------------------------------------
4.4 Comments
--------------------------------------------------------------*/
.comments-title {
	padding: 2rem 0 4rem;
	border-top: 1px solid #d4c695;
	font-size: 24px;
	font-weight:normal !important;
}
.comments-title:before {
	content: '\f300';
	display: inline-block;
	margin-right: 0.5rem;
	-webkit-font-smoothing: antialiased;
	font: normal 3rem/1 'Genericons';
	vertical-align: middle;
}
.comments-area ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.comment {
	overflow: hidden;
	margin: 0 0 2rem;
}
.comment-content {	color:#d4c695;background:#322c22;padding:10px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.comment-content a {
	word-wrap: break-word;
}
.comment .comment-avatar {
	width: 10%;
	float: left;
}
.comment .comment-avatar img {
	border-radius: 100%;
}
.comment-meta, .comment-content, .reply {
	width: 87%;
	float: right;
}
.comment-meta {
	margin: 0 0 1rem;
}
.comment-metadata {
	margin: 0.5rem 0;
	font-size: 11px;
}
.comment-metadata a {
	color: #d4c695;
}
.bypostauthor {font-size:12px;
}

/* Comment form */
.comment-reply-title {
	padding: 2rem 0 4rem;
	border-top: 1px solid #d4c695;
	font-size: 24px;
	font-weight:normal !important;
}
.comment-reply-title:before {
	content: '\f467';
	display: inline-block;
	margin-right: 0.5rem;
	-webkit-font-smoothing: antialiased;
	font: normal 3rem/1 'Genericons';
	vertical-align: middle;
}
#cancel-comment-reply-link {
	float: right;
}
#cancel-comment-reply-link:before {
	content: '\f405';
	display: inline-block;
	margin-right: 0.5rem;
	-webkit-font-smoothing: antialiased;
	font: normal 2rem/1 'Genericons';
	vertical-align: middle;
}
.comment-respond > p, .comment-form label {
	font-size: 1.5rem
}
.comment-form input {
	display: block;
	width: 50%;
	font-size: 1.6rem;
	background: #322c22 !important;
	color: #d4c695  !important;
	
}
.comment-form .form-allowed-tags {
	font-size: 14px;
}

/*--------------------------------------------------------------
5.0 Widgets
--------------------------------------------------------------*/
.widget-area {
	margin: 0 4rem 0;
	padding: 4rem 0 2rem;
	border-top: 1px solid #d4c695;
}
.left-widget-area {
	width: 45%;
	float: left;
}
.right-widget-area {
	width: 45%;
	float: right;
}

.widget {
	margin: 0 0 3rem;
	font-size: 15rem;
	font-size: 1.5rem;
}

.widget-title {
	margin: 0 0 1rem;
	padding: 0 0 0.5rem;
	font-size: 2rem;
	color: #d4c695;
	border-bottom: 1px solid #d4c695;
}

.widget select {
	max-width: 100%;
}
.search-submit {
	padding: 1rem 2rem !important;
}
.widget ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.widget ul li {
	padding: 5px 0;
	font-style: italic;
}
.widget ul ul {
	padding-left: 2rem;
}
.widget ul li a, .widget_rss .rssSummary {
	font-style: normal;
	outline: 0;
}
.widget .post-date, .widget_rss .rss-date {
	font-size: 1.4px;
	font-size: 1.4rem;
	font-style: italic;
	color: #d4c695;
}
.widget .post-date:before {
	content: '\2014';
	display: inline-block;
	margin: 0 0.3rem;
}

.widget_calendar caption {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
.widget_calendar #next {
	text-align: right
}

/*--------------------------------------------------------------
6.0 Footer
--------------------------------------------------------------*/
.site-footer {
	width: 96%;
	margin: 0 auto;
	padding: 4rem 0 8rem;
	text-align: center;
	color: #d4c695;
}
.site-footer a {
	color: #d4c695;
	outline: 0;
}
.site-footer a:hover {
	color: #fff;
}
.social-menu, .site-info {
	width: 78%;
	margin: 0 auto;
}
.site-footer .powered {
	font-size: 11px;color:#d4c695;
}

/*--------------------------------------------------------------
6.1 Social Menu
--------------------------------------------------------------*/
.social-menu ul {
	margin: 0 0 4rem;
	padding: 1rem 0;
	list-style-type: none;
	border-top: 1px solid rgba(255,255,255,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.social-menu li {
	display: inline-block;
}
.social-menu li a {
	display: block;
	width: 4rem;
	height: 4rem;
	margin: 0 0.5rem;
	line-height: 4rem;
	border-radius: 100%;
	background: #fff;
	border: none;
	opacity: 0.7;
	outline: 0;
}
.social-menu li a:hover {
	opacity: 1;
}
.social-menu li a:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 2.8rem/1 'Genericons';
	vertical-align: middle;
}
.social-menu li a[href*="facebook.com"]::before {
	content: '\f204';
	color: #3b5998;
}
.social-menu li a[href*="twitter.com"]::before {
	content: '\f202';
	color: #55acee;
}
.social-menu li a[href*="plus.google.com"]::before {
	content: '\f218';
	color: #dd4b39;
}
.social-menu li a[href*="linkedin.com"]::before {
	content: '\f207';
	color: #0e76a8;
}
.social-menu li a[href*="github.com"]::before {
	content: '\f200';
	color: #171515;
}
.social-menu li a[href*="dribbble.com"]::before {
	content: '\f201';
	color: #ea4c89;
}
.social-menu li a[href*="tumblr.com"]::before {
	content: '\f214';
	color: #34526f;
}
.social-menu li a[href*="flickr.com"]::before {
	content: '\f211';
	color: #ff0084;
}
.social-menu li a[href*="vimeo.com"]::before {
	content: '\f212';
	color: #44bbff;
}
.social-menu li a[href*="youtube.com"]::before {
	content: '\f213';
	color: #c4302b;
}
.social-menu li a[href*="instagram.com"]::before {
	content: '\f215';
	color: #3f729b;
}
.social-menu li a[href*="pinterest.com"]::before {
	content: '\f209';
	color: #c8232c;
}
.social-menu li a[href*="reddit.com"]::before {
	content: '\f222';
	color: #ff4500;
}
.social-menu li a[href*="stumbleupon.com"]::before {
	content: '\f223';
	color: #f74425;
}

/* custom style for custom menu widget */
.widget .social-menu li {
	display: block;
}
.widget .social-menu li a {
	width: 100%;
	height: auto;
	margin: 0;
	line-height: 0;
}
.widget .social-menu li a::before {
	margin-right: 1rem;
}

/*--------------------------------------------------------------
7.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"], img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
	opacity: 0.9;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.wp-caption img[class*="wp-image-"]:hover, img[class*="wp-image-"]:hover {
	opacity: 1;
}
.wp-caption-text {
	margin: 1rem;
	font-size: 14px;
	font-size: 1.4rem;
	font-style: italic;
}
.wp-caption-text:before {
	content: '\2014';
	display: inline-block;
	margin-right: 0.3rem;
}
.gallery .wp-caption-text:before {
	content: '';
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
8.0 Mobile Menu
--------------------------------------------------------------*/
/* Mobile Menu Core Style */
.slicknav_btn { position: relative; display: block; vertical-align: middle; line-height: 1.125em; cursor: pointer; }
.slicknav_menu .slicknav_icon { display: none; }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

.slicknav_menu {
	font-size:16px;
}
.slicknav_btn {
	padding: 10px;
	border: none;
	text-decoration:none;
	text-align: center;
}
.slicknav_menu  .slicknav_menutxt {
	color: #333;
}
.slicknav_menu .slicknav_menutxt:before {
	content: '\f419';
	display: inline-block;
	margin-right: 5px;
	-webkit-font-smoothing: antialiased;
	font-family: 'Genericons';
	vertical-align: top;
}
.slicknav_menu {
	background:#d4c695;
}
.slicknav_nav {
	margin:0;
	padding:0;
	font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding:0 0 0 30px;
	margin:0;
	background: #d4c695;
}
.slicknav_nav .slicknav_row,
.slicknav_nav a{
	padding:8px 10px;
	border: none;
	text-decoration:none;
	color:#333;
}
.slicknav_nav .slicknav_row {
	border-top: 1px solid #2a2a2a;
}
.slicknav_nav ul a,
.slicknav_nav a:hover{
	background: #f5f5f5;
}
.slicknav_nav .slicknav_txtnode {
	 margin-left:15px;   
}

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 1024px) {
	.main-navigation {
		padding: 0;
	}
	
	.main-navigation .menu {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
	}
}

/*--------------------------------------------------------------
9.0 Genericons
--------------------------------------------------------------*/
@font-face {
	font-family: 'Genericons';
	src: url('fonts/genericons-regular-webfont.eot');
	src: url('fonts/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/genericons-regular-webfont.woff') format('woff'),
		 url('fonts/genericons-regular-webfont.ttf') format('truetype'),
		 url('fonts/genericons-regular-webfont.svg#genericonsregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

#album-name {font-family: 'Cinzel', serif;font-size:16px;}
.cinzel16 {font-family: 'Cinzel', serif;font-size:16px;color:#d4c695;margin-bottom:5px;}
.cinzel24 {font-family: 'Cinzel', serif;font-size:24px;color:#d4c695;margin-bottom:5px;}

#infos-cd {font-size:12px !important;display:inline-block;margin-right:5px;}
#infos-cd a, #infos-cd a:visited {outline: 0;float:left;color:#d4c695;background:#322c22;-moz-border-radius:3px;-webkit-border-radius:3px;padding-right:7px;padding-left:7px;padding-top:4px;}
#infos-cd a:hover {color:#322c22 !important;background:#d4c695 !important;}
#smalltext {font-size:12px;}

.sidebar-home {float:right;width:260px;text-align:right;font-size:13px;color:#d4c695;border-right:1px solid #5c503c;padding-right:10px;margin-bottom:10px;}
.sidebar-home ul {list-style-type: none !important;margin-left:0px;}
.sidebar-home a, .sidebar-home a:visited, .sidebar-home a:active {outline: 0;color:#d4c695;font-size:13px;}
.sidebar-home li span {font-size: 12px; color: #9E946F;}
.sidebar-home li a span {color: #d4c695;}
.sidebar-home a:hover {color:#aa7f49;}

.container-homepage {padding-top:37px;}
#homepage-left {float:left;width:400px;}
#homepage-right {float:right;width:260px;}
#homepage-right img {margin:2px !important}

.wpcf7-submit {width:190px;background:#322c22 !important; color:#d4c695; border:0px !important;}
.wpcf7-submit:hover {width:190px;background:#d4c695 !important; color:#322c22 !important;}


.topbutton {
height:50px;
width:50px;
position:fixed;
right:5px;
bottom:5px;
z-index:1;
background-image: url("./img/topbutton.png");
background-repeat:no-repeat;
display:none;
}

.art-section {display:inline-block !important;position:relative;margin:5px;width:100%;}
.art-section div {display:inline-block !important;margin-left:10px;margin-right:5px;}
.marge20px {margin:20px;}
/*.disco-table {vertical-align: top;margin:20px;}*/
.disco-item {
    float: left;
    width: 100%;    
}
.disco-item + .disco-item {
    border-top: 1px solid #5c503c;
    margin: 1em 0 0 0;
    padding: 1em 0 0;
}
.disco-img {
    float: left;
    width: 30%;
}
.disco-info {
    float: right;
    width: 60%;
}
.store-info {
    float: left;
    width: 100%;
}
._1mf._1mj {
    text-align: center;
}
.icons { opacity:1; 
  filter:alpha(opacity=100);}
  
.icons:hover {opacity:0.5;
  filter:alpha(opacity=50);}

 
/* alternate background color tables = live page */
.TFtable{
		width:100%; 
		border-collapse:collapse; 
	}
	.TFtable td{ 
		padding:1px; border:#000 1px solid;
	}
	/* provide some minimal visual accomodation for IE8 and below */
	.TFtable tr{
		background: #b8d1f3;
	}
	/*  Define the background color for all the ODD background rows  */
	.TFtable tr:nth-child(odd){ 
		background: #322c22;
	}
	.TFtable tr:nth-child(odd):hover{ 
		background: #d4c695;
		color:#322c22;
	}
	
	/*  Define the background color for all the EVEN background rows  */
	.TFtable tr:nth-child(even){
		background: #71694b;
	} 
	.TFtable tr:nth-child(even):hover{
		background: #d4c695;
		color:#322c22;
	} 
	
	.imageshadow {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
	
	/* VARIANTES PR MOBILES PETITS
--------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
/*
#content img{ max-width:200px;max-height:200px;}
.disco-table {max-width:500px !important;}
.disco-table img {max-width:150px !important;}
.disco-table td {max-width:200px !important;}
.sidebar-home, #homepage-right  {text-align:center !important;}
*/
    #homepage-left,
    #homepage-right,
    .sidebar-home {
        width: 100%;
        float: none;
    }
    .sidebar-home {
        border: 0pt none;
        text-align: left;
    }
    .main-navigation {
        height: auto;
    }
    .container-homepage {
        padding-top: 0;
    }
    .content-area {
        width: 95%;
        margin: 0 auto;
    }
    .sidebar-home li {
        margin: 0 0 0.5em;
    }
    .sidebar-home li span,
    .sidebar-home li a {
        display: block;
        clear: both;
        font-size: 1em;
    }
    .disco-img,
    .disco-info {
        float: none;
        width: 100%;
        text-align: center;
    }
    .disco-info {
        margin-top: 1em;
    }
/*
div {text-align:center !important;}
.homepage-left {width:100% !important;}
.disco-table td{width:100px !important;}
}
*/




@media (min-width:468px) and (max-width:767px)
{
/*
#content img{ max-width:200px;max-height:200px;}
.disco-table {max-width:500px !important;}
.disco-table img {max-width:150px !important;}
.disco-table td {max-width:200px !important;}
.sidebar-home, #homepage-right {text-align:center !important;}
*/
/*
    #homepage-left,
    #homepage-right,
    .sidebar-home {
        width: 100%;
        float: none;
    }
    .sidebar-home {
        border: 0pt none;
    }
    .main-navigation {
        height: auto;
    }
    .container-homepage {
        padding-top: 0;
    }
    .content-area {
        width: 95%;
        margin: 0 auto;
    }
*/
/*
div {text-align:center !important;}
.homepage-left {width:100% !important;}
.disco-table td{width:100px !important;}
*/

}

/* VARIANTES PR MOBILES PLUS GRANDS
--------------------------------------------------------------- */

@media (min-width:768px) and (max-width:991px)
{
/*
#content img{ max-width:300px;max-height:300px;}
.disco-table {max-width:500px !important;}
.disco-table img {max-width:150px !important;}
.disco-table td {max-width:200px !important;}
.sidebar-home, #homepage-right  {text-align:center !important;}
*/
    #homepage-left,
    #homepage-right,
    .sidebar-home {
        width: 100%;
        float: none;
    }
    .sidebar-home {
        border: 0pt none;
    }
    .main-navigation {
        height: auto;
    }
    .container-homepage {
        padding-top: 0;
    }
    .content-area {
        width: 95%;
        margin: 0 auto;
    }
    .disco-img,
    .disco-info {
        float: none;
        width: 100%;
        text-align: center;
    }
    .disco-info {
        margin-top: 1em;
    }
/*div {text-align:center !important;}*/
/*
.homepage-left {width:100% !important;}
.disco-table td{width:100px !important;}
*/

}