.ova_sev_list_file.two_column .ova-list-attachment { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; } @media (max-width: 767px) { .ova_sev_list_file.two_column .ova-list-attachment { grid-template-columns: 1fr; } } .ova_sev_list_file.two_column .ova-list-attachment li:not(:last-child) { margin-bottom: 0px; } .ova_sev_list_file .ova-list-attachment { list-style-type: none; padding: 0; } .ova_sev_list_file .ova-list-attachment li { flex: 0 0 100%; display: flex; border: 2px solid #e8e8e8; padding: 21px 28px 15px 28px; border-radius: 2px; } .ova_sev_list_file .ova-list-attachment li:not(:last-child) { margin-bottom: 20px; } .ova_sev_list_file .ova-list-attachment li .icon-attachment { flex: 0 0 44px; } .ova_sev_list_file .ova-list-attachment li .icon-attachment i { display: inline-block; line-height: 1; } .ova_sev_list_file .ova-list-attachment li .icon-attachment i:before { margin: 0; font-size: 30px; color: #62718d; } .ova_sev_list_file .ova-list-attachment li .ova-file-name-size { flex: 0 0 calc(100% - 144px); margin-top: -4px; } .ova_sev_list_file .ova-list-attachment li .ova-file-name-size .ova-file-name { display: block; } .ova_sev_list_file .ova-list-attachment li .ova-file-name-size .ova-file-name a { display: block; font-size: 17px; line-height: 20px; color: #202b5d; word-break: break-all; } .ova_sev_list_file .ova-list-attachment li .ova-file-name-size .ova-file-size { display: block; font-size: 15px; color: #62718d; text-transform: capitalize; } .ova_sev_wrap { display: flex; flex-wrap: wrap; padding: 0 10px; width: 100%; margin-bottom: 40px; } @media (max-width: 767px) { .ova_sev_wrap { padding: 0 20px; } } .ova_sev_wrap .ova-sev-sidebar { max-width: 317px; flex: 0 0 317px; } .ova_sev_wrap .ova-sev-sidebar .ova_info { position: sticky; top: 150px; left: 0; margin-bottom: 70px; } @media (max-width: 1024px) { .ova_sev_wrap .ova-sev-sidebar .ova_info { position: relative; top: 0; left: 0; } } .ova_sev_wrap .ova-sev-sidebar .ova_info .ova-list-sev { background: #f2f2f2; padding: 26px 20px 43px 20px; margin-bottom: 50px; } .ova_sev_wrap .ova-sev-sidebar .ova_info .ova-list-sev .title-list-sev { font-size: 24px; line-height: 1.2; font-weight: 600; color: #202b5d; margin: 0 0 16px 0; } .ova_sev_wrap .ova-sev-sidebar .ova_info .ova-list-sev .title-list-sev a { font-size: 24px; line-height: 1.2; font-weight: 600; color: #202b5d; } .ova_sev_wrap .ova-sev-sidebar .ova_info .ova-list-sev .title-list-sev a svg { width: 20px; margin-right: -2px; } .ova_sev_wrap .ova-sev-sidebar .ova_info .ova-list-sev ul { list-style-type: none; padding: 0; margin: 0; } .ova_sev_wrap .ova-sev-sidebar .ova_info .ova-list-sev ul li { padding: 0; position: relative; } .ova_sev_wrap .ova-sev-sidebar .ova_info .ova-list-sev ul li:before { position: absolute; top: -1px; left: 0; content: ''; width: 100%; height: 1px; background: #fff; opacity: 0; } .ova_sev_wrap .ova-sev-sidebar .ova_info .ova-list-sev ul li:not(:last-child) { border-bottom: 1px solid #e5e5e5; } .ova_sev_wrap .ova-sev-sidebar .ova_info .ova-list-sev ul li.active, .ova_sev_wrap .ova-sev-sidebar .ova_info .ova-list-sev ul li:hover { background: #fff; border-color: #fff; box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.05); } .ova_sev_wrap .ova-sev-sidebar .ova_info .ova-list-sev ul li.active:before, .ova_sev_wrap .ova-sev-sidebar .ova_info .ova-list-sev ul li:hover:before { opacity: 1; } .ova_sev_wrap .ova-sev-sidebar .ova_info .ova-list-sev ul li a { font-size: 18px; line-height: 1.2; color: #202b5d; padding: 14px 10px 14px 10px; display: block; } .ova_sev_wrap .ova-sev-sidebar .ova_info .sev-file-sidebar { display: flex; flex-wrap: wrap; border: 2px solid #e8e8e8; padding: 20px 15px 16px 28px; margin-bottom: 50px; } .ova_sev_wrap .ova-sev-sidebar .ova_info .sev-file-sidebar .icon-attachment { flex: 0 0 42px; } .ova_sev_wrap .ova-sev-sidebar .ova_info .sev-file-sidebar .icon-attachment i { display: inline-block; line-height: 1; } .ova_sev_wrap .ova-sev-sidebar .ova_info .sev-file-sidebar .icon-attachment i:before { margin: 0; font-size: 30px; color: #62718d; } .ova_sev_wrap .ova-sev-sidebar .ova_info .sev-file-sidebar .ova-file-name-size { flex: 0 0 calc(100% - 42px); margin-top: -2px; } .ova_sev_wrap .ova-sev-sidebar .ova_info .sev-file-sidebar .ova-file-name-size .ova-file-name { display: block; margin-bottom: 7px; font-size: 17px; color: #202b5d; line-height: 20px; } .ova_sev_wrap .ova-sev-sidebar .ova_info .sev-file-sidebar .ova-file-name-size .ova-file-name a { font-size: 17px; color: #202b5d; word-break: break-all; } .ova_sev_wrap .ova-sev-sidebar .ova_info .sev-file-sidebar .ova-file-name-size .ova-file-size { display: block; font-size: 15px; line-height: 1.2; color: #62718d; } .ova_sev_wrap .ova-sev-sidebar .ova_info .sev-file-sidebar .ova-file-name-size .ova-file-size .type { text-transform: uppercase; } .ova_sev_wrap .ova_sev_content { width: calc(100% - 317px); padding-right: 80px; } @media (max-width: 1024px) { .ova_sev_wrap .ova_sev_content { width: 100%; padding-right: 0px; } } .ova_sev_wrap .ova_sev_content .sev-title { font-size: 30px; line-height: 1.2; letter-spacing: 0.2px; color: #202b5d; font-weight: 600; margin: 0 0 5px 0; } .ova_sev_wrap .ova_sev_content .sev-meta { margin-bottom: 10px; } .ova_sev_wrap .ova_sev_content .sev-meta .sev-meta-general { font-size: 16px; line-height: 26px; color: #62718d; } .ova_sev_wrap .ova_sev_content .sev-meta .sev-categories .cat-sev a { font-size: 16px; line-height: 26px; color: #202b5d; } .ova_sev_wrap .ova_sev_content .share_social { padding-top: 55px; border-top: none; border-bottom: 1px solid #eeeeee; padding-bottom: 24px; margin-bottom: 4px; } .archive_sev { padding: 0 15px; } @media (max-width: 767px) { .archive_sev { padding: 0 20px; } } .archive_sev.two_column .content .items { width: 50%; } @media (max-width: 767px) { .archive_sev.two_column .content .items { width: 100%; } } .archive_sev.three_column .content .items { width: 33.33%; } @media (max-width: 991px) { .archive_sev.three_column .content .items { width: 50%; } } @media (max-width: 767px) { .archive_sev.three_column .content .items { width: 100%; } } .archive_sev.four_column .content .items { width: 25%; } @media (max-width: 1024px) { .archive_sev.four_column .content .items { width: 25%; } } @media (max-width: 991px) { .archive_sev.four_column .content .items { width: 50%; } } @media (max-width: 767px) { .archive_sev.four_column .content .items { width: 100%; } } .archive_sev .content { margin: 0 -15px; width: 100%; } .archive_sev .content .wp-content { display: flex; flex-wrap: wrap; } .archive_sev .items { padding: 0 15px; margin-bottom: 30px; } .archive_sev .items .wp-items { padding: 40px 30px 43px 30px; border: 1px solid #e8e8e8; position: relative; overflow: hidden; transition: 0.4s; min-height: 188px; } .archive_sev .items .wp-items:hover { box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.1); padding: 40px 30px 62px 30px; } .archive_sev .items .wp-items:hover .content-sub { display: block; } .archive_sev .items .wp-items:hover .icon { top: -67px; margin: 0; opacity: 0; } .archive_sev .items .wp-items:hover .title { top: -67px; } .archive_sev .items .wp-items:hover .content-sub { top: calc(100% - 118px); opacity: 1; } .archive_sev .items .wp-items:hover .icon-hide { bottom: -3px; } .archive_sev .items .icon { margin-bottom: 21px; position: relative; top: 0; opacity: 1; transition: 0.4s; } .archive_sev .items .icon span { display: inline-block; line-height: 1; } .archive_sev .items .icon span:before { margin: 0; font-size: 50px; display: inline-block; } .archive_sev .items .title { margin: 0; font-size: 24px; line-height: 30px; color: #202b5d; font-weight: 500; position: relative; top: 0; transition: 0.4s; } .archive_sev .items .title a { font-size: 24px; line-height: 30px; color: #202b5d; font-weight: 500; } .archive_sev .items .content-sub { opacity: 0; top: 100%; left: 0px; position: absolute; padding: 0px 30px; transition: 0.4s; } .archive_sev .items .content-sub .excerpt { margin: 0; font-size: 17px; line-height: 24px; margin-bottom: 16px; } .archive_sev .items .content-sub .readmore { font-size: 16px; line-height: 26px; letter-spacing: 0.2px; font-weight: 400; color: #0067da; } .archive_sev .items .content-sub .readmore svg { width: 18px; } .archive_sev .items .icon-hide { position: absolute; right: 45px; bottom: -70px; transition: 0.4s; } .archive_sev .items .icon-hide span:before { margin: 0; font-size: 70px; color: rgba(32, 43, 93, 0.1); } .archive_sev .blog_pagination { margin: 40px 0 70px 0; width: 100%; } .ova_list_sev.two_column .content { grid-template-columns: 1fr 1fr; } .ova_list_sev .content { display: grid; grid-gap: 30px; } .ova_list_sev .content .items { padding: 40px 30px 43px 30px; border: 1px solid #e8e8e8; position: relative; overflow: hidden; } .ova_list_sev .content .items:hover { box-shadow: 10px 0 40px rgba(6, 22, 58, 0.1); } .ova_list_sev .content .items:hover .sev-content-sub { display: block; } .ova_list_sev .content .items:hover .icon-sev { top: -67px; margin: 0; opacity: 0; } .ova_list_sev .content .items:hover .title-sev { top: -67px; } .ova_list_sev .content .items:hover .sev-content-sub { top: calc(100% - 117px); opacity: 1; } .ova_list_sev .content .items:hover .icon-sev-hide { bottom: -3px; } .ova_list_sev .content .icon-sev { margin-bottom: 21px; position: relative; top: 0; opacity: 1; transition: 0.4s; } .ova_list_sev .content .icon-sev span { display: inline-block; line-height: 1; } .ova_list_sev .content .icon-sev span:before { margin: 0; font-size: 50px; display: inline-block; } .ova_list_sev .content .title-sev { margin: 0; font-size: 24px; line-height: 30px; color: #202b5d; font-weight: 500; position: relative; top: 0; transition: 0.4s; } .ova_list_sev .content .title-sev a { font-size: 24px; line-height: 30px; color: #202b5d; font-weight: 500; } .ova_list_sev .content .sev-content-sub { opacity: 0; top: 100%; left: 0px; position: absolute; padding: 0px 30px; transition: 0.4s; } .ova_list_sev .content .sev-content-sub .sev-excerpt { margin: 0; font-size: 17px; line-height: 24px; margin-bottom: 16px; } .ova_list_sev .content .sev-content-sub .sev-readmore { font-size: 16px; line-height: 26px; letter-spacing: 0.2px; font-weight: 400; color: #0067da; } .ova_list_sev .content .sev-content-sub .sev-readmore svg { width: 18px; } .ova_list_sev .content .icon-sev-hide { position: absolute; right: 45px; bottom: -65px; transition: 0.4s; } .ova_list_sev .content .icon-sev-hide span:before { margin: 0; font-size: 60px; color: #202b5d; opacity: 0.1; }