/* Custom theme for davidrevoy.com */
/* Copyright (c) 2019 David Revoy */
/* GPL license (http://www.gnu.org/licenses/gpl.html )*/

@font-face { font-family: 'Orkney'; src: url('../font/Orkney.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Orkney-Light'; src: url('../font/Orkney-Light.woff') format('woff'); font-weight: normal; font-style: normal; }
body { background: #E6E6E6 url("../img/papier-ingres.png") repeat center;}
.dark { background: #E6E6E6 url("../img/papier-ingres_dark.png") repeat center;}
.main {	margin: 0 0 0 0; }

h1,h2,h3,h4{ font-family: 'Orkney',sans-serif; color: #262626; font-weight: bold;}
h1{font-size:2.6rem;}
h2{font-size:2.2rem;}
h3{font-size:1.6rem;}
h4{font-size:1.1rem;}
blockquote { font-family: serif; font-style: italic; padding: 0 0 0 1.1rem; border-left: solid 2px #d2d4d9; margin-right: 0;}

/* Header */
.header { z-index: 9; min-height: 55px; top: 0; width: 100%; background: linear-gradient(to right, #16222e 0%,#3B2623 38%,#4e5450 100%);}
.header a { text-decoration: none;}
.title { text-align: center;}
.title img { margin: 5px 0  0 5px;}

/* Header menu */
.menu.expanded { margin-top: 18px; }
.menu.expanded li a { font: normal 0.9rem 'Orkney',sans-serif; color: #FFF; text-transform: uppercase; letter-spacing: 0.085em;}
.menu.expanded li:hover { background-color: transparent;}
.menu.expanded li a:hover { text-decoration: underline; }
.menu.expanded li.active:hover { background-color: transparent;}
.menu.expanded li.active a, .menu.expanded li.active a:hover { color: #FFF; text-decoration: underline; background-color: transparent; background-color: rgba(0,0,0,0); text-shadow: 1px 0px 30px white, 1px 0px 5px white, 1px 0px 5px white; transition: all 0.2s ease-in; }
.responsive-menu label { color: #000; background-color: transparent; font: normal 2rem 'Orkney',sans-serif; text-align: left;}

/* Header right part */
.social {line-height:1em; margin: 5px auto 0 auto;}
.social img{margin-right: 8px;}
.patronage { background-color: #FFF; display:inline-block; letter-spacing: 0.05em; white-space: nowrap; margin: 2px auto 0 auto; padding: 4px 20px 4px 20px; text-align: center; font-size: 0.90rem; border-radius: 2px;}
.patronage a { color: #4e5450; font: normal 0.9rem 'Orkney',sans-serif; text-align: center;}
.patronage:hover { filter: brightness(1.1); transition: all 0.2s ease-in;}
.socialinsidemenu {margin: 0 18px 18px 18px;}
.socialinsidemenu img{margin: 5px 5px 18px 0; width:32px; height: 32px;}

.tag { list-style-type: none; margin: 0 0; padding: 0; color: #9a9a9a; font: normal 0.85em 'Orkney-Light',sans-serif; text-align: center;}
.tag li { display: inline-block; padding: 8px 0; margin: 2px 0 2px 3px; }
.tag li a { color: #9a9a9a; padding: 6px 6px 4px 6px; border: 1px solid #9a9a9a; border-radius: 10px;}
.tag li a:hover { color: #7a7a7a; text-decoration: none;}
.searchbutton {background: #efefef;}
.search {padding-right: 0; margin: 0 auto 40px auto;}
input[type=search] { font-size: 0.8em; color:#9a9a9a; background: #FFF url(../img/search.png) no-repeat 8px center; color: #9a9a9a; padding: 6px 6px 4px 32px; border: 1px solid #9a9a9a; border-radius: 10px; }

.thumbbox { padding: 0 0; line-height: 0;}
.thumbnail { margin:0.3rem; background-color: #fff; padding-bottom: 0.6rem; line-height: 1.4rem; box-shadow: 1px 1px 1px rgba(23,23,23,0.3);}
.thumbnail img { margin: 0 ; width: 100%; border-bottom: 1px solid #efefef; }
.thumbnail figcaption{ color:#111; min-height: 2.2rem; text-decoration: none; font-size: 0.85rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 1rem; max-height: 66px;}
.thumbnail figcaption a { color: #151515; font: normal 1.2em 'Orkney-Light',sans-serif;}
.thumbnail figcaption a:hover { text-decoration: none; color: #258fd6; }
.detail, .thumbnail .detail a { color: #a8a8a8; font-size: 0.8rem; font-family:helvetica,arial,sans-serif; text-transform: none;}
.artfoot .mastostats a{ text-decoration: none; font-size: 1.4rem;}
.artfoot .mastostats img{ width: 26px; height: 26px;}
.thumbnail .mastoicons{ width: 16px; height: 16px; border-bottom: none; }
.tagbox { opacity: 0.7; text-transform: lowercase; text-overflow: ellipsis;}

/* Eshop */
.eshopbox { max-width: 895px; font-family: 'Orkney',sans-serif; color: #111111; font-weight: 800; font-size: 1.8rem; text-align: center; padding: 0 0; background: #F0ECE9 url('../img/bg.jpg'); border: 5px solid white; text-shadow: 0 0 25px #FFF, 0 0 25px #FFF, 0 0 25px #FFF, 0 0 25px #FFF, 0 0 25px #FFF, 0 0 25px #FFF; box-shadow: 2px 2px 4px rgba(23,23,23,0.4); }
.eshopbox:hover { filter: brightness(1.1);}
.eshopdrive { width: 100%; padding: 86px 0; background: url('../img/printing-bg.jpg') repeat center center;}
.eshopred { width: 100%; padding: 86px 0; background: url('../img/eshop-bg.jpg') repeat center center; }
.artfoot { text-align: center; color: #888;}
.artfoot a { color: #888; text-decoration: underline; }
.actionbutton { background-color: rgba(127,127,127,0.3); border: 1px rgba(127,127,127,0.5) solid; color: rgba(127,127,127,1)!important; padding: 12px 28px; text-align: center; text-decoration: none!important; display: inline-block; font-size: 1rem; }

.hidden {display: none;}
.shopnotice {background-color: #FFF; width:95%!important; padding: 2em; box-shadow: 2px 2px 4px rgba(23,23,23,0.4); margin-bottom: 1.5em!important;}
.shopnotice h4{margin: 0 0 20px 0;}
.shopnotice .bigger{font: normal 1.5em 'Orkney',sans-serif;}
.shopnotice .number{background-color: #9f7878; color: #FFF; padding: 3px 7px 2px 7px; border-radius: 20px; font: normal 1em 'Orkney',sans-serif; }
.shopitem { background-color: #fff; margin: 0 0 1.5em 0; padding: 0 0 16px 0; box-shadow: 2px 2px 4px rgba(23,23,23,0.4); height: 700px;}
.shopitem img{ width: 100%;}
.shoptitle { max-width: 90%; margin: 1.5em auto 0px auto; text-align: center; font: normal 1em 'Orkney',sans-serif;}
.shopdetail { margin: 1.5em 2em 0px 2em; text-align: center; color: #151515; font: normal 0.9em 'Orkney-Light',sans-serif; min-height: 90px;}
.shopbutton { max-width: 90%; margin: 1.5em auto 1.5em auto; padding: 5px 8px 3px 34px; border-radius: 0.75em; text-align: center; display: block;}
.shopbutton a { color: #FFF; }
.dtc { background: #3072ab url(../ico/dtc.png) no-repeat 8px center; }
.red { background: #d44c55 url(../ico/red.png) no-repeat 8px center; }
.ext { background: rgba(255,255,255,0.6) url(../ico/linkshop.png) no-repeat 8px center; border: 1px solid #CCC; color: #CCC; overflow:hidden;}
.ext a { color: #666!important; }

.shopcomitem { background-color: rgba(255,255,255,0.6); margin: 0 0 20px 0; padding: 0 0 16px 0; box-shadow: 2px 2px 4px rgba(23,23,23,0.4); min-height: 255px;}
.shopcomitem img{ width: 100%; padding: 20px 0}
.shopcomtitle { font: normal 1em 'Orkney',sans-serif;}
h4.shopcomtitle { margin: 20px 0 10px 0;}
.shopcomdetail { margin: 15px 0; color: #151515; font: normal 0.9em 'Orkney-Light',sans-serif; height: 135px;}
.shopcombutton { width: 100%; margin: 10px auto; padding: 5px 8px 3px 34px; border-radius: 0.75em; text-align: center; display: block;}
.shopcombutton a { color: #FFF; }

/* Portfolio */
.foliothumbnail {padding: 0.5rem 0.5rem 0.5rem 0.5rem; text-align: center; margin: 0 0;}
.foliothumbnail img { max-width: 100%;}
.foliothumbnail a {margin-top: 1rem; color:#ddd; }
.foliothumbnail a:hover {text-decoration: none; }
.foliothumbnail figcaption{ color:#ddd; text-decoration: none; font-size: 0.85rem; white-space: nowrap; text-overflow: ellipsis; padding: 1.6rem 0 0.8rem 0; }
.foliothumbnail figcaption a { color: #ddd; }
.foliothumbnail figcaption a:hover { text-decoration: none; color: #258fd6; }

.category { padding-top: 0.3rem;}
.portfolio { padding-top: 0.6rem;}

.arrow a { font-size: 2em; color: #2D2D2D; font-family: 'Orkney',sans-serif; font-variant: small-caps; text-decoration: none;}
.arrow { position: relative; padding: 0px;}
.arrow img { padding: 0; box-shadow: 2px 2px 4px rgba(23,23,23,0.4); }
.left { float: left;}
.right { float: right;}

.toppage { clear:all;margin-top: 1.4rem; }
.toppagedark { clear:all;margin-top: 1.4rem; }
.page { font-size: 1.1rem; margin: 0 auto 0 auto; padding: 0 0 4rem 0; background-color:#FFF;}
.page header{ text-align: center;}
.darkroom { color: #efefef; background-color:#1F1F1F;}
.brightroom { background-color:#FFF;}
.emptyroom { background:none;}
.darkroom header{ text-align: center;}

.catbox {margin: 0.1rem 0 0.1rem 0.4rem; width: 97%; padding: 1.1rem;}

.pagename {margin-top: 0px;}
.article { max-width: 65%; margin: 0 auto; }
.article img { border:0; height:auto; max-width:930px; margin-left: 50%; transform: translate(-50%, 0); margin-top: 0.5rem; text-align: center; }
.emptyroom img { transform: translate(0, 0); }
.article .frame { border:0; height:auto; max-width:1280px; margin-left: -16.33%; margin-right: -16.33%; margin-top: 0.5rem; text-align: center; }
.art img { border:0; height:auto; max-width:1190px; margin-left: 50%; margin-right: -38%; text-align: center;}
.linkbox { padding: 20px; background-color:#FFF; border-radius: 10px; border: 1px solid #ababab; }
.linkbox img { border:0; height:auto; max-width:100%; margin: 0 0; text-align: center;}
img + em, div + em, h1 + p em, br + em, a + em { display: block; max-width: 75%; margin: 0 auto 30px auto; color: #999; font-size: 1rem; text-align: center !important;}
.linkbox h3 { margin-top: 1rem;}
.linkbox a{ color: #676767;}
.linkbox a:hover{ text-decoration:none; }
.article header h1 { text-align: center; font-size: 2.8rem; font-weight: bold; margin: 4.8rem 0 2.2rem 0; line-height: 110%;  }
.article header h1 a { color: #444; }
.article header h1 a:hover { color: #258fd6; text-decoration: none; }
.article footer { padding-top: 1.3rem }
.continuebrowsing {margin-bottom: 2rem;}
.article .continuebrowsing { margin: 1.3rem 0 1.3rem 0; padding: 0 0; }
.article .continuebrowsing .col { margin: 0 0; padding: 0 4px; }
.article .continuebrowsing img { margin: 2px; border: solid 1px rgba(128, 128, 128, 0.3); max-width: 100%; }
.article .continuebrowsing img:hover { border: solid 1px #258fd6; }
.article h2 { margin-bottom: 2rem }
.cover { margin: 0 0 0 0; width: 100%; text-align:center;}
.timeinfo { color:#888; text-transform: uppercase; font-size: 1rem; font-family: 'Orkney',sans-serif; margin-bottom: 3rem; text-align: center; }
.timeinfo a { color:#888; }
.minitime { color:#888; font-size: 0.92rem;}
.article small { color: #777777; font-size: 0.9rem; display: block; margin: 0 0 0 8%; padding-left: 10px; border-left: 2px solid #BBBBBB;}
.mini { color: #777777; font-size: 0.9rem; display: block; margin: 0 0 0 8%; padding-left: 10px; border-left: 2px solid #BBBBBB;}
.disclaimer { padding : 1.1rem 2.5rem; color: #ff5252;}
.update { padding : 1.1rem 2.5rem; color:#3EA7E1; border:1px dotted #6FA4C1; text-align: center; background-color: rgba(79,164,255,0.3); }
.avianintelligence { padding : 1.1rem 2.5rem 1.1rem 9rem; margin-top: 4rem; text-align: left; background: rgba(0,0,0,0.15) url(../img/for-AI-badge.png) no-repeat 1.2rem center; }
pre, .code { border-radius: 6px; font-family: monospace; font-size: 0.85rem; color:#1C4054; background-color:#F0F3F5; margin: 10px 0 10px 0; border:1px dotted #EDF0F2; padding: 16px; overflow:auto; border: 1px solid #ddd; line-height: 1.6; page-break-inside: avoid; word-wrap: break-word; display: block; max-width: 100%;}
code { border-radius: 2px; font-family: monospace; font-size: 0.85rem; color:#1C4054; background-color:#F0F3F5; padding: 2px; }
.darkroom a.license{ color: #999;}

/* About */
details summary::before { content:"⇒ "; color: #258fd6; font-weight: bold;}
details summary { color: #258fd6; font-weight: bold;}
details[open] summary::before { content:"⇓ ";}

/*.content { max-width: 1000px; margin: 0 auto; }
.content img { margin-top: 0.7rem; }*/
.readernavbuttonri {float: right; position: relative; z-index:5; text-decoration: none!important;}
.readernavbuttonle {float: left; position: relative; z-index:5; text-decoration: none!important;}

.pagination {	height: 2rem; margin: 1.8rem 0 1.5rem 0; }
.pagination a {	background-color: #FFF; color: #151515; padding: 8px 8px 5px 8px; border-radius: 3px;}
.pagination a:hover {background-color: #258fd6;	color: #fff; text-decoration: none;}
.pagination span:first-letter,.pagination a:first-letter {text-transform: uppercase;}
input[type="submit"].blue {background-color: #543b35;}
input[type="submit"].blue:hover {background-color: #D76D5E;}

.footer { background-color: rgba(0,0,0,0.6); color: #fff; font: normal 0.85em 'Orkney-Light',sans-serif; text-align: center;}
.footer a{ color: #fff; text-decoration:underline;}
.footer .tag li a { color: #FFF; padding: 6px 6px 4px 6px; border: 1px solid #FFF; border-radius: 10px;}
.reshare input { max-width: 460px; font-size: 0.8rem; margin: 0 0 1rem 0; }

.comments { font-size: 1.1rem; margin: 0 auto 2rem 0; background-color: #fff; padding: 1px 2rem 1rem 2rem; box-shadow: 2px 2px 4px rgba(23,23,23,0.4);}
.singlecom { padding: 0.5rem 0;}
.com_content { max-height: 60em; overflow-y: auto; overflow-x: hidden; padding-right:1.5rem; }
.catavatar {margin-left: 12px; display:block; width:70px; height:70px; }
.com_author a {color:#222;}
.admin { background-color: #F5F9FC; }
.krita { background-color: #fcf5f9; }
.level-0 {margin-left: 0; border-top: solid 1px #EEE;}
.level-1 {margin-left: 8rem; border-left: double 5px #F5F9FC; }
.level-2 {margin-left: 8rem; border-left: double 5px #F5F9FC; }
.level-3 {margin-left: 8rem; border-left: double 5px #F5F9FC; }
.level-4 {margin-left: 8rem; border-left: double 5px #F5F9FC; }
.level-5,.level-max {margin-left: 8rem; border-left: double 5px #F5F9FC; }
.comment-star {color: #bbb; border: 1px solid #ddd; text-align:center;padding: 4px 6px 0px 6px; border-radius: 10px;float:right;}
.star-three {color: #8f8f8f; border: 1px solid #8f8f8f}
.star-five {color: #e16f13; border: 1px solid #e16f13}
.star-ten {color: #d878bb; border: 1px solid #d878bb}
.unshow { display:none; }

.nbcom {background-color: #258fd6;color: #fff;padding: .2rem .3rem;}
.nbcom:hover {background-color: #3a6c96;color: #fff;text-decoration: none;}
.capcha-letter,.capcha-word {font-weight: bold;}
.capcha-word {background-color: #ccc;letter-spacing: 0.3em;	padding: .525rem .7rem;}
.capcha-letter,.capcha-word {font-weight: bold;}
.capcha-word {background-color: #ccc;letter-spacing: 0.3em;	padding: .525rem .7rem;}
.p_first,.p_prev,.p_current,.p_next,.p_last {display: inline-block;}

@media (max-width: 1470px) {
.header h1 a{ font-size: 2rem; margin: 5px 0 0 7px; }
}

@media (max-width: 1300px) {
.article .frame { border:0; height:auto; max-width:850px; margin-left: -17.33%; margin-right: -17.33%; margin-top: 0.5rem; text-align: center; }
.article .frame iframe{ width:100%;}
.art img { border:0; height:auto; max-width:1000px; text-align: center;}
.header h1 a{ font-size: 1.8rem; margin: 5px 0 0 7px; }
}

@media (max-width: 1180px) {
.menu.expanded li a { padding: 0.8rem .6rem .425rem 0;}
.header h1 a{ font-size: 1.4rem; margin: 0 0 0 7px; }
}

@media (max-width: 900px) {
input[type=search] { margin: 1.2rem auto 1.2rem auto; max-width: 200px; text-align:center; }
.supportbox {text-align: center; margin-top: 0.8rem auto;}
.article header h1 { font-size: 2.6rem; }
.article img { max-width: 100%; }
.footer {padding: 0 40px;}
.container {padding: 0;}
.responsive-menu ul li {padding: 0 0 0 0.5rem;}
.shopitem { height: auto;}
.shopcomdetail { height: auto;}
}
@media (max-width: 768px) {
.shoppanel {border: 2px #E1D1D2 solid; padding: 10px; margin: 0 auto 20px auto; max-width: 350px;}
.shoppanel img{width: 100%}
}

@media (max-width: 550px) {
.thumbbox { width: 100%!important;}
.responsive-menu label { font-size: 1.6rem; }
.article header h1 { font-size: 2rem; }
.article { max-width: 98%; margin: 0 auto; }
.page h2 { font-size: 1.6rem; }
.catavatar {margin-left: -20px; width:70px; height:70px; }
.comments {padding: 0;}
.level-1 {margin-left: 0rem; }
.level-2 {margin-left: 0rem; }
.level-3 {margin-left: 0rem; }
.level-4 {margin-left: 0rem; }
}

@media (prefers-color-scheme: dark) {
body { color: #fff; background: #E6E6E6 url("../img/papier-ingres_darker.png") repeat center; }
h1, h2, h3, h4 { color: #fff;}
a { color: #87b5ff;}
.thumbnail, .page, .shopitem, .shopnotice, .comments { background-color: #29303A;}
.darkroom {background: none;}
.emptyroom {background: none;}
.brightroom {background-color: #29303A;}
.linkbox { background-color:#29303a; border: none; }
.linkbox a { color: #ffffff; }
.thumbnail img { border-bottom: 1px solid #000;}
.thumbnail figcaption a{ color: #fff; font-weight: bolder;}
.tag li a { color: #ffffff; border: 1px solid #87b5ff; background-color: #2c323f; }
.admin { background-color: #2f4464;}
.krita { background-color: #2f4464; }
.level-0, .level-1 { border-color: #2f4464;}
pre, code { color: #ebffff; background-color: #1c2128; border: none;}
.shopcomdetail, .shopdetail, .shopitem a{ color: #fff; font-weight: bolder;}
.shopcomitem { background-color: #29303A}
.ext { background-color: #1c2624; border: none; color: #FFF;}
.ext a { color: #87b5ff!important;}
.article small { color: #9f9f9f; border-color: #666666;}
.mini { color: #9f9f9f; border-color: #666666;}
blockquote { border-color: #aaaaaa;}
}