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

File: screen.css
Customed version responsive styles for screen media.
Author: Sonia Kanclerski
Email : skancler@yahoo.fr
Website: https://www.soniakanclerski.com/
Last update date: 10/10/2026

*/
/*** BEGIN General styles ***/
*
{
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	box-sizing: border-box;
}
html, body
{
	height: 100%;
	width: 100%;
	min-height: 100%;
	max-height: 100%;
	overflow: hidden;
	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: 35px;
	font-family: 'Droid Serif', serif;
	font-style: italic;
	line-height: 1.4em;
	text-align: justify;
	color: #585858;
}
#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 ***/
#content .majorText
{
	margin-top: 30px;
	padding: 20px;
	background: none;
	background-color: #f2f2f2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#content .info-box
{
	margin: 30px 0;
	padding: 20px;
	line-height: 1.5em;
	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;
}
#content .note-box
{
	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;
}
#content a.box
{
	text-decoration: none;
}
#content a.box:hover .info-box
{
	color: hsl(208, 44%, 30%);
}
/*** END BOXES ***/

/*** BEGIN SLIDER .slideshowContainer ***/
#content .slideshowContainer
{
	width: 55%;
	min-width: 600px;
	margin: 0 auto;
	line-height: 1;
	background-color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#content .slideshowContainer .slideshow
{
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#content .slideshowContainer .slideshow .coversliders
{
    display: none;
	margin: 0 auto;
	text-align: center;
}
#content .slideshowContainer .slideshow .coversliders img
{
	margin: 0;
	padding: 0;
	max-width: 100%;
	border-width: 1px;
	-moz-border-radius: 10px 10px 0 0!important;
	-webkit-border-radius: 10px 10px 0 0!important;
	border-radius: 10px 10px 0 0!important;
}
#content .slideshowContainer .barSlideshow
{
	display: table;
	width: 100%;
	height: 48px;
	text-align: center;
	line-height: 1;
	background-color: #f5f5f5;
	border-spacing: 5px 5px;
	border-bottom: solid 1px #dbdbdb;
	border-left: solid 1px #dbdbdb;
	border-right: solid 1px #dbdbdb;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}
#content .slideshowContainer .barSlideshow .barDots
{
	display: table-cell;
	width: auto;
	padding-left: 35px;
	font-size: 15px;
	line-height: 1;
	vertical-align: middle;
}
#content .slideshowContainer .barSlideshow .barDots .dot
{
	width: 15px;
	height: 15px;
	display: inline-block;
    margin: 0 2px;
	background-color: #cdd3d8;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
    transition: background-color 0.6s ease;
}
#content .slideshowContainer .barSlideshow .barDots .active
{
	background-color: #596D7F;
}
#content .slideshowContainer .slideshow .fade
{
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}
@-webkit-keyframes fade
{
    from
{
        opacity: .4
    }

    to
{
        opacity: 1
    }
}
@keyframes fade
{
    from
	{
        opacity: .4
    }

    to
	{
        opacity: 1
    }
}
#content .slideshowContainer .barSlideshow a.prev,
#content .slideshowContainer .barSlideshow a.next,
#content .slideshowContainer .barSlideshow a.sliderAutoPlay
{
	width: 35px;
	display: table-cell;
	line-height: 1;
	vertical-align: middle;
	font-size: 25px;
	color: #596D7F;
	background-color: #f4f4f4;
	border: solid 1px #dbdbdb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}
#content .slideshowContainer .barSlideshow a.sliderAutoPlay
{
	padding: 2px 0 4px;
}
#content .slideshowContainer .barSlideshow a.prev,
#content .slideshowContainer .barSlideshow a.next
{
	user-select: none;
}

#content .slideshowContainer .barSlideshow a.prev:hover,
#content .slideshowContainer .barSlideshow a.next:hover,
#content .slideshowContainer .barSlideshow a.sliderAutoPlay:hover
{
	color: #596D7F!important;
	background-color: #cdd3d8!important;
}
/*** END SLIDER .slideshowContainer ***/

/*** BEGIN CAROUSEL .carousel ***/
#content h2.carouselTitle
{
	margin: 10px 0 20px 0;
	padding-top: 15px;
	border-top: solid 2px #cecece;
}
#content .carousel ul
{
	margin: 0;
	list-style-type: none;
}
#content .carousel ul li
{
	display: inline-block;
	margin-right: 20px;
	padding: 0;
	width: 160px;
	background: none;
}
#content .jcarousel-direction-rtl
{
	direction: rtl;
}
#content .carousel .jcarousel-container
{
	display: block;
	height: 120px;
	overflow: hidden;
}
#content .carousel .jcarousel-item,
#content .carousel .jcarousel-item img 
{
	width: 170px;
	height: 131px;
}
#content .carousel .jcarousel-clip-horizontal
{
	width:  100%;
	height: 135px;
	display: block;
	overflow: hidden;
}
#content .carousel .carouselScroll
{
	float: right;
	width: 115px;
	height: 60px;
	display: table;
	margin-top: -70px;
	border-spacing: 10px;
}
#content .carousel .carouselScroll a.prev,
#content .carousel .carouselScroll a.next
{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	font-size: 23px;
	color: #596D7F;
	background-color: #f4f4f4;
	border: solid 1px #dbdbdb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	user-select: none;
}
#content .carousel .carouselScroll a.prev:hover,
#content .carousel .carouselScroll a.next:hover
{
	background-color: #cdd3d8;
	border: solid 1px #ab4d63;
}
/*** END CAROUSEL .carousel ***/

/*** BEGIN .sectionContainer ***/
#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 ***/

/*** BEGIN .mosaicMenu ***/
#content .mosaicMenu
{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	justify-content: space-evenly;
	align-items: center;
	gap: 60px;
	padding: 3% 10% 0 10%;
}
#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 ***/

/*** BEGIN .portfolio ***/
#content .portfolio
{
	margin: 35px 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(5, 1fr);
	justify-content: start;
	align-items: start;
	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 ***/

/*** BEGIN .postTitle title (h1) > subtitle (h2) ***/
#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) ***/
/*** BEGIN .postContent ***/
#content .postContent .postImage
{
	display: grid;
	grid-template-columns: 700px auto;
	align-items: start;
	column-gap: 60px;
	row-gap: 10px;
	padding: 0 40px 0 0;
}
#content .postContent .postImage img.imageSrc
{
	min-width: 700px;
	grid-row: 1 / span 2;
}
#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: 2.5em;
	word-wrap: break-word;
}
#content .postContent .postText
{
	margin-top: 40px;
}
/*** END .postContent ***/

/*** END Custom styles for the theme ***/

/*** BEGIN #wrapper ***/

/*** wrapper = main + footer ***/
/*** main = sidebar + content ***/

#wrapper 
{
	display: grid;
	grid-template-areas:
	"main"
	"footer";
	grid-template-rows: auto 65px;
	height: 100dvh;
}

#wrapper .main
{
	display: grid;
	grid-area: main;
	grid-template-areas:
	"sidebar content";
	grid-template-columns: 15% 85%;
	height: calc(100dvh - 65px);
}

/*** BEGIN #sidebar ***/
/*** main = sidebar + content ***/
#wrapper .main .sidebar
{
	height: 100%;
	grid-area: sidebar;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-content: center;
	gap: 4dvh;
	padding: 12% 0 16%;
	overflow: hidden;
	background: #596d7f;
}
#sidebar > *
{
	margin: 0 auto;
	width: 63%;
}
#sidebar a
{
	text-decoration: none;
}
#sidebar img
{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	border: none;
}
#sidebar .templateLogo,
#sidebar .profileData,
#sidebar .languagesBox a,
#sidebar .buttonOpenMenu,
#sidebar .contact
{
	border: 1px solid #cdd3d8;
	border-radius: 15px;
	box-shadow: 0 8px #cdd3d8;
}
	
#sidebar .templateLogo:hover,
#sidebar .profileData:hover,
#sidebar .languagesBox a:hover,
#sidebar .buttonOpenMenu:hover,
#sidebar .contact:hover
{
	border-color: #26292E;
	box-shadow: 0 5px #26292E;
	transform: translateY(5px);
}

#sidebar .templateLogo:active,
#sidebar .profileData:active,
#sidebar .languagesBox a:active,
#sidebar .buttonOpenMenu:active,
#sidebar .contact:active
{
	border-color: #26292E;
	box-shadow: 0 3px #26292E;
	transform: translateY(5px);
}
	
/*** BEGIN .templateLogo ***/
#sidebar .templateLogo
{
	padding: 7%;
	background-color: #6c7883;
}
/*** END .templateLogo ***/

/*** BEGIN .profileData ***/
#sidebar .profileData
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: space-between;
	gap: 1dvh;
	padding: 9% 8%;
	background-color: #6c7883;
}
#sidebar .profileData img.profileImage
{
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	border-color: #f0f0f0;
}
#sidebar .profileData span.profileName
{
	margin: 0 auto;
	text-align: center;
	font-size: 1.3em;
	font-family: 'Amaranth', sans-serif;
	color: #fff;
}
#sidebar .profileData span.profileWork
{
	margin: 0 auto;
	text-align: center;
	font-size: .9em;
	font-family: 'Amaranth', sans-serif;
	color: #f0f0f0;
}
#sidebar .profileData span.profileHome
{
	margin: 0 auto;
	font-size: 2.1em;
}
/*** END .profileData ***/

/*** BEGIN .languagesBox ***/
#sidebar .languagesBox
{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 1vw;
	padding: 0;
}
#sidebar .languagesBox a
{
	width: 100%;
	margin: 0;
	padding: 8% 13%;
	background-color: #6c7883;
}
#sidebar .languagesBox a img,
#sidebar .languagesBox a img:hover 
{
	border: 1px solid transparent;
}
#sidebar .languagesBox a img.active,
#sidebar .languagesBox a img.active:hover 
{
	border: 1px solid #fff;
}
/*** END .languagesBox ***/

/*** BEGIN .buttonOpenMenu ***/
#sidebar .buttonOpenMenu
{
	padding: 7% 20%;
	background-color: #6c7883;
}
/*** END .buttonOpenMenu ***/

/*** BEGIN .contact ***/
#sidebar .contact
{
	width: 30%;
	padding: 6% 0;
}
#sidebar .contact img
{
	max-width: 40px;
}
/*** END .contact ***/
	
/*** END #sidebar ***/

/*** BEGIN CONTENT ***/
/*** main = sidebar + content ***/
#wrapper .main .content
{
	height: 100%;
	grid-area: content;
	padding: 2% 6% 4%;
	overflow: auto;
}
/*** BEGIN PAGES ***/

/*** BEGIN #content.index ***/
#content.index .textInformation
{
	margin-top: 50px;
}
#mainphotonoscript
{
	display: contents;
}
#mainphotonoscript img
{
	margin: 40px auto;
	border: 1px solid #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#content.index .sectionItem a
{
	color: #585858;
	text-decoration: none;
}
#content.index .sectionItem a:hover,
#content.index .sectionItem a:hover h3,
#content.index .sectionItem a:hover p
{
	color: #596D7F;
}
/*** END #content.index ***/
/*** BEGIN #content.menu ***/
#content.menu .mosaicMenu a img
{
	border: none;
}
/*** END #content.menu ***/
/*** BEGIN #content.biography ***/
#content.biography .sectionContainer
{
	gap: 40px;
}
#content.biography .sectionItem
{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 40px;
}
#content.biography img
{
	width: auto;
    max-width: 160px;
}
/*** END #content.biography ***/
/*** BEGIN #content.contact ***/
#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: start;
	row-gap: 60px;
	column-gap: 120px;
	padding: 60px 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 ***/
/*** BEGIN #content.credits ***/
#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 ***/
/*** BEGIN #content.about ***/
#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;
}
/*** END #content.about ***/
/*** END PAGES ***/
/*** BEGIN POSTS ***/
#content.writing blockquote
{
	margin-bottom: 1.39em;
}
#content.personalworld .majorText
{
	margin-bottom: 40px;
}
#content.personalworld blockquote
{
	margin-bottom: 1.39em;
}
#content.developmentengineer .postText h3
{
	margin: 40px 0 10px 0;
}
#content.studies .sectionContainer
{
	margin-bottom: 40px;
	padding: 0;
	gap: 60px;
}
#content.studies .sectionItem
{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 40px;
}
#content.studies .sectionItem .sectionText .source
{
	margin-top: 20px;
}
#content.studies .sectionItem .sectionText p:first-child
{
	margin-bottom: 15px;
}
#content.studies .sectionItem .sectionText .source p.link:has(a)
{
	text-align: left;
}
#content.studies img
{
	width: 250px;
}
/*** END POSTS ***/
/*** END CONTENT ***/

#goToBottom
{
	position: absolute;
	float: right;
	top: 15px;
	right: 40px;
	font-size: 30px;
	pointer-events: unset;
	color: #8E8E8E;
	text-decoration: none;
	border: 1px solid #000;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	border: solid 2px #8E8E8E;
	box-shadow: 0 2px #8E8E8E;
    transform: translateY(2px);
}
#goToBottom:hover
{
	color: #ab4d63;
	border: solid 2px #ab4d63;
	box-shadow: 0 5px #ab4d63;
    transform: translateY(5px);
}
/* To have an anchor in the end of all pages of the website */
#bottom
{
	visibility: hidden;
	display: block;
	width: 1px;
	height: 1px;
}
/*** For print only ***/
#signature
{
	display: none;
}

/*** BEGIN FOOTER ***/
/*** body = mainBar + footer ***/
#wrapper .footer
{
	grid-area: footer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 10px;
	color: #fff;
	background: #26292E;
	line-height: 0;
}
#wrapper .footer .part
{
	display: flex;
	justify-content: space-between;
	column-gap: 15px; 
}
#wrapper .footer div
{
	margin: 0;
	padding: 0;
}
#footer img
{
	width: 45px;
	height: 45px;
	max-width: unset;
	-moz-border-radius: 5px!important;
	-webkit-border-radius: 5px!important;
	border-radius: 5px!important;
	border: solid 2px #688dad;
}
#footer img:hover
{
	border: solid 2px #ab4d63;
}

/*** END FOOTER ***/
/*** BEGIN #wrapper ***/

/************************************************************************************/

/*** BEGIN Responsive styles (small screens) ***/

/* 
Points de rupture :

Mobile + tablette (portrait) : >= 768px
Tablette (paysage) : >= 768px à 1024px
Laptop : >= 1024px à 1280px
Desktop : >= 1280px

*/

@media screen and (min-width: 1921px)
{
	#wrapper
	{
		margin: 0 auto;
		max-width: 1920px;
	}
	#wrapper .main
	{
		border-right: 1px solid #596d7f;
	}
	
}
@media screen and (max-width: 1279px)
{
	/*** BEGIN #goToBottom (max-width: 1279px) ***/
	#goToBottom
	{
		top: 12px;
		right: 12px;
		font-size: 28px;
	}
	/*** END #goToBottom (max-width: 1279px) ***/
	
	/*** BEGIN #wrapper (max-width: 1279px) ***/

	#wrapper .main
	{
		grid-template-columns: 190px auto;
	}
	
	/*** END #wrapper (max-width: 1279px) ***/
	
	/*** BEGIN #sidebar (max-width: 1279px) ***/
	
	#wrapper .main .sidebar
	{
		gap: 3dvh;
	}
	
	#sidebar > *
	{
		width: 68%;
	}
	
	/*** BEGIN .profileData (max-width: 1279px) ***/
	#sidebar .profileData span.profileName
	{
		font-size: 1.2em;
	}
	#sidebar .profileData span.profileWork
	{
		font-size: .8em;
	}
	#sidebar .profileData span.profileHome
	{
		font-size: 2em;
	}
	/*** END .profileData (max-width: 1279px) ***/
    
	/*** BEGIN .buttonOpenMenu (max-width: 1279px) ***/
	#sidebar .buttonOpenMenu
	{
		/* padding: 7% 20%; */
	}
	/*** END .buttonOpenMenu (max-width: 1279px) ***/
	/*** BEGIN .contact (max-width: 1279px) ***/
	#sidebar .contact
	{
		width: 47%;
		padding: 6% 0;
	}
	/*** END .contact (max-width: 1279px) ***/
	
	/*** END #sidebar (max-width: 1279px) ***/
	
	/*** BEGIN .portfolio .items (max-width: 1279px) ***/
	#content .portfolio .items
	{
		grid-template-columns: repeat(4, 1fr);
	}
	#content .portfolio .items .box img
	{
		height: 170px;
	}
	/*** END .portfolio .items (max-width: 1279px) ***/
	
	/*** BEGIN #content.about (max-width: 1279px) ***/
	#content.about p.template
	{
		margin: 30px 0 30px;
	}
	/*** END #content.about (max-width: 1279px) ***/
	/*** BEGIN #content.biography (max-width: 1279px) ***/
	#content.biography img
	{
		max-width: 140px;
	}
	/*** END #content.biography (max-width: 1279px) ***/
	/*** BEGIN #content.contact (max-width: 1279px) ***/
	#content.contact .sectionContainer
	{
		row-gap: 30px;
		column-gap: 80px;
		padding: 20px 0 20px;
	}
	#content.contact .sectionContainer .sectionItem .sectionTitle
	{
		margin-bottom: 10px;
	}
	#content.contact .sectionContainer .sectionItem .sectionContent.internet,
	#content.contact .sectionContainer .sectionItem .sectionContent.socialNetworks
	{
		gap: 5px;
	}
	/*** END #content.contact (max-width: 1279px) ***/
	/*** BEGIN #content.menu (max-width: 1279px) ***/
	#content.menu .mosaicMenu
	{
		padding: 3% 5% 0 5%;
		gap: 40px;
	}
	#content.menu .mosaicMenu h4
	{
		font-size: 1.1em;
	}
	/*** END #content.menu (max-width: 1279px) ***/
	
	/*** BEGIN .postContent (max-width: 1279px) ***/
	#content .postContent .postImage
	{
		display: unset;
		padding: unset;
	}
	#content .postContent .postImage img.imageSrc
	{
		margin-bottom: 20px;
	}
	#content .postContent .postImage .imageDescription p,
	#content .postContent .postText p
	{
		line-height: 2em;
	}
	#content .postContent .postImage .imageDescription
	{
		margin-top: 20px;
	}
	#content .postContent .postText
	{
		margin-top: 30px;
	}
	/*** END .postContent (max-width: 1279px) ***/
	
	/*** BEGIN #content.studies (max-width: 1279px) ***/
	#content.studies .sectionContainer
	{
		grid-template-columns: unset;
		gap: 50px;
	}
	/*** END #content.studies (max-width: 1279px) ***/
}
@media screen and (max-width: 1023px)
{
	/*** BEGIN #goToBottom (max-width: 1023px) ***/
	#goToBottom
	{
		top: 12px;
		right: 10px;
		font-size: 23px;
	}
	/*** END #goToBottom (max-width: 1023px) ***/
	
	/*** BEGIN #wrapper (max-width: 1023px) ***/

	#wrapper .main
	{
		grid-template-columns: 120px auto;
	}
	
	/*** END #wrapper (max-width: 1023px) ***/
	
	/*** BEGIN #sidebar (max-width: 1023px) ***/
	
	#wrapper .main .sidebar
	{
		padding: 20% 0 25%;
	}
	#sidebar .templateLogo,
	#sidebar .profileData,
	#sidebar .languagesBox a,
	#sidebar .buttonOpenMenu,
	#sidebar .contact
	{
		box-shadow: 0 6px #cdd3d8;
	}
	#sidebar .templateLogo:hover,
	#sidebar .profileData:hover,
	#sidebar .languagesBox a:hover,
	#sidebar .buttonOpenMenu:hover,
	#sidebar .contact:hover
	{
		box-shadow: 0 3px #26292E;
		transform: translateY(3px);
	}
	#sidebar .templateLogo:active,
	#sidebar .profileData:active,
	#sidebar .languagesBox a:active,
	#sidebar .buttonOpenMenu:active,
	#sidebar .contact:active

	{
		border-color: #26292E;
		box-shadow: 0 2px #26292E;
		transform: translateY(5px);
	}
	
	/*** BEGIN .templateLogo (max-width: 1023px) ***/
	#sidebar .templateLogo
	{
		padding: 8%;
	}
	/*** END .templateLogo (max-width: 1023px) ***/
	
	/*** BEGIN .profileData (max-width: 1023px) ***/
	#sidebar .profileData
	{
		padding: 10%;
	}
	#sidebar .profileData span.profileName,
	#sidebar .profileData span.profileWork
	{
		display: none;
	}
	#sidebar .profileData span.profileHome
	{
		font-size: 2em;
	}
	/*** END .profileData (max-width: 1023px) ***/
	/*** BEGIN .languagesBox (max-width: 1023px) ***/
	#sidebar .languagesBox
	{
		width: 47%;
		flex-direction: column;
		justify-content: center;
		gap: 2dvh;
	}
	#sidebar .languagesBox a
	{
		padding: 25%;
	}
	/*** END .languagesBox (max-width: 1023px) ***/
	/*** BEGIN .buttonOpenMenu (max-width: 1023px) ***/
	#sidebar .buttonOpenMenu
	{
		padding: 7% 15%;
	}
	/*** END .buttonOpenMenu (max-width: 1023px) ***/
	/*** BEGIN .contact (max-width: 1023px) ***/
	#sidebar .contact
	{
		width: 47%;
		padding: 10% 0;
	}
	#sidebar .contact img
	{
		max-width: 27px;
	}
	/*** END .contact (max-width: 1023px) ***/
	
	/*** END #sidebar (max-width: 1023px) ***/
	
	/*** BEGIN SLIDER .slideshowContainer (max-width: 1023px) ***/
	#content .slideshowContainer
	{
		min-width: 480px;
	}
	#content .slideshowContainer .barSlideshow
	{
		height: 30px;
	}
	#content .slideshowContainer .barSlideshow a.prev,
	#content .slideshowContainer .barSlideshow a.next,
	#content .slideshowContainer .barSlideshow a.sliderAutoPlay
	{
		width: 30px;
		font-size: 20px;
	}
	/*** END SLIDER .slideshowContainer (max-width: 1023px) ***/
	/*** BEGIN CAROUSEL .carousel (max-width: 1023px) ***/
	#content .carousel .carouselScroll
	{
		width: 96px;
		height: 50px;
		margin-top: -65px;
	}
	/*** END CAROUSEL .carousel (max-width: 1023px) ***/
	/*** BEGIN .portfolio .items (max-width: 1023px) ***/
	#content .portfolio .filterPortfolio 
	{
		gap: 10px;
	}
	#content .portfolio .items
	{
		grid-template-columns: repeat(3, 1fr);
	}
	/*** END .portfolio .items (max-width: 1023px) ***/
	
	/*** BEGIN #content.about (max-width: 1023px) ***/
	#content.about a.template img
	{
		max-width: 450px;
	}
	/*** END #content.about (max-width: 1023px) ***/
	/*** BEGIN #content.biography (max-width: 1023px) ***/
	#content.biography .sectionContainer
	{
		grid-template-columns: unset;
	}
	/*** END #content.biography (max-width: 1023px) ***/
	/*** BEGIN #content.contact (max-width: 1023px) ***/
	#content.contact .sectionContainer
	{
		padding-top: 30px;
	}
	/*** END #content.contact (max-width: 1023px) ***/
	/*** BEGIN #content.menu (max-width: 1023px) ***/
	#content.menu .mosaicMenu
	{
		padding: 3% 0 0 0;
		row-gap: 30px;
		column-gap: 3%;
	}
	#content .mosaicMenu a img
	{
		height: 14vmax;
	}
	/*** END #content.menu (max-width: 1023px) ***/
	/*** BEGIN .postContent (max-width: 1023px) ***/
	#content .postContent .postImage img.imageSrc
	{
		min-width: unset;
	}
	/*** END .postContent (max-width: 1023px) ***/
	
	/*** BEGIN #content.personalworld (max-width: 1023px) ***/
	#content.personalworld .majorText
	{
		margin-bottom: 30px;
	}
	/*** END #content.personalworld (max-width: 1023px) ***/
}
@media screen and (max-width: 870px)
{
	/*** BEGIN #content.index (max-width: 870px) ***/
	#content.index .sectionContainer
	{
		grid-template-columns: unset;
	}
	/*** END #content.index (max-width: 870px) ***/
}
@media screen and (max-width: 860px)
{
	/*** BEGIN #content.contact (max-width: 860px) ***/
	#content.contact .sectionContainer
	{
		grid-template-columns: unset;
	}
	/*** END #content.contact (max-width: 860px) ***/
}
@media screen and (max-width: 767px)
{
	/*** BEGIN #goToBottom (max-width: 767px) ***/
	#goToBottom
	{
		top: 12px;
		right: 8px;
		font-size: 23px;
	}
	/*** END #goToBottom (max-width: 767px) ***/
	
	/*** BEGIN #wrapper (max-width: 767px) ***/
	
	#wrapper 
	{
		grid-template-rows: auto 50px;
	}
	#wrapper .main
	{
		grid-template-columns: 100px auto;
		height: calc(100dvh - 50px);
	}
	#wrapper .main .content
	{
		padding: 20px 40px 40px;
	}
	
	/*** END #wrapper (max-width: 767px) ***/
	
	/*** BEGIN #sidebar (max-width: 767px) ***/
	
	#sidebar > *
	{
		width: 75%;
	}
	#sidebar .templateLogo,
	#sidebar .profileData,
	#sidebar .languagesBox a,
	#sidebar .buttonOpenMenu,
	#sidebar .contact
	{
		box-shadow: 0 4px #cdd3d8;
	}
		
	#sidebar .templateLogo:hover,
	#sidebar .profileData:hover,
	#sidebar .languagesBox a:hover,
	#sidebar .buttonOpenMenu:hover,
	#sidebar .contact:hover

	{
		box-shadow: 0 3px #26292E;
		transform: translateY(3px);
	}

	#sidebar .templateLogo:active,
	#sidebar .profileData:active,
	#sidebar .languagesBox a:active,
	#sidebar .buttonOpenMenu:active,
	#sidebar .contact:active

	{
		box-shadow: 0 2px #26292E;
		transform: translateY(5px);
	}

	/*** BEGIN .templateLogo (max-width: 767px) ***/
	#sidebar .templateLogo
	{
		
	}
	/*** END .templateLogo (max-width: 767px) ***/
	/*** BEGIN .profileData (max-width: 767px) ***/
	#sidebar .profileData span.profileName,
	#sidebar .profileData span.profileWork
	{
		display: none;
	}
	#sidebar .profileData span.profileHome
	{
		font-size: 22px;
	}
	/*** END .profileData (max-width: 767px) ***/
	/*** BEGIN .languagesBox (max-width: 767px) ***/
	#sidebar .languagesBox
	{
		width: 55%;
	}
	/*** END .languagesBox (max-width: 767px) ***/
	/*** BEGIN .buttonOpenMenu (max-width: 767px) ***/
	#sidebar .buttonOpenMenu
	{
		padding: 12% 17%;
	}
	/*** END .buttonOpenMenu (max-width: 767px) ***/
	/*** BEGIN .contact (max-width: 767px) ***/
	#sidebar .contact
	{
		width: 55%;
	}
	/*** END .contact (max-width: 767px) ***/
	
	/*** END #sidebar (max-width: 767px) ***/
	
	/*** BEGIN SLIDER .slideshowContainer (max-width: 767px) ***/
	#content .slideshowContainer
	{
		min-width: 420px;
	}
	#content .slideshowContainer .barSlideshow
	{
		height: 25px;
	}
	#content .slideshowContainer .barSlideshow a.prev,
	#content .slideshowContainer .barSlideshow a.next,
	#content .slideshowContainer .barSlideshow a.sliderAutoPlay
	{
		width: 25px;
		font-size: 18px;
	}
	#content .slideshowContainer .barSlideshow .barDots .dot
	{
		width: 13px;
		height: 13px;
	}
	/*** END SLIDER .slideshowContainer (max-width: 767px) ***/
	/*** BEGIN .portfolio .items (max-width: 767px) ***/
	#content .portfolio .filterPortfolio 
	{
		gap: 10px;
	}
	#content .portfolio .items
	{
		grid-template-columns: repeat(2, 1fr);
		gap: 40px;
	}
	#content .portfolio .items .box img
	{
		height: 200px;
	}
	/*** END .portfolio .items (max-width: 767px) ***/
	
	/*** BEGIN #content.about (max-width: 767px) ***/
	#content.about .web
	{
		display: grid;
		gap: 20px;
	}
	#content.about .web .website
	{
		gap: 20px;
	}
	#content.about .web .website .text
	{
		padding-right: unset;
	}
	#content.about .web .weblogos
	{
		justify-content: center;
		padding-right: unset;
	}
	/*** END #content.about (max-width: 767px) ***/
	/*** BEGIN #content.biography (max-width: 767px) ***/
	#content.biography .sectionContainer
	{
		grid-template-columns: unset;
		padding-top: 35px;
	}
	#content.biography .sectionItem
	{
		display: grid;
		gap: 20px;
	}
	#content.biography img
	{
		margin: 0 auto;
		max-width: unset;
	}
	/*** END #content.biography (max-width: 767px) ***/
	/*** BEGIN #content.contact (max-width: 767px) ***/
	#content.contact .author
	{
		display: grid;
		gap: 30px;
	}
	#content.contact .author .socialBox
	{
		margin: 0 auto;
	}
	#content.contact .sectionContainer
	{
		row-gap: 25px;
	}
	/*** END #content.contact (max-width: 767px) ***/
	/*** BEGIN #content.menu (max-width: 767px) ***/
	#content.menu .mosaicMenu
	{
		grid-template-columns: repeat(3, 1fr);
		padding: 0;
		row-gap: 13px;
		column-gap: 4%;
	}
	#content .mosaicMenu a img
	{
		height: 15vmax;
	}
	/*** END #content.menu (max-width: 767px) ***/
	
	/*** BEGIN #content.studies (max-width: 767px) ***/
	#content.studies .sectionContainer
	{
		margin-bottom: 20px;
		gap: 40px;
	}
	#content.studies .sectionItem
	{
		display: grid;
		padding-bottom: 20px;
		border-bottom: 1px solid #000;
	}
	#content.studies img
	{
		margin: 0 auto;
	}
	/*** END #content.studies (max-width: 767px) ***/
	
	/*** BEGIN FOOTER (max-width: 767px) ***/
	
	#wrapper .footer .part
	{
		column-gap: 10px;
	}
    #footer img
	{
	  width: 40px;
	  height: 40px;
	}
	
	/*** END FOOTER (max-width: 767px) ***/
}
@media screen and (max-width: 649px)
{
	/*** BEGIN SLIDER .slideshowContainer (max-width: 649px) ***/
	#content .slideshowContainer
	{
		min-width: 350px;
	}
	/*** END SLIDER .slideshowContainer (max-width: 649px) ***/
	/*** BEGIN .portfolio .filterPortfolio (max-width: 649px) ***/
	#content .portfolio .filterPortfolio 
	{
		display: grid;
		grid-template-columns: repeat(4, auto);
		gap: 10px;
	}
	/*** END .portfolio .filterPortfolio (max-width: 649px) ***/
}
@media screen and (max-width: 599px)
{
	/*** BEGIN SLIDER .slideshowContainer (max-width: 599px) ***/
	#content .slideshowContainer
	{
		min-width: 300px;
	}
	/*** END SLIDER .slideshowContainer (max-width: 599px) ***/
	/*** BEGIN .portfolio .items (max-width: 599px) ***/
	#content .portfolio .items
	{
		gap: 20px;
	}
	#content .portfolio .items .box img
	{
		height: 150px;
	}
	/*** END .portfolio .items (max-width: 599px) ***/
}
@media screen and (max-width: 579px)
{
	/*** BEGIN #content.menu (max-width: 579px) ***/
	#content.menu .mosaicMenu
	{
		row-gap: 25px;
	}
	#content.menu .mosaicMenu h4
	{
		font-size: .8em;
	}
	#content .mosaicMenu a img
	{
		height: 14vmax;
	}
	/*** END #content.menu (max-width: 579px) ***/
}
@media screen and (max-width: 499px)
{
	/*** BEGIN SLIDER .slideshowContainer (max-width: 599px) ***/
	#content .slideshowContainer
	{
		min-width: 280px;
	}
	/*** END SLIDER .slideshowContainer (max-width: 599px) ***/
	/*** BEGIN #content.interests .portfolio .filterPortfolio (max-width: 499px) ***/
	#content.interests .portfolio .filterPortfolio 
	{
		grid-template-columns: repeat(3, auto);
	}
	/*** END #content.interests .portfolio .filterPortfolio (max-width: 499px) ***/
}
@media screen and (max-width: 450px)
{
	/*** BEGIN #wrapper (max-width: 450px) ***/
	
	#wrapper .main
	{
		grid-template-columns: 80px auto;
	}
	
	#wrapper .main .content
	{
		padding: 20px 20px 40px;
	}
	
	#wrapper .main .content:has(.pageContent)
	{
		padding: 20px 20px 20px;
	}
	
	/*** END #wrapper (max-width: 450px) ***/
	
	/*** BEGIN #sidebar (max-width: 450px) ***/
	
	/*** BEGIN .languagesBox (max-width: 450px) ***/
	#sidebar .languagesBox
	{
		width: 60%;
	}
	/*** END .languagesBox (max-width: 450px) ***/
	/*** BEGIN .contact (max-width: 450px) ***/
	#sidebar .contact
	{
		width: 60%;
	}
	#sidebar .contact img
	{
		max-width: 22px;
	}
	/*** END .contact (max-width: 450px) ***/
	
	/*** END #sidebar (max-width: 450px) ***/
}
@media screen and (max-width: 449px)
{
	#content h1
	{
		font-size: 1.5em;
	}
	#content h2
	{
		font-size: 1.4em;
	}
	#content h3
	{
		font-size: 1.3em;
	}
	#content h4
	{
		font-size: 1.2em;
	}
	#content .sectionContainer .sectionItem .sectionTitle
	{
		gap: 10px;
	}
	#content .sectionContainer .sectionTitle > img
	{
		width: 30px;
		width: 25px;
	}
	#content p.introText
	{
		margin-bottom: 20px;
	}
	/*** BEGIN SLIDER .slideshowContainer (max-width: 449px) ***/
	#content .slideshowContainer
	{
		min-width: 190px;
	}
	#content .slideshowContainer .barSlideshow
	{
		height: 20px;
	}
	#content .slideshowContainer .barSlideshow a.prev,
	#content .slideshowContainer .barSlideshow a.next,
	#content .slideshowContainer .barSlideshow a.sliderAutoPlay
	{
		width: 20px;
		font-size: 16px;
	}
	#content .slideshowContainer .barSlideshow .barDots
	{
		padding-left: 20px;
	}
	#content .slideshowContainer .barSlideshow .barDots .dot
	{
		width: 13px;
		height: 13px;
	}
	/*** END SLIDER .slideshowContainer (max-width: 449px) ***/
	/*** BEGIN CAROUSEL .carousel (max-width: 449px) ***/
	#content .carousel .carouselScroll
	{
		width: 80px;
		height: 40px;
		margin-top: -60px;
	}
	#content .carousel .carouselScroll a.prev,
	#content .carousel .carouselScroll a.next
	{
		font-size: 20px;
	}
	/*** END CAROUSEL .carousel (max-width: 449px) ***/
	/*** BEGIN .portfolio .items (max-width: 449px) ***/
	#content.interests .portfolio .filterPortfolio,
	#content .portfolio .filterPortfolio 
	{
		grid-template-columns: repeat(2, auto);
	}
	#content .portfolio .items
	{
		grid-template-columns: repeat(1, 1fr);
	}
	/*** END .portfolio .items (max-width: 449px) ***/
	/*** BEGIN #content.about (max-width: 449px) ***/
	#content.about .web .website
	{
		display: grid;
	}
	#content.about .web .website img.sk
	{
		margin: 0 auto;
		max-width: unset;
		width: 48px;
		height: 48px;
	}
	/*** END #content.about (max-width: 449px) ***/
	/*** BEGIN #content.biography (max-width: 449px) ***/
	#content.biography img
	{
		max-width: 190px;
	}
	/*** END #content.biography (max-width: 449px) ***/
	/*** BEGIN #content.contact (max-width: 449px) ***/
	#content.contact .sectionContainer .sectionItem .sectionTitle h3
	{
		font-size: 1.1em;
	}
	#content.contact .sectionContainer .sectionItem .sectionContent.internet,
	#content.contact .sectionContainer .sectionItem .sectionContent.socialNetworks
	{
		display: none;
	}
	#content.contact .sectionContainer .sectionItem .sectionContent.internet.small,
	#content.contact .sectionContainer .sectionItem .sectionContent.socialNetworks.small
	{
		display: unset;
	}
	#content.contact .sectionContainer .sectionItem .sectionContent iframe
	{
		 width: 190px;
	}
	/*** END #content.contact (max-width: 449px) ***/
	/*** BEGIN #content.index (max-width: 449px) ***/
	#content.index .textInformation
	{
		margin-top: 30px;
	}
	#content.index .sectionContainer .sectionItem .sectionTitle h3
	{
		font-size: 1.2em;
	}
	/*** END #content.index (max-width: 449px) ***/
	/*** BEGIN #content.menu (max-width: 449px) ***/
	#content.menu .mosaicMenu
	{
		grid-template-columns: repeat(2, 1fr);
		row-gap: 15px;
	}
	#content.menu .mosaicMenu h4
	{
		font-size: .75em;
		padding: 8px 0;
	}
	#content .mosaicMenu a img
	{
		height: 80px;
	}
	/*** END #content.menu (max-width: 449px) ***/
	
	/*** BEGIN #content .postContent (max-width: 449px) ***/
	#content .postContent .postImage .imageCaption
	{
		display: grid;
		gap: 10px;
	}
	#content .postContent .postImage .imageCaption .circleInfo
	{
		margin: 0 auto;
	}
	#content .postContent .postImage .imageCaption .metaInfo h3.metaTitle
	{
		font-size: 1.2em;
	}
	/*** END #content .postContent (max-width: 449px) ***/
	/*** BEGIN #content.studies (max-width: 449px) ***/
	#content.studies img
	{
		width: 190px;
	}
	/*** END #content.studies (max-width: 449px) ***/
	
	/*** BEGIN FOOTER (max-width: 449px) ***/
	#wrapper .footer .part
	{
		column-gap: 8px;
	}
	#footer .part.spotlight .headline:nth-child(2)
	{
		display: none;
	}
	/*** END FOOTER (max-width: 449px) ***/
}
/*******************************************************************************************************************************/

/*** MAX-HEIGHT ***/


@media screen and (max-height: 710px) and (orientation: landscape)
{
	/*** BEGIN #sidebar (max-height: 710px) and (orientation: landscape) ***/
	
	/*** BEGIN .profileData (max-height: 710px) and (orientation: landscape) ***/
	#sidebar .profileData span.profileName,
	#sidebar .profileData span.profileWork
	{
		display: none;
	}
	/*** END .profileData (max-height: 710px) and (orientation: landscape) ***/
	
	/*** END #sidebar (max-height: 710px) and (orientation: landscape) ***/
}

@media screen and (max-height: 450px)
{
	/*** BEGIN #wrapper (max-height: 450px) ***/
	
	#wrapper 
	{
		grid-template-rows: auto 40px;
		height: 100dvh;
	}
	#wrapper .main
	{
		grid-template-columns: 70px auto;
		height: calc(100dvh - 40px);
	}
	
	/*** END #wrapper (max-height: 450px) ***/
	
	/*** BEGIN #sidebar (max-height: 450px) ***/
	
	#wrapper .main .sidebar
	{
		gap: 8px;
		padding: 20% 0 25%;
	}
	#sidebar > *
	{
		width: 85%;
	}
	#sidebar .templateLogo,
	#sidebar .profileData,
	#sidebar .languagesBox a,
	#sidebar .buttonOpenMenu,
	#sidebar .contact
	{
		box-shadow: 0 4px #cdd3d8;
	}
	#sidebar .templateLogo:hover,
	#sidebar .profileData:hover,
	#sidebar .languagesBox a:hover,
	#sidebar .buttonOpenMenu:hover,
	#sidebar .contact:hover

	{
		box-shadow: 0 3px #26292E;
		transform: translateY(3px);
	}
	#sidebar .templateLogo:active,
	#sidebar .profileData:active,
	#sidebar .languagesBox a:active,
	#sidebar .buttonOpenMenu:active,
	#sidebar .contact:active

	{
		box-shadow: 0 2px #26292E;
		transform: translateY(5px);
	}
	/*** BEGIN .templateLogo (max-height: 450px) ***/
	#sidebar .templateLogo
	{
		padding: 5px;
	}
	/*** END .templateLogo (max-height: 450px) ***/
	/*** BEGIN .profileData (max-height: 450px) ***/
	#sidebar .profileData span.profileName,
	#sidebar .profileData span.profileWork
	{
		display: none;
	}
	#sidebar .profileData span.profileHome
	{
		font-size: 20px;
	}
	/*** END .profileData (max-height: 450px) ***/
	/*** BEGIN .languagesBox (max-height: 450px) ***/
	#sidebar .languagesBox
	{
		width: 60%;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 8px;
	}
	#sidebar .languagesBox a
	{
		padding: 18% 25%;
	}
	/*** END .languagesBox (max-height: 450px) ***/
	/*** BEGIN .buttonOpenMenu (max-height: 450px) ***/
	#sidebar .buttonOpenMenu
	{
		padding: 23% 15%;
	}
	/*** END .buttonOpenMenu (max-height: 450px) ***/
	/*** BEGIN .contact (max-height: 450px) ***/
	#sidebar .contact
	{
		width: 60%;
		padding: 9% 0;
	}
	#sidebar .contact img
	{
		max-width: 22px;
	}
	/*** END .contact (max-height: 450px) ***/
	
	/*** END #sidebar (max-height: 450px) ***/
	
	/*** BEGIN FOOTER (max-height: 450px) ***/
	
	#wrapper .footer .part
	{
		column-gap: 10px;
	}
    #footer img
	{
	  width: 35px;
	  height: 35px;
	}
	
	/*** END FOOTER (max-height: 450px) ***/
}
@media screen and (max-height: 400px)
{
	/*** BEGIN #sidebar (max-height: 400px) ***/
	
	#wrapper .main .sidebar
	{
		gap: 7px;
		padding: 5px 0 5px;
	}
	
	/*** BEGIN .profileData (max-height: 400px) ***/
	#sidebar .profileData span.profileHome
	{
		font-size: 18px;
	}
	/*** END .profileData (max-height: 400px) ***/
	/*** BEGIN .languagesBox (max-height: 400px) ***/
	#sidebar .languagesBox
	{
		gap: 7px;
	}
	#sidebar .languagesBox a
	{
		padding: 15% 25%;
	}
	/*** END .languagesBox (max-height: 400px) ***/
	/*** BEGIN .buttonOpenMenu (max-height: 400px) ***/
	#sidebar .buttonOpenMenu
	{
		padding: 15% 21%;
	}
	/*** END .buttonOpenMenu (max-height: 400px) ***/
	/*** END #sidebar (max-height: 400px) ***/
}
@media screen and (max-height: 360px)
{
	/*** BEGIN #sidebar (max-height: 360px) ***/
	
	/*** BEGIN .sidebar (max-height: 360px) ***/
	#wrapper .main .sidebar
	{
		gap: 7px;
		padding: 5px 0;
	}
	/*** END .sidebar (max-height: 360px) ***/
	/*** BEGIN .profileData (max-height: 360px) ***/
	#sidebar .profileData
	{
		gap: 0;
		padding: 3px 10px;
	}
	#sidebar .profileData .profileImage
	{
		display: none;
	}
	#sidebar .profileData span.profileHome
	{
		font-size: 18px;
	}
	/*** END .profileData (max-height: 360px) ***/
	/*** BEGIN .languagesBox (max-height: 360px) ***/
	#sidebar .languagesBox
	{
		gap: 7px;
		padding: 0 3px;
	}
	/*** END .languagesBox (max-height: 360px) ***/
	/*** BEGIN .buttonOpenMenu (max-height: 360px) ***/
	#sidebar .buttonOpenMenu
	{
		padding: 5px 17px;
	}
	/*** END .buttonOpenMenu (max-height: 360px) ***/
	/*** BEGIN .contact (max-height: 360px) ***/
	#sidebar .contact
	{
		display: none;
	}
	/*** END .contact (max-height: 360px) ***/
	
	/*** END #sidebar (max-height: 360px) ***/
}
/*** END Responsive styles (small screens) ***/