/*
 Theme Name:   Gutuie Child Theme
 Theme URI:    https://vectordirect.ro/blog
 Description:  A Twenty Twenty One child theme
 Author:       Gutuie
 Author URI:   https://autograf.ro/blog
 Template:     gutuie
 Version:      1.0.0
*/

@import url("../gutuie/style.css");

:root {
    --mainColor: #666666;
    /*--secondColor: #73a530;*/
    --secondColor: #EE0000;
}

.site-content h2 {
    margin: 15px 0 !important;
    width: auto !important;
    max-width: unset !important;
    font-size: 30px !important;
}

.site-content h3 {
    margin: 15px 0 !important;
    width: auto !important;
    max-width: unset !important;
    font-size: 24px !important;
}

.site-header,
.widget-area,
.pagination,
.comments-pagination,
.post-navigation,
.site-footer,
.site-header,
.alignwide,
.wide-max-width {
    max-width: unset;
}

.sidebar-autograf ul {
    padding: 0 !important;
    list-style: none !important;
}

#masthead {
    max-width: unset !important;
    position: relative;
}

.container-autograf {
    max-width: 1434px;
    margin: 0 auto;
    width: 100%;
}

.header-autograf {
    width: 100%;
}

.header-autograf>.row-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-autograf>.row-header>.col-header:first-child {
    display: flex;
    align-items: center;
}

.header-autograf>.row-header>.col-header:first-child .site-logo {
    margin-right: 131px;
}

.header-autograf>.row-header>.col-header:first-child>p {
    color: #73a530;
    font-size: 22px;

}

.header-autograf>.row-header>.col-header:first-child>p span {
    font-weight: 700;
}

.header-autograf>.row-header>.col-header:last-child a {
    padding: 13px 68px 13px 54px;
    background: #fff;
    color: #73a530;
    border: 1px solid #73a530;
    border-radius: 40px;
    font-size: 14px;
    line-height: 15px;
    text-decoration: none;
    position: relative;
    transition: 300ms;
}

.header-autograf>.row-header>.col-header:last-child a:hover {
    background: #73a530;
    color: #fff;
}

.header-autograf>.row-header>.col-header:last-child a::before {
    content: '';
    color: #fff;
    position: absolute;
    top: calc(50% - 15px);
    right: 5px;
    width: 30px;
    height: 30px;
    background-color: #73a530;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 12px;
    font-size: 12px;
    font-weight: 600;
    padding-bottom: 3px;
    padding-left: 3px;
    transition: 300ms;
    background-image: url(https://www.vectordirect.ro/blog/wp-content/uploads/2022/08/Path-18.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center center;
}

.header-autograf>.row-header>.col-header:last-child a:hover::before {
    background-color: #fff;
    background-image: url('https://www.vectordirect.ro/blog/wp-content/uploads/2022/08/Path-18-1.png');
    color: #73a530;
}

.site-content {
    padding-top: 20px;
}

header {
    padding: 25px 0 !important;
}

body {
    background: #fff !important;
}

.site-logo {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#primary {
    max-width: 1434px;
    margin: 0 auto;
    width: 100%;
}

.blog .page-header {
    display: none;
}

#primary {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#primary main {
    width: 65%;
    padding-top: 0;
}

#primary .sidebar-autograf {
    width: 32%;
    display: flex;
    flex-direction: column;
    margin-top: 0;
}

.post-thumbnail .wp-post-image {
    margin: 0;
    max-width: 100%;
    width: 100%;
}

.ajax-load-more-wrap {
    margin-top: 0;
}

.ajax-load-more-wrap .entry-header {
    margin-top: 0;
    padding-top: 0 !important;
}

.header-autograf>.row-autograf {
    padding-bottom: 15px;
}

.alm-listing {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.alm-listing>article {
    width: 48%;
}

.alm-listing>article:first-child {
    width: 100% !important;
}

.alm-listing>article .thumbnail-post-autograf {
    margin-bottom: 18px;
}

.alm-listing>article:first-child .thumbnail-post-autograf {
    margin-bottom: 34px;
}


.alm-listing>article .thumbnail-post-autograf {
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    transition: 500ms;
}

.archive main>article:nth-child(2) .thumbnail-post-autograf {
    width: 100%;
    height: 630px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    transition: 500ms;
}

.archive main>article .thumbnail-post-autograf {
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    transition: 500ms;
}

.archive article:nth-child(2) {
    margin-top: 0 !important;
}

.archive main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.archive main>article:nth-child(2) {
    width: 100%;
}

.archive main>article {
    width: 48%;
}

.alm-listing>article .thumbnail-post-autograf:hover {
    background-size: 120% 120%;
}

.alm-listing>article .entry-content {
    min-height: 66px;
}

.alm-listing>article:first-child .entry-content {
    min-height: unset;
}

.alm-listing>article:first-child .thumbnail-post-autograf {
    width: 100%;
    height: 630px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    transition: 500ms;
}

.alm-listing>article:first-child .thumbnail-post-autograf:hover {
    background-size: 120% 120%;
}

a,
a:hover {
    text-decoration: none;
}

.autograf-category-ex {
    margin: 0;
}

.autograf-category-ex a,
.autograf-category-ex {
    font-size: 13px;
    font-weight: 400;
    color: var(--mainColor);
    text-transform: uppercase;
    text-decoration: none;
    line-height: 32px;
    transition: 300ms;
}

.autograf-category-ex a:hover {
    color: var(--secondColor);
}

.entry-title a:active {
    color: var(--secondColor);
}

.autograf-blog-page-title-article {
    color: var(--mainColor);
    line-height: 32px;
    font-weight: 600;
    margin: 15px 0 !important;
    width: auto !important;
    max-width: unset !important;
    font-size: 30px !important;
}

.post-thumbnail {
    margin-bottom: 20px;
    margin-top: 0;
}

.blog header,
.archive header {
    position: relative;
}

.autograf-post-date {
    margin-bottom: 0;
    position: absolute;
    top: 9px;
    left: 9px;
    display: inline-block;
    padding: 10px 11px 9px 12px;
    color: var(--mainColor);
    background-color: #fff;
    z-index: 9;
    line-height: 0;

}

.autograf-post-date time {
    color: var(--mainColor);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
}

.blog .author-name,
.archive .author-name {
    margin-top: 10px;
    line-height: 32px;
    color: var(--mainColor);
    font-size: 13px;
    font-weight: 400;
}

.archive .entry-header {
    padding-top: 0 !important;
}

.blog .entry-header,
.archive .entry-header {
    padding-bottom: 0 !important;
    margin-bottom: 20px;
}

.blog .entry-content p,
.archive .entry-content p {
    max-width: unset !important;
    font-size: 13px;
    color: var(--mainColor);
    line-height: 22px;
    font-weight: 400;
}

.blog .entry-content,
.archive .entry-content {
    margin-bottom: 0 !important;
}

.blog article,
.archive article {
    margin-bottom: 95px;
}

.archive article {
    margin-top: 0 !important;
}

.blog .entry-content,
.archive .entry-content {
    font-size: 13px;
    line-height: 22px;
    color: var(--mainColor);
    font-weight: 400;
}

.sidebar-autograf {
    margin-top: 0;
    padding-top: 0;
}

.sidebar-autograf .widget-content {
    margin-top: 0;
}

.sidebar-autograf .sidebar-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--mainColor) !important;
    margin-bottom: 0 !important;
    padding-bottom: 24px !important;
    border-bottom: 1px solid #D8D8D8 !important;
}

.sidebar-autograf .widget-title {
    font-size: 16px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 0;
    padding-bottom: 11px;
    border-bottom: 1px solid #D8D8D8;
    margin-bottom: 54px;
}

.author-name {
    display: none;
}

.sidebar-autograf .wp-block-categories {
    margin-top: 0;
}

.sidebar-autograf .wp-block-categories .cat-item {
    padding: 16px 0;
    border-bottom: 1px solid #D8D8D8;
    line-height: initial;
}

.sidebar-autograf .wp-block-categories a {
    font-size: 16px;
    font-weight: 400;
    color: var(--mainColor) !important;
    text-decoration: none;
    transition: 300ms;
    position: relative;
}

.sidebar-autograf .wp-block-categories a:hover {
    padding-left: 10px;
    font-weight: 700;
}

.sidebar-autograf .wp-block-categories a:hover::before {
    opacity: 1;
    width: 5px;
}

.sidebar-autograf .wp-block-categories a::before {
    content: '';
    width: 0px;
    height: 10px;
    background-image: url('https://www.vectordirect.ro/blog/wp-content/uploads/2022/08/arrow.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    position: absolute;
    left: 0;
    top: calc(50% - 4px);
    opacity: 0;
    transition: 300ms;
}

.site-logo img {
    -webkit-backface-visibility: hidden;
    -ms-transform: transtaleZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.sidebar-autograf .widget-title {
    color: var(--mainColor);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.sidebar-autograf .widget-content {
    margin-bottom: 119px;
}

.sidebar-autograf .widget-content:nth-child(3) {
    margin-bottom: 64px;
}

.sidebar-autograf .rpwwt-widget nav li {
    position: relative;
}

.sidebar-autograf .rpwwt-widget nav li::before {
    content: '';
    width: 25px;
    height: 25px;
    background: var(--secondColor);
    color: #fff;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    position: absolute;
    top: 25px;
    left: 0;
}

.sidebar-autograf .rpwwt-widget nav li:nth-child(1)::before {
    content: '3';
    top: 0;
}

.sidebar-autograf .rpwwt-widget nav li:nth-child(2)::before {
    content: '2';
}

.sidebar-autograf .rpwwt-widget nav li:nth-child(3)::before {
    content: '1';
}

.footer-autograf .row-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22px 0 24px 0;
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
}

.footer-autograf .row-footer>.col-footer:first-child {
    width: auto;
}

.footer-autograf .row-footer>.col-footer:last-child {
    width: 25%;
}

.footer-autograf .row-footer>.col-footer:last-child>a {
    margin-right: 84px;
}

.footer-autograf .row-footer>.col-footer:last-child>a:last-child {
    margin-right: 0;
}


.alm-load-more-btn.more {
    padding: 12px 60px 12px 60px !important;
    color: var(--mainColor) !important;
    border: 1px solid var(--mainColor) !important;
    border-radius: 40px !important;
    font-size: 13px !important;
    line-height: 17px !important;
    text-decoration: none !important;
    text-transform: initial !important;
    background: transparent !important;
    transition: 300ms !important;
}

.alm-load-more-btn.more:hover {
    color: #73a530 !important;
    border-color: var(--secondColor) !important;
}

.read-more-autograf-article {
    margin-top: 10px;
}

.read-more-autograf-article a {
    font-size: 13px;
    text-transform: uppercase;
    color: var(--mainColor);
    line-height: 22px;
    font-weight: 400;
}

.archive .page-header {
    display: none;
}

.single-post .sidebar-autograf {
    display: none !important;
}

.single-post #primary main {
    width: 100% !important;
}

.image-single-post {
    width: 100%;
    height: 750px;
    background-size: auto;
    background-repeat: no-repeat;
    margin-bottom: 80px !important;
}

.comment-form {
    display: flex;
    flex-wrap: wrap;
}

.comment-form .form-submit {
    order: 6;
}

.comment-form .comment-form-cookies-consent {
    order: 5;
}

.comment-form .comment-form-email {
    order: 4;
}

.comment-form .comment-form-author {
    order: 3;
}

.comment-form .comment-form-comment {
    order: 2;
}

.comment-form .comment-notes {
    order: 1;
}

.row-header-sigle-post {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px !important;
}

.comment-form-url {
    display: none !important;
}

.first-col-single {
    width: calc(30% - 53px);
}

.last-col-single {
    width: 70%;
}

.single-post .entry-header {
    margin-top: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.single-post .post-categories {
    list-style-type: none;
    padding: 0;
}

.single-post .post-categories a {
    font-size: 13px;
    font-weight: 400;
    color: var(--mainColor);
    text-transform: uppercase;
}

.single-post .entry-title {
    font-size: 35px !important;
    line-height: 43px !important;
    color: var(--mainColor) !important;
    font-weight: 600 !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
}

.by_autohor {
    font-size: 13px;
    font-weight: 400;
    color: var(--mainColor);
    margin-top: 10px;
}

.row-single-post {
    display: flex;
    justify-content: space-between;
}

.row-single-post .entry-content p {
    max-width: unset !important;
    color: var(--mainColor);
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin: 20px 0 !important;
}

.box-share-icon {
    width: 45px;
    height: 45px;
    border: 1px solid #D9D9D9;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 35px;
}

.facebook-icon-share::before {
    content: '';
    background-color: var(--secondColor);
    position: absolute;
    transition-property: width, height;
    transition: 500ms;
    width: 0;
    height: 0;
    border-radius: 50%;
}

.facebook-icon-share::after {
    content: '';
    width: 7px;
    height: 16px;
    background-image: url(https://www.vectordirect.ro/blog/wp-content/uploads/2022/08/facebook_icon.png);
    background-repeat: no-repeat;
    background-size: 7px;
    position: absolute;
}

.facebook-icon-share:hover::before {
    width: 100%;
    height: 100%;
}

.facebook-icon-share:hover::after {
    background-image: url(https://www.vectordirect.ro/blog/wp-content/uploads/2022/08/facebook_icon-1.png);
}

.instagram-icon-share::before {
    content: '';
    background-color: var(--secondColor);
    position: absolute;
    transition-property: width, height;
    transition: 500ms;
    width: 0;
    height: 0;
    border-radius: 50%;
}

.instagram-icon-share::after {
    content: '';
    width: 14px;
    height: 14px;
    background-image: url(https://www.vectordirect.ro/blog/wp-content/uploads/2022/08/Path-117.png);
    background-repeat: no-repeat;
    background-size: 14px;
    position: absolute;
}

.instagram-icon-share:hover::before {
    width: 100%;
    height: 100%;
}

.instagram-icon-share:hover::after {
    background-image: url(https://www.vectordirect.ro/blog/wp-content/uploads/2022/08/Path-117-1.png);
}

.twitter-icon-share::before {
    content: '';
    background-color: var(--secondColor);
    position: absolute;
    transition-property: width, height;
    transition: 500ms;
    width: 0;
    height: 0;
    border-radius: 50%;
}

.twitter-icon-share::after {
    content: '';
    width: 15px;
    height: 12px;
    background-image: url(https://www.vectordirect.ro/blog/wp-content/uploads/2022/08/twitter_icon.png);
    background-repeat: no-repeat;
    background-size: 15px 12px;
    position: absolute;
}

.twitter-icon-share:hover::before {
    width: 100%;
    height: 100%;
}

.twitter-icon-share:hover::after {
    background-image: url(https://www.vectordirect.ro/blog/wp-content/uploads/2022/08/twitter_icon-1.png);
}

article .row-single-post .first-col-single {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
}

.single-post .entry-content {
    margin-top: 0 !important;
}

.single-post .entry-content p:first-child {
    margin-top: 0 !important;
}

.single-post #comments {
    width: 70%;
    margin-right: 0;
    max-width: unset !important;
    margin-bottom: 190px;
}

.single-post #comments #reply-title {
    margin-bottom: 42px;
}

.single-post #comments #reply-title {
    font-size: 25px;
    color: var(--mainColor);
    font-weight: 600;
    line-height: 25px;
}

.single-post article {
    margin-bottom: 20px;
}

.single-post #comments label {
    color: var(--mainColor);
    font-size: 12px;
    line-height: 25px;
    font-weight: 400;
    margin-bottom: 8px;
}

.single-post #comments input[type="text"],
.single-post #comments input[type="email"],
.single-post #comments input[type="url"] {
    border: 1px solid #c1c1c1;
    height: 40px;
    border-radius: 3px;
    margin-bottom: 32px;
}

.single-post #comments form .comment-notes {
    font-size: 16px;
    color: #959595;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 38px;
}

.single-post .site-content {
    background: #F2F2F2;
    padding-top: 45px;
}

.single-post #comments form {
    margin-top: 0;
}

.single-post #comments .comment-form-comment {
    margin-bottom: 32px;
}

.single-post #comments textarea {
    height: 120px;
    border: 1px solid #c1c1c1;
    border-radius: 3px;
}

#wp-comment-cookies-consent {
    border: 1px solid #000;
}

.comment-form-cookies-consent label {
    font-size: 13px;
    font-weight: 400;
    color: var(--mainColor);
    margin-top: 10px;
    margin: 0;
    text-transform: initial;
}

.single-post #comments input[type="submit"] {
    width: 50%;
    height: 40px;
    border: 1px solid var(--secondColor);
    background: transparent;
    font-size: 14px;
    line-height: 25px;
    padding: 0;
    color: var(--secondColor);
    transition: 300ms;
    border-radius: 2px;
    font-weight: 600;
}

.single-post #comments input[type="submit"]:hover {
    width: 50%;
    height: 40px;
    border: 1px solid var(--secondColor);
    background: transparent;
    font-size: 14px;
    line-height: 25px;
    padding: 0;
    color: #fff;
    background: var(--secondColor);
}

.autograf-category-ex .tags-links {
    display: none;
}

.sidebar-autograf .tagcloud>a {
    padding: 12px 26px;
    font-size: 16px !important;
    text-transform: lowercase;
    text-decoration: none;
    border: 1px solid #DFDFDF;
    margin-right: 20px;
    display: inline-block;
    margin-bottom: 24px;
    transition: 300ms;
    font-weight: 400;
    color: #000;
}

.sidebar-autograf .widget-content:last-child .tagcloud>a {
    text-transform: uppercase;
}

.sidebar-autograf .tagcloud>a:hover {
    background: var(--secondColor);
    border-color: var(--secondColor);
    color: #fff;
}

.sidebar-autograf .wp-post-image {
    margin-bottom: 0 !important;
    margin-right: 30px !important;
    margin-top: 0;
}

.sidebar-autograf .rpwwt-widget li {
    margin-bottom: 0 !important;
    padding: 25px 0;
    border-bottom: 1px solid #DFDFDF;
}

.sidebar-autograf .rpwwt-widget li:first-child {
    padding-top: 0;
}

.sidebar-autograf .rpwwt-widget li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.sidebar-autograf .rpwwt-widget li a {
    font-size: 13px;
    font-weight: 700;
    line-height: 22px;
    color: var(--mainColor);
    text-decoration: none;
}

.sidebar-autograf .rpwwt-post-excerpt {
    color: var(--mainColor);
    font-size: 13px;
    line-height: 22px;
    font-weight: 400;
}

.sidebar-autograf .current-cat a {
    font-weight: 700;
    position: relative;
    padding-left: 10px;
}

.sidebar-autograf .current-cat a::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 10px;
    background-image: url('https://dev.vectordirect.ro/blog/wp-content/uploads/2021/07/arrow.png');
    background-repeat: no-repeat;
    top: calc(50% - 4px);
    background-size: 5px 10px;
    left: 0;
    opacity: 1;
}

.back-history-autograf {
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    color: var(--mainColor);
    line-height: 28px;
    text-transform: uppercase;
    transition: 300ms;
}

.back-history-autograf:hover {
    color: var(--secondColor);
}

.by_autohor {
    display: none;
}

.single-post .post-categories {
    margin: 0 !important;
    display: flex;
    column-gap: 13px;
    flex-wrap: wrap;
}

.navigation.post-navigation {
    display: none;
}

.row-recent-post-autograf {
    display: flex;
    column-gap: 20px;
}

.autograf-recent-post {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 100px;
}

.autograf-recent-post .row-autograf-recent-post {
    width: 70%;
}

.autograf-recent-post-img {
    width: 100%;
    height: 221px;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    transition: 500ms;
}

.autograf-recent-post-img:hover {
    background-size: 120% 120%;
}

.col-article-autograf {
    width: 31%;
}

footer {
    padding-bottom: 0 !important;
}

.title_recent-post-autograf {
    font-size: 25px;
    color: var(--mainColor);
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 30px;
}

.the-date-recent-post {
    color: var(--mainColor);
}

.header-recent-post {
    position: relative;
    margin-bottom: 10px;
}

.the-date-recent-post {
    position: absolute;
    top: 7px;
    left: 7px;
    padding: 7px 20px;
    background: #fff;
    color: #000;
    font-size: 13px;
    font-weight: 600;
    line-height: 19px;
    text-transform: uppercase;
}

.category-recent-post a {
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    color: #959595;
}

.title_box_row6 a {
    color: var(--mainColor);
    font-size: 25px;
    font-weight: 600;
    line-height: 32px;
}

.comment-respond>*:last-child.comment-form {
    margin-bottom: 0 !important;
}

.read-more-recent-post a {
    color: var(--mainColor);
    text-transform: uppercase;
    font-size: 13px;
    line-height: 32px;
}

.autograf-blog-page-title-article {
    min-height: 65px;
}

.title_box_row6 {
    min-height: 105px;
}

.site-content {
    background: #f2f2f2;
}

footer .col2-footer p {
    margin-bottom: 0;
    font-size: 12px;
    color: var(--mainColor);
    padding: 20px 0;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    outline: none !important;
    text-decoration: none !important;
    /*background:transparent!important;*/
    text-decoration-skip-ink: none !important;
}

.first-content-single-post p {
    max-width: unset !important;
    color: var(--mainColor);
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    margin: 0 !important;
}

.first-content-single-post p br,
.row-single-post .entry-content p br {
    display: none !important;
}

.type-post .by_autohor {
    margin-bottom: 50px;
}

.comment-form>p:first-of-type {
    margin-bottom: 40px;
}

#commentform {
    display: flex;
    flex-wrap: wrap;
}

#commentform>.comment_notes {
    order: 1;
    color: var(--mainColor);
}

#commentform>.wpcomment-wrapper {
    order: 3;
}

#commentform>.comment-form-comment {
    order: 2;
}

#commentform>.form-submit {
    order: 4;
}

.entry-title a {
    color: var(--mainColor);
    transition: 300ms;
}

.entry-title a:hover {
    color: var(--secondColor);
}

.category-recent-post {
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    color: #959595;
}

.category-recent-post span:last-child {
    display: none;
}

.site-branding {
    margin-top: 0;
}

header {
    padding: 18px 0;
}

.product-slider {
    width: 100%;
    display: inline-block;
    max-width: 100% !important;
    min-width: 100% !important;
}

.product-slider .product-list {
    display: inline-block;
    width: 25%;
    padding: 1%;
    vertical-align: top;
}

.product-slider .product-list a {
    width: 100%;
    display: inline-block;
}

.product-slider .product-list a {
    width: 100%;
    display: inline-block;
}

.product-slider .product-list h3 {
    font-size: 16px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    height: 65px;
    overflow: hidden;
    padding: 0 10px;
}

.product-slider .product-list .priceinfo {
    text-align: center;
}

.product-slider .product-list .priceinfo span {
    font-size: 16px;
    text-align: center;
}

.product-slider .product-list .butonvezidetalii {
    background: #73a530 !important;
    border-radius: 25px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 10px;
    margin-top: 10px;
    position: relative;
}

.product-slider .product-list .butonvezidetalii::before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    top: calc(50% - 15px);
    font-weight: 600;
    right: 5px;
    background-image: url(https://www.vectordirect.ro/blog/wp-content/uploads/2022/08/Path-18-1.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    background-color: #ECBE31;
    color: #73A530;
}

.sidebar-autograf h2.sidebar-title {
    margin: 15px 0 !important;
    width: auto !important;
    max-width: unset !important;
    font-size: 30px !important;
    margin-top: 0 !important;

}

main article:first-child .thumbnail-post-autograf {
    width: 100%;
    height: 630px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    transition: 500ms;
}

main article .thumbnail-post-autograf {
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    transition: 500ms;
    margin: 0 !important;
}

main article .entry-header {
    padding: 0 !important;
}

main article {
    width: 48%;
    margin-top: 0 !important;
}

main article:first-child {
    width: 100%;
}

.blog main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.autograf-category-ex a,
.autograf-category-ex {
    font-size: 13px;
    font-weight: 400;
    color: var(--mainColor);
    text-transform: uppercase;
    text-decoration: none;
    line-height: 32px;
    transition: 300ms;
}

.pagination,
.comments-pagination {
    width: 100%;
    border-top: 2px solid #DFDFDF !important;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    outline: unset !important;
    text-decoration: unset !important;
    text-decoration-skip-ink: unset !important;
    background: initial !important;
}

.customh2 {
    margin: 15px 0 !important;
    width: auto !important;
    max-width: unset !important;
    font-size: 30px !important;
}

.product-list-articol {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    font-weight: 600;
    color: #666;
    margin-top: 10px;
}

.type-post .by_autohor {
    margin-bottom: 20px;
    font-size: 15px;
    width: auto;
    display: inline-block;
    margin-top: 0;
    font-weight: 400;
    color: var(--mainColor);
}

.type-post .data-articol {
    margin-bottom: 20px;
    font-size: 15px;
    width: auto;
    display: inline-block;
    margin-top: 0;
    padding-left: 40px;
    font-weight: 400;
    color: var(--mainColor);
}

@media only screen and (max-width: 1024px) {
    .product-slider {
        overflow: auto;
    }

    .product-slider-wrapper {
        width: 900px;
        padding-bottom: 20px;
    }

    .product-slider .product-list {
        display: inline-block;
        width: 23%;
        padding: 1%;
        vertical-align: top;
    }

    .product-slider .product-list a {
        width: 100%;
        display: inline-block;
    }

    .header-autograf>.row-header>.col-header:last-child a {
        margin-right: 20px;
    }

    .header-autograf>.row-header>.col-header:first-child>p {
        display: none;
    }

    #primary {
        flex-direction: column-reverse;
    }

    #primary .sidebar-autograf {
        width: 100%;
    }

    .autograf-header-button span {
        display: none;
    }

    .alm-listing>article:first-child .thumbnail-post-autograf,
    .alm-listing>article .thumbnail-post-autograf {
        height: 245px;
    }

    .alm-listing>article {
        width: 100%;
    }

    #primary main {
        width: 100%;
    }

    #primary {
        padding: 0 20px;
    }

    .header-autograf>.row-header {
        padding: 0 20px;
    }

    .header-autograf>.row-header>.col-header:first-child .site-logo {
        margin: 0;
        padding-top: 0;
    }

    .header-autograf>.row-header>.col-header:first-child .site-logo img {
        max-width: 176px;
        max-height: unset;
    }

    #masthead::before {
        top: -30px;
    }

    header .site-logo {
        position: initial !important;
    }

    header .site-branding {
        margin-right: 0 !important;
    }

    header {
        padding: 11px 0 15px 0 !important;
    }

    .header-autograf>.row-header>.col-header:last-child a {
        font-size: 9px;
        padding: 5px 38px 5px 30px;
    }

    .sidebar-autograf .widget-content {
        margin-bottom: 62px;
    }

    .sidebar-autograf nav {
        overflow: auto;
    }

    .sidebar-autograf nav .tagcloud {
        display: flex;
        align-items: center;
    }

    .sidebar-autograf .widget-content {
        margin-bottom: 50px;
    }

    .sidebar-autograf .widget-title {
        margin-bottom: 43px;
    }

    .blog .entry-header,
    .archive .entry-header {
        margin-bottom: 23px;
    }

    .blog article,
    .archive article {
        margin-bottom: 56px;
    }

    .footer-autograf .row-footer:nth-child(1)>.col-footer:first-child {
        display: none;
    }

    .footer-autograf .row-footer>.col-footer:last-child {
        width: 100%;
        display: flex;
        justify-content: space-around;
    }

    footer {
        padding: 0 20px;
    }

    .footer-autograf .row-footer:nth-child(2)>.col-footer:last-child {
        display: none;
    }

    .back-history-autograf {
        display: none;
    }

    .single-post footer {
        background: #f2f2f2;
    }

    .row-single-post {
        flex-direction: column-reverse;
    }

    .first-col-single,
    .last-col-single {
        width: 100%;
    }

    article .row-single-post .first-col-single {
        flex-direction: row;
        justify-content: space-around;
    }

    .single-post #comments {
        width: 100%;
        margin-top: 66px !important;
        margin-bottom: 50px;
    }

    .alm-load-more-btn.more {
        width: 100% !important;
        padding: 0 !important;
    }

    .image-single-post {
        height: 247px;
    }

    .single-post #comments input[type="submit"] {
        width: 100%;
    }

    .row-header-sigle-post {
        flex-direction: column;
    }

    .autograf-recent-post .row-autograf-recent-post {
        width: 100%;
    }

    .autograf-recent-post {
        justify-content: flex-start;
    }

    .autograf-recent-post {
        display: none;
    }

    .post-thumbnail,
    .entry-content .wp-audio-shortcode,
    .entry-content>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
    *[class*=inner-container]>*:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
    .default-max-width {
        max-width: unset;
    }

    #masthead {
        position: fixed;
        top: 0;
        width: 100%;
        background: #fff;
        z-index: 999;
    }

    .header-autograf>.row-header>.col-header:last-child a {
        border: none;
    }

    .header-autograf>.row-header>.col-header:last-child a:hover {
        background: transparent;
        color: transparent;
    }

    .header-autograf>.row-header>.col-header:last-child a:hover::before {
        background-color: var(--secondColor);
        color: #fff;
    }

    .site-content {
        padding-top: 100px;
    }
}

table tr,
table td {
    vertical-align: initial !important;
}

.post-thumbnail,
.entry-content .wp-audio-shortcode,
.entry-content>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
*[class*=inner-container]>*:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
.default-max-width {
    max-width: unset !important;
}

.row-single-post .entry-content span {
    max-width: unset !important;
    color: var(--mainColor);
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin: 20px 0 !important;
}

.wp-pagenavi {
    margin-top: 10px !important;
}

.wp-pagenavi span.current {
    font-weight: 600;
}

/* Modificari din gutuie in vector */
.header-autograf > .row-header > .col-header:last-child a{
    border: 1px solid #D8D8D8 !important;
    border-radius: 3px !important;
}
.site-logo .custom-logo{
    max-width: 180px!important;
}
.facebook-icon-share::after{
    background-image:url(https://www.vectordirect.ro/blog/wp-content/uploads/2023/10/facebook_icon.svg);
}
.instagram-icon-share::after{
    background-image:url(https://www.vectordirect.ro/blog/wp-content/uploads/2023/10/Path-117.svg);
}
.twitter-icon-share::after{
    background-image:url(https://www.vectordirect.ro/blog/wp-content/uploads/2023/10/twitter_icon.svg);
}
.single-post .entry-title{
    font-size: 25px!important;
}
.header-autograf > .row-header > .col-header:last-child a {
    padding: 13px 68px 13px 54px;
    background: #fff;
    color: var(--secondColor);
    border: 1px solid var(--secondColor);
    border-radius: 40px;
    font-size: 14px;
    line-height: 15px;
    text-decoration: none;
    position: relative;
    transition: 300ms;
}

.header-autograf > .row-header > .col-header:last-child a:hover {
    background: var(--secondColor);;
    color: #fff;
}

.header-autograf > .row-header > .col-header:last-child a::before {
    content: '';
    color: #fff;
    position: absolute;
    top: calc(50% - 15px);
    right: 5px;
    width: 30px;
    height: 30px;
    background-color: var(--secondColor);;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 12px;
    font-size: 12px;
    font-weight: 600;
    padding-bottom: 3px;
    padding-left: 3px;
    transition: 300ms;
    background-image: url(https://www.vectordirect.ro/blog/wp-content/uploads/2023/10/Path-18.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center center;
}
.header-autograf > .row-header > .col-header:first-child > p{
    color: var(--secondColor);
    font-size: 22px;
}
/* Final modificari din gutuie in vector */

.site-main > article > *, .site-main > .not-found > *, .entry-content > *, [class*=inner-container] > *, .wp-block-template-part > *, .wp-block-post-template :where(li > *){
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	font-size: 16px;
}
.widget-title-custom{
	font-size: 22px !important;
}
#moove_gdpr_cookie_info_bar{
    width: 100vw!important;
    height: 100vh!important;
    position: fixed!important;
    top: 0!important;
    left: 0!important;
    max-height: unset!important;
    background: rgba(0, 0, 0, .3)!important;
    display: flex;
    justify-content: center!important;
    align-items: center!important;
}
.moove-gdpr-info-bar-container{
    position: relative!important;
    display: inline-block!important;
    text-align: left!important;
    background: #fff!important;
    padding: 20px!important;
    color: #000!important;
    max-width: 300px!important;
    -webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, .2)!important;
    -moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, .2)!important;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, .2)!important;
    -webkit-border-radius: 8px!important;
    -moz-border-radius: 8px!important;
    -ms-border-radius: 8px!important;
    -o-border-radius: 8px!important;
    border-radius: 8px!important;
    background-clip: padding-box!important;
    max-width: 640px!important;
    background: #ffffff!important;
    color: #000000!important;
    -webkit-border-radius: 8px!important;
    -moz-border-radius: 8px!important;
    -ms-border-radius: 8px!important;
    -o-border-radius: 8px!important;
    border-radius: 8px!important;
}
.moove-gdpr-cookie-notice p{
    color:#000!important;
}
.moove-gdpr-info-bar-content{
    flex-direction: column!important;
    align-items: flex-start!important;
    padding:0!important;
}
.moove-gdpr-button-holder{
    padding:0!important;
}
.mgbutton.moove-gdpr-infobar-allow-all{
    margin-top: 20px!important;
    margin-left: 0!important;
    padding: 5px 10px!important;
    border: 1px solid #ee1301!important;
    margin-right: 5px!important;
    width: 139px!important;
    text-align: center!important;
    color: #fff!important;
    font-weight: 600!important;
    font-size: 1.3rem!important;
    border-radius: 0!important;
    background-color:#ee1301!important;
    width:auto!important;
    padding: 7px 19px!important;
    border: 1px solid #ee1301!important;
    margin-right: 5px!important;
    text-align: center!important;
    font-weight: 700!important;
    font-size: 13px!important;
    text-transform: uppercase!important;
    line-height: initial!important;
    margin-bottom: 0!important;
}
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover{
    border: 1px solid #ee1301!important;
    margin-right: 5px!important;
    width: 139px!important;
    text-align: center!important;
    color: #fff!important;
    font-weight: 600!important;
    font-size: 1.3rem!important;
    border-radius: 0!important;
    background-color:#ee1301!important;
    width:auto!important;
    padding: 7px 19px!important;
    border: 1px solid #ee1301!important;
    margin-right: 5px!important;
    text-align: center!important;
    font-weight: 700!important;
    font-size: 13px!important;
    text-decoration:underline!important;

}
.wrp-cs{
    display: flex;
    column-gap: 15px;
    position: absolute;
    left: 165px;
    bottom: 20px;
}
.hcb{
    padding:5px!important;
}
p.hcb{
    font-size: 15px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
}

#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .btn-stg-cookie button{
    padding: 7px 19px;
    border: 1px solid #ee1301;
    margin-right: 5px;
    width: 139px;
    text-align: center;
    color: #ee1301;
    width: auto !important;
    font-size: 14px !important;
    text-decoration: unset;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    line-height: initial !important;
    font-size: 13px !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p{
    font-weight:500!important;
}
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .btn-conf a{
    text-decoration: unset;
    font-size: 13px;
    font-weight: 500;
    color: #000 !important;
    vertical-align:top;
    padding-top: 3px;
    display: inline-block;
}
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .btn-stg-cookie button:hover{
    text-decoration:underline!important;
}

.moove-gdpr-cookie-notice a{
    color: #8e8e8e!important;
    text-decoration:unset!important;
}
.moove-gdpr-cookie-notice a:hover{
    text-decoration:underline!important;
}


.hcb + p{
    padding:5px!important;
    font-size: 15px !important;
    line-height: 22px !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .btn-stg-cookie button{
    font-weight: 700 !important;
}
#moove_gdpr_cookie_info_bar p,
#moove_gdpr_cookie_info_bar *{
    font-family: 'Segoe UI', sans-serif!important;
}
@media only screen and (max-width: 640px) {
   .wrp-cs{
       bottom: 20px!important;
       flex-direction: column!important;
       justify-content: center!important;
       align-items: center!important;
       width: 100%!important;
       left: 0!important;
       row-gap:10px;
   }
    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container{
        padding-bottom: 97px !important;
    }
    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder{
        justify-content: center!important;
    }
    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton{
        width:100%!important;
    }
    .btn-conf{
        line-height:normal;
    }
    div.btn-stg-cookie{
        width:calc(100% - 40px)!important;
    }
    #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .btn-stg-cookie button{
        width:100%!important;
    }
    .hcb + p{
        font-size:14px!important;
    }
    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton{
        margin-top:7px!important;
    }
    #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover{
        width:100%!important;
    }
}