/* inter-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/google/inter-v18-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/google/inter-v18-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/google/inter-v18-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Main Styles */
html, body, #page-wrap{ position: relative; min-height: 100%; }

#site-footer{ margin-top: auto; box-sizing: border-box; }
*{ box-sizing: border-box; }
body, #main{ margin: 0; padding: 0; position: relative; background-color: #FFF; color: #202020; font-family: 'Inter', Arial, Helvetica, sans-serif; font-weight: 400; }
html::-webkit-scrollbar{ transition: all .5s; width: 15px; height: 5px; z-index: 10; }
html::-webkit-scrollbar-track{ background: #FFF; }
html::-webkit-scrollbar-thumb{ background: #5F5F5F; border: solid 3px #FFF; }
::-moz-selection { text-shadow: none; color: #583119; background-color: #E0D0E8; }
::selection { text-shadow: none; color: #583119; background-color: #E0D0E8; text-decoration: none; }
.clear{ clear: both; }
p, li, table, tbody, tr, th, td{ line-height: 1.6; }
h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0 0 18px 0; }
h1, h2, h3, h4, h5, h6{ font-family: 'Inter', Arial, Helvetica, sans-serif; line-height: 1.4; font-weight: 400; }
h1{ font-size: 2.5rem; }
h2{ font-size: 2.188rem; }
h3{ font-size: 1.875rem; }
h4, h5, h6{ font-size: 1.5rem; }
strong, b{ font-weight: 700; }
em, i{ font-style: italic; }
a, .highlighted{ transition: all 0.18s ease; }
img{ border: none; max-width: 100%; height: auto; }
.container{ position: relative; max-width: 1450px; width: 100%; margin: 0 auto; padding: 0 35px; box-sizing: border-box; }
.fullPage-width .container{ max-width: 100%; }
.container::before, .container::after, .clearfix::before, .clearfix::after, .clear::before, .clear::after{ content: ""; display: table; }
.container::after, .clearfix::after, .clear::after{ clear: both; }
figure{ margin: 0; }

.row, #archivePosts .postContainer, .postGrid-blog .postContainer{ display: flex; flex-wrap: wrap; }
.grid-row{ display: grid; overflow: hidden; }
[class^="col-"], [class*=" col-"]{ padding: 15px; }
.col-0{ display: none; }
.col-1{ width: 8.33%; }
.col-2{ width: 16.66%; }
.col-3{ width: 25%; }
.col-4{ width: 33.33%; }
.col-5{ width: 41.66%; }
.col-6{ width: 50%; }
.col-7{ width: 58.33%; }
.col-8{ width: 66.66%; }
.col-9{ width: 75%; }
.col-10{ width: 83.33%; }
.col-11{ width: 91.66%; }
.col-12{ width: 100%; }
@media only screen and (max-width: 800px) {
    /* For mobile phones: */
    [class^="col-"], [class*=" col-"]{ width: 100%; padding-left: 0; padding-right: 0; }
}
.col-center{ margin-left: auto; margin-right: auto; }

@media only screen and (min-width: 801px) and (max-width: 1100px){
    [class*="m-col-"] { padding: 15px; }
    .t-col-0 {display: none;}
    .t-col-1 {width: 8.33%;}
    .t-col-2 {width: 16.66%;}
    .t-col-3 {width: 25%;}
    .t-col-4 {width: 33.33%;}
    .t-col-5 {width: 41.66%;}
    .t-col-6 {width: 50%;}
    .t-col-7 {width: 58.33%;}
    .t-col-8 {width: 66.66%;}
    .t-col-9 {width: 75%;}
    .t-col-10 {width: 83.33%;}
    .t-col-11 {width: 91.66%;}
    .t-col-12 {width: 100%; padding-left: 0; padding-right: 0; }
}

@media only screen and (max-width: 800px){
    /* Admin Bar overrides */
    html body.logged-in.admin-bar #wpadminbar{ position: fixed; }

    /* Main Styles */
    body.logged-in.admin-bar{ padding-top: 46px; }
    h1{ font-size: 2.125rem; }
    h2{ font-size: 1.875rem; }
    h3{ font-size: 1.5rem; }
    h4, h5, h6{ font-size: 1.25rem; }
    .container{ padding: 0 30px; box-sizing: border-box; }

    [class*="m-col-"] { padding: 15px; }
    .m-col-0 {display: none;}
    .m-col-1 {width: 8.33%;}
    .m-col-2 {width: 16.66%;}
    .m-col-3 {width: 25%;}
    .m-col-4 {width: 33.33%;}
    .m-col-5 {width: 41.66%;}
    .m-col-6 {width: 50%;}
    .m-col-7 {width: 58.33%;}
    .m-col-8 {width: 66.66%;}
    .m-col-9 {width: 75%;}
    .m-col-10 {width: 83.33%;}
    .m-col-11 {width: 91.66%;}
    .m-col-12 {width: 100%; padding-left: 0; padding-right: 0; }
}

/* Footer */
#site-footer{ position: relative; padding: 52px 0 114px; }
#site-footer p{ font-size: 0.825rem; line-height: 1.6; color: var(--text_color); }
#site-footer a{ color: var(--link_color); }
#site-footer a:hover{ color: var(--link_hover_color); }
/* Copyright */
#site-footer #copyright{ text-align: center; }
#site-footer #copyright p:last-of-type{ padding-bottom: 0; }
/* Social networks */
#site-footer #socials ul{ list-style: none; margin: 0; padding: 0 0 12px; text-align: center; }
#site-footer #socials li{ width: 42px; height: 42px; overflow: hidden; display: inline-block; margin-bottom: 20px; }
#site-footer #socials li .network-icon{ display: block; line-height: 42px; height: 42px; width: 42px; text-align: center; font-size: 1.125rem; }
#site-footer #socials a{ display: block; color: var(--link_color); text-decoration: none; border-radius: 3px; }
#site-footer #socials a:hover{ background-color: var(--accent_color); color: var(--link_hover_color); }
/* Networks */
#site-footer #socials .facebook a:hover{ background-color: #1877f2; }
#site-footer #socials .twitter a:hover{ background-color: #1da1f2; }
#site-footer #socials .instagram a:hover{ background-color: #5851db; }
#site-footer #socials .threads a:hover{ background-color: #c13584; }
#site-footer #socials .linkedin a:hover{ background-color: #0077b5; }
#site-footer #socials .youtube a:hover{ background-color: #ff0000; }
#site-footer #socials .twitch a:hover{ background-color: #9146ff; }
#site-footer #socials .tiktok a:hover{ background-color: #25F4EE; color: #202020; }
#site-footer #socials .pinterest a:hover{ background-color: #e60023; }
#site-footer #socials .reddit a:hover{ background-color: #ff4500; }
#site-footer #socials .quora a:hover{ background-color: #a82400; }
#site-footer #socials .messenger a:hover{ background-color: #0084ff; }
#site-footer #socials .snapchat a:hover{ background-color: #fffc00; color: #202020; }
#site-footer #socials .whatsapp a:hover{ background-color: #075e54; }
#site-footer #socials .skype a:hover{ background-color: #00aff0; }
#site-footer #socials .telegram a:hover{ background-color: #0088cc; }
#site-footer #socials .behance a:hover{ background-color: #1769ff; }
#site-footer #socials .dribbble a:hover{ background-color: #ea4c89; }
#site-footer #socials .medium a:hover{ background-color: #00ab6c; }
#site-footer #socials .onlyfans a:hover{ background-color: #00AFF0; color: #202020; }
@media only screen and (max-width: 1024px){
    #site-footer #socials ul, #site-footer #copyright p{ text-align: center; }
}
/* Go to top */
#site-footer #goTop{ display: none; position: fixed; z-index: 100; left: 50%; bottom: 35px; transform: translateX(-50%); width: fit-content; height: fit-content; }
#site-footer #goTop a{ width: 165px; height: 42px; overflow: hidden; color: #FFF; background-color: rgba(0,0,0,.85); text-decoration: none; align-items: center; display: block; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,.2); border-radius: 7px; transition: all .2s ease; }
#site-footer #goTop a:hover{ background-color: var(--accent_color); color: var(--button_color); }
#site-footer #goTop p{ line-height: 42px; padding: 0; }
#site-footer #goTop .icon{ display: inline; padding: 0 6px; }
#site-footer #goTop .label{ display: inline; font-size: 0.925rem; }

/* Resume */
.mycv{ background-color: var(--bg_color); color: var(--text_color); }
.mycv a, .mycv .highlighted{ transition: all 0.18s ease; color: var(--link_color); }
.mycv a:hover, .mycv a:focus{ color: var(--link_hover_color); }
.mycv .cv-section .section-title .highlighted{ color: var(--accent_color); }
.mycv .alt-section{ background-color: var(--bg_alt_color); }
.mycv #header .resume-name .surname{ color: var(--accent_color); }
.mycv #skills .skills li::before{ color: var(--accent_color); }
.mycv #employment .jobs .single-item::before, .mycv #education .courses .single-item::before{ background-color: var(--accent_color); }
.mycv #employment .jobs .single-item:not(:last-of-type)::after, .mycv #education .courses .single-item:not(:last-of-type)::after{ background-color: var(--text_alt_color); }
.mycv #employment .jobs .job-title .sub, .mycv #education .courses .qualification .sub{ color: var(--text_alt_color); }
.mycv #employment .jobs .job_roles li::before, .mycv #education .courses .notes li::before{ color: var(--accent_color); }
.mycv #education .courses .grade{ padding: 12px 0 16px; width: 100%; font-size: 0.9rem; font-weight: 700; }
.mycv #education .courses .grade span{ display: block; padding: 7px 15px; border-radius: 3px; font-size: 0.9rem; font-weight: 700; width: fit-content; color: var(--bg_alt_color); background-color: var(--accent_color); }
.mycv #employment .jobs .job_roles, .mycv #education .courses .notes{ width: 100%; padding: 0 0 16px; }
.mycv #employment .jobs .job_roles p, .mycv #education .courses .notes p{ padding: 0 0 10px; }
.mycv #employment .jobs .job_roles p:last-of-type, .mycv #education .courses .notes p:last-of-type{ padding: 0; }
.mycv #portfolio .projects .project .project_types .type{ background-color: var(--accent_color); color: var(--button_color); }
.mycv #portfolio .projects .project .data .icon{ color: var(--link_hover_color); }
.mycv #portfolio .projects .project a:hover .data .icon{ color: var(--link_color); }
.mycv #contact-form .contact-form .forminator-custom-form label{ color: var(--text_alt_color); }
.mycv #contact-form .contact-form .forminator-custom-form input[type="text"], .mycv #contact-form .contact-form .forminator-custom-form input[type="email"], .mycv #contact-form .contact-form .forminator-custom-form input[type="url"]{ border-bottom-color: var(--accent_color); }
.mycv #contact-form .contact-form .forminator-custom-form textarea{ border-color: var(--accent_color); }
.mycv #contact-form .contact-form .forminator-custom-form button.forminator-button-submit{ color: var(--button_color); background-color: var(--button_bg_color); border-color: var(--button_bg_color); }
.mycv #contact-form .contact-form .forminator-custom-form button.forminator-button-submit:hover{ background-color: var(--button_bg_hover_color); color: var(--button_hover_color); }
.mycv #contact-form .contact-details .contact .icon{ color: var(--accent_color); }
.mycv #portfolio .projects{ padding: 18px 0 0; }
.mycv #portfolio .projects .project a{ text-decoration: none; }
.mycv #portfolio .projects .project .preview_image{ border-radius: 5px; position: relative; height: 315px; background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: 20px; }
.mycv #portfolio .projects .project .preview_image .project_types{ position: absolute; bottom: 15px; left: 15px; right: 15px; }
.mycv #portfolio .projects .project .project_types .type{ display: inline-block; font-size: 0.875rem; font-weight: 700; padding: 5px 9px; border-radius: 3px; margin: 0 4px 4px 0; box-shadow: 0 2px 4px rgba(0,0,0,.2); }
.mycv #portfolio .projects .project .data{ display: flex; gap: 15px; flex-wrap: wrap; padding: 0 5px; }
.mycv #portfolio .projects .project .data .project-title{ flex: 1; font-size: 1.45rem; font-weight: 300; text-decoration: none; padding: 0; }
.mycv #portfolio .projects.display-grid{ display: flex; flex-wrap: wrap; gap: 45px 30px; }
.mycv #portfolio .projects.display-grid .project{ width: calc( ( 100% / 3 ) - 20px ); }
.mycv #portfolio .projects.display-grid .preview_image{ margin: 0 0 20px; }
.mycv #portfolio .projects.display-list .project{ margin: 0 0 28px; }
.mycv #portfolio .projects.display-list a{ display: flex; flex-wrap: wrap; gap: 25px; align-items: center; }
.mycv #portfolio .projects.display-list .preview_image{ width: 35%; }
.mycv #portfolio .projects.display-list .data{ flex: 1; }
.mycv #portfolio .projects.display-list .data .project_types{ width: 100%; padding: 6px 0 10px; }
.mycv #portfolio .projects.display-list .data .preview-text *{ color: var(--text_color); }
.mycv #portfolio .projects.display-list .data .preview-text p:last-of-type{ padding: 0; }
.mycv #portfolio .projects.display-slider{ width: calc( 100% + 20px ); position: relative; padding-bottom: 60px; }
.mycv #portfolio .projects.display-slider .project{ margin-right: 20px; }
.mycv #portfolio .projects.display-slider.center-slide .project{ opacity: 0.65; transform: scale(0.8); transition: all .2s ease; }
.mycv #portfolio .projects.display-slider.center-slide .project.slick-center{ opacity: 1; transform: scale(1); }
.mycv #portfolio .projects.display-slider .slick-arrow{ position: absolute; bottom: 10px; background-color: transparent; border: none; width: 36px; height: 36px; overflow: hidden; padding: 0; color: var(--link_color); transition: all .2s ease; }
.mycv #portfolio .projects.display-slider .slick-arrow:hover{ color: var(--link_hover_color); }
.mycv #portfolio .projects.display-slider .slick-arrow::before{ display: block; width: 36px; height: 36px; font-family: "Font Awesome 6 Free"; font-weight: 900; text-align: center; line-height: 36px; font-size: 1.2rem; }
.mycv #portfolio .projects.display-slider .slick-arrow.slick-prev{ left: 20px; }
.mycv #portfolio .projects.display-slider .slick-arrow.slick-prev::before{ content: "\f0d9"; }
.mycv #portfolio .projects.display-slider .slick-arrow.slick-next{ right: 40px; }
.mycv #portfolio .projects.display-slider .slick-arrow.slick-next::before{ content: "\f0da"; }
.mycv #portfolio .projects.display-slider .slick-dots{ list-style: none; margin: 0; padding: 0; position: absolute; left: 50%; transform: translateX(-50%); bottom: 10px; display: flex; gap: 5px; width: fit-content; }
.mycv #portfolio .projects.display-slider .slick-dots li{ line-height: 36px; }
.mycv #portfolio .projects.display-slider .slick-dots button{ border: none; overflow: hidden; padding: 0; font-size: 0rem; height: 3px; width: 25px; background-color: var(--accent_color); transition: all .2s ease; }
.mycv #portfolio .projects.display-slider .slick-dots .slick-active button{ width: 75px; background-color: var(--accent_alt_color); }
.mycv #contact-form .contact-details{ display: flex; gap: 30px; flex-wrap: wrap; justify-content: center; padding: 25px 0; }
.mycv #contact-form .contact-details .contact{ width: calc( 50% - 15px ); display: flex; gap: 15px; flex-wrap: wrap; align-items: center; }
.mycv #contact-form .contact-details .contact .icon{ width: 75px; }
.mycv #contact-form .contact-details .contact .icon span{ width: 75px; line-height: 75px; font-size: 2.7rem; text-align: center; }
.mycv #contact-form .contact-details .contact .details{ flex: 1; }
.mycv #contact-form .contact-details .contact .details .contact-title{ font-size: 1.2rem; font-weight: 700; padding: 0 0 10px; }
.mycv #contact-form .contact-details .contact .details .data{ padding: 0; font-size: 1.4rem; }
.mycv #contact-form .contact-form{ padding: 18px 0 0; max-width: 1200px; margin: 0 auto; }
.mycv #contact-form .contact-form .forminator-custom-form label{ display: block; font-size: 1rem; font-weight: 400; padding: 4px 1px 8px; }
.mycv #contact-form .contact-form .forminator-custom-form .forminator-has_error .forminator-error-message{ border: solid 1px rgb(236, 164, 180); background-color: rgb(247, 194, 218); padding: 5px 9px; font-weight: 700; font-size: 0.875rem; display: block; color: #800;}
.mycv #contact-form .contact-form .forminator-custom-form .forminator-required{ color: #800; font-weight: 700; }
.mycv #contact-form .contact-form .forminator-custom-form input[type="text"], .mycv #contact-form .contact-form .forminator-custom-form input[type="email"], .mycv #contact-form .contact-form .forminator-custom-form input[type="url"], .mycv #contact-form .contact-form .forminator-custom-form textarea{ line-height: 1.6; padding: 5px; font-family: 'Inter', Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; width: 100%; margin: 0; display: block; outline: none; background-color: #fdfdfd; }
.mycv #contact-form .contact-form .forminator-custom-form input[type="text"], .mycv #contact-form .contact-form .forminator-custom-form input[type="email"], .mycv #contact-form .contact-form .forminator-custom-form input[type="url"]{ border-top: none; border-left: none; border-right: none; border-bottom: solid 1px; border-radius: 0; }
.mycv #contact-form .contact-form .forminator-custom-form textarea{ border: solid 1px; resize: none; padding: 5px 9px; }
.mycv #contact-form .contact-form .forminator-custom-form .forminator-has_error input[type="text"], .mycv #contact-form .contact-form .forminator-custom-form .forminator-has_error input[type="email"], .mycv #contact-form .contact-form .forminator-custom-form .forminator-has_error input[type="url"], .mycv #contact-form .contact-form .forminator-custom-form .forminator-has_error textarea{ border-color: #800; }
.mycv #contact-form .contact-form .forminator-custom-form button.forminator-button-submit{ display: inline-block; width: fit-content; padding: 14px 30px; font-weight: 400; text-transform: uppercase; text-decoration: none; border: solid 2px; border-radius: 5px; transition: all .2s ease; margin: 0 8px 8px 0; font-family: 'Inter', Arial, Helvetica, sans-serif; font-size: 1rem; cursor: pointer; }

/* Custom Layouts */
.mycv[class*=' layout_'] .cv-section{ padding: 130px 0; }
.mycv[class*=' layout_'] .cv-section .section-title{ font-weight: 400; font-size: 1.75rem; }
.mycv[class*=' layout_'] .cv-section .section-title .highlighted{ font-weight: 900; }
.mycv[class*=' layout_'] #header{ height: 100vh; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; }
.mycv[class*=' layout_'] #header .row{ align-items: center; gap: 30px; }
.mycv[class*=' layout_'] #header .name{ flex: 1; }
.mycv[class*=' layout_'] #header .resume-name{ font-size: 3.9rem; font-weight: 300; line-height: 1.25; padding: 0; }
.mycv[class*=' layout_'] #header .resume-name span{ display: block; }
.mycv[class*=' layout_'] #header .resume-name .surname{ font-weight: 900; }
.mycv[class*=' layout_'] #header .resume-subtitle{ font-size: 2.4rem; font-weight: 200; padding: 24px 0 0; }
.mycv[class*=' layout_'] #header .contacts{ width: 40%; }
.mycv[class*=' layout_'] #header .contacts .contact-info{ font-size: 1.1rem; font-weight: 300; }
.mycv[class*=' layout_'] #header .contacts .contact-info:last-of-type{ padding: 0; }
.mycv[class*=' layout_'] #header .contacts .contact-info{ display: flex; gap: 20px; flex-wrap: wrap; }
.mycv[class*=' layout_'] #header .contacts .contact-info .label{ font-weight: 700; width: 125px; }
.mycv[class*=' layout_'] #header .contacts .contact-info .data{ flex: 1; }
.mycv[class*=' layout_'] #profile p{ font-weight: 300; font-size: 1.1rem; line-height: 1.8; }
.mycv[class*=' layout_'] #skills .skills{ margin: 0; padding: 8px 0 8px 40px; list-style: none; }
.mycv[class*=' layout_'] #skills .skills li{ line-height: 32px; position: relative; margin: 0 0 8px; }
.mycv[class*=' layout_'] #skills .skills li::before{ content: "\f0e7"; font-family: "Font Awesome 6 Free"; font-weight: 900; display: block; position: absolute; font-size: 0.9rem; top: 2px; left: -40px; width: 28px; line-height: 28px; height: 28px; text-align: center; }
.mycv[class*=' layout_'] #employment .jobs, .mycv[class*=' layout_'] #education .courses{ padding: 18px 0 0; }
.mycv[class*=' layout_'] #employment .jobs .single-item, .mycv[class*=' layout_'] #education .courses .single-item{ padding: 0 0 25px 51px; position: relative; display: flex; flex-wrap: wrap; gap: 7px 20px; }
.mycv[class*=' layout_'] #employment .jobs .single-item::before, .mycv[class*=' layout_'] #employment .jobs .single-item::after, .mycv[class*=' layout_'] #education .courses .single-item::before, .mycv[class*=' layout_'] #education .courses .single-item::after{ position: absolute; content: ""; display: block; }
.mycv[class*=' layout_'] #employment .jobs .single-item::before, .mycv[class*=' layout_'] #education .courses .single-item::before{ width: 11px; height: 11px; border-radius: 50%; left: 10px; top: 10px; }
.mycv[class*=' layout_'] #employment .jobs .single-item:not(:last-of-type)::after, .mycv[class*=' layout_'] #education .courses .single-item:not(:last-of-type)::after{ left: 15px; width: 1px; top: 15px; bottom: -15px; }
.mycv[class*=' layout_'] #employment .jobs .job-title, .mycv[class*=' layout_'] #education .courses .qualification{ flex: 1; }
.mycv[class*=' layout_'] #employment .jobs .job-title .main, .mycv[class*=' layout_'] #education .courses .qualification .main{ font-size: 1.4rem; font-weight: 700; padding: 0 0 5px; }
.mycv[class*=' layout_'] #employment .jobs .job-title .sub, .mycv[class*=' layout_'] #education .courses .qualification .sub{ width: 100%; font-size: 1rem; font-style: italic; padding: 0; }
.mycv[class*=' layout_'] #employment .jobs .date-range, .mycv[class*=' layout_'] #education .courses .quali-date{ width: 200px; text-align: right; }
.mycv[class*=' layout_'] #employment .jobs .job_roles ul, .mycv[class*=' layout_'] #education .courses .notes ul{ margin: 0; padding: 8px 0 8px 40px; list-style: none; }
.mycv[class*=' layout_'] #employment .jobs .job_roles li, .mycv[class*=' layout_'] #education .courses .notes li{ line-height: 32px; position: relative; margin: 0 0 8px; }
.mycv[class*=' layout_'] #employment .jobs .job_roles li::before, .mycv[class*=' layout_'] #education .courses .notes li::before{ content: "\f386"; font-family: "Font Awesome 6 Free";; font-weight: 900; width: 28px; height: 28px; line-height: 28px; text-align: center; display: block; position: absolute; top: 2px; left: -40px; font-size: 0.9rem; }

/* Normal Layout */
.mycv.standard{ background-color: var(--bg_color); color: var(--text_color); }
.mycv.standard a{ color: var(--link_color); }
.mycv.standard a:hover, .mycv.standard a:focus{ color: var(--link_hover_color); }
.mycv.standard .cv-section{ padding: 40px 0; }
.mycv.standard .cv-section .section-title{ font-weight: 700; font-size: 1.75rem; }
.mycv.standard #header{ padding: 100px 0; }
.mycv.standard #header .row{ align-items: center; gap: 30px; }
.mycv.standard #header .name{ flex: 1; }
.mycv.standard #header .contacts{ width: 400px; }
.mycv.standard #header .resume-name{ font-size: 3.4rem; font-weight: 900; line-height: 1.25; padding: 0; }
.mycv.standard #header .resume-subtitle{ font-size: 2rem; font-weight: 300; padding: 14px 0 0; }
.mycv.standard #header .contacts .contact-info{ font-size: 1.1rem; font-weight: 300; padding: 0 0 8px; }
.mycv.standard #header .contacts .contact-info:last-of-type{ padding: 0; }
.mycv.standard #header .contacts .contact-info{ display: flex; gap: 20px; flex-wrap: wrap; }
.mycv.standard #header .contacts .contact-info .label{ font-weight: 700; width: 125px; }
.mycv.standard #header .contacts .contact-info .data{ flex: 1; }
.mycv.standard #contact-form .contact-form .forminator-custom-form input[type="text"], .mycv.standard #contact-form .contact-form .forminator-custom-form input[type="email"], .mycv.standard #contact-form .contact-form .forminator-custom-form input[type="url"]{ border-bottom-color: var(--accent_color); }
.mycv.standard #contact-form .contact-form .forminator-custom-form textarea{ border-color: var(--accent_color); }
.mycv.standard #contact-form .contact-form .forminator-custom-form button.forminator-button-submit{ color: var(--button_color); background-color: var(--button_bg_color); border-color: var(--button_bg_color); }
.mycv.standard #contact-form .contact-form .forminator-custom-form button.forminator-button-submit:hover{ background-color: var(--button_bg_hover_color); color: var(--button_hover_color); }

.mycv.standard #skills .skills{ margin: 0; padding: 0 0 0 30px; }
.mycv.standard #skills .skills li, .mycv.standard #employment .jobs .job_roles li, .mycv.standard #education .courses .notes li{ margin: 0 0 8px; line-height: 1.4; }
.mycv.standard #employment .jobs, .mycv.standard #education .courses{ padding: 18px 0 0; }
.mycv.standard #employment .jobs .single-item, .mycv.standard #education .courses .single-item{ display: flex; flex-wrap: wrap; gap: 7px 20px; padding: 0 0 25px; }
.mycv.standard #employment .jobs .job-title, .mycv.standard #education .courses .qualification{ flex: 1; }
.mycv.standard #employment .jobs .job-title .main, .mycv.standard #education .courses .qualification .main{ font-size: 1.4rem; font-weight: 700; padding: 0 0 5px; }
.mycv.standard #employment .jobs .job-title .sub, .mycv.standard #education .courses .qualification .sub{ width: 100%; font-size: 1rem; font-style: italic; padding: 0; }
.mycv.standard #employment .jobs .date-range, .mycv.standard #education .courses .quali-date{ width: 200px; text-align: right; }
.mycv.standard #employment .jobs .job_roles ul, .mycv.standard #education .courses .notes ul{ margin: 0; padding: 0 0 0 30px; }

@media only screen and (min-width: 800px) and (max-width: 1199px){}
@media only screen and (max-width: 799px){
    .mycv[class*=' layout_'] .cv-section{ padding: 80px 0; }
    .mycv #header .row{ flex-direction: column; gap: 25px; }
    .mycv #header .row .name, .mycv #header .row .contacts{ width: 100%; }
    .mycv #header .row .name .resume-name{ font-size: 2.7rem; }
    .mycv #header .row .name .resume-name span{ display: inline;}
    .mycv #header .row .name .resume-subtitle{ font-size: 1.75rem; padding: 16px 0 0; }
    .mycv[class*=' layout_'] #employment .jobs .single-item, .mycv[class*=' layout_'] #education .courses .single-item{ padding-left: 0; }
    .mycv[class*=' layout_'] #employment .jobs .single-item::before, .mycv[class*=' layout_'] #employment .jobs .single-item::after, .mycv[class*=' layout_'] #education .courses .single-item::before, .mycv[class*=' layout_'] #education .courses .single-item::after{ display: none; }
    .mycv[class*=' layout_'] #employment .jobs .job-title, .mycv[class*=' layout_'] #education .courses .qualification, .mycv.standard #employment .jobs .job-title, .mycv.standard #education .courses .qualification{ width: 100%; }
    .mycv[class*=' layout_'] #employment .jobs .date-range, .mycv[class*=' layout_'] #education .courses .quali-date, .mycv.standard #employment .jobs .date-range, .mycv.standard #education .courses .quali-date{ width: 100%; text-align: left; padding-top: 5px; }
    .mycv #portfolio .projects.display-list a{ flex-direction: column; }
    .mycv #portfolio .projects[class*= "display-"] .preview_image{ width: 100%; height: unset; padding-bottom: 57.6%; }
    .mycv #portfolio .projects.display-grid .project{ width: 100%; }
    .mycv #contact-form .contact-details{ gap: 25px; }
    .mycv #contact-form .contact-details .contact{ width: 100%; }
    .mycv #contact-form .contact-details .contact .icon{ display: none; }
    .mycv #contact-form .contact-details .contact .details .data{ font-size: 1.1rem; }
    .mycv #portfolio .projects.display-slider .slick-dots button{ width: 15px; }
    .mycv #portfolio .projects.display-slider .slick-dots .slick-active button{ width: 15px; }
    .mycv #portfolio .projects .project .data .project-title{ font-size: 1.25rem; }
    .mycv[class*=' layout_'] .cv-section .section-title{ font-size: 1.5rem; }
    .mycv[class*=' layout_'] #employment .jobs .job-title .main, .mycv[class*=' layout_'] #education .courses .qualification .main{ font-size: 1.2rem; }
    .mycv[class*=' layout_'] #header .contacts .contact-info, .mycv.standard #header .contacts .contact-info{ gap: 6px; padding: 0 0 15px; }
    .mycv[class*=' layout_'] #header .contacts .contact-info .label, .mycv.standard #header .contacts .contact-info .label{ width: 100%; }
}