@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,300&display=swap');
.node--type-article {
    --main-color: #007CFF;
    --tab-color: #f2f5f9;
    --quote_text-color: #007CFF;
    /* --quote_like-color: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(89, 190, 129, 0.4) 0%, rgba(156, 238, 62, 0.4) 100%); */
    --quote_notes-color1: linear-gradient(90deg, #FFD200 0%, #F7971E 100%);
    --quote_notes-color2: linear-gradient(90deg, #00C6FF 0%, #0072FF 100%);;
    /* --quote_dislike-color: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(253, 84, 84, 0.4) 0%, rgba(241, 164, 76, 0.4) 100%); */
    /* --quote_dislike-price: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(100, 166, 241, 0.4) 0%, rgba(106, 182, 233, 0.4) 100%); */
}
.node--type-article ol {counter-reset: num;margin-left: 2rem;}
.node--type-article ol li {position: relative;margin: 0 0 0 0;padding: 0 0 10px 0;}
.node--type-article ol li::marker {color: var(--quote_text-color);}

.node--type-article *{font-family: Montserrat,Arial,"Helvetica Neue",Helvetica,sans-serif;font-size: 16px;}
.node--type-article a {background-color: transparent;text-decoration: none;outline: 0;transition: .25s ease;color: #000;font-weight: 400;}
.node--type-article h2 {margin:0;margin-bottom:0;padding:0;border:0;font-weight: 700;}
.node--type-article img {height:auto;max-width:100%;-o-object-fit:contain;object-fit:contain;border-style:none;}

.node--type-article {display:flex;justify-content:space-between;margin:0 auto;max-width:1120px;}
.node--type-article .article_body {width:100%;}
.node--type-article .article_body h1 {font-size:28px;font-weight:700;margin:2% 0 2% 0;line-height: 1.5;}

.node--type-article .article_img {position:relative;margin-bottom:4%;}
.node--type-article .article_img img {width:100%;}

.node--type-article .article_info {display:flex;font-size: 14px;padding-bottom: 4%;margin-bottom: 4%;justify-content: space-between;border-bottom: 3px solid #f2f2f2;}
.node--type-article .article_info_entry {position: relative;padding-left: 40px;}

.node--type-article .entry_head {color: #868686;}
.node--type-article .entry_body {font-weight: 700;}
.node--type-article .entry_head::before {content: "";position: absolute;left: 0;background-size: cover;height: 30px;width: 30px;top: 15%;}
.node--type-article .entry_author::before{background-image: url('../img/icons/article/writer.png');}
.node--type-article .entry_time::before {background-image: url('../img/icons/article/back-in-time.png');}
.node--type-article .entry_views::before{background-image: url('../img/icons/article/view.png');}
.node--type-article .entry_date::before{background-image: url('../img/icons/article/calendar.png');}

.node--type-article .article_content p {margin-bottom: 1.6%;}
.node--type-article .article-img {margin-bottom: 1.6%;}
.node--type-article .article_content h3, .node--type-article .article_content h2,.node--type-article .article_tab h2{font-size: 24px;margin-bottom: 1.2%;}
.node--type-article .article_tab {background: var(--tab-color);padding: 16px 30px;margin-bottom: 4%;}
.node--type-article .article_tab_header {margin-bottom: 1.4%;font-weight: 700;font-size: 1.1em;}
.node--type-article .article_tab ol li a{cursor: pointer;}
.node--type-article .article_tab ol li a:hover{color: var(--main-color);}

.node--type-article .article_galary{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap:10px;margin-bottom: 2%;justify-content: center;align-items: center;}
.node--type-article .article_galary div img{cursor: pointer;max-width: 100%;}

.node--type-article .article_content_quote {position:relative;padding:2%;margin-bottom:4%;border-radius: 0 12px 0 12px;box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);}
.node--type-article .quote_notes {display: flex;}
.node--type-article .quote_notes-color1{background: var(--quote_notes-color1);}
.node--type-article .quote_notes-color2{background: var(--quote_notes-color2);}
.node--type-article .quote_notes-img {margin-right: 2%;width: 5%;}
.node--type-article .quote_notes-img img {width: 100%;height: 100%;}
.node--type-article .quote_notes p {width: 95%;}
.node--type-article .quote_img {position: absolute;width: 100%;height: 100%;z-index: -100;filter: blur(4px);top: 0;left: 0;z-index: -10;}
.node--type-article .article_content_quote p {margin-bottom: 2%;font-weight: 700;}

.node--type-article .modal {opacity: 0;position: fixed;top: 0;left: 0;width: 100%;  height: 100%;background: rgba(0, 0, 0, .6);backdrop-filter: blur(3px);z-index: -1;transition: .2s all ease-in-out;}
.node--type-article .openModal {opacity: 1;z-index: 100;}
.node--type-article .modal_img {position: absolute;width: 100%;height: 100%;text-align: center;padding: 20px;}
.node--type-article .modal_img img {height: 94%;transform: translateY(calc(3%));}

@media (max-width: 991px) {
    .article_body {margin: 0 auto;width: 80%;}
    .article_body h1 {line-height: 1.2;font-size: 2.4;}
    .article_sidebar {display: none;}
}
@media (max-width: 767px) {
    .article_body {width: 92%;}
    .article_info  {flex-wrap: wrap;}
    .article_info_entry {width: 50%;margin-bottom: 2%;}
    .quote_img img {height: 20%;top: 6%;right: 4%;}
}
@media (max-width: 576px) {
    .article_body {width: 100%;}
    .article_galary{grid-template-columns: 1fr;}
}