/*
Theme Name:  Caprice
Theme URI: http://elemisdesign.com/demos/caprice/
Author: elemis
Author URI: http://iki-bir.com

File: print.css
Comment : styles for printing HTML pages (media print).
Author: Sonia Kanclerski
Email : skancler@yahoo.fr
Website: http://www.soniakanclerski.com/
Last update date: 10/10/2026

*/

*
{
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	box-sizing: border-box;
}
html, body
{
	width: 100%;
	background-color: #FCFCFC;
}
body
{
	font-family: Arial, sans-serif;
	font-size: .82em;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	color: #585858;
}
h1, h2, h3, h4
{
	margin: 0;
	padding: 0;
	font-family: 'Amaranth', sans-serif;
	font-weight: normal;
	color: #4a4a4a;
}
h1
{
	font-size: 2em;
	margin-bottom: 30px;
    padding-bottom: 10px;
	line-height: 1.4em;
	border-bottom: solid 2px #cecece;
}
h2
{
	font-size: 1.8em;
	line-height: 1.35em;
}
h3
{
	font-size: 1.6em;
	line-height: 1.3em;
}
h4
{
	font-size: 1.3em;
	line-height: 1.25em;
}
p
{
	font-family: Arial, sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	text-align: justify;
}
a
{
	color: #688dad;
}
a:hover
{
	color: #ab4d63;
}
a img
{
	border: solid 2px #dbdbdb;
}
a img:hover
{
	border: solid 2px #ab4d63;
}
blockquote
{
	padding: 20px 25px 2px;
	font-family: 'Droid Serif', serif;
	font-size: 1.1em;
	font-style: italic;
	line-height: 1.8em;
	text-align: justify;
	color: #585858;
	background: transparent url(images/quote.png) no-repeat top left;
}
cite
{
	margin: 0;
	padding: 0;
	font-family: 'Droid Serif', serif;
	font-size: .9em;
	font-style: italic;
}
abbr
{
	cursor: help;
}
hr
{
	color: #cecece;
	width: 100%;
}
ul, ol
{
	margin: .5em 0;
	line-height: 1.8em;
	text-align: justify;
}
ul
{
	list-style-position: inside;
	list-style-type: "\2713\20\20";
}
ul li
{
	padding-left: 15px;
}
ol
{
	list-style: decimal;
	list-style-position: inside;
}
ol li
{
	margin: 0;
	padding: 0;
}
img
{
	display: block;
	width: 100%;
	max-width: fit-content;
}
/*** END General styles ***/

/*** BEGIN Custom styles for the theme ***/

#content p.introText
{
	margin-bottom: 20px;
	font-family: 'Droid Serif', serif;
	font-style: italic;
	line-height: 1.4em;
	text-align: justify;
	color: #585858;
}
p.textSignature
{
	display: table-cell;
	font-size: .9em;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
}
#content a:has(img)
{
	color: #dbdbdb;
}
#content a:has(img):hover
{
	color: #ab4d63;
}
#content img
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: solid 2px #dbdbdb;
}
#content img:hover
{
	border: solid 2px #ab4d63;
}
#content img.copyright
{
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-left: 3px;
	vertical-align: text-bottom;
}

/*** BEGIN BOXES (print) ***/
.majorText
{
	padding: 23px;
	background: none;
	background-color: #f2f2f2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	page-break-inside: avoid;
}
.info-box
{
	margin: 0;
	padding: 21px;
	padding: 15px;
	line-height: 1.4em;
	text-align: justify;
	text-shadow: none;
	color: #4783b7;
	background: #c2ddf9;
	border: solid 1px #80bbef;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	clear: both;
	page-break-inside: avoid;
}
.note-box
{
	margin: 25px 0;
	padding: 21px;
	line-height: 1.4em;
	text-align: justify;
	text-shadow: none;
	color: #9e660d;
	background: #fdebae;
	border: solid 1px #e6c555;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	clear: both;
	page-break-inside: avoid;
}
#content a.box
{
	text-decoration: none;
}
#content a.box:hover .info-box
{
	color: hsl(208, 44%, 30%);
}
/*** END BOXES (print) ***/

/*** BEGIN SLIDER (print) ***/
.slideshowContainer
{
	margin: 0 auto;
	width: 55%;
	line-height: 1;
	background-color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.slideshowContainer .slideshow
{
	margin: 0 auto;
	padding: 0;
	text-align: center;
	
}
.slideshowContainer .slideshow .coversliders
{
    display: none;
	margin: 0 auto;
	text-align: center;
}
.slideshowContainer .slideshow .coversliders img
{
	margin: 0;
	padding: 0;
	max-width: 100%;
	border: solid 2px #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.slideshowContainer .barSlideshow
{
	display: none;
}
/*** END SLIDER (print) ***/

/*** BEGIN CAROUSEL (print) ***/
h2.carouselTitle
{
	margin: 0 0 20px 0!important;
	padding-top: 14px;
	border-top: solid 2px #cecece;
}
.carousel
{
	margin-bottom: 40px;
	padding-top: 5px;
}
.carousel ul
{
	margin: 0;
}
.carousel ul li
{
	margin-right: 20px;
	padding: 0;
	width: 160px;
	background: none;
}
.jcarousel-direction-rtl
{
	direction: rtl;
}
.carousel .jcarousel-container
{
	display: block;
	overflow: hidden;
}
.carousel .jcarousel-item 
{
	width: 160px;
	height: 119px;
}
.carousel .jcarousel-item img
{
	width: 160px;
	height: 119px;
	border: solid 1px #000;
}
.carousel .jcarousel-container
{
	display: block;
	height: 100px;
	overflow: hidden;
}
.carousel .jcarousel-clip-horizontal
{
	display: block;
	width:  100%;
	height: 119px;
	overflow: hidden;
}
.carousel .carouselScroll
{
	display: none;
}
/*** END CAROUSEL (print) ***/

/*** BEGIN .sectionContainer (print) ***/
#content .sectionContainer
{
	display: grid;
	grid-template-columns: auto auto;
	justify-content: center;
	align-content: center;
	column-gap: 40px;
	row-gap: 20px;
	padding: 25px 0; 
}
#content .sectionContainer .sectionItem .sectionTitle
{
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: center;
	margin-bottom: 20px;
}
#content .sectionContainer .sectionTitle > img
{
	width: 40px;
	height: auto;
	border: none;
}

#content .sectionContainer .sectionItem a
{
	word-break: break-all;
}

/*** END .sectionContainer (print) ***/

/*** BEGIN .mosaicMenu (print) ***/
#content .mosaicMenu
{
	display: grid;
	grid-template-columns: repeat(4, 150px);
	justify-content: space-evenly;
	align-items: center;
	gap: 20px;
	padding: 30px 20px 40px 20px;
}
#content .mosaicMenu a
{
	display: flex;
	flex-direction: column;
	gap: 0;
	text-decoration: none;
	background: #cdd3d9;
	border: solid 2px #596d7f;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#content .mosaicMenu a:hover
{
	color: #ab4d63;
	border: solid 2px #ab4d63;
}
#content .mosaicMenu a h4
{
	margin: 0;
	padding: 13px 0;
	text-align: center;
	font-size: 1.2em;
	line-height: 1;
	color: #596d7f;
	border-bottom: solid 2px #596d7f;
	overflow: auto;
}
#content .mosaicMenu a:hover h4
{
	color: #ab4d63;
	border-bottom: solid 2px #ab4d63;
}
#content .mosaicMenu a img
{
	margin: 0 auto;
	width: 100%;
	height: 10vmax;
	max-width: unset;
	-moz-border-radius: 0 0 10px 10px!important;
	-webkit-border-radius: 0 0 10px 10px!important;
	border-radius: 0 0 10px 10px!important;
}
/*** END .mosaicMenu (print) ***/

/*** BEGIN .portfolio (print) ***/
#content .portfolio
{
	margin: 20px 0 0 0;
}
#content .portfolio .filterPortfolio
{
	list-style-type: none;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 20px;
}
#content .portfolio .filterPortfolio li
{
	padding-left: 0;
}
#content .portfolio .filterPortfolio a
{
	text-decoration: none;
}
#content .portfolio .filterPortfolio a li
{
	padding: 5px 15px;
	text-align: center;
	vertical-align: middle;
	font-family: 'Amaranth', sans-serif;
	color: #4a4a4a;
	background: #f4f4f4;
	border: solid 1px #dbdbdb;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	cursor: pointer;
}
#content .portfolio .filterPortfolio p.show
{
	font-family: 'Amaranth', sans-serif;
	color: #4a4a4a;
	text-transform: uppercase;
	background: none;
	border: none;
}
#content .portfolio .filterPortfolio a
{
	color: #4a4a4a;
}
#content .portfolio .filterPortfolio a.active li,
#content .portfolio .filterPortfolio a:hover li,
#content .portfolio .filterPortfolio a:hover li:hover
{
	color: #ab4d63;
}
#content .portfolio .filterPortfolio a:hover li,
#content .portfolio .filterPortfolio a:hover li:hover
{
	text-decoration: underline;
}
#content .portfolio .filterPortfolio a.active li
{
	border: solid 1px #ab4d63;
}
#content .portfolio .items
{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	justify-content: space-evenly;
	align-items: start;
	gap: 20px;
	gap: 30px;
	padding: 20px 0;
}
#content .portfolio .items .box > a:first-child
{
	color: #dbdbdb;
}
#content .portfolio .items .box img
{
	height: 200px;
	object-fit: cover;
	max-width: unset;
	margin: 0 auto;
}
#content .portfolio .items .box h4
{
	margin: 10px auto;
	text-align: center;
}
#content .portfolio .items .box h4 a
{
	color: #4a4a4a;
}
#content .portfolio .items .box h4 a:hover
{
	color: #ab4d63;
}
#content .portfolio .items .box a.image + p
{
	margin-top: 15px;
}
#content .portfolio .items .box p:nth-child(3)
{
	margin-top: 5px;
}
/*** END .portfolio (print) ***/

/*** BEGIN .postTitle title (h1) > subtitle (h2) (print) ***/
#content .postTitle
{
	margin-bottom: 40px;
	padding-bottom: 10px;
	border-bottom: solid 2px #cecece;
}
#content .postTitle h1
{
	display: inline-block;
	margin-bottom: unset;
	padding-bottom: unset;
	border-bottom: unset;
}
#content .postTitle h1::after
{
	content:'\00003E';
	vertical-align: bottom;
	font-size: 1.2em;
	color: #6d6d6d;
}
#content .postTitle h2
{
	display: inline-block;
	margin-left: 5px;
}
/*** END .postTitle title (h1) > subtitle (h2) (print) ***/
/*** BEGIN .postContent (print) ***/
#content .postContent
{
	padding-bottom: 20px;
}
#content .postContent .postImage
{
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 0;
}
#content .postContent .postImage img.imageSrc
{
	min-width: unset;
	width: 100%;
}
#content .postContent .postImage img.imageSrc:hover
{
	border: solid 2px #dbdbdb;
}
#content .postContent .postImage .imageCaption
{
	display: flex;
	flex-direction: row;
	gap: 20px;
}
#content .postContent .postImage .imageCaption .circleInfo
{
	width: 7em;
	height: 6em;
	font-family: 'Amaranth', sans-serif;
	font-style: italic;
	text-align: center;
	color: #6d6d6d;
	background-color: #eeeeee;
	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	border-radius: 75px;
}
#content .postContent .postImage .imageCaption .circleInfo .singleText
{
	margin-top: 1.7em;
	font-size: 1.3em;
}
#content .postContent .postImage .imageCaption .circleInfo .topText
{
	margin-top: 1em;
	font-size: 1.3em;
}
#content .postContent .postImage .imageCaption .circleInfo .bottomText
{
	font-size: 1.3em;
}
#content .postContent .postImage .imageCaption .metaInfo
{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 3px;
}
#content .postContent .postImage .imageCaption .metaInfo .metaTitle a
{
	color: #688dad;
}
#content .postContent .postImage .imageDescription p,
#content .postContent .postText p
{
	line-height: 1.5em;
	word-wrap: break-word;
}
#content .postContent .postText
{
	margin-top: 20px;
}
/*** END .postContent (print) ***/

#signature
{
	display: table;
	width: 100%;
	height: 3%;
	margin-top: 20px;
	border-bottom: solid 2px #cecece;
	overflow: visible;
}

/*** BEGIN CUSTOM STYLES (print) ***/

#sidebar,
#footer,
#goToBottom,
#bottom
{
	display: none;
}

/*** BEGIN PAGES (print) ***/

/*** BEGIN #content.index (print) ***/
#content.index .textInformation
{
	margin-top: 20px;
	margin-bottom: 0;
}
#content.index .sectionContainer
{
	padding: 15px 0;
}
#content.index .sectionItem a
{
	color: #585858;
	text-decoration: none;
}
#content.index .sectionItem a:hover p
{
	color: #596D7F;
}
#content.index .sectionItem a:hover h3
{
	color: #596D7F;
}
#mainphotonoscript
{
	display: contents;
}
#mainphotonoscript img
{
	margin: 40px auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
/*** END #content.index (print) ***/

/*** BEGIN #content.menu (print) ***/
#content.menu .mosaicMenu a img
{
	border: none;
}
/*** END #content.menu (print) ***/

/*** BEGIN #content.biography (print) ***/
#content.biography .sectionContainer
{
	gap: 30px;
}
#content.biography .sectionItem
{
	display: grid;
	flex-direction: row;
	align-items: center;
	gap: 30px;
	row-gap: 10px;
}
#content.biography img
{
	margin: 0 auto;
	width: auto;
    max-width: 160px;
}
/*** END #content.biography (print) ***/

#content.interests .pageContent
{
	padding-bottom: 10px;
}

#content.work .pageContent
{
	padding-bottom: 5px;
}
/*** BEGIN #content.contact (print) ***/
#content.contact h3
{
	margin-bottom: 5px;
}
#content.contact .author
{
	display: flex;
	flex-direction: row;
	gap: 40px;
	align-items: center;
}
#content.contact .author .socialBox
{
	display: flex;
	flex-direction: row;
	gap: 5px;
}
#content.contact .author .socialBox img
{
	width: 24px;
	height: 24px;
	border: solid 2px #fff;
	border-radius: unset;
}
#content.contact .sectionContainer
{
	display: grid;
	grid-template-columns: auto auto;
	justify-content: space-evenly;
	row-gap: 60px;
	column-gap: 40px;
	padding: 40px 0 20px;
}
#content.contact .sectionContainer .sectionItem .sectionContent img
{
	width: 24px;
	height: 24px;
	border: solid 2px #fff;
	border-radius: unset;
}
#content.contact .sectionContainer .sectionItem .sectionContent a img
{
	color: #fff;
}
#content.contact .sectionContainer .sectionItem .sectionContent.internet.small,
#content.contact .sectionContainer .sectionItem .sectionContent.socialNetworks.small
{
	display: none;
}
#content.contact .sectionContainer .sectionItem .sectionContent.internet,
#content.contact .sectionContainer .sectionItem .sectionContent.socialNetworks
{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
#content.contact .sectionContainer .sectionItem .sectionContent .link,
#content.contact .sectionContainer .sectionItem .sectionContent .network
{
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
}
#content.contact .map p
{
	margin-top: 20px; 
	margin-bottom: 20px;
}
#content.contact iframe:hover
{
	border: 2px solid #ab4d63;
}
/*** END #content.contact (print) ***/

/*** BEGIN #content.credits (print) ***/
#content.credits .pageText .creditsPage
{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #596d7f;
}
#content.credits .pageText *
{
	word-break: break-all;
}
#content.credits .pageText .creditsPage h4
{
	margin-bottom: 30px;
}
#content.credits .pageText .creditsPage p
{
	line-height: 1;
}
#content.credits .pageText .creditsPage > p
{
	margin-top: 20px;
}
#content.credits .pageText .creditsPage p:first-child
{
	line-height: 1.6;
}
#content.credits .pageText .creditsPage .source
{
	margin-top: 20px;
	margin-bottom: 10px;
}
#content.credits .pageText .creditsPage .source a
{
	display: block;
	width: fit-content;
}
#content.credits .pageText .creditsPage .source p a
{
	display: inline;
}
/*** END #content.credits (print) ***/

/*** BEGIN #content.about (print) ***/
#content.about .pageContent
{
	padding-bottom: 30px;
}
#content.about .web
{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
#content.about .web .website
{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 30px;
}
#content.about .web .website img.sk
{
	border-radius: unset;
	border: none;
}
#content.about .web .website .text
{
	padding-right: 30px;
}
#content.about .web .weblogos
{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
	padding-right: 10px;
}
#content.about .web .weblogos img
{
	height: 60px;
	width: auto;
	padding: 5px;
}
#content.about p.template
{
	margin: 30px 0 50px;
}
#content.about a.template
{
	display: contents;
}
#content.about a.template img
{
	margin: 0 auto;
	max-width: 400px;
}
/*** END #content.about (print) ***/

/*** END PAGES (print) ***/

/*** BEGIN POSTS (print) ***/
#content.writing blockquote
{
	margin-bottom: 1.39em;
}
#content.personalworld .majorText
{
	margin-bottom: 20px;
}
#content.personalworld blockquote
{
	margin-bottom: 1.39em;
}
#content.developmentengineer .postText h3
{
	margin: 40px 0 10px 0;
}
#content.studies p.introText
{
	margin-bottom: 40px;
}
#content.studies .sectionContainer
{
	grid-template-columns: unset;
	margin-bottom: 40px;
	padding: 0;
	gap: 30px;
}
#content.studies .sectionItem
{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #000;
}
#content.studies .sectionItem .sectionText .source
{
	margin-top: 10px;
}
#content.studies .sectionItem .sectionText p:first-child
{
	margin-bottom: 10px;
}
#content.studies .sectionItem .sectionText p
{
	line-height: 1.3em;
}
#content.studies .sectionItem .sectionText .source p.link:has(a)
{
	text-align: left;
}
#content.studies img
{
	width: 300px;
}
/*** END POSTS (print) ***/

img,
#content .postContent .postImage .imageCaption
{
   break-inside: avoid;
}
  
/*** END CUSTOM STYLES (print) ***/

@media (orientation: landscape)
{
	#content .portfolio .items
	{
		grid-template-columns: repeat(4, 1fr);
	}
}