/*
Theme Name: R Starkov
Theme URI: https://example.com
Author: You
Author URI: https://example.com
Description: A minimal empty WordPress theme
Version: 1.0
*/
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html { font-size: 62.5%; }
@media screen and (max-width:1120px) {
	html {font-size: 50%}
}
@media screen and (max-width:900px) {
	html {font-size: 62.5%}
}


body {
	margin:0;
	background:#e9edf1;
}
main.page {
    background: #e9edf1;
    padding: 0 0 4rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}
.page-wrapper {
    max-width: 110rem;
    margin: 0 auto;
    background: #ffffff;
    display: block;
/*     min-height: 70rem; */
    box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, 0.12);
}
/* ========= NAVIGATION ========= */

nav.top-nav {
	margin:0 auto;
	width:100%;
	max-width:110rem;
	padding:1rem 0;
}

nav.top-nav ul {
	display:flex;
	justify-content:end;
	list-style:none;
}

nav.top-nav ul li {
	margin-left:1rem;
}

nav.top-nav a {
	font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	color:#333;
	text-decoration:none;
	font-size: 1.4rem;
    line-height: 1.6;
    margin: 0;
}
nav.top-nav a:hover {
	color:#0f6d6d;
	text-decoration:underline;
}
nav.top-nav li.current-menu-item a {
	text-decoration:underline;
	color:#0f6d6d;
}
/* ========= CV LAYOUT ========= */


.cv-header, .cv-body, .page-sections {
	display:flex;
}

/* LEFT COLUMN */
.cv-header .cv-left, .col-left {
	display:flex;
	justify-content:space-between;
}
.cv-left, .col-left {
    flex: 3;
    padding: 4rem 6rem 0 6rem;
    color: #333;
}
.col-left {
	padding: 4rem 6rem;
}
.cv-name, .section-title {
    font-size: 4.2rem;
    line-height: 1.1;
    margin: 0 0 .6rem;
    font-weight: 600;
    color: #222;
}

.cv-role {
    font-size: 1.8rem;
    color: #0f6d6d;
    margin-bottom: 1.8rem;
    font-weight: 500;
}

.cv-contact span {
	display:block;
    font-size: 1.3rem;
    color: #666;
    margin-bottom: .6rem;
}

.cv-contact-item {
    white-space: nowrap;
}
.cv-contact-item a {
	color:#0f6d6d;
	text-decoration:none;
}

.cv-location {
    font-size: 1.3rem;
    color: #888;
}


/* SECTIONS */
.cv-section {
	margin-bottom:3.5rem;
}
.cv-section.two-col {
	display:flex;
	gap:3rem;
}

.cv-section-title {
    font-size: 1.4rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #0f6d6d;
    margin: 0 0 1rem;
    padding-bottom: .6rem;
    border-bottom: .1rem solid #0f6d6d;
}

.cv-section p, .media-article-description {
    font-size: 1.4rem;
    line-height: 1.6;
    margin: 0;
}

/* EXPERIENCE & EDUCATION */

.cv-experience-item,
.cv-education-item {
    margin-top: 2.2rem;
}

.cv-experience-header,
.cv-education-header {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 1rem;
}

.cv-position,
.cv-education-degree {
    font-size: 1.6rem;
    margin: 0;
    font-weight: 600;
    color: #222;
}

.cv-company,
.cv-education-school, .media-article-title {
    font-size: 1.4rem;
    color: #0f6d6d;
}

.cv-experience-meta,
.cv-education-meta {
    text-align: right;
    font-size: 1.3rem;
    color: #666;
}

.cv-list {
	max-width:55rem;
    margin: .4rem 0 0 1.8rem;
    padding: 0;
    font-size: 1.4rem;
    line-height: 1.6;
}

.cv-list li {
    margin-bottom: .4rem;
}

.cv-link_wrap {
	display:flex;
	align-items:center;
	gap:1.5rem
}

.cv-link_qr-code {
	width:5rem;
	height:5rem;
}

.cv-link_wrap a {
	font-size:1.4rem;
	color:#0f6d6d;
	text-decoration:none;
}
.cv-link_wrap a:hover {
	text-decoration:underline;
}

/* FOOTER NOTE */

.cv-footer-note {
    margin-top: 4rem;
    font-size: 1.1rem;
    color: #aaa;
    display: flex;
    gap: .6rem;
    align-items: center;
}

.cv-footer-brand {
    font-weight: 600;
    color: #0f6d6d;
}

/* RIGHT COLUMN (SIDEBAR) */

.cv-right, .col-right {
    flex: 1;
	min-width:18.9rem;
	background:
  	linear-gradient(rgba(15,109,109,1), rgba(15,109,109,1));
	background-size:cover;
	background-position: calc(50% - 2rem) center;
    color: #ffffff;
    padding: 4rem 3rem 0 3rem;
    display: flex;
    flex-direction: column;
}

.cv-photo-wrapper {
    display: flex;
    justify-content: center;
	margin-bottom:.5rem
}

.cv-photo {
    width: 12rem;
    height: 12rem;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 .3rem 1.5rem rgba(0, 0, 0, 0.1);
}

.cv-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cv-side-section {
    margin-bottom: 3rem;
}

.cv-side-title {
    font-size: 1.3rem;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    margin: 0 0 1rem;
    padding-bottom: .6rem;
    border-bottom: .1rem solid rgba(255, 255, 255, 0.4);
}

.cv-side-section p {
    font-size: 1.3rem;
    line-height: 1.6;
    margin: 0;
}

.cv-side-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 1.3rem;
    line-height: 1.6;
}

.cv-side-list li + li {
    margin-top: .8rem;
}

.cv-side-list strong {
    display: inline-block;
    margin-bottom: .2rem;
}

/* Inline list for skills */

.cv-side-list-inline {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem 1rem;
}

.cv-side-list-inline li {
    margin: 0;
    position: relative;
    padding-left: 1rem;
}

.cv-side-list-inline li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
}

section.section {
	width:100%;
}

section.section h2 {
	margin-bottom:2rem;
}

.media-articles-wrap {
	width:100%;
	min-height:10rem;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	gap: 2.5rem 1rem;
}
.media-articles-wrap article {
	background:#fff;
	border-radius:0.4rem;
	padding:1rem;
	display:flex;
	flex-direction:column;
	height:100%;
	transition: filter .2s;
	transform:translateX(-1rem);
}

.media-articles-wrap article:hover {
	filter: drop-shadow(0px 0px .9rem #e6e6e6);
}

.media-article-content-wrap {
	flex:1;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

.media-article-title {
	min-height:3rem;
	margin-bottom:1rem;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
}

.media-article-description {
	color:#666;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
	margin-bottom:2rem;
	height:7rem;
}

.media-article-bottom-wrap {
	color:#666;
	display:flex;
	justify-content: space-between;
}

.media-article-provider-title {
	max-width:11rem;
	height:1.1rem;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	overflow:hidden;
}

.media-load-more-btn {
	grid-column: span 3 / span 3;
	text-align:center;
}

.media-load-more-btn span {
	cursor:pointer;
	padding:2rem;
	color:#0f6d6d;
	font-size:1.4rem;
}

.media-load-more-btn span:hover {text-decoration:underline;}

/* RESPONSIVE */

@media (max-width: 900px) {
	main.page {
    	padding: 0;
}
    .page-wrapper {
        flex-direction: column;
    }
	

    .cv-left, .col-left {
        padding: 2.4rem 2rem 3.2rem;
    }
	.cv-name, .section-title {
		font-size: 2.5rem;
	}
		.media-articles-wrap {
		grid-template-columns: repeat(1, 1fr);
}
	.media-load-more-btn {
	grid-column: span 1 ;
}
	
}
@media (max-width: 600px) {
	body {
		background:#fff;
	}
	.page-wrapper {
		box-shadow:none;
	}
	nav.top-nav {
		padding:1rem;
	}
	
	.cv-header, .cv-body {
		flex-direction:column;
	}
	.cv-header .cv-left, .col-left {
		display:block;
	}
	
	.cv-right {
		order:-1;
		background:#fff;
		color:#0f6d6d;
		padding:2.4rem 2rem 3.2rem;
	}
	.col-right {
		display:none;
	}
	
	ul.cv-side-list {
		color:#333;
	}

	.cv-header-block {
		display:block;
		text-align:center;
	}
	.cv-side-title {
		border-bottom:.1rem solid #0f6d6d;
	}
	.cv-name, .section-title {
		font-size: 4.2rem;
	}
	.cv-role {
		margin-bottom:3rem;
	}
    .cv-contact {
        flex-direction: column;
        align-items: center;
    }

    .cv-experience-header,
    .cv-education-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .cv-experience-meta,
    .cv-education-meta {
        text-align: left;
    }

}