.wp_automatic_gallery_main{
width:500px;
height:500px;
background-size:contain;
background-position:center;
background-repeat:no-repeat;
border:1px solid #eee;
margin-bottom:10px;	
max-width: 100%;
}
.wp_automatic_gallery_btn{
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
border: 1px solid #eee;
height: 80px;
width: 80px;
float:left;
cursor:pointer;
margin-right:1px;
}
.wp_automatic_gallery_btn:last-child{
clear:right;
}
.wp_automatic_fb_img{
margin-bottom:10px;
}
.wp_automatic_amazon_disclaimer{
text-decoration: underline;
cursor:default;
}
.wp_automatic_demo_btn{
-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
box-shadow:inset 0px 1px 0px 0px #f5978e;
background-color:#f24537;
-webkit-border-top-left-radius:0px;
-moz-border-radius-topleft:0px;
border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-moz-border-radius-topright:0px;
border-top-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-radius-bottomright:0px;
border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius-bottomleft:0px;
border-bottom-left-radius:0px;
text-indent:0;
border:1px solid #d02718;
display:inline-block;
color:#ffffff !important;
font-family:Arial;
font-size:15px;
font-weight:bold;
font-style:normal;
height:35px;
line-height:35px;
width:200px;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0px #810e05;
margin:20px 10px 20px 0;
}
.wp_automatic_demo_btn:hover{
background-color:#c62d1f;
text-decoration:none !important;
}
.wp_automatic_buy_btn{
margin:20px 10px 20px 0;
-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
box-shadow:inset 0px 1px 0px 0px #c1ed9c;
background-color:#9dce2c;
-webkit-border-top-left-radius:0px;
-moz-border-radius-topleft:0px;
border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-moz-border-radius-topright:0px;
border-top-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-radius-bottomright:0px;
border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius-bottomleft:0px;
border-bottom-left-radius:0px;
text-indent:0;
border:1px solid #83c41a;
display:inline-block;
color:#ffffff !important;
font-family:Arial;
font-size:15px;
font-weight:bold;
font-style:normal;
height:35px;
line-height:35px;
width:200px;
text-decoration:none !important;
text-align:center;
text-shadow:1px 1px 0px #689324;
}
.wp_automatic_buy_btn:hover{
background-color:#8cb82b;
text-decoration:none !important;
}:root {
--olivin_text_1: #778591;
--olivin_text_2: #4E5963;
--olivin_text_3: #b5b8b9;
--olivin_title: #212b37;
--olivin_border_1: #d9dae8;
--olivin_border_2: #3c3f4e;
--olivin_hover_1: ;
--olivin_box_shadow: rgba(0, 0, 0, 0.1) 0px 0px 24px -2px;
--olivin_14px: 14px;
--olivin_15px: 15px;
--olivin_16px: 16px;
--olivin_17px: 17px;
--olivin_18px: 18px;
--olivin_19px: 19px;
--olivin_20px: 20px;
--olivin_21px: 21px;
--olivin_22px: 22px;
--olivin_23px: 23px;
--olivin_24px: 24px;
--olivin_25px: 25px;
}
.screen-reader-text {
display: none;
}
* {
font-family: "Noto Sans", sans-serif;
}
html {
scroll-behavior: smooth;
font-size: 16px;
}
@media (max-width: 768px) {
html {
font-size: 15px;
}
}
[id] {
scroll-margin-top: 6.250rem;
}
body {
margin: 0;
background-color: var(--olivin_bg);
overflow-x: hidden;
}
main {
display: block;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
clear: both;
}
.wp-caption.aligncenter {
margin-left: auto;
margin-right: auto;
}
img.alignright {
float: right;
margin-left: 1em;
margin-bottom: 1em;
clear: both;
}
.wp-caption.alignright {
float: right;
margin-left: 1em;
margin-bottom: 1em;
}
img.alignleft {
float: left;
margin-right: 1em;
margin-bottom: 1em;
clear: both;
}
.wp-caption.alignleft {
float: left;
margin-right: 1em;
margin-bottom: 1em;
}
blockquote {
background-color: #8686861c;
border-radius: var(--olivin_radius);
margin: 0;
padding: 0.062rem 15px;
border-left: 6px solid var(--olivin_border_1);
}
blockquote p {
margin-bottom: 0;
}
.oli-breadcrumbs {
display: flex;
align-items: center;
gap: 7px;
font-size: 0.875rem;
}
.oli-breadcrumbs i {
font-size: 0.812rem;
}
.grid {
display: grid;
}
.oli-home-h1.h1-off {
display: none;
}
.h2-title {
font-size: 1.125rem;
font-weight: 600;
line-height: 20px;
}
.h3-title {
font-size: 1.062rem;
font-weight: 600;
line-height: 20px;
}
p,
li {
font-size: 1.0rem;
color: var(--olivin_text_1);
line-height: 1.7;
}
li {
list-style: circle;
}
.oli-single-social-buttons li,
header li,
footer li {
list-style: none;
}
.oli-text {
font-size: 0.875rem;
color: var(--olivin_text_1);
line-height: 1.4;
margin: 0;
}
a {
text-decoration: none;
color: var(--olivin_1);
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
outline: none;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
background-color: var(--olivin_1);
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
body,
button,
input,
select,
optgroup,
textarea {
color: var(--olivin_text_1);
font-size: 1rem;
line-height: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
color: var(--olivin_title);
margin: 0;
line-height: 1.4;
}
dfn,
cite,
em,
i {
font-style: italic;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
hr {
background-color: var(--olivin_border_1);
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul {
padding: 0;
margin: 0;
}
ol {
list-style: decimal;
}
li>ul,
li>ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
table {
width: 100%;
border-collapse: collapse;
margin: 1.250rem 0;
font-size: 1.0rem;
font-family: Arial, sans-serif;
text-align: left;
}
th {
background-color: rgb(224, 223, 233);
color: white;
font-weight: bold;
padding: 0.750rem;
border: 1px solid var(--olivin_border_1);
}
td {
padding: 0.625rem;
border: 1px solid var(--olivin_border_1);
}
tr:nth-child(even) {
background-color: #f6f7ff;
}
tr:hover {
background-color: #e9e9e9;
} a {
color: var(--olivin_1);
}
a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: var(--olivin_border_1);
border-radius: var(--olivin_radius);
background: #e6e6e6;
color: var(--olivin_text_2);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: var(--olivin_text_1);
border: 1px solid #ccc;
border-radius: var(--olivin_radius);
padding: 0.188rem;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: var(--olivin_text_2);
}
select {
border: 1px solid var(--olivin_border_1);
padding: 0.625rem;
width: 100%;
background-color: transparent;
border-radius: var(--olivin_radius);
}
select option {
color: var(--olivin_2);
}
textarea {
width: 100%;
} .comments-area {
max-width: 100%;
width: 100%;
overflow-wrap: break-word;
}
.comments-area img {
height: 40px;
width: 40px;
max-width: 100%;
object-fit: cover;
border-radius: 50%;
}
.comments-area .form-submit button[type="submit"] {
background-color: var(--olivin_1) !important;
}
.baslik-h2.yorum-yap {
padding: 0.938rem 0;
margin: 0 0 15px 0;
border-bottom: 1px solid var(--olivin_border_1);
}
.comment-respond h3 {
font-size: 1rem;
font-weight: 600;
}
.comment-notes {
margin-bottom: 1.250rem !important;
}
.comment-form-cookies-consent {
margin: 1.250rem 0 !important;
}
.comments-title {
position: relative;
font-size: 1em !important;
margin-bottom: .5em;
color: var(--olivin_title);
width: fit-content;
padding: 0.125rem 15px;
border-radius: var(--olivin_radius);
text-align: left;
font-weight: 600;
display: block;
width: 100%;
}
.comments-title::before {
position: absolute;
content: '';
top: 0;
left: 0;
background-color: var(--olivin_1);
width: 4px;
height: 100%;
transform: 50%, -50%;
border-radius: 50px;
}
.comment-list {
list-style: none !important;
padding: 0 !important;
}
.comment-list .comment {
position: relative;
border-bottom: 1px solid var(--olivin_border_1);
list-style: none;
}
.comment-list .comment .comment-form {
margin-bottom: 1.250rem;
}
.comment-list .comment-body:hover.comment-body:before {
background-color: var(--olivin_1);
}
.comment-list .comment:last-child {
margin-bottom: 1.250rem;
}
.comment-list .children {
margin-left: 1.250rem;
}
.comment-list .children .children {
margin-left: 0;
}
.comment-list .children li {
list-style: none;
border: none;
}
.comment-respond {
animation: slide-in-bottom .3s ease;
}
.comment-list #reply-title {
margin-top: 1.250rem;
}
.comment-body {
padding: 1.250rem 0;
transition: box-shadow 0.3s ease;
position: relative;
display: flex;
flex-direction: column;
border-radius: var(--olivin_radius);
}
.comment-meta {
display: flex;
align-items: center;
margin-bottom: 0;
border-radius: var(--olivin_radius);
width: 50%;
height: fit-content;
}
.comment-author-info {
margin-left: 0.938rem;
}
.comment-author-info cite {
font-size: 0.938rem;
}
.comment-author .avatar {
border-radius: 50%;
}
.comment-author .fn {
font-weight: 600;
color: #333;
}
.comment-metadata {
font-size: 0.625rem;
color: var(--olivin_text_1);
}
.comment-content {
margin-top: 0;
line-height: 1.6;
overflow-wrap: break-word;
width: 100%;
}
.comment-content p {
margin: 0.938rem 0 0 0;
font-size: 0.875rem;
}
.comment-form .logged-in-as {
font-size: 0.875rem;
color: var(--olivin_text_2);
}
.comment-edit-link {
font-size: 0.750rem;
position: absolute;
color: var(--olivin_1);
right: 10px;
bottom: 10px;
}
.comment-actions {
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
top: 20px;
right: 20px;
}
.reply .comment-reply-link,
.like-button {
display: inline-block;
color: var(--olivin_1);
text-decoration: none;
font-size: 0.875rem;
transition: color 0.3s ease;
}
.reply .comment-reply-link:hover,
.like-button:hover {
color: var(--olivin_2);
}
.like-button {
background: none;
border: none;
color: #333;
cursor: pointer;
}
.like-icon {
margin-right: 0.5em;
}
.comment-form {
margin-top: 1em;
}
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url {
margin-bottom: 1.5em;
}
.comment-form-comment textarea {
max-width: 100%;
min-width: 100%;
resize: none;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
width: 100%;
padding: 0.8em;
border: 1px solid var(--olivin_border_1);
border-radius: var(--olivin_radius);
transition: border-color 0.3s ease;
}
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus {
border-color: #007bff;
outline: none;
}
.comment-form button {
background: #007bff;
color: #fff;
border: none;
padding: 0.8em 1.5em;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
border-radius: var(--olivin_radius);
transition: background-color 0.3s ease;
}
.comment-form button:hover {
background-color: #0056b3;
}
.half-width {
width: 48%;
float: left;
}
.comment-form-author {
margin-right: 4%;
}
#cancel-comment-reply-link {
color: white;
background-color: #ec0d0d;
font-weight: 500;
padding: 0.188rem 10px;
margin-left: 0.625rem;
border-radius: var(--olivin_radius_2);
}
.full-width {
clear: both;
}
@media (max-width: 768px) {
.comment-meta {
width: 100%;
gap: 10px;
}
.comment-content {
width: 100%;
}
.comment-content p {
font-size: 0.875rem;
}
.comment-author-info {
margin-left: 0;
}
.half-width {
width: 100%;
float: none;
}
.comment-form-author {
margin-right: 0;
}
} .comment-form-rating-wrap {
display: flex;
column-gap: .5rem;
justify-content: space-between;
align-items: center;
border: 1px solid var(--olivin_border_1);
border-radius: var(--olivin_radius);
padding: 0 1rem;
width: fit-content;
margin-bottom: 1rem;
max-width: 100%;
flex-wrap: wrap;
}
.comment.byuser .comment-form-rating-wrap {
display: none;
}
.comment-form-rating {
clear: both;
}
.comment-form-rating label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
.star-rating {
display: flex;
flex-direction: row-reverse;
justify-content: flex-start;
margin: 5px 0;
}
.star-rating input {
display: none;
}
.star-rating label {
cursor: pointer;
font-size: 1.5rem;
color: #ccc;
padding: 0 2px;
}
.star-rating label:before {
content: "★";
}
.star-rating input:checked~label {
color: #fd7a00;
}
.star-rating label:hover, .star-rating label:hover~label {
color: #fd7a00;
}
.comment-rating {
color: #fd7a00;
font-size: 18px;
margin-top: 5px;
}
.rating-error {
color: red;
display: none;
margin-top: 5px;
} .sticky {
display: block;
}
.post,
.page {
margin: 0;
}
.updated:not(.published) {
display: none;
}
.page-links {
clear: both;
} .oli-alert {
padding: 0.9rem 1rem;
border-radius: var(--olivin_radius);
display: flex;
align-items: center;
gap: 10px;
font-size: 0.9rem !important;
}
.oli-alert:not(:last-child) {
margin-bottom: 0.625rem;
}
.oli-alert.info {
color: #1E88E5;
background-color: #cce9ff;
}
.oli-alert.warning {
color: #b55900;
background-color: #ffdbb8;
}
.oli-alert.error,
.banned-user-profile-notification {
color: #d51e1e;
background-color: #ffd7dd;
}
.oli-alert.success {
color: #048e0b;
background-color: #c6ffca;
}
.oli-alert.normal {
color: var(--olivin_text_2);
background-color: #fff;
border: 1px solid var(--olivin_border_1);
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .oli-mobile-toggle-close,
.oli-mobile-toggle {
border-radius: var(--olivin_radius_2);
display: block;
font-weight: 700;
font-size: 1.562rem;
cursor: pointer;
background: transparent;
border: none;
padding: 0;
margin: 0;
color: #fff;
}
.oli-nav-menu-wrap.omt-active .oli-mobile-toggle-close {
color: var(--olivin_title);
}
.oli-mobile-toggle-close {
position: absolute;
top: 20px;
right: 20px;
}
.header-nav-sticky {
transition: top 0.3s ease;
z-index: 99;
}
.header-nav-sticky.sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
box-shadow: 0px 8px 20px -6px rgb(0 0 0 / 11%) !important;
z-index: 999;
} .navmenu {
display: flex;
align-items: center !important;
justify-content: flex-end;
} .nav-menu-item-subtext {
position: absolute;
top: -6px;
right: 0;
font-size: 0.750rem;
background-color: var(--olivin_5);
line-height: normal;
padding: 0 9px;
color: var(--olivin_title);
border-radius: var(--olivin_radius_2);
font-weight: 500;
}
.nav-menu-item-subtext:before {
content: '';
position: absolute;
left: 5px;
bottom: -8px;
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 10px solid var(--olivin_5);
transform: rotate(180deg);
}
@media (min-width: 1200px) {
.navmenu {
padding: 0;
}
.navmenu ul {
margin: 0;
padding: 0;
display: flex;
list-style: none;
align-items: center;
}
.navmenu li {
position: relative;
}
.navmenu ul:first-child>li:before {
position: absolute;
width: 5px;
height: 2px;
opacity: 0;
content: '';
background: var(--olivin_1);
border-radius: var(--olivin_radius);
bottom: 0;
right: 0;
transition: all .4s ease;
}
.navmenu ul:first-child>li:hover:before {
width: 100%;
opacity: 1;
}
.navmenu a,
.navmenu a:focus {
color: var(--olivin_text_2) !important;
padding: 0.938rem;
font-size: 0.938rem;
font-family: Noto Sans;
display: flex;
align-items: center;
justify-content: space-between;
white-space: nowrap;
transition: 0.3s;
font-weight: 500;
}
.navmenu a i,
.navmenu a:focus i {
font-size: 0.750rem;
line-height: 0;
margin-left: 0.5rem;
transition: 0.3s;
}
.navmenu .dropdown-toggle:hover i {
transform: rotate(180deg) !important;
}
.navmenu .active,
.navmenu .active:focus {
color: var(--olivin_text_2) !important;
}
.navmenu .dropdown ul {
margin: 0;
padding: 0.312rem 0;
background: #fff;
display: block;
position: absolute;
visibility: hidden;
left: 14px;
top: 130%;
opacity: 0;
transition: 0.3s;
z-index: 99;
box-shadow: 0px 0px 30px rgb(0 0 0 / 20%);
margin-top: 0.250rem;
border-radius: var(--olivin_radius);
margin-top: 1.250rem;
}
.dropdown-menu.depth_0::before {
content: '';
background: white;
top: -4px;
position: absolute;
left: 10px;
width: 15px;
height: 15px;
border-radius: 0 50px 50px 50px;
transform: rotate(45deg);
}
.dropdown-menu.depth_0::after {
content: '';
background: transparent;
top: -4px;
position: absolute;
right: 0;
width: 100%;
height: 15px;
border-radius: 0 50px 50px 50px;
}
.dropdown-menu a.dropdown-toggle {
color: #3e3f40 !important;
}
.navmenu .dropdown ul li {
min-width: 200px;
}
.navmenu .dropdown ul a {
padding: 0.5rem 19px;
font-size: 0.938rem;
text-transform: none;
color: var(--olivin_1);
}
.navmenu .dropdown ul a i {
font-size: 0.750rem;
}
.navmenu .dropdown ul a:hover,
.navmenu .dropdown ul .active:hover,
.navmenu .dropdown ul li:hover>a {
color: var(--olivin_1) !important;
}
.navmenu .dropdown:hover>ul {
opacity: 1;
top: 100%;
visibility: visible;
}
.navmenu .dropdown .dropdown ul {
top: 0;
left: -90%;
visibility: hidden;
}
.navmenu .dropdown .dropdown:hover>ul {
opacity: 1;
top: 0;
left: -100%;
visibility: visible;
} .oli-mobile-toggle {
display: none;
}
.oli-mobile-toggle-close {
display: none;
}
} @media (max-width: 1199px) {
.navmenu {
padding: 0;
z-index: 99;
}
.navmenu a,
.navmenu a:focus {
color: var(--olivin_text_2) !important;
padding: 0.625rem 20px;
font-family: Noto Sans;
font-size: 0.938rem;
display: flex;
align-items: center;
justify-content: space-between;
white-space: nowrap;
transition: 0.3s;
}
.navmenu a i,
.navmenu a:focus i {
font-size: 0.750rem;
line-height: 0;
margin-left: 0.312rem;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--olivin_radius_2);
transition: 0.3s;
background-color: color-mix(in srgb, #106eea, transparent 90%);
}
.navmenu a i:hover,
.navmenu a:focus i:hover {
background-color: #106eea;
color: #fff;
}
.navmenu a:hover,
.navmenu .active,
.navmenu .active:focus {
color: var(--olivin_1) !important;
}
.navmenu a {
margin-top: 0.625rem;
}
.navmenu .dropdown-active a {
margin-top: 0;
}
.navmenu .active i,
.navmenu .active:focus i {
background-color: #106eea;
color: #fff;
transform: rotate(180deg);
}
.navmenu .dropdown ul {
position: static;
display: none;
z-index: 99;
padding: 0.625rem 0;
margin: 0.625rem 20px;
background-color: #fff;
border: 1px solid color-mix(in srgb, #444444, transparent 90%);
box-shadow: none;
transition: all 0.5s ease-in-out;
}
.navmenu .dropdown ul ul {
background-color: rgba(33, 37, 41, 0.1);
}
.navmenu .dropdown>.dropdown-active {
display: block;
background-color: rgba(33, 37, 41, 0.03);
}
.nav-menu-item-subtext {
display: none;
} .oli-nav-menu-wrap {
position: fixed;
left: -100%;
padding: 3.125rem 20px 50px 20px;
top: 0;
background: #fff;
height: 100vh;
z-index: 99;
width: 80%;
overflow: auto;
transition: all .3s ease;
box-shadow: 0px 0px 9px 1px rgb(0 0 0 / 15%);
}
.omt-active {
left: 0;
z-index: 9999;
}
}
.site-home,
.single-post-wrap,
.archive-page,
.search-page {
padding: 1.875rem 0;
position: relative;
} .oli-mode-switcher {
position: relative;
padding-right: 0.625rem;
margin-bottom: -2px;
}
.oli-mode-switcher .themeToggle {
color: #bbb;
width: 12em;
}
.oli-mode-switcher .st-sunMoonThemeToggleBtn {
position: relative;
cursor: pointer;
}
.oli-mode-switcher .st-sunMoonThemeToggleBtn .themeToggleInput {
opacity: 0;
width: 100%;
aspect-ratio: 1;
height: 20px;
}
.oli-mode-switcher .st-sunMoonThemeToggleBtn svg {
position: absolute;
left: 0;
width: 22px;
height: 22px;
transition: transform 0.4s ease;
transform: rotate(40deg);
overflow: visible;
}
.oli-mode-switcher .st-sunMoonThemeToggleBtn svg .sunMoon {
transform-origin: center center;
transition: inherit;
transform: scale(1);
color: var(--olivin_1);
}
.oli-mode-switcher .st-sunMoonThemeToggleBtn svg .sunRay {
transform-origin: center center;
transform: scale(0);
}
.oli-mode-switcher .st-sunMoonThemeToggleBtn svg mask>circle {
transition: transform 0.64s cubic-bezier(0.41, 0.64, 0.32, 1.575);
transform: translate(0px, 0px);
radius: 8px;
}
.oli-mode-switcher .st-sunMoonThemeToggleBtn svg .sunRay2 {
animation-delay: 0.05s !important;
}
.oli-mode-switcher .st-sunMoonThemeToggleBtn svg .sunRay3 {
animation-delay: 0.1s !important;
}
.oli-mode-switcher .st-sunMoonThemeToggleBtn svg .sunRay4 {
animation-delay: 0.17s !important;
}
.oli-mode-switcher .st-sunMoonThemeToggleBtn svg .sunRay5 {
animation-delay: 0.25s !important;
}
.oli-mode-switcher .st-sunMoonThemeToggleBtn svg .sunRay6 {
animation-delay: 0.29s !important;
}
.oli-mode-switcher .st-sunMoonThemeToggleBtn .themeToggleInput:checked+svg {
transform: rotate(90deg);
}
.oli-mode-switcher .st-sunMoonThemeToggleBtn .themeToggleInput:checked+svg mask>circle {
transform: translate(16px, -3px);
radius: 10px;
}
.oli-mode-switcher .st-sunMoonThemeToggleBtn .themeToggleInput:checked+svg .sunMoon {
transform: scale(0.8);
}
.oli-mode-switcher .st-sunMoonThemeToggleBtn .themeToggleInput:checked+svg .sunRay {
animation: showRay1832 0.4s ease 0s 1 forwards;
} .oli-login-button-link {
color: var(--olivin_1);
background-color: #93939326;
cursor: pointer;
display: flex;
width: 20px;
height: 20px;
border-radius: var(--olivin_radius);
padding: 1.125rem;
margin: 0;
align-items: center;
justify-content: center;
border: none;
} .container {
margin-right: auto;
margin-left: auto;
padding-left: 0.938rem;
padding-right: 0.938rem;
width: var(--olivin_width);
max-width: 100%;
}
@media (min-width: 768px) {
.container {
width: 100%;
}
}
@media (min-width: 1200px) {
.container {
max-width: var(--olivin_width);
}
}
.d-header-topbar-wrapper {
border-bottom: 1px solid var(--olivin_border_1);
background-color: #fff;
}
.d-header-navigation {
background-color: white;
}
.d-header-navigation .oli-nav-home-button,
.d-header-navigation .oli-nav-home-button:hover,
.d-header-navigation .oli-nav-home-button:focus {
padding: 0;
margin-right: 0.625rem;
}
.d-header-navigation .oli-nav-home-button svg {
width: 22px;
height: 22px;
padding: 0;
color: var(--olivin_1);
}
.d-header-topbar-wrapper .container {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 0.875rem;
}
.container .d-header-left {
width: 65%;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
}
.d-header-left .d-header-breaking-news {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
background-color: var(--olivin_1);
color: #fff;
padding: 0.625rem 15px;
white-space: nowrap;
}
.d-header-breaking-news-swiper {
width: 100%;
overflow: hidden;
}
.d-header-breaking-news-title {
font-size: 0.875rem;
font-weight: 500;
}
.d-header-breaking-news-icon {
animation: blink 1.2s infinite;
}
.d-header-breaking-news-swiper-text {
display: flex;
align-items: center;
justify-content: flex-start;
margin: 0;
}
.d-header-breaking-news-swiper-text a {
color: var(--olivin_text_2);
overflow: hidden;
white-space: nowrap;
word-wrap: normal;
text-overflow: ellipsis;
font-size: 0.812rem;
transition: all .3s ease;
}
.d-header-breaking-news-swiper-text a:hover {
color: var(--olivin_1);
}
.container .d-header-right {
width: 35%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.container .d-header-right .d-header-right-icons {
display: flex;
align-items: center;
gap: 13px;
}
.container .d-header-right .d-header-right-icons>a>i {
color: #4f5053;
font-size: 0.938rem;
transition: all .4s ease;
}
.container .d-header-right .d-header-right-icons>a:hover>i {
color: var(--olivin_1);
animation: slide-in-top 0.3s both;
}
.d-header-nav-wrapper {
display: flex;
width: 100%;
justify-content: space-between;
height: 75px;
padding: 0.625rem 0;
box-sizing: border-box;
}
.d-header-nav-wrapper-left {
display: flex;
justify-content: flex-start;
align-items: center;
}
.d-header-nav-wrapper-right {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
position: relative;
}
.d-header-nav-wrapper .oli-mobile-toggle {
color: var(--olivin_title);
}
.oli-search-form-popup {
position: absolute;
z-index: 2;
right: 0;
display: flex;
align-items: center;
gap: 10px;
top: 80px;
background: #fff;
border-radius: var(--olivin_radius);
overflow: hidden;
padding-right: 0.625rem;
box-shadow: 0px 0px 38px -22px rgb(0 0 0);
visibility: hidden;
opacity: 0;
width: 300px;
box-sizing: content-box;
}
.is-active {
opacity: 1;
visibility: visible;
animation: fadeInDown ease .3s;
z-index: 4;
overflow: auto;
}
.oli-search-form-popup input[type="search"],
.oli-search-form-popup input[type="submit"] {
border-radius: var(--olivin_radius);
border: none;
}
.oli-search-form-popup input[type="search"] {
padding: 1.0rem 15px;
color: var(--olivin_title);
}
.oli-search-form-popup input[type="submit"] {
padding: 0.625rem 15px;
background-color: var(--olivin_1);
color: white;
cursor: pointer;
}
header .nav-menu-icon {
margin-right: 0.5rem;
}
header .oli-search-button,
header .oli-ajax-search-button {
color: var(--olivin_1);
background-color: #93939326;
cursor: pointer;
display: flex;
width: 20px;
height: 20px;
border-radius: var(--olivin_radius);
padding: 1.125rem;
margin: 0;
align-items: center;
justify-content: center;
border: none;
}
.d-header-extra {
position: relative;
background-color: var(--olivin_1);
padding: 0.625rem 0;
}
.d-header-extra-wrapper {
display: flex;
position: relative;
align-items: center;
justify-content: space-between;
}
.d-header-extra-categories {
display: flex;
align-items: center;
gap: 10px;
width: 80%;
position: relative;
overflow: hidden;
}
.d-header-extra-categories i {
color: #fff;
}
.d-header-extra-categories-link {
display: flex;
column-gap: 10px;
overflow: auto;
}
.d-header-extra-categories-link::-webkit-scrollbar,
.oli-carousel-1-carousel::-webkit-scrollbar,
.oli-category-list-1::-webkit-scrollbar,
.oli-standing-table table::-webkit-scrollbar,
.oli-sidebar-slider-1-nav::-webkit-scrollbar {
display: none;
}
.d-header-extra-categories-link::-webkit-scrollbar-thumb,
.oli-carousel-1-carousel::-webkit-scrollbar-thumb,
.oli-category-list-1::-webkit-scrollbar-thumb,
.oli-standing-table table::-webkit-scrollbar-thumb,
.oli-sidebar-slider-1-nav::-webkit-scrollbar-thumb {
display: none;
}
.d-header-extra-categories-link a {
color: #fff !important;
font-size: 0.875rem;
font-weight: 600;
white-space: nowrap;
}
.d-header-extra-money-to-money {
display: flex;
gap: 8px;
align-items: center;
}
.d-header-extra-money-to-money .d-header-dollar {
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
background-color: #ffffff40;
color: #ffffff;
border-radius: var(--olivin_radius_2);
font-size: 0.812rem;
height: 20px;
width: 24px;
position: relative;
gap: 3px;
line-height: normal;
}
.d-header-extra-money-to-money .d-header-turkish-lira {
display: flex;
align-items: center;
gap: 6px;
color: #fff !important;
font-weight: 600;
font-size: 0.875rem;
color: var(--olivin_1);
}
.d-header-extra-money-to-money .d-header-turkish-lira i {
font-size: 0.812rem;
}
.d-header-crypto {
background-color: #fff;
padding: 0.625rem 0;
min-height: 60.8px;
display: flex;
align-items: center;
}
.oli-crypto-coins .positive {
color: green !important;
font-size: 0.812rem;
}
.oli-crypto-coins .negative {
color: #b80c0c !important;
font-size: 0.812rem;
}
.oli-crypto-coins {
width: 100%;
overflow-x: auto;
text-align: center;
}
.oli-crypto-coins::-webkit-scrollbar {
width: 0;
height: 0;
}
.oli-crypto-container {
display: flex;
gap: 10px;
white-space: nowrap;
}
.oli-crypto-item {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
}
.oli-crypto-item img {
width: 26px;
height: 26px;
object-fit: contain;
margin-bottom: 0.312rem;
}
.oli-crypto-item span {
font-size: 0.812rem;
font-weight: 500;
color: var(--olivin_text_2);
} .header-2-wrapper {
background-color: var(--olivin_3);
}
.header-2-top>.container {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.938rem 0;
}
.header-2-top-left {
width: 25%;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
}
.header-2-top-center {
width: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.header-2-top-right {
width: 25%;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 15px;
position: relative;
}
.header-2-top-left .h2tl-social a {
color: #fff;
background-color: #ffffff2f;
line-height: normal;
display: flex;
padding: 0.375rem;
border-radius: var(--olivin_radius);
font-size: 0.938rem;
transition: all .3s ease;
}
.header-2-top-left .h2tl-social {
display: flex;
align-items: center;
gap: 10px;
}
.header-2-top-left .h2tl-social a:hover {
background-color: #fff;
color: var(--olivin_1);
}
.header-2-top-right.h2tl-icons a {
line-height: normal;
display: flex;
border-radius: var(--olivin_radius);
font-size: 1.062rem;
transition: all .3s ease;
color: #fff;
}
.header-2-top-right .oli-login-button a {
background-color: transparent !important;
color: #fff;
padding: 0;
font-size: 1.250rem;
}
.header-2-top-right .oli-search-button,
.header-2-top-right .oli-ajax-search-button {
background-color: transparent !important;
color: #fff;
padding: 0;
font-size: 1.250rem;
}
.header-2-top-right>.oli-mode-switcher {
border-radius: 50%;
padding: 0.0rem 7px 1px 0px;
color: #fff;
}
.header-2-navigation {
background-color: var(--olivin_4);
}
.header-2-nav-menu {
padding: 0.812rem 0;
justify-content: center;
}
.header-2-top-right>.oli-mode-switcher .st-sunMoonThemeToggleBtn svg .sunMoon {
color: #fff;
transform: scale(1.16);
}
.header-2-nav-menu .nav-link:focus {
color: #fff !important;
}
.header-2-nav-menu .dropdown-toggle:focus {
color: var(--olivin_2) !important;
}
.header-2-wrapper .oli-nav-home-button,
.header-2-wrapper .oli-nav-home-button:hover,
.header-2-wrapper .oli-nav-home-button:focus {
padding: 0;
margin-right: 0.625rem;
}
.header-2-wrapper .oli-nav-home-button svg {
width: 23px;
height: 23px;
color: #fff;
}
@media (min-width: 1200px) {
.header-2-nav-menu .dropdown-toggle {
color: #ffff !important;
} .header-2-nav-menu .dropdown-menu .nav-link {
color: var(--olivin_text_2) !important
}
.header-2-nav-menu .navmenu li:hover>a {
color: var(--olivin_2) !important;
}
.header-2-nav-menu.navmenu ul:first-child>li:before {
background: #fff !important;
}
.header-2-nav-menu .nav-link {
color: #fff !important;
}
}
.header-logo {
object-fit: contain;
} .header-3-top {
background-color: var(--olivin_1);
padding: 0.625rem 0;
}
.header-3-top>.container {
display: flex;
align-items: center;
justify-content: space-between;
}
.header-3-top .header-3-top-left {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 15px;
}
.header-3-top .header-3-top-left i {
margin-right: 0.5rem;
}
.header-3-top .header-3-tl-day,
.header-3-top .header-3-tl-timedate {
display: flex;
align-items: center;
}
.header-3-top .header-3-top-right .header-3-tl-list {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 15px;
list-style: none;
margin: 0;
padding: 0;
}
.header-3-top .header-3-top-right .header-3-tl-list {
font-size: 0.812rem;
}
.header-3-top .header-3-top-left span {
font-size: 0.812rem !important;
}
.header-3-top .header-3-top-left i {
font-size: 0.812rem !important;
}
.header-3-top span,
.header-3-top i,
.header-3-top a {
color: #fff;
font-size: 0.812rem;
}
.header-3-nav {
background-color: #fff;
padding: 0.938rem 0;
}
.header-3-nav .container {
display: flex;
align-items: center;
justify-content: space-between;
}
.header-3-logo {
min-width: 70px;
}
.header-3-logo,
.header-3-menu,
.header-3-end {
flex: 1;
}
.header-3-menu {
text-align: center;
}
.header-3-nav .oli-search-form-popup {
left: auto;
right: auto;
}
.header-3-nav .oli-mobile-toggle {
color: var(--olivin_title);
margin-bottom: 0.125rem;
}
.header-3-nav .oli-mode-switcher {
padding: 0;
}
.header-3-menu .oli-nav-home-button>svg {
width: 22px;
height: 22px;
padding: 0;
color: var(--olivin_1);
}
.header-3-end {
display: flex;
align-items: center;
justify-content: flex-end;
column-gap: 15px;
row-gap: 5px;
}
.header-3-bottom {
background-color: #fff;
border-top: 1px solid var(--olivin_border_1);
}
.header-3-bottom .header-3-bottom-posts {
display: flex;
align-items: center;
justify-content: space-between;
overflow: auto;
}
.header-3-bottom-posts .header-3-bp-item {
width: 100%;
}
.header-3-bottom-posts .header-3-bp-item>a {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 0.625rem;
border-right: 1px solid var(--olivin_border_1);
text-align: left;
flex: 1;
text-decoration: none;
width: 100%;
}
.header-3-bottom-posts .header-3-bp-item i {
margin-right: 0.625rem;
color: var(--olivin_text_1);
}
.header-3-bottom-posts .header-3-bp-item:first-child {
border-left: 1px solid var(--olivin_border_1);
}
.header-3-bottom-posts .header-3-bp-item>a .header-3-bp-item-title {
font-size: 0.875rem;
color: var(--olivin_text_2);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 24ch;
display: block;
transition: all .3s ease;
}
.header-3-bottom-posts .header-3-bp-item:hover a .header-3-bp-item-title {
color: var(--olivin_1);
}
.header-3-bottom-posts .header-3-bp-item-title {
max-width: 80%;
font-size: 0.812rem !important;
}
.header-3-bottom-posts .header-3-bp-item-time {
font-size: 0.750rem;
color: var(--olivin_text_1);
white-space: nowrap;
}
.header-3-wrap .d-header-crypto {
border-top: 1px solid var(--olivin_border_1);
}
.pagination {
width: 100%;
margin-top: 1.250rem;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.pagination .page-numbers.current {
color: var(--olivin_1);
}
.pagination .page-numbers {
background-color: #fff;
color: var(--olivin_2);
font-weight: 400;
padding: 0.125rem 10px;
border-radius: var(--olivin_radius_2);
transition: all .4s ease;
border: 1px solid var(--olivin_border_1);
}
.pagination .page-numbers:hover {
color: var(--olivin_1);
}
.pagination.oli-archive-postlist-pagination a {
border: 1px solid var(--olivin_border_1);
}
.oli-section-title {
position: relative;
padding-bottom: 0.938rem;
}
.oli-section-title h2,
.oli-section-title h3 {
font-size: 1.062rem;
font-weight: 600;
position: relative;
padding-left: 1.250rem;
}
.oli-section-title h2:before,
.oli-section-title h3:before {
position: absolute;
content: '';
top: 0;
left: 0;
background-color: var(--olivin_1);
width: 4px;
height: 100%;
transform: 50%, -50%;
border-radius: 50px;
} .oli-home-top-fw-wrapper {
margin-top: -10px;
margin-bottom: 1.250rem;
}
.oli-home-top-wrapper {
display: flex;
flex-direction: column;
gap: 20px;
}
.oli-home-all-content {
display: flex;
flex-direction: column;
}
.oli-home-contents {
display: flex;
gap: 20px;
margin-top: 1.250rem;
}
.oli-home-left-contents {
display: flex;
flex-direction: column;
gap: 30px;
width: 69.66666667%;
max-width: 69.66666667%;
}
.oli-home-left-contents .oli-widget-title-container,
.oli-home-down-wrapper .home-down-widget .oli-widget-title-container {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
border-bottom: 1px solid var(--olivin_border_1);
margin: 0 0 1.1rem 0;
padding: 0 0 15px 0;
}
.oli-home-top-wrapper .oli-widget-item .oli-widget-title-container {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
border-radius: var(--olivin_radius);
border: none;
margin: 0 0 1.1rem 0;
padding: 0.938rem;
background-color: #fff;
}
.oli-home-down-wrapper .home-down-widget .oli-widget-title-container {
background-color: #fff;
padding: 0.938rem;
border-radius: var(--olivin_radius);
border: none;
}
.oli-home-left-contents .oli-widget-title-container:after,
.oli-home-down-wrapper .oli-widget-title-container:after {
position: absolute;
background-color: transparent;
}
.oli-home-left-contents .oli-widget-title-container .oli-widget-title,
.oli-home-down-wrapper .oli-widget-title-container .oli-widget-title {
position: relative;
padding-left: 1.250rem;
}
.oli-home-top-wrapper .oli-widget-title-container .oli-widget-title {
position: relative;
padding-left: 1.250rem;
}
.oli-home-left-contents .oli-widget-title-container .oli-widget-title:before,
.oli-home-down-wrapper .oli-widget-title-container .oli-widget-title:before,
.oli-home-top-wrapper .oli-widget-title-container .oli-widget-title:before,
.widget-section-title>span:before {
position: absolute;
top: 50%;
left: 0;
content: '';
width: 4px;
height: 100%;
background-color: var(--olivin_1);
transform: translate(50%, -50%);
border-radius: 50px;
}
.oli-home-left-content-item {
width: 100%;
background-color: #fff;
padding: 0.938rem;
border-radius: var(--olivin_radius);
}
.oli-home-sidebar {
max-width: 30.33333333%;
min-width: 30.33333333%;
width: 30.33333333%;
}
.oli-home-sidebar-content {
display: flex;
flex-direction: column;
gap: 20px;
height: 100%;
}
.oli-home-sidebar-item,
.oli-single-post-sidebar-item,
.oli-post-archive-left-item,
.oli-post-archive-sidebar-item {
padding: 0.938rem;
border-radius: var(--olivin_radius);
background-color: #fff;
border: 1px solid var(--olivin_border_1);
}
.oli-single-post-sidebar-item:not(:last-child),
.oli-single-post-content:not(:last-child) {
margin-bottom: 1.250rem;
}
.oli-home-down-wrapper {
display: flex;
flex-direction: column;
gap: 20px;
padding: 1.875rem 0 0 0;
} .footer-nav-menu {
position: sticky;
bottom: 0;
width: 100%;
z-index: 1000;
display: none;
}
.footer-nav-menu-container {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-top: 1px solid rgba(255, 255, 255, 0.18);
box-shadow: 0 -4px 32px rgba(0, 0, 0, 0.1);
position: fixed;
bottom: 0;
}
.footer-nav-menu-item {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
color: var(--olivin_text_2);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
padding: 0.5rem 0 !important;
background-color: transparent;
border: none;
cursor: pointer;
width: 90px;
}
.footer-nav-menu-item i {
font-size: 1.188rem;
margin-bottom: 0.312rem;
transition: transform 0.3s ease;
}
.footer-nav-menu-item svg {
margin-bottom: 0.312rem;
width: 19px;
height: 19px;
}
.footer-nav-menu-item span {
font-size: 0.750rem;
font-weight: 500;
opacity: 0.8;
transform: translateY(0);
transition: all 0.3s ease;
color: var(--olivin_text_2);
}
.footer-nav-menu-item:hover {
color: var(--olivin_2);
}
.footer-nav-menu-item:hover::before {
width: 24px;
}
.footer-nav-menu-item:hover i {
transform: translateY(-2px);
}
.footer-nav-menu-item:hover span {
opacity: 1;
transform: translateY(2px);
}
@supports (padding: max(0px)) {
.footer-nav-menu {
padding-bottom: env(safe-area-inset-bottom);
}
} .d-footer {
background-color: var(--olivin_3);
position: relative;
}
.d-footer-wrapper {
padding: 4.375rem 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
row-gap: 35px;
}
.d-footer-col {
width: 23.33%;
display: flex;
flex-direction: column;
gap: 35px;
}
.d-footer-col:not(:last-child) {
padding-right: 1.250rem;
}
.d-footer-col-container {
display: flex;
flex-direction: column;
gap: 20px;
}
.d-footer-col-title {
position: relative;
margin-bottom: 0.938rem;
}
.d-footer-col-title::before {
position: absolute;
content: '';
bottom: -10px;
left: 0;
height: 2px;
border-radius: var(--olivin_radius);
width: 50px;
background-color: var(--olivin_2);
transition: all .3s ease;
}
.d-footer-col-title:hover::before {
width: 80px;
}
.d-footer-col-title::after {
position: absolute;
content: '';
bottom: -14px;
left: 0;
height: 9px;
width: 9px;
border-radius: var(--olivin_radius);
background-color: var(--olivin_2);
transition: all .3s ease;
}
.d-footer-col-title span {
font-size: 1.062rem;
letter-spacing: .4px;
font-weight: 600;
color: #fff;
}
.d-footer-col-content a {
display: block;
color: var(--olivin_text_3);
font-size: 0.875rem;
width: fit-content;
transition: all .3s ease;
}
.d-footer-col-content a:hover {
color: #fff;
}
.d-footer-col-content {
display: flex;
flex-direction: column;
gap: 10px;
}
.d-footer-col-content.d-about .oli-text {
color: var(--olivin_text_3);
}
.menu-footer-menu,
#menu-footer-menu-1 {
display: flex;
flex-direction: column;
gap: 10px;
}
.menu-footer-menu a,
#menu-footer-menu-1 a {
position: relative;
}
.menu-footer-menu .menu-item-subtext,
#menu-footer-menu-1 .menu-item-subtext {
background-color: var(--olivin_5);
color: var(--olivin_title);
font-size: 0.812rem;
font-weight: 500;
padding: 0.0rem 8px;
border-radius: var(--olivin_radius_2);
margin-left: 0.938rem;
}
.d-footer-posts {
display: flex;
flex-direction: column;
}
.d-footer-posts .d-footer-post-item {
display: flex;
align-items: center;
gap: 10px;
border-radius: var(--olivin_radius);
padding: 0.375rem;
background-color: var(--olivin_4);
}
.d-footer-post-thumbnail {
height: 35px;
width: 35px;
}
.d-footer-post-thumbnail img {
width: 35px;
min-width: 35px;
max-width: 100%;
height: 35px;
border-radius: var(--olivin_radius);
object-fit: cover;
}
.d-footer-post-title {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
font-weight: 500;
}
.d-footer-col-content.d-social-buttons {
display: grid;
gap: 10px;
max-width: 100%;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}
.d-footer-col-content.d-social-buttons a {
align-items: center;
background-color: var(--olivin_4);
width: 100%;
max-width: 100%;
}
.oli-google-news {
display: flex;
align-items: center;
}
.oli-google-news>a {
display: block;
background-color: transparent;
border: 1px solid var(--olivin_border_1);
border-radius: var(--olivin_radius);
padding: 0.625rem 15px 8px 15px;
width: 117px;
}
.oli-google-news>a img {
display: block;
height: 17px;
width: auto;
object-fit: contain;
} .footer-2-wrap {
background-color: var(--olivin_3);
padding: 1.875rem 0;
position: relative;
}
.footer-2-wrap:before {
position: absolute;
left: 0;
right: 0;
top: 0px;
height: 6px;
width: 100%;
content: '';
background: linear-gradient(to right,
#4285F4 0%,
#4285F4 20%,
#EA4335 20%,
#EA4335 40%,
#FBBC05 40%,
#FBBC05 60%,
#34A853 60%,
#34A853 80%,
#4285F4 80%,
#4285F4 100%);
}
.footer-2 {
padding-bottom: 1.875rem;
text-align: center;
display: flex;
flex-direction: column;
gap: 30px;
align-items: center;
}
.footer-2-social {
width: 100%;
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.footer-2-content {
width: 700px;
max-width: 100%;
text-align: center;
}
.socialContainer {
width: 30px;
height: 30px;
border-radius: var(--olivin_radius_2);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
transition: background-color 0.3s, transform 0.3s;
background-color: #ffffff16;
}
.socialContainer:hover {
background-color: var(--olivin_1);
}
.socialContainer i {
font-size: 1.062rem;
color: #fff;
}
.socialContainer:hover i {
animation: slide-in-top 0.3s both;
}
.footer-2-copyright {
padding-top: 1.875rem;
border-top: 1px solid var(--olivin_border_2);
display: flex;
align-items: center;
flex-wrap: wrap;
row-gap: 10px;
justify-content: space-between;
}
.footer-2-copyright .oli-text {
color: #c8c8c8;
font-size: 0.812rem;
}
.footer-2-menu .menu-footer-menu,
.footer-2-menu #menu-footer-menu-1 {
display: flex !important;
flex-direction: row !important;
align-items: center;
flex-wrap: wrap;
column-gap: 15px;
row-gap: 0;
}
.footer-2-menu .menu-footer-menu li a,
.footer-2-menu #menu-footer-menu-1 li a {
font-size: 0.812rem;
color: #c8c8c8;
transition: .3s ease;
}
.footer-2-menu .menu-footer-menu li a:hover,
.footer-2-menu #menu-footer-menu-1 li a:hover {
color: #ffffff;
}
.footer-2-copyright .menu-footer-menu .menu-item-subtext,
.footer-2-copyright #menu-footer-menu-1 .menu-item-subtext {
margin-left: 0.312rem;
} .oli-social-facebook {
background-color: #3b5998;
}
.oli-social-instagram {
background-color: #E1306C;
}
.oli-social-twitter {
background-color: #1DA1F2;
}
.oli-social-linkedin {
background-color: #0077B5;
}
.oli-social-telegram {
background-color: #0088cc;
}
.oli-social-youtube {
background-color: #FF0000;
}
.oli-social-pinterest {
background-color: #BD081C;
}
.oli-social-snapchat {
background-color: #FFFC00;
}
.oli-social-tiktok {
background-color: #010101;
}
.oli-social-x {
background-color: #010101;
}
.oli-social-whatsapp {
background-color: #25D366;
}
.oli-social-reddit {
background-color: #FF4500;
}
.oli-social-mail {
background-color: #ea4335;
}  .oli-widget-container {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
gap: 25px;
max-height: 100%;
}
.oli-last-post-widget {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
} .oli-widget-title-container {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
border-bottom: 1px solid var(--olivin_border_1);
margin: 0 -15px 1rem -15px;
padding: 0 15px .8rem 15px;
} .oli-widget-title,
.widget-section-title {
font-weight: 600;
color: var(--olivin_title);
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
max-width: 94%
}
.oli-widget-title-icon {
color: var(--olivin_1) !important;
background-color: color-mix(in srgb, var(--olivin_1) 10%, white 100%);
font-size: 0.875rem;
padding: 0.375rem;
border-radius: var(--olivin_radius_2);
}
.oli-last-post-widget-left {
position: relative;
width: 30%;
height: 80px;
}
.oli-last-post-widget-right {
width: 70%;
height: 80px;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
gap: 5px;
overflow: hidden;
}
.oli-last-post-widget-left .oli-post-img-link {
overflow: hidden;
display: block;
height: 100%;
border-radius: var(--olivin_radius);
}
.oli-last-post-widget-left .oli-post-img-link img {
height: 100%;
width: 100%;
max-height: none;
object-fit: cover;
border-radius: var(--olivin_radius);
transition: all .4s ease;
}
.oli-last-post-widget-left .oli-post-img-link:hover img {
transform: scale(1.3);
}
.oli-post-meta-links {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 12px;
}
.oli-post-meta-links a {
font-size: 0.750rem;
color: var(--olivin_1);
font-weight: 500;
}
.oli-widget-container .oli-entry-title {
font-weight: 500;
font-size: 0.875rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
transition: all .4s ease;
}
.oli-widget-container .oli-entry-title:hover {
color: var(--olivin_1);
} .oli-postlist-2 {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 15px;
row-gap: 25px;
}
.oli-postlist-2-item {
background-color: #fff;
border-radius: var(--olivin_radius);
overflow: hidden;
display: flex;
flex-direction: column;
gap: 10px;
position: relative;
position: relative;
padding: 0.938rem;
border: 1px solid var(--olivin_border_1);
}
.oli-postlist-2-item .oli-postlist-2-item-link {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
display: block;
z-index: 3;
}
.oli-postlist-2-item-img {
width: calc(100% + 40px);
height: 140px;
position: relative;
width: 100%;
}
.oli-post-category {
display: inline-block;
line-height: 1.5;
color: #fff;
}
.single-post .oli-post-category {
color: #fff;
}
.oli-postlist-2-item-img .oli-post-category {
position: absolute;
bottom: 15px;
left: 15px;
z-index: 1;
}
.oli-postlist-2-item-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--olivin_radius);
}
.oli-postlist-2-item-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
column-gap: 10px;
padding-top: 0.312rem;
}
.oli-postlist-2-item-meta .oli-post-category {
padding: 0.125rem 10px !important;
font-size: 0.812rem !important;
}
.oli-postlist-2-item:nth-child(1) .oli-post-category {
background-color: #F44336 !important;
}
.oli-postlist-2-item:nth-child(2) .oli-post-category {
background-color: #E91E63 !important;
}
.oli-postlist-2-item:nth-child(3) .oli-post-category {
background-color: #9C27B0 !important;
}
.oli-postlist-2-item:nth-child(4) .oli-post-category {
background-color: #3F51B5 !important;
;
}
.oli-postlist-2-item:nth-child(5) .oli-post-category {
background-color: #2196F3 !important;
}
.oli-postlist-2-item:nth-child(6) .oli-post-category {
background-color: #51504e !important;
}
.oli-postlist-2-item:nth-child(7) .oli-post-category {
background-color: #4CAF50 !important;
}
.oli-postlist-2-item:nth-child(8) .oli-post-category {
background-color: #FF9800 !important;
}
.oli-postlist-2-item:nth-child(9) .oli-post-category {
background-color: #795548 !important;
}
.oli-postlist-2-item-post-time,
.oli-postlist-2-item-post-viewing,
.oli-postlist-2-item-post-author {
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
font-size: 0.750rem;
gap: 8px;
text-transform: capitalize;
}
.oli-postlist-2-item-post-time i,
.oli-postlist-2-item-post-viewing i {
font-size: 0.750rem;
}
.oli-postlist-2-item-post-author i {
font-size: 0.875rem;
}
.oli-postlist-2-item-post-author a {
text-transform: capitalize;
color: var(--olivin_text_2);
}
.oli-postlist-2-item-title a {
display: block;
width: 100%;
}
.oli-postlist-2-item-title h2,
.oli-postlist-2-item-title h3 {
font-size: 0.938rem;
font-weight: 600;
line-height: 20px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
color: var(--olivin_title);
}
.oli-postlist-2-item-excerpt .oli-text {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
font-size: 0.812rem;
} .oli-postlist-3 {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 10px;
}
.oli-postlist-3-item {
position: relative;
background-color: #fff;
border-radius: 0;
display: flex;
box-shadow: var(--olivin_box_shadow);
border: 1px solid var(--olivin_border_1);
border-radius: var(--olivin_radius);
}
.oli-postlist-3-item-left {
width: 25%;
position: relative;
display: block;
}
.oli-postlist-3-item-img {
height: 170px;
width: 100%;
max-width: 100%;
object-fit: cover;
border-radius: var(--olivin_radius) 0 0 var(--olivin_radius);
display: block;
}
.oli-postlist-3-item-right {
width: 75%;
padding: 0.938rem;
display: flex;
flex-direction: column;
gap: 8px;
justify-content: center;
}
.oli-postlist-3-item-category .oli-post-category {
background-color: transparent;
color: var(--olivin_1);
padding: 0;
margin: 0;
font-weight: 600;
text-transform: uppercase;
}
.oli-postlist-3-item-title .h2-title {
font-size: 1.062rem;
font-weight: 600;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.oli-postlist-3-item-excerpt .oli-text {
font-size: 0.812rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.oli-postlist-3-item-footer {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.oli-postlist-3-item-meta {
display: flex;
flex-wrap: wrap;
column-gap: 10px;
row-gap: 3px;
align-items: center;
margin-top: 0.625rem;
width: 100%;
}
.oli-postlist-3-item-meta-author,
.oli-postlist-3-item-meta-time,
.oli-postlist-3-item-meta-viewing {
display: flex;
align-items: center;
gap: 8px;
text-transform: capitalize;
color: var(--olivin_text_1);
font-size: 0.812rem;
}
.oli-postlist-3-item-meta-author i,
.oli-postlist-3-item-meta-time i,
.oli-postlist-3-item-meta-viewing i {
font-size: 0.875rem;
}
.oli-postlist-3-item-meta-author a {
font-weight: 600;
}
.oli-postlist-3-item-meta-author a,
.oli-postlist-3-item-meta-time span,
.oli-postlist-3-item-meta-viewing span {
font-size: 0.750rem;
color: var(--olivin_text_1);
text-transform: capitalize;
} .oli-postlist-4 {
display: grid;
grid-template-columns: repeat(3, 1fr);
position: relative;
column-gap: 10px;
row-gap: 30px;
}
.oli-postlist-4-item {
position: relative;
display: flex;
flex-direction: column;
gap: 8px;
background-color: #fff;
border-radius: var(--olivin_radius);
box-shadow: var(--olivin_box_shadow);
}
.oli-postlist-4-item-top {
position: relative;
overflow: hidden !important;
}
.oli-postlist-4-item-img {
height: 140px;
border-radius: var(--olivin_radius) var(--olivin_radius) 20px var(--olivin_radius);
width: 100%;
object-fit: cover;
display: block;
}
.oli-postlist-4-item-top-icon {
position: absolute;
bottom: -0.375rem;
right: -0.375rem;
width: 80px;
height: 80px;
background-color: #fff;
border-top-left-radius: 50%;
border-bottom-right-radius: 30px;
}
.oli-postlist-4-item-top-icon::before {
position: absolute;
content: "";
bottom: 0.375rem;
left: -1.25rem;
background: transparent;
width: 1.25rem;
height: 1.25rem;
border-bottom-right-radius: 1.25rem;
box-shadow: 0.313rem 0.313rem 0 0.313rem #fff;
}
.oli-postlist-4-item-top-icon::after {
position: absolute;
content: "";
bottom: 80px;
right: 6px;
background: transparent;
width: 1.25rem;
height: 1.25rem;
border-bottom-right-radius: 1.25rem;
box-shadow: 0.313rem 0.313rem 0 0.313rem #fff;
}
.oli-postlist-4-item-top-icon a {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
height: 50px;
width: 50px;
border-radius: 50%;
background-color: #ababab67;
color: #4f4f4f;
font-size: 1.250rem;
right: 15px;
bottom: 15px;
transition: all .3s ease;
}
.oli-postlist-4-item-top-icon a i {
transform: rotate(-40deg);
transition: all .1s ease;
}
.oli-postlist-4-item-top-icon a:hover i {
transform: rotate(0deg);
}
.oli-postlist-4-item-top-icon a:hover {
background-color: var(--olivin_2);
color: #fff;
}
.oli-postlist-4-item-meta {
position: absolute;
top: 15px;
left: 15px;
display: flex;
align-items: center;
column-gap: 10px;
background-color: #fff;
padding: 0.188rem 8px;
border-radius: var(--olivin_radius_2);
flex-wrap: wrap;
}
.oli-postlist-4-item-meta-time,
.oli-postlist-4-item-meta-viewing {
display: flex;
align-items: center;
gap: 8px;
font-size: 0.750rem;
color: var(--olivin_text_2);
}
.oli-postlist-4-item-meta-time i,
.oli-postlist-4-item-meta-viewing i {
font-size: 0.750rem;
}
.oli-postlist-4-item-bottom {
display: flex;
flex-direction: column;
gap: 8px;
}
.oli-postlist-4-item-bottom .oli-postlist-4-item-title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.oli-postlist-4-item-title .h2-title {
font-size: 1.0rem;
}
.oli-postlist-4-item-bottom .oli-postlist-4-item-excerpt {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.oli-postlist-4-item-excerpt .oli-text {
font-size: 0.812rem;
margin: 0;
} .oli-postlist-5 {
display: grid;
gap: 10px;
overflow: hidden;
}
.oli-postlist-5-item {
position: relative;
overflow: hidden;
height: 125px;
border-radius: var(--olivin_radius);
}
.oli-postlist-5-item::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0));
transition: opacity 0.4s ease;
border-radius: var(--olivin_radius);
opacity: 1;
z-index: 2;
}
.oli-postlist-5-item:hover::before {
opacity: .7;
}
.oli-postlist-5-img {
width: 100%;
height: 100%;
border-radius: var(--olivin_radius);
object-fit: cover;
transition: transform 0.4s ease;
}
.oli-postlist-5-item:hover .oli-postlist-5-img {
transform: scale(1.1);
}
.oli-postlist-5-item-category {
position: absolute;
top: 15px;
left: 15px;
z-index: 3;
}
.pl-5-category {
font-size: 0.750rem !important;
background-color: #606060;
}
.oli-postlist-5-title-link {
position: absolute;
display: block;
bottom: 15px;
left: 15px;
right: 15px;
z-index: 3;
}
.oli-postlist-5-title {
color: #fff;
font-weight: 600;
font-size: 0.875rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
} .oli-postlist-6 {
display: flex;
gap: 20px;
}
.oli-postlist-6-left {
flex: 1;
}
.oli-postlist-6-left-item {
display: flex;
flex-direction: column;
gap: 15px;
}
.oli-postlist-6-left-item-img img {
width: 100%;
height: 255px;
object-fit: cover;
border-radius: var(--olivin_radius);
}
.oli-postlist-6-left-item-content {
display: flex;
flex-direction: column;
gap: 10px;
}
.oli-postlist-6-left-item-content .h3-title {
font-weight: 700;
font-size: 1.250rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
line-height: 1.4;
}
.oli-postlist-6-left-item-meta,
.oli-dual-postlist-item-meta {
display: flex;
gap: 10px;
align-items: center;
}
.op6lim-meta-item,
.odpi-meta-item,
.oasm-meta-item {
display: flex;
gap: 5px;
align-items: center;
font-size: 0.750rem;
}
.oli-postlist-6-right {
flex: 1;
display: flex;
flex-direction: column;
gap: 15px;
}
.oli-postlist-6-right-item {
display: flex;
align-items: center;
gap: 15px;
}
.oli-postlist-6-right-item-img img {
min-width: 105px;
max-width: 105px;
height: 80px;
object-fit: cover;
border-radius: var(--olivin_radius);
display: block;
}
.oli-postlist-6-right-item-content {
display: flex;
flex-direction: column;
gap: 5px;
}
.op6ric-top {
display: flex;
gap: 15px;
align-items: baseline;
}
.op6ric-top .op6lim-meta-item i {
font-size: 0.625rem;
line-height: normal;
}
.oli-postlist-6-right-item-content .h3-title {
font-weight: 600;
font-size: 0.875rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
line-height: 1.4;
}
.op6ric-top .oli-post-category {
padding: 0;
background-color: transparent;
color: var(--olivin_2);
font-weight: 600;
font-size: 0.812rem;
} .oli-pl7-cstm1 {
padding: 0;
background-color: transparent !important;
}
.oli-pl7-cstm1 .oli-widget-title-container {
padding: 0.750rem;
border-radius: var(--olivin_radius);
background-color: #fff;
border-bottom: none;
}
.oli-postlist-7-results {
display: flex;
flex-direction: column;
gap: 24px;
}
.oli-postlist-7-result {
background: #fff;
border-radius: var(--olivin_radius);
padding: 0.938rem;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.oli-postlist-7-result:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.oli-postlist-7-link {
text-decoration: none;
display: block;
}
.oli-postlist-7-meta {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.5rem;
}
.oli-postlist-7-url {
color: var(--olivin_text_1);
font-size: 0.750rem;
font-weight: 500;
width: 60ch;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.oli-postlist-7-info {
display: flex;
gap: 8px;
color: var(--olivin_text_1);
font-size: 0.750rem;
}
.oli-postlist-7-date, .oli-postlist-7-time {
display: flex;
align-items: center;
white-space: nowrap;
}
.oli-postlist-7-title {
color: var(--olivin_1);
font-size: 1.250rem;
font-weight: 600;
margin-bottom: 0.5rem;
line-height: 1.3;
transition: color 0.2s ease;
}
.oli-postlist-7-link:hover .oli-postlist-7-title {
color: var(--olivin_1)
}
.oli-postlist-7-snippet {
color: var(--olivin_text_1);
font-size: 0.812rem;
line-height: 1.6;
margin-bottom: 0.750rem;
}
.oli-post-category.oli-postlist-7-category {
background: #7a96ae2e;
color: var(--olivin_1);
font-size: 0.750rem;
font-weight: 500;
padding: 0.250rem 8px;
border-radius: 6px;
border: none;
transition: background-color 0.2s ease;
}
.oli-post-category.oli-postlist-7-category:hover {
background: var(--olivin_1);
color: #fff;
}
@media screen and (max-width: 768px) {
.oli-postlist-7-results {
gap: 24px;
}
.oli-postlist-7-result {
padding: 1.0rem;
}
.oli-postlist-7-title {
font-size: 1.125rem;
}
.oli-postlist-7-snippet {
font-size: 0.875rem;
}
}
@media screen and (max-width: 480px) {
.oli-postlist-7-results {
gap: 16px;
}
.oli-postlist-7-result {
padding: 0.875rem;
}
} .oli-widget-item .search-form,
.oli-search-form {
display: flex;
gap: 10px;
align-items: center;
justify-content: space-between;
}
.search-page-top .oli-search-form {
width: 300px;
}
.oli-widget-item .search-form label {
width: 100%;
}
.oli-widget-item .search-form input[type="search"],
.oli-search-form input[type="search"] {
border-radius: var(--olivin_radius);
border: 1px solid var(--olivin_border_1);
padding: 0.5rem 10px;
font-size: 0.938rem;
background-color: transparent;
width: 100%;
}
.oli-widget-item .search-form input[type="submit"],
.oli-search-form input[type="submit"] {
border-radius: var(--olivin_radius);
padding: 0.750rem;
margin: 0;
background-color: var(--olivin_1);
border: none;
color: white;
font-size: 0.938rem;
width: 30%;
cursor: pointer;
} .oli-widget-item ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.oli-widget-item ul .cat-item {
display: flex;
flex-direction: column;
gap: 0;
align-items: end;
width: 100%;
position: relative;
background-color: var(--olivin_bg);
border-radius: var(--olivin_radius);
padding: 0.812rem 15px;
font-size: 0.812rem !important;
}
.oli-widget-item ul .cat-item:not(:last-child) {
margin-bottom: 0.625rem;
}
.oli-widget-item ul .cat-item:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
content: '\f054';
width: 10px;
height: 10px;
font-size: 0.875rem;
color: var(--olivin_2);
left: 15px;
position: absolute;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
}
.oli-widget-item ul .cat-item a {
font-size: 0.938rem;
display: contents;
color: var(--olivin_text_2);
transition: all .3s ease;
}
.oli-widget-item ul .cat-item a:hover {
color: var(--olivin_1);
}  .oli-headline-1-wrapper {
width: 100%;
display: flex;
flex-direction: column;
gap: 20px;
}
.oli-headline-1 {
width: 100%;
}
.oli-headline-1-item {
height: 335px;
background-repeat: no-repeat;
background-size: cover;
background-position: right;
border-radius: var(--olivin_radius);
position: relative;
overflow: hidden;
}
.oli-headline-1-item::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border-radius: 0 0 var(--olivin_radius) var(--olivin_radius);
transition: opacity 0.4s ease;
opacity: 1;
}
.oli-headline-1-category {
position: absolute;
right: 30px;
top: 30px;
z-index: 3;
}
.oli-headline-1-category .oli-post-category {
padding: 0.312rem 15px;
}
.oli-headline-1-content {
display: flex;
flex-direction: column;
gap: 10px;
position: absolute;
left: 30px;
top: 50%;
transform: translate(0, -50%);
width: 50%;
}
.oli-headline-1-title .h2-title {
color: #fff;
font-size: 1.812rem;
line-height: 40px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.oli-headline-1-meta {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
color: #fff;
margin-top: 0.625rem;
}
.oli-headline-1-meta-date,
.oli-headline-1-meta-viewing,
.oli-headline-1-meta-time {
display: flex;
align-items: center;
gap: 8px;
font-size: 0.812rem;
}
.oli-headline-1-excerpt {
margin-bottom: 0.625rem;
}
.oli-headline-1-excerpt .oli-text {
color: #fff;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.oli-headline-1-btns {
display: flex;
align-items: center;
gap: 10px;
}
.oli-headline-1-btns .oli-headline-1-btn {
background-color: #fff;
border-radius: var(--olivin_radius_2);
border: 1px solid var(--olivin_border_1);
padding: 0.625rem;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: var(--olivin_2);
transition: all .3s ease;
font-weight: 500;
width: 40px;
height: 40px;
}
.oli-headline-1-btns .oli-headline-1-btn:nth-child(n+8) {
display: none;
}
.oli-postSlide1 {
opacity: 0;
transition: opacity 0.7s ease-in-out;
display: none;
}
.oli-postSlide1.fade-in {
opacity: 1;
display: block;
}
.oli-headline-1-btns .oli-headline-1-btn:hover {
color: #fff;
background-color: var(--olivin_2) !important;
}
.oli-headline-1-btns .oli-headline-1-btn.btn-active {
color: #fff;
}
.oli-headline-1-read-more a {
display: flex;
align-items: center;
gap: 10px;
padding: 0.375rem 15px;
border-radius: var(--olivin_radius);
color: #fff;
background-color: #ffffff20;
width: fit-content;
font-size: 0.875rem;
transition: all .3s ease;
}
.oli-headline-1-read-more a:hover {
background-color: #fff;
color: var(--olivin_text_2);
} .oli-headline-2-all {
display: flex;
gap: 20px;
}
.oli-headline-2-ad {
max-width: 30.33333333%;
width: 30.33333333%;
border-radius: var(--olivin_radius);
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
}
.oli-headline-2-ad img {
border-radius: var(--olivin_radius);
object-fit: contain;
max-height: 360px;
}
.oli-headline-2-container {
position: relative;
border-radius: var(--olivin_radius);
overflow: hidden;
width: 100%;
height: 360px;
}
.oli-headline-2 {
display: flex;
transition: transform 0.5s ease-in-out;
}
.oli-headline-2-headline {
min-width: 100%;
position: relative;
height: 320px;
}
.oli-headline-2-headline img {
width: 100%;
height: 320px;
object-fit: cover;
border-radius: var(--olivin_radius) var(--olivin_radius) 0 0;
}
.oli-headline-2-headline-content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 1.875rem;
background: linear-gradient(0deg, rgb(0 0 0 / 72%), rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0));
color: white;
display: flex;
gap: 10px;
flex-direction: column;
}
.oli-headline-2-headline-content .oli-post-category {
width: fit-content;
}
.oli-post-category i {
margin-right: 0.312rem;
}
.oli-headline-2-headline-content .oli-headline-2-title {
color: #fff;
font-size: 1.812rem;
line-height: 40px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.oli-headline-2-headline-content .oli-headline-2-title a {
color: #ffff;
}
.oli-headline-2-headline-content .oli-text {
color: #fff;
width: 60%;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.oli-headline-2-meta {
display: flex;
gap: 15px;
font-size: 0.812rem;
align-items: center;
}
.oli-headline-2-meta span {
display: flex;
line-height: 1;
align-items: center;
gap: 5px;
}
.oli-headline-2-meta i {
margin-right: 0.312rem;
}
.oli-headline-2-prev-next-button {
position: absolute;
top: 20%;
transform: translateY(-50%);
background: rgba(0, 0, 0, 0.6);
color: white;
border: none;
width: 40px;
height: 40px;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.oli-headline-2-prev-next-button:hover {
background: rgba(34, 34, 34, 0.8);
width: 75px;
}
.oli-headline-2-prev {
left: 0;
border-radius: 0 var(--olivin_radius_2) var(--olivin_radius_2) 0;
}
.oli-headline-2-next {
right: 0;
border-radius: var(--olivin_radius_2) 0 0 var(--olivin_radius_2);
}
.oli-headline-2-dots {
display: flex;
width: 100%;
}
.oli-headline-2-dot.active {
position: relative;
text-align: center;
}
.oli-headline-2-dot.active::before {
position: absolute;
content: '';
left: 50%;
transform: translateX(-50%);
top: -10px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
animation: fade .4s;
}
.oli-headline-2-dots::-webkit-scrollbar {
display: none;
}
.oli-headline-2-dot {
line-height: normal;
padding: 0.625rem 20px;
background: #1e1e1e;
display: block;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
font-size: 1rem;
font-weight: bold;
color: #fff;
text-align: center;
border-radius: 0;
width: 100%;
}
.oli-headline-2-dot:hover {
background-color: rgb(78, 78, 78);
} .oli-headline-3-slider-container {
width: 100%;
height: 60vh;
display: flex;
gap: 20px;
}
.oli-headline-3-news-slider {
flex: 1;
position: relative;
overflow: hidden;
}
.oli-headline-3-slide {
position: absolute;
inset: 0;
opacity: 0;
transform: translateY(100%);
transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.oli-headline-3-slide.oli-headline-3-active {
opacity: 1;
transform: translateY(0);
z-index: 1;
}
.oli-headline-3-slide-content {
height: 100%;
display: flex;
align-items: center;
gap: 20px;
}
.oli-headline-3-slide-number {
font-size: 8rem;
font-weight: 800;
color: rgb(132 132 132 / 11%);
position: absolute;
top: 16%;
left: 20px;
transform: translateY(-50%);
z-index: 0;
}
.oli-headline-3-slide-text {
flex: 1;
max-width: 100%;
background: #fff;
padding: 1.250rem;
border-radius: var(--olivin_radius);
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
height: 60vh;
}
.oli-headline-3-category {
margin-bottom: 1.5rem;
background-color: var(--olivin_4) !important;
z-index: 2;
}
.oli-headline-3-slide-text h2 {
font-size: 1.812rem;
line-height: 1.2;
margin-bottom: 1.5rem;
font-weight: 700;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.oli-headline-3-slide-text p {
font-size: 1.0rem;
line-height: 1.6;
color: var(--olivin_text_2);
margin-bottom: 2rem;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
z-index: 2;
}
.oli-headline-3-slide-meta {
display: flex;
align-items: center;
gap: 1rem;
font-size: 0.812rem;
color: var(--olivin_text_2);
z-index: 2;
}
.oli-headline-3-divider {
width: 4px;
height: 4px;
background: currentColor;
border-radius: 50%;
}
.oli-headline-3-slide-image {
width: 45%;
height: 60vh;
background-size: cover;
background-position: center;
border-radius: var(--olivin_radius);
position: relative;
overflow: hidden;
}
.oli-headline-3-image-overlay {
position: absolute;
inset: 0;
}
.oli-headline-3-slider-nav {
width: 60px;
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
background: #fff;
border: 1px solid var(--olivin_border_1);
border-radius: var(--olivin_radius);
padding-bottom: 0.625rem;
}
.oli-headline-3-progress-bar {
flex: 1;
width: 4px;
position: relative;
background-color: var(--olivin_border_1);
border-radius: 0 0 var(--olivin_radius) var(--olivin_radius);
}
.oli-headline-3-progress {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
background: var(--olivin_1);
border-radius: 0 0 var(--olivin_radius) var(--olivin_radius);
transition: height 1s ease;
}
.oli-headline-3-nav-buttons {
display: flex;
flex-direction: column;
gap: 1rem;
}
.oli-headline-3-nav-btn {
width: 43px;
height: 43px;
border: 1px solid rgba(255, 255, 255, 0.1);
color: var(--olivin_title);
border-radius: var(--olivin_radius);
cursor: pointer;
transition: all 0.3s;
font-size: 1rem;
display: flex;
align-items: center;
justify-content: center;
}
.oli-headline-3-nav-btn:hover {
background-color: transparent !important;
border: 1px solid var(--olivin_border_1) !important;
}
.oli-headline-3-nav-btn:focus {
outline: none;
border: 1px solid var(--olivin_border_1) !important;
} .oli-headline-4-slider-container {
max-width: 100%;
margin: 0 auto;
background: #fff;
border-radius: var(--olivin_radius) var(--olivin_radius) 0 0;
overflow: hidden;
}
.oli-headline-4-headlines-slider {
position: relative;
height: 400px;
}
.oli-headline-4-slide {
position: absolute;
inset: 0;
opacity: 0;
display: grid;
grid-template-columns: 1.2fr 1fr;
transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.oli-headline-4-slide.oli-headline-4-active {
opacity: 1;
z-index: 1;
}
.oli-headline-4-slide-content {
padding: 1.875rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.oli-headline-4-category {
background: var(--olivin_1);
color: #f1faee;
margin-bottom: 1.0rem;
width: fit-content;
}
.oli-headline-4-slide-content h2 {
color: var(--olivin_title);
font-size: 1.750rem;
line-height: 1.3;
margin-bottom: 1.0rem;
font-weight: 700;
}
.oli-headline-4-slide-content p {
color: var(--olivin_text_1);
margin-bottom: 1.250rem;
}
.oli-headline-4-meta-info {
display: flex;
gap: 20px;
color: var(--olivin_text_2);
font-size: 0.875rem;
}
.oli-headline-4-meta-info span {
display: flex;
align-items: center;
gap: 6px;
}
.oli-headline-4-meta-info i {
font-size: 0.875rem;
}
.oli-headline-4-slide-image {
position: relative;
overflow: hidden;
}
.oli-headline-4-slide-image img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1.1);
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.oli-headline-4-slide.oli-headline-4-active .oli-headline-4-slide-image img {
transform: scale(1);
}
.oli-headline-4-slider-nav {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.938rem 30px;
background: var(--olivin_1);
flex-wrap: wrap;
gap: 15px;
border-radius: 0 0 var(--olivin_radius) var(--olivin_radius);
}
.oli-headline-4-slider-dots {
display: flex;
gap: 8px;
flex-wrap: wrap;
max-width: calc(100% - 100px);
}
.oli-headline-4-dot {
width: 24px;
height: 7px;
background: rgba(255, 255, 255, 0.3);
cursor: pointer;
transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
flex-shrink: 0;
border-radius: var(--olivin_radius_2);
}
.oli-headline-4-dot.oli-headline-4-active {
background-color: #fff;
}
.oli-headline-4-nav-buttons {
display: flex;
gap: 12px;
flex-shrink: 0;
}
.oli-headline-4-prev-btn, .oli-headline-4-next-btn {
background: none;
border: none;
color: #f1faee;
cursor: pointer;
padding: 0.5rem;
transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
font-size: 1.0rem;
}
@media (max-width: 768px) {
.oli-headline-4-slide {
grid-template-columns: 1fr;
}
.oli-headline-4-slide-image {
display: none;
}
.oli-headline-4-headlines-slider {
height: 300px;
}
.oli-headline-4-slide-content {
padding: 1.562rem;
}
.oli-headline-4-slide-content h2 {
font-size: 1.5rem;
}
.oli-headline-4-meta-info {
font-size: 0.812rem;
gap: 15px;
}
.oli-headline-4-slider-nav {
padding: 0.750rem 20px;
}
.oli-headline-4-slider-dots {
max-width: calc(100% - 90px);
}
.oli-headline-4-dot {
width: 20px;
}
}
@media (max-width: 480px) {
.oli-headline-4-headlines-slider {
height: 280px;
}
.oli-headline-4-slide-content {
padding: 1.250rem;
}
.oli-headline-4-slide-content h2 {
font-size: 1.250rem;
margin-bottom: 0.750rem;
}
.oli-headline-4-category {
font-size: 0.750rem;
padding: 0.188rem 8px;
}
.oli-headline-4-slide-content p {
font-size: 0.875rem;
margin-bottom: 1.0rem;
}
.oli-headline-4-meta-info {
font-size: 0.750rem;
gap: 10px;
flex-wrap: wrap;
}
.oli-headline-4-slider-nav {
padding: 0.625rem 15px;
gap: 10px;
}
.oli-headline-4-slider-dots {
max-width: calc(100% - 80px);
gap: 6px;
}
.oli-headline-4-dot {
width: 16px;
}
.oli-headline-4-prev-btn, .oli-headline-4-next-btn {
padding: 0.375rem;
font-size: 0.875rem;
}
} .oli-post-group-1 {
display: grid;
grid-gap: 10px;
grid-template-columns: repeat(4, 1fr);
justify-content: space-between;
grid-template-rows: auto auto;
width: 100%;
box-sizing: border-box;
}
.oli-post-group-1-item {
position: relative;
display: flex;
flex-direction: column;
border-radius: var(--olivin_radius);
overflow: hidden;
height: 205px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.oli-post-group-1-item::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0));
border-radius: 0 0 var(--olivin_radius) var(--olivin_radius);
transition: opacity 0.4s ease;
opacity: 1;
}
.oli-post-group-1-item:hover::before {
opacity: 0.8;
}
.oli-post-group-1-item:nth-child(1) {
grid-column: 1 / 2;
grid-row: 1;
}
.oli-post-group-1-item:nth-child(2) {
grid-column: 2 / 3;
grid-row: 1;
}
.oli-post-group-1-item:nth-child(3) {
grid-column: 3 / 5;
grid-row: 1 / 3;
height: 100%;
}
.oli-post-group-1-item:nth-child(4) {
grid-column: 1 / 3;
grid-row: 2;
}
.oli-post-group-1-item-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
display: block;
}
.oli-post-group-1-item-category {
position: absolute;
left: 20px;
top: 20px;
z-index: 2;
}
.oli-post-group-1-item-category .oli-post-category {
background-color: var(--olivin_1);
}
.oli-post-group-1-item-content {
position: absolute;
inset: auto 20px 20px;
display: flex;
flex-direction: column;
gap: 8px;
}
.oli-post-group-1-item-content .oli-post-group-1-item-meta {
color: #e3e3e3;
}
.oli-post-group-1-item-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 10px;
font-size: 0.812rem;
}
.oli-post-group-1-item-post-date,
.oli-post-group-1-item-post-viewing {
display: flex;
align-items: center;
gap: 8px;
}
.oli-post-group-1-item-title h2 {
color: #fff;
font-weight: 700;
font-size: 1.125rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.oli-post-group-1-item:nth-child(3) .oli-post-group-1-item-title h2 {
font-size: 1.625rem !important;
font-weight: 700;
}
.oli-post-group-1-item-post-excerpt {
color: #ffffff !important;
font-size: 0.812rem;
font-weight: 500;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
opacity: 0;
max-height: 0;
transition: all .4s;
margin-top: -12px;
}
.oli-post-group-1-item:hover .oli-post-group-1-item-post-excerpt {
opacity: 1;
max-height: 100px;
margin-top: 0;
transition: opacity 0.4s ease-out, max-height 0.9s ease-out;
}
.oli-post-group-1-item:nth-child(1) .oli-post-group-1-item-post-excerpt,
.oli-post-group-1-item:nth-child(2) .oli-post-group-1-item-post-excerpt {
-webkit-line-clamp: 3;
}
.oli-post-group-1-item:nth-child(3) .oli-post-group-1-item-post-excerpt {
opacity: 1;
max-height: 100px;
margin: 0;
}
.oli-post-group-1-item-post-excerpt p {
color: #fff;
font-size: 0.812rem;
font-weight: 400;
} .oli-post-group-2 {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(1, 1fr);
gap: 15px;
position: relative;
}
.oli-post-group-2 .oli-post-group-2-item:nth-child(2) {
grid-column: span 2 / span 2;
}
.oli-post-group-2 .oli-post-group-2-item:nth-child(3) {
grid-column-start: 4;
}
.oli-post-group-2-item-link {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
display: block;
z-index: 4;
}
.oli-post-group-2 .oli-post-group-2-item {
display: flex;
flex-direction: column;
row-gap: 10px;
position: relative;
}
.oli-post-group-2 .oli-post-group-2-item:nth-child(2):before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0));
border-radius: 0 0 var(--olivin_radius) var(--olivin_radius);
transition: opacity 0.4s ease, all 0.4s ease;
opacity: 1;
}
.oli-post-group-2 .oli-post-group-2-item:nth-child(2):hover:before {
opacity: .7;
}
.oli-post-group-2-item-top {
width: 100%;
border-radius: var(--olivin_radius);
height: 210px;
background-size: cover;
background-position: center center;
}
.oli-post-group-2 .oli-post-group-2-item:nth-child(2) {
overflow: hidden;
border-radius: var(--olivin_radius);
height: 390px;
}
.oli-post-group-2 .oli-post-group-2-item:nth-child(2) .oli-post-group-2-item-top {
width: 100%;
border-radius: var(--olivin_radius);
object-fit: cover;
height: 390px;
}
.oli-post-group-2 .oli-post-group-2-item:nth-child(2) .oli-post-group-2-item-bottom {
position: absolute;
right: 30px;
left: 30px;
bottom: 30px;
}
.oli-post-group-2 .oli-post-group-2-item:nth-child(2) .oli-post-group-2-item-bottom .oli-post-category,
.oli-post-group-2 .oli-post-group-2-item:nth-child(2) .oli-post-group-2-item-meta-left span,
.oli-post-group-2 .oli-post-group-2-item:nth-child(2) .oli-post-group-2-item-meta-right span,
.oli-post-group-2 .oli-post-group-2-item:nth-child(2) .oli-post-group-2-item-title h2 {
color: #fff;
}
.oli-post-group-2 .oli-post-group-2-item:nth-child(2) .oli-post-group-2-item-title h2 {
font-size: 1.688rem;
font-weight: 800;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.oli-post-group-2-item-title h2 {
font-size: 1.250rem;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.oli-post-group-2-item-bottom {
display: flex;
flex-direction: column;
gap: 10px;
}
.oli-post-group-2-item-bottom .oli-post-category {
background-color: transparent;
padding: 0;
color: var(--olivin_2);
font-weight: 600;
transition: all .3s;
}
.oli-post-group-2-item-bottom .oli-post-category:hover {
color: var(--olivin_1);
}
.oli-post-group-2-item-bottom .oli-post-category {
margin: -5px 0 -5px 0;
}
.oli-post-group-2-item-meta {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 10px;
margin-top: 0.5rem;
}
.oli-post-group-2-item-meta .oli-post-group-2-item-meta-left {
display: flex;
align-items: center;
gap: 8px;
}
.oli-post-group-2-item-meta .oli-post-group-2-item-meta-left span,
.oli-post-group-2-item-meta .oli-post-group-2-item-meta-right span {
font-size: 0.812rem;
}
.oli-post-group-2-item-meta .oli-post-group-2-item-meta-left span i,
.oli-post-group-2-item-meta .oli-post-group-2-item-meta-right span i {
margin-right: 0.5rem;
font-size: 0.750rem;
}
.oli-post-group-2-item-meta .oli-post-group-2-item-meta-right {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 8px;
} .oli-post-group-3 {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 10px;
}
.oli-post-group-3 .oli-post-group-3-item:nth-child(2) {
grid-column: span 2 / span 2;
grid-row: span 2 / span 2;
}
.oli-post-group-3 .oli-post-group-3-item:nth-child(3) {
grid-column-start: 4;
}
.oli-post-group-3 .oli-post-group-3-item:nth-child(4) {
grid-column-start: 4;
grid-row-start: 2;
}
.oli-post-group-3 .oli-post-group-3-item:nth-child(5) {
grid-column-start: 1;
grid-row-start: 2;
}
.opg3-item-link {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
display: block;
z-index: 3;
}
.oli-post-group-3 .oli-post-group-3-item {
border-radius: var(--olivin_radius);
position: relative;
display: flex;
flex-direction: column;
gap: 10px;
justify-content: flex-end;
padding: 1.250rem;
background-size: cover;
background-position: center;
min-height: 240px;
max-height: 240px;
overflow: hidden;
}
.oli-post-group-3 .oli-post-group-3-item:nth-child(2) {
min-height: 500px;
max-height: 500px;
}
.oli-post-group-3 .oli-post-group-3-item::after {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgb(0 0 0) 38%, rgba(0, 0, 0, 0));
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
opacity: .5;
}
.oli-post-group-3 .oli-post-group-3-item:nth-child(2)::after {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0));
}
.oli-post-group-3-item-content {
z-index: 2;
display: flex;
flex-direction: column;
gap: 10px;
}
.oli-post-group-3-item-meta {
display: flex;
gap: 8px;
color: #fff;
align-items: center;
flex-wrap: wrap;
}
.oli-post-group-3-item-meta>.oli-post-category {
width: auto;
}
.oli-post-group-3-item-meta>.oli-post-category {
background-color: #ffffff26;
font-weight: 600;
}
.oli-post-group-3-item-meta>span {
display: flex;
align-items: center;
gap: 8px;
font-size: 0.812rem;
}
.oli-post-group-3-item-title h2 {
font-size: 1.125rem;
color: #fff;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
font-weight: 600;
}
.oli-post-group-3 .oli-post-group-3-item:nth-child(2) .oli-post-group-3-item-title h2 {
font-size: 1.688rem !important;
-webkit-line-clamp: 3;
font-weight: 700;
}
.opg3-item-author {
display: flex;
align-items: center;
gap: 10px;
}
.opg3-item-author-avatar {
display: flex;
width: 32px;
height: 32px;
}
.opg3-item-author-avatar>img {
border-radius: 50%;
}
.opg3-item-author-avatar-meta {
display: flex;
flex-direction: column;
color: #fff;
}
.opg3-item-author-avatar-meta span {
font-size: 0.812rem;
font-weight: 300;
}
.opg3-item-author-avatar-meta .opg3-post-author-name {
font-size: 0.938rem;
font-weight: 500;
} .oli-post-group-4-container {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: auto auto auto;
gap: 15px;
}
.oli-post-group-4-item {
position: relative;
overflow: hidden;
background-color: #1a1a1a;
transition: transform 0.3s ease;
min-height: 290px;
display: flex;
align-items: flex-end;
background-size: cover;
background-position: center;
border-radius: var(--olivin_radius);
}
.oli-post-group-4-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.oli-post-group-4-item:nth-child(1) {
grid-column: 1 / 7;
grid-row: 1;
}
.oli-post-group-4-item:nth-child(2) {
grid-column: 7 / 13;
grid-row: 1;
}
.oli-post-group-4-item:nth-child(3) {
grid-column: 9 / 13;
grid-row: 2;
}
.oli-post-group-4-item:nth-child(4) {
grid-column: 1 / 9;
grid-row: 2;
}
.oli-post-group-4-item:nth-child(5) {
grid-column: 1 / 5;
grid-row: 3;
}
.oli-post-group-4-item:nth-child(6) {
grid-column: 5 / 9;
grid-row: 3;
}
.oli-post-group-4-item:nth-child(7) {
grid-column: 9 / 13;
grid-row: 3;
}
.oli-post-group-4-item:hover {
transform: scale(0.99);
}
.oli-post-group-4-item::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
z-index: 1;
}
.oli-post-group-4-content {
position: relative;
z-index: 2;
padding: 1.250rem;
color: #fff;
width: 100%;
}
.oli-post-group-4-category {
display: inline-block;
background-color: #ff4757;
margin-bottom: 1rem;
}
.oli-post-group-4-item:nth-child(2n) .oli-post-group-4-category {
background-color: #2e86de;
}
.oli-post-group-4-item:nth-child(3n) .oli-post-group-4-category {
background-color: #26de81;
}
.oli-post-group-4-item h2 {
margin-bottom: 1rem;
line-height: 1.3;
font-size: 1.625rem;
font-weight: 700;
letter-spacing: -0.5px;
color: #fff;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.oli-post-group-4-meta {
display: flex;
column-gap: 1.5rem;
row-gap: 5px;
font-size: 0.750rem;
opacity: 0.7;
color: #fff;
flex-wrap: wrap;
}
.oli-post-group-4-meta span {
position: relative;
text-transform: capitalize;
}
.oli-post-group-4-meta span:not(:last-child)::after {
content: '•';
position: absolute;
right: -0.9rem;
color: #fff;
}
@media (max-width: 768px) {
body {
padding: 0;
}
.oli-post-group-4-container {
grid-template-columns: 1fr;
grid-template-rows: auto;
}
.oli-post-group-4-item {
grid-column: 1 / -1 !important;
grid-row: auto !important;
min-height: 280px;
}
.oli-post-group-4-item h2 {
font-size: 1.125rem;
}
} .oli-post-story {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
overflow: hidden;
}
.oli-post-story-item {
position: relative;
}
.oli-post-story-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 4;
}
.oli-post-story-item-img-container {
position: relative;
width: 85px;
height: 85px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
box-sizing: border-box;
}
.oli-post-story-border {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
box-sizing: border-box;
animation: rotate-border 15s linear infinite;
top: 0;
left: 0;
z-index: 2;
}
.oli-post-story-item:hover .oli-post-story-border {
animation-play-state: paused;
}
.oli-post-story-item-img {
width: 85%;
height: 85%;
border-radius: 50%;
object-fit: cover;
position: relative;
z-index: 3;
}
.oli-post-story-popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
justify-content: center;
align-items: center;
z-index: 1000;
padding: 0.938rem;
cursor: grab;
}
.oli-post-story-popup-content {
background: #fff;
width: 370px;
height: 80vh;
max-height: 80vh;
padding: 0.625rem;
position: relative;
border-radius: var(--olivin_radius);
text-align: center;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
overflow: hidden;
animation: fadeIn .3s;
display: flex;
flex-direction: column;
justify-content: center;
}
.oli-post-story-popup-img {
width: 100%;
height: 100%;
max-height: 100%;
object-fit: contain;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
background: #2e2e2f;
border-radius: var(--olivin_radius);
}
.oli-post-story-popup-title {
font-size: 1.062rem;
font-weight: 500;
margin-bottom: 0.938rem;
color: #fff;
text-align: left;
}
.oli-post-story-popup-link {
display: inline-block;
padding: 0.375rem 15px;
color: #fff;
text-decoration: none;
border-radius: var(--olivin_radius_2);
transition: background 0.3s;
background: #ffffff08;
font-size: 0.750rem;
font-weight: 400;
}
.oli-post-story-popup-link:hover {
background: var(--olivin_1);
color: #fff;
}
.oli-post-story-footer {
position: absolute;
bottom: 10px;
right: 10px;
left: 10px;
background-color: #00000048;
padding: 0.938rem;
border-radius: 0 0 var(--olivin_radius) var(--olivin_radius);
}
.oli-post-story-footer-buttons {
display: flex;
align-items: center;
justify-content: space-between;
}
.oli-post-story-popup .oli-post-story-popup-next,
.oli-post-story-popup .oli-post-story-popup-prev {
background-color: transparent;
border-radius: var(--olivin_radius_2);
padding: 0.625rem;
cursor: pointer;
transition: all .3s ease;
border: none;
color: #fff;
font-size: 1.250rem;
}
.oli-post-story-popup .oli-post-story-popup-next:hover,
.oli-post-story-popup .oli-post-story-popup-prev:hover {
color: var(--olivin_1);
}
.opspc-data {
position: absolute;
background: none;
left: 25px;
top: 25px;
right: 25px;
border: none;
font-size: 0.938rem;
cursor: pointer;
color: #fff;
display: flex;
align-items: center;
}
.opspc-data .opspc-data-author {
margin-right: 0.5rem;
text-transform: capitalize;
color: #fff;
}
.opspc-data .opspc-data-diff {
color: #fff;
margin-left: 0.5rem;
font-size: 0.750rem;
line-height: 1;
}
.opspc-data .opspc-data-counter {
position: absolute;
right: 0;
}
.oli-post-story-popup-close {
background-color: #434343;
color: #fff !important;
padding: 0.5rem 10px;
line-height: 1;
color: var(--olivin_title);
margin-right: 1.250rem;
cursor: pointer;
border: none;
} .oli-au-card-1-container {
display: grid;
gap: 15px;
justify-content: start;
margin: 0 auto;
padding: 0 15px;
overflow-x: auto;
overflow-y: hidden;
}
.oli-au-card-1 {
background: #ffffff;
border-radius: var(--olivin_radius);
position: relative;
transition: all 0.3s ease;
border: 1px solid var(--olivin_border_1);
width: 100%;
overflow: hidden;
}
.oli-au-card-1-header {
height: 85px;
border-radius: var(--olivin_radius) var(--olivin_radius) 0 0;
position: relative;
display: flex;
justify-content: center;
align-items: flex-end;
}
.oli-au-card-1-avatar {
width: 100px;
height: 100px;
border-radius: 50%;
border: 6px solid white;
object-fit: cover;
transform: translateY(50%);
}
.oli-au-card-1-info {
padding: 3.5rem 1.5rem 1.5rem;
text-align: center;
}
.oli-au-card-1-category-badge {
position: absolute;
top: 1rem;
right: 1rem;
background: #fff;
color: var(--olivin_title);
padding: 0.25rem 0.75rem;
border-radius: var(--olivin_radius_2);
font-size: 0.75rem;
font-weight: 600;
backdrop-filter: blur(5px);
}
.oli-au-card-1-name {
color: #2C3E50;
font-size: 1.062rem;
font-weight: 600;
margin-bottom: .8rem;
}
.oli-au-card-1-title {
color: #FF6B6B;
font-size: 0.9rem;
font-weight: 500;
margin-bottom: 0.75rem;
}
.oli-au-card-1-stats {
display: flex;
justify-content: center;
gap: 15px;
}
.oli-au-card-1-stat-item {
background: #88888819;
padding: 0.375rem 10px;
border-radius: var(--olivin_radius);
}
.oli-au-card-1-stat-value {
color: var(--olivin_text_2);
font-weight: 600;
font-size: 0.938rem;
}
.oli-au-card-1-stat-label {
color: var(--olivin_text_1);
font-size: 0.75rem;
margin-top: 0.25rem;
}
.oli-au-card-1-badge-container {
position: absolute;
top: 1rem;
left: 1rem;
display: flex;
gap: 0.5rem;
}
.oli-au-card-1-badge-container svg {
width: 22px;
height: 22px;
}
.oli-au-card-1-link {
width: 100%;
padding: 0.938rem;
border-top: 1px solid var(--olivin_border_1);
opacity: 0;
position: absolute;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
transition: all .4s ease;
}
.oli-au-card-1:hover .oli-au-card-1-link {
opacity: 1;
animation: slide-in-bottom .3s;
}
.oli-au-card-1-link a {
display: block;
background-color: var(--olivin_1);
width: 100%;
color: #fff;
border-radius: var(--olivin_radius_2);
text-align: center;
padding: 0.625rem;
font-size: 0.812rem;
transition: all .4s ease;
}
.oli-au-card-1-link a:hover {
background-color: var(--olivin_2);
}
.oli-au-cstm1 .oli-widget-title-container {
margin: 0 !important;
padding: 0.938rem !important;
}
.oli-au-cstm1 {
position: relative;
z-index: 2;
overflow: hidden;
width: 100% !important;
background-color: transparent;
padding: 0;
}
.oli-au-cstm1.oli-home-left-content-item .oli-widget-title-container {
margin-bottom: 0.938rem !important;
}
.oli-au-cstm1::after {
content: '';
border-radius: var(--olivin_radius);
position: absolute;
top: 0;
z-index: -1;
width: 100%;
max-width: 100%;
background-color: #ffffff;
height: 50%;
} .oli-sidebar-postlist-widget {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 10px;
}
.oli-sidebar-postlist-widget-item-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 1;
}
.oli-sidebar-postlist-widget .oli-sidebar-postlist-widget-item {
display: flex;
gap: 10px;
position: relative;
}
.oli-sidebar-postlist-widget-item .oli-sidebar-postlist-widget-item-left {
position: relative;
}
.oli-sidebar-postlist-widget-item .oli-sidebar-postlist-widget-item-left .oli-post-number {
position: absolute;
background-color: #706667;
color: #fff;
font-size: 0.750rem;
font-weight: 500;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 23px;
height: 23px;
top: -5px;
right: -5px;
border: 2px solid #fff;
}
.oli-sidebar-postlist-widget-item .oli-sidebar-postlist-widget-item-left img {
min-width: 60px;
max-width: 60px;
height: 60px;
object-fit: cover;
border-radius: var(--olivin_radius);
}
.oli-sidebar-postlist-widget-item .oli-sidebar-postlist-widget-item-right {
width: 100% !important;
display: flex;
flex-direction: column;
justify-content: center;
gap: 7px;
}
.oli-sidebar-postlist-widget-item .oli-sidebar-postlist-widget-item-right h3 {
font-size: 0.875rem;
font-weight: 500;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.oli-sidebar-postlist-widget-item-right .oli-sidebar-postlist-widget-meta {
display: flex !important;
gap: 10px;
align-items: center;
justify-content: flex-start;
}
.oli-sidebar-postlist-widget-item-right .oli-sidebar-postlist-widget-meta .oli-post-meta-date,
.oli-sidebar-postlist-widget-item-right .oli-sidebar-postlist-widget-meta .oli-post-meta-category {
font-size: 0.750rem;
display: flex;
align-items: center;
gap: 7px;
} .oli-social-icons-widget {
width: 100%;
overflow: hidden;
}
.oli-social-icons-widget ul {
display: flex;
flex-direction: column;
gap: 10px;
list-style: none;
padding: 0 !important;
}
.oli-social-icons-widget ul li a {
color: #fff;
width: 100%;
display: flex;
padding: 0.625rem;
align-items: center;
justify-content: space-between;
border-radius: var(--olivin_radius);
font-size: 0.875rem;
}
.oli-social-widget-icon i,
.oli-social-icons-widget span {
color: #fff;
font-size: 0.875rem;
}
.oli-social-icons-widget ul li a:hover .oli-social-widget-icon i {
background-color: #fff;
color: var(--olivin_title);
}
.oli-social-widget-icon {
display: flex;
align-items: center;
gap: 10px;
}
.oli-social-widget-icon i {
background-color: #ffffff40;
padding: 0.438rem;
line-height: 1;
border-radius: var(--olivin_radius_2);
font-size: 1.188rem;
transition: all .4s ease;
}
.oli-social-widget-followers {
font-size: 0.812rem;
} .oli-weather {
width: 100%;
max-width: 100%;
}
.oli-weather .search-box {
display: flex;
gap: 10px;
margin-bottom: 1.875rem;
}
.oli-weather input,
.oli-weather button {
padding: 0.625rem;
border-radius: var(--olivin_radius);
border: 1px solid var(--olivin_border_1);
font-size: 1.0rem;
transition: 0.3s;
}
.oli-weather input {
flex: 1;
background: #fff;
}
.oli-weather input:focus {
outline: none;
border-color: var(--olivin_1);
}
.oli-weather button {
background: var(--olivin_1);
color: white;
cursor: pointer;
font-weight: 600;
border: none;
padding: 0 20px;
}
.oli-weather button:hover {
background: var(--olivin_2);
}
.oli-weather .weather-info {
text-align: center;
}
.oli-weather .city-name {
font-size: 1.5rem;
font-weight: 600;
color: var(--olivin_2);
margin-bottom: 0.938rem;
}
.oli-weather .weather-icon {
font-size: 2.1rem;
margin: 0.625rem 0;
}
.oli-weather .temperature {
font-size: 1.8rem;
font-weight: bold;
margin: 0.625rem 0;
background-color: var(--olivin_2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.oli-weather .description {
color: var(--olivin_text_1);
margin-bottom: 1.562rem;
text-transform: capitalize;
font-size: 0.938rem;
}
.oli-weather .details {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
margin-top: 1.250rem;
}
.oli-weather .detail-item {
background: rgba(42, 82, 152, 0.05);
padding: 0.5rem 15px;
border-radius: var(--olivin_radius);
text-align: center;
display: flex;
gap: 8px;
font-size: 0.812rem;
}
.oli-weather .loading,
.oli-weather .error {
text-align: center;
display: none;
} .oli-postlist-1-wrapper {
grid-template-columns: repeat(3, 1fr);
gap: 10px;
position: relative;
}
.oli-postlist-1-wrapper-item {
position: relative;
display: flex;
flex-direction: column;
border-radius: var(--olivin_radius);
overflow: hidden;
height: 420px;
background-size: cover;
background-repeat: no-repeat;
box-shadow: var(--olivin_box_shadow);
}
.oli-postlist-1-wrapper-item::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0));
border-radius: 0 0 var(--olivin_radius) var(--olivin_radius);
}
.oli-postlist-1-text {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
display: flex;
flex-direction: column;
gap: 10px;
}
.oli-postlist-1-category .oli-post-category {
position: relative;
background-color: #fff;
display: inline-block;
width: fit-content;
font-size: 0.812rem;
padding: 0.062rem 10px 1px 23px;
border-radius: var(--olivin_radius);
font-weight: 500;
color: var(--olivin_text_2);
transition: all .3s ease;
letter-spacing: 1px;
}
.oli-postlist-1-category .oli-post-category:hover {
color: #fff;
background-color: var(--olivin_1);
}
.oli-postlist-1-category .oli-post-category:hover::before {
background-color: #fff;
}
.oli-postlist-1-category .oli-post-category::before {
position: absolute;
content: '';
left: 10px;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 6px;
background-color: var(--olivin_2);
border-radius: 50%;
transition: all .3s ease;
}
.oli-postlist-1-text .oli-entry-title a {
color: #fff !important;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
font-style: 20px;
}
.oli-postlist-1-footer {
display: flex;
align-items: center;
justify-content: space-between;
}
.oli-postlist-1-author {
display: flex;
align-items: center;
gap: 10px;
}
.oli-postlist-1-author img {
height: 35px;
width: 35px;
border-radius: 50%;
object-fit: cover;
border: 3px dotted #fff;
padding: 0.188rem;
transition: all .3s ease;
}
.oli-postlist-1-author:hover img {
border: 3px dotted var(--olivin_2);
}
.oli-postlist-1-author a {
font-size: 0.875rem;
font-weight: 500;
letter-spacing: .5px;
color: white;
}
.oli-postlist-1-meta-data {
display: flex;
gap: 10px;
}
.oli-postlist-1-meta-data span {
display: flex;
align-items: center;
gap: 10px;
font-size: 0.875rem;
color: #fff;
} .oli-horizontal-banner-widget {
max-width: 100%;
height: auto;
}
.oli-horizontal-banner-widget img {
width: 100%;
object-fit: cover;
border-radius: var(--olivin_radius);
} .oli-dual-container {
background-color: transparent !important;
padding: 0;
}
.oli-dual-postlist {
width: 100%;
}
.oli-dual-postlist-left {
background-color: #fff;
border-radius: var(--olivin_radius);
padding: 0.938rem;
float: left;
width: calc(50% - 10px);
}
.oli-dual-postlist-right {
background-color: #fff;
border-radius: var(--olivin_radius);
padding: 0.938rem;
float: right;
width: calc(50% - 10px);
}
.oli-dual-postlist-item.odpi-top {
position: relative;
margin: 0.938rem -15px 15px -15px;
}
.odpi-top>.oli-dual-postlist-thumbnail>img {
width: 100%;
height: 180px;
object-fit: cover;
position: relative;
}
.odpi-top>.oli-dual-postlist-thumbnail {
position: relative;
}
.odpi-top>.oli-dual-postlist-thumbnail:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0));
transition: opacity 0.4s ease, all 0.4s ease;
opacity: 1;
z-index: 1;
}
.odpi-top>.oli-dual-postlist-thumbnail {
position: relative;
height: 180px;
}
.oli-dual-postlist-item.odpi-top p {
position: absolute;
bottom: 0;
}
.odpi-top-content {
position: absolute;
bottom: 15px;
right: 15px;
left: 15px;
z-index: 2;
}
.odpi-top-content>.oli-dual-postlist-item-meta>.odpi-meta-item {
color: #fff !important;
}
.odpi-meta-item>svg {
width: 13px;
height: 13px;
}
.oli-dual-postlist-item.odpi-top h3 a {
color: #fff;
}
.oli-dual-postlist-item.odpi-bottom {
display: flex;
align-items: center;
gap: 15px;
}
.oli-dual-postlist-item.odpi-bottom:not(:last-child) {
margin-bottom: 0.625rem;
padding-bottom: 0.625rem;
border-bottom: 1px solid var(--olivin_border_1);
}
.odpi-bottom>.oli-dual-postlist-thumbnail>img,
.odpi-bottom>.oli-dual-postlist-thumbnail {
min-width: 75px;
max-width: 75px;
height: 60px;
object-fit: cover;
border-radius: var(--olivin_radius);
}
.oli-dual-postlist-content>h3 a {
font-size: 0.875rem;
color: var(--olivin_title);
display: block;
font-weight: 600;
}
.oli-dual-postlist-item-meta {
margin-top: 0.312rem;
}
.widget-section-title {
position: relative;
padding-left: 0.938rem;
} .oss1-wrap {
background-color: transparent;
padding: 0;
border: none;
}
.oss1-wrap .oli-widget-title-container {
background: #fff;
margin: 0;
border-radius: var(--olivin_radius);
border: none;
padding: 0.938rem;
}
.oli-sidebar-slider-1 {
width: 100%;
background: #fff;
border-radius: var(--olivin_radius);
overflow: hidden;
transform: translateZ(0);
will-change: transform;
}
.oli-sidebar-slider-1-container {
position: relative;
background: #fff;
}
.oli-sidebar-slider-1-track {
position: relative;
height: 240px;
overflow: hidden;
}
.oli-sidebar-slider-1-slide {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
transform: translateZ(0);
transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
backface-visibility: hidden;
z-index: 0;
}
.oli-sidebar-slider-1-slide.oli-sidebar-slider-1-active {
opacity: 1;
z-index: 1;
}
.oli-sidebar-slider-1-category {
position: absolute;
z-index: 2;
left: 15px;
top: 15px;
}
.oli-sidebar-slider-1-slide img {
width: 100%;
height: 160px;
object-fit: cover;
border-radius: var(--olivin_radius) var(--olivin_radius) 0 0;
filter: brightness(0.95);
}
.oli-sidebar-slider-1-slide h3 {
margin: 0.750rem 16px;
font-size: 1.0rem;
color: var(--olivin_title);
}
.oli-sidebar-slider-1-nav {
display: flex;
justify-content: space-between;
gap: 10px;
padding: 0.750rem 16px;
background: #fff;
border-top: 1px solid var(--olivin_border_1);
overflow: auto;
}
.oli-sidebar-slider-1-btn {
width: 100%;
height: 32px;
border: none;
border-radius: var(--olivin_radius_2);
background: #8686861b;
color: var(--olivin_text_2);
cursor: pointer;
line-height: 1;
transition: all 0.3s;
display: flex;
align-items: center;
justify-content: center;
}
.oli-sidebar-slider-1-btn.oli-sidebar-slider-1-active {
background: var(--olivin_1);
color: white;
}
.oli-sidebar-slider-1-prev, .oli-sidebar-slider-1-next {
position: absolute;
top: 30%;
transform: translateY(-50%);
background: rgba(0, 0, 0, 0.5);
color: white;
border: none;
padding: 0.438rem 12px;
cursor: pointer;
font-size: 1.125rem;
}
.oli-sidebar-slider-1-prev {
left: 10px;
z-index: 2;
}
.oli-sidebar-slider-1-next {
right: 10px;
z-index: 2;
} .search-page-content {
display: flex;
flex-direction: column;
row-gap: 30px;
}
.search-page-top {
padding: 1.250rem;
border-radius: var(--olivin_radius);
background-color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
row-gap: 10px;
}
.oli-search-results {
padding: 1.250rem;
border-radius: var(--olivin_radius);
background-color: #fff;
display: flex;
flex-direction: column;
gap: 20px;
}
.search-page-top .search-title span,
.search-page-top .search-title h1 {
color: var(--olivin_title);
}
.search-page-top .search-title span {
font-size: 1.062rem;
font-weight: 600;
white-space: nowrap;
}
.search-page-top .search-title h1 {
font-size: 0.938rem;
font-weight: 500;
color: var(--olivin_text_1);
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.search-page-top .search-title {
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 5px;
width: 60%;
}
.oli-search-results .line-text {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.oli-search-results .line-text .text {
z-index: 2;
background-color: #fff;
padding: 0 25px;
color: var(--olivin_text_2);
}
.oli-search-results .line-text .line {
position: absolute;
top: 50%;
left: 0;
right: 0;
width: 100%;
height: 1px;
content: '';
background-color: var(--olivin_border_1);
z-index: 1;
} .oli-search-results-loop {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.oli-search-results-loop-item {
display: grid;
grid-template-columns: 23% 77%;
gap: 10px;
background-color: var(--olivin_bg);
padding: 0.938rem;
border-radius: var(--olivin_radius);
align-items: center;
}
.oli-search-results-loop-item-left {
width: 100%;
height: 80px;
}
.oli-search-results-loop-item-left img {
width: 100%;
border-radius: var(--olivin_radius);
height: 80px;
object-fit: cover;
display: block;
}
.oli-search-results-loop-item-right {
display: flex;
flex-direction: column;
gap: 5px;
}
.oli-search-results-loop-item-right a h3 {
font-size: 1.0rem;
font-weight: 600;
line-height: 20px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-break: break-word;
}
.oli-search-results-type {
background-color: #fff;
color: var(--olivin_text_2);
border-radius: var(--olivin_radius_2);
font-size: 0.812rem;
padding: 0 10px;
}
.oli-search-results-loop-item-right-top {
display: flex;
gap: 10px;
align-items: center;
}
.oli-search-results-loop-item-category .oli-post-category {
background-color: var(--olivin_5);
color: var(--olivin_title);
border-radius: var(--olivin_radius_2);
font-size: 0.812rem;
padding: 0 10px;
}
.oli-search-results-empty {
text-align: center;
}
.oli-search-results-empty .oli-search-results-empty-img {
width: 60px;
margin-bottom: 0.625rem;
} .oli-archive-page {
display: flex;
gap: 20px;
}
.oli-archive-page-left {
width: 69.66666667%;
max-width: 69.66666667%;
display: flex;
flex-direction: column;
gap: 20px;
}
.oli-archive-page-sidebar {
max-width: 30.33333333%;
min-width: 30.33333333%;
width: 30.33333333%;
display: flex;
flex-direction: column;
gap: 20px;
}
.oli-archive-page-title-wrapper {
background-color: #fff;
border-radius: var(--olivin_radius);
padding: 0.938rem;
margin-bottom: 1.250rem;
}
.oli-archive-title h1 {
font-size: 1.812rem;
padding-top: 0.750rem;
}
.oli-archive-title p {
margin: 0.938rem 0 0 0;
font-size: 0.938rem;
}
.oli-archive-breadcrumb {
padding-bottom: 1.062rem;
border-bottom: 1px solid var(--olivin_border_1);
} .oli-archive-postlist {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 20px;
row-gap: 30px;
position: relative;
}
.oli-archive-postlist-top {
position: relative;
height: 140px;
}
.oli-archive-postlist-img img {
width: 100%;
border-radius: var(--olivin_radius);
height: 140px;
object-fit: cover;
}
.oli-archive-postlist-img .oli-link {
width: 100%;
height: 100%;
display: block;
}
.oli-archive-postlist-category {
position: absolute;
left: 10px;
bottom: 10px;
}
.oli-archive-postlist-category .oli-post-category {
font-size: 0.875rem;
padding: 0.125rem 10px;
}
.oli-archive-postlist-bottom {
display: flex;
flex-direction: column;
margin-top: 0.5rem;
gap: 10px;
}
.oli-archive-postlist-meta {
display: flex;
align-items: center;
margin-top: 0.625rem;
column-gap: 10px;
padding: 0.250rem 10px;
background-color: var(--olivin_bg);
border-radius: var(--olivin_radius_2);
width: fit-content;
}
.oli-archive-postlist-meta-item {
display: flex;
column-gap: 10px;
align-items: center;
font-size: 0.812rem;
}
.oli-archive-postlist-title .h2-title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
font-size: 0.938rem;
}
.oli-archive-postlist-excerpt {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.oli-archive-postlist-excerpt .oli-text {
font-size: 0.875rem;
} .ospt-widget-item {
margin-top: 1.875rem;
}
.wp-block-image figure {
margin: 0 15px 0 0 !important;
}
.oli-single-post-wrapper {
gap: 20px;
display: flex;
}
.oli-table-auto {
overflow: auto;
}
.oli-single-title {
font-size: 1.875rem;
font-weight: 800;
line-height: 1.3;
color: var(--olivin_title) !important;
}
.oli-breadcrumbs a {
color: var(--olivin_2);
font-size: 0.812rem;
}
.oli-single-post-content .oli-breadcrumbs {
padding-bottom: 0.938rem;
border-bottom: 1px solid var(--olivin_border_1);
white-space: nowrap;
}
.oli-single-post-content.post-related .oli-postlist-2-item {
padding: 0 !important;
border: none;
}
.oli-single-post-content.post-related .oli-postlist-2-item-excerpt .oli-text {
margin: 0;
}
.oli-single-post-content.post-related .oli-postlist-2-item-img {
margin: 0 !important;
}
.oli-breadcrumbs span {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
font-size: 0.812rem;
}
.oli-single-post-left {
gap: 30px;
width: 69.66666667%;
max-width: 69.66666667%;
}
.oli-single-post-sidebar {
max-width: 30.33333333%;
min-width: 30.33333333%;
width: 30.33333333%;
}
.oli-single-post-content {
background-color: #fff;
padding: 0.938rem;
border-radius: var(--olivin_radius);
display: flex;
flex-direction: column;
overflow: hidden;
gap: 10px;
border: 1px solid var(--olivin_border_1);
}
.oli-post-category {
font-size: 0.812rem !important;
background-color: var(--olivin_1);
color: #fff;
padding: 0.125rem 15px;
border-radius: var(--olivin_radius_2);
}
.oli-single-meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-bottom: 0.625rem;
}
.oli-single-meta ul {
display: flex;
column-gap: 20px;
row-gap: 8px;
flex-wrap: wrap;
padding: 0 !important;
}
.oli-single-meta ul li {
color: var(--olivin_text_1);
display: flex;
align-items: center;
gap: 6px;
font-size: 0.750rem;
flex-wrap: wrap;
}
.oli-single-meta-views {
color: #ed6d08 !important;
}
.oli-single-author-img {
width: 33px;
height: 33px;
object-fit: cover;
border-radius: 50%;
border: 2px solid transparent;
}
.oli-single-meta-author {
position: relative;
}
.oli-single-meta-author-ui {
display: flex;
background-color: #afafaf26;
padding: 0 10px 0 0;
border-radius: 20px;
}
.oli-single-author-link {
color: var(--olivin_text_2);
font-weight: 500;
display: flex;
align-items: center;
gap: 5px;
}
.oli-single-author-name {
text-transform: capitalize;
font-size: 0.875rem;
font-weight: 600;
padding-left: 0.625rem;
color: var(--olivin_text_2);
}
.oli-user-verified {
position: relative;
} [data-tooltip]::after,
[data-tooltip]::before {
pointer-events: none;
}
.oli-user-verified[data-tooltip]:hover::after {
content: attr(data-tooltip);
position: absolute;
bottom: 23px;
left: 50%;
transform: translateX(-50%);
background: #333;
color: #fff;
padding: 0.375rem 12px;
border-radius: var(--olivin_radius_2);
font-size: 0.750rem;
white-space: nowrap;
z-index: 1000;
}
.oli-user-verified[data-tooltip]:hover::before {
content: '';
position: absolute;
bottom: 14px;
left: 50%;
transform: translateX(-50%);
border-width: 5px;
border-style: solid;
border-color: #333 transparent transparent transparent;
}
.splink {
color: var(--olivin_1) !important;
transition: all .3s ease;
font-size: unset !important;
}
.splink:hover {
color: var(--olivin_2) !important;
} .oli-comment-button[data-tooltip]:hover::after,
.oli-copy-button[data-tooltip]:hover::after,
.oli-post-more-options-button[data-tooltip]:hover::after,
.oli-comment-list-link[data-tooltip]:hover::after {
content: attr(data-tooltip);
position: absolute;
top: 50%;
left: -10px;
transform: translate(-100%, -50%);
background: #333;
color: #fff;
padding: 0.375rem 12px;
border-radius: var(--olivin_radius_2);
font-size: 0.750rem;
white-space: nowrap;
z-index: 1000;
}
.oli-comment-button[data-tooltip]:hover::before,
.oli-copy-button[data-tooltip]:hover::before,
.oli-post-more-options-button[data-tooltip]:hover::before,
.oli-comment-list-link[data-tooltip]:hover::before {
content: '';
position: absolute;
top: 50%;
left: 1px;
transform: translate(-100%, -50%);
border-width: 6px;
border-style: solid;
border-color: transparent transparent transparent #333;
}
.wp-post-image {
width: 100%;
object-fit: cover;
height: auto;
border-radius: var(--olivin_radius);
}
.oli-single-buttons {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
height: 100%;
}
.oli-single-social-buttons {
display: flex;
gap: 10px;
}
.oli-social-share-buttons {
display: flex;
gap: 8px;
flex-wrap: wrap;
align-items: center;
}
.oli-social-share-buttons li {
list-style: none;
}
.oli-social-share-buttons a {
background-color: var(--olivin_bg);
display: flex;
align-items: center;
padding: 0.625rem;
border-radius: var(--olivin_radius_2);
color: #fff;
font-size: 0.938rem;
}
.oli-single-social-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #00000050;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
}
.oli-single-social-modal-content {
background-color: #fff;
border-radius: var(--olivin_radius);
padding: 0.938rem;
position: relative;
display: flex;
flex-direction: column;
gap: 15px;
animation: slide-in-bottom .3s;
}
.ossm-title {
color: var(--olivin_title);
font-weight: 600;
}
.ossm-close {
position: absolute;
right: -40px;
top: 0;
padding: 0.625rem;
background-color: rgb(255, 255, 255);
border: none;
border-radius: var(--olivin_radius_2);
color: #000000;
cursor: pointer;
transition: all .3s;
}
.oli-single-share-button {
background-color: transparent !important;
border: 1px solid var(--olivin_border_1);
display: flex;
align-items: center;
gap: 12px;
padding: 0.688rem 15px !important;
color: var(--olivin_text_1);
border-radius: var(--olivin_radius);
white-space: nowrap;
cursor: pointer;
transition: all .3s ease;
}
.oli-single-share-button:hover {
border: 1px solid var(--olivin_1);
color: var(--olivin_1);
}
.oli-single-share-button i {
font-size: 0.812rem;
}
.oli-single-right-buttons {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
}
.oli-single-right-buttons li {
display: flex;
gap: 8px;
} .single-page {
margin: 0 0 60px 0;
}
.single-page .oli-single-page-content>.container {
background: #fff;
padding: 1.562rem;
border-radius: var(--olivin_radius);
border: 1px solid var(--olivin_border_1);
}
.oli-single-page-top {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #fff;
gap: 15px;
padding: 3.750rem 0 0 0;
margin-bottom: 3.750rem;
border-top: 1px solid var(--olivin_border_1);
position: relative;
}
.oli-single-page-top .oli-breadcrumbs {
padding: 0.625rem 20px;
background-color: var(--olivin_bg);
border-radius: 20px 20px 0 0;
position: relative;
margin-top: 1.875rem;
}
.oli-single-page-top .oli-breadcrumbs::before {
position: absolute;
content: "";
bottom: 0;
left: -20px;
background: transparent;
width: 1.25rem;
height: 1.25rem;
border-bottom-right-radius: 1.25rem;
box-shadow: 0.313rem 0.313rem 0 0.313rem var(--olivin_bg);
}
.oli-single-page-top .oli-breadcrumbs::after {
position: absolute;
content: "";
bottom: 0px;
right: -20px;
background: transparent;
width: 1.25rem;
height: 1.25rem;
border-bottom-right-radius: 1.25rem;
transform: rotate(90deg);
box-shadow: 0.313rem 0.313rem 0 0.313rem var(--olivin_bg);
}
.oli-single-page-top .oli-breadcrumbs>a {
color: var(--olivin_2) !important;
}
.oli-single-page-top .oli-breadcrumbs span {
color: var(--olivin_text_2);
} .oli-post-more-options {
position: relative;
}
.opmo-modal {
position: absolute;
bottom: 160%;
right: 0;
background-color: #fff;
padding: 0.438rem;
border-radius: var(--olivin_radius);
box-shadow: 1px 0px 14px 10px rgb(0 0 0 / 16%);
animation: fadeIn .3s ease;
display: none;
}
.opmo-modal::before {
position: absolute;
content: '';
right: 10px;
bottom: -9px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #fff;
}
.opmo-modal-options ul {
display: flex;
align-items: center;
gap: 7px;
}
.opmo-modal-options ul li button {
border: none;
border-radius: var(--olivin_radius_2);
cursor: pointer;
background-color: var(--olivin_2);
fill: #fff;
padding: 0.312rem;
transition: all .3s;
}
.oli-post-more-options-button {
color: #333 !important;
}
.opmo-modal-options ul li button:hover {
background-color: var(--olivin_1);
}
.oli-copy-button,
.oli-post-more-options-button {
position: relative;
}
.oli-copy-button,
.oli-comment-button,
.oli-post-more-options-button {
background-color: #fff;
border: 1px solid var(--olivin_border_1);
display: flex;
align-items: center;
gap: 8px;
border-radius: var(--olivin_radius_2);
padding: 0.625rem !important;
color: var(--olivin_text_1) !important;
cursor: pointer;
transition: all .3s ease;
position: relative;
}
.oli-comment-button {
padding: 0.375rem 10px !important;
font-size: 0.875rem;
}
.oli-copy-button i,
.oli-comment-button i,
.oli-post-more-options-button i {
transition: all .3s ease;
}
.oli-copy-button:hover,
.oli-comment-button:hover,
.oli-post-more-options-button:hover {
border: 1px solid var(--olivin_1);
color: var(--olivin_1);
}
.oli-copy-button:hover i,
.oli-comment-button:hover i,
.oli-post-more-options-button:hover i {
color: var(--olivin_1) !important;
}
.oli-single-post-img {
margin: 0 -15px 0 -15px;
}
.oli-single-post-img>img {
width: 100%;
border-radius: 0;
}
.oli-single-post-the-content * {
color: var(--olivin_text_2);
font-size: 1.0rem;
line-height: 1.6;
}
.single-page ul,
.oli-single-post-the-content ul {
padding: 0 0 0 30px;
}
.single-page h2,
.oli-single-post-the-content h2,
.single-page h3,
.oli-single-post-the-content h3,
.single-page h4,
.oli-single-post-the-content h4,
.single-page h5,
.oli-single-post-the-content h5 {
margin: .8rem 0;
font-weight: 600;
line-height: 1.4;
color: var(--olivin_title);
padding: 0.312rem 0 0 10px;
}
.oli-single-post-the-content p,
.single-page p {
margin-bottom: 1.250rem;
}
.oli-single-post-the-content h2,
.oli-single-post-the-content h3,
.oli-single-post-the-content h4,
.oli-single-post-the-content h5,
.oli-single-post-the-content h6 {
border-left: 4px solid #86868661;
}
.single-page h2,
.oli-single-post-the-content h2 {
font-size: 1.250rem;
}
.single-page h3,
.oli-single-post-the-content h3 {
font-size: 1.062rem;
font-weight: 600;
}
.single-page h4,
.oli-single-post-the-content h4,
.single-page h5,
.oli-single-post-the-content h5 {
font-size: 1.0rem;
font-weight: 600;
}
.single-page .wp-block-details-is-layout-flow,
.oli-single-post-the-content .wp-block-details-is-layout-flow {
padding: 0.625rem 15px;
margin: 0.938rem 0;
border: 1px solid var(--olivin_border_1);
cursor: pointer;
border-radius: var(--olivin_radius_2);
}
.oli-single-post-the-content .wp-block-quote-is-layout-flow,
.single-page .wp-block-quote-is-layout-flow {
padding: 0.938rem;
font-style: italic;
border-radius: var(--olivin_radius_2);
background-color: #5f5f5f0a;
margin: 0.938rem 0;
position: relative;
}
.oli-single-post-the-content .wp-block-quote-is-layout-flow:before,
.single-page .wp-block-quote-is-layout-flow:before {
font-family: "Font Awesome 5 Free";
content: "\f10e";
font-weight: 600;
left: 0;
top: 0;
color: rgba(106, 106, 106, 0.573);
font-size: 1.5rem;
}
.oli-single-post-the-content .wp-block-quote-is-layout-flow p,
.single-page .wp-block-quote-is-layout-flow p {
font-weight: 400 !important;
font-size: 0.938rem;
}
.oli-single-post-tags-section {
border-top: 1px solid var(--olivin_border_1);
padding-top: 0.938rem;
display: flex;
gap: 10px;
align-items: center;
flex-wrap: wrap;
}
.oposttable {
overflow: auto;
}
.ospt-section-left {
display: flex;
gap: 8px;
align-items: center;
}
.ospt-section-left i {
font-size: 0.812rem;
}
.ospt-section-left .oli-text {
font-size: 0.938rem;
}
.oli-post-tags {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.oli-post-tags a {
font-size: 0.875rem;
background-color: #e8e9ec;
color: var(--olivin_text_2, );
padding: 0.125rem 10px;
border-radius: var(--olivin_radius_2);
transition: all .3s ease;
}
.oli-post-tags a:hover {
color: #fff;
background-color: var(--olivin_2);
}
.selection-tooltip {
position: absolute;
border-radius: var(--olivin_radius_2);
font-size: 0.875rem;
display: none;
z-index: 1000;
margin-top: 0.625rem;
}
.selection-tooltip button {
color: #fff;
border: none;
padding: 0.5rem;
border-radius: var(--olivin_radius_2);
cursor: pointer;
display: flex;
align-items: center;
gap: 5px;
background-color: var(--olivin_4);
font-size: 0.812rem;
position: relative;
animation: fadeIn .3s ease-in-out;
}
.selection-tooltip button::before {
content: '';
position: absolute;
top: -5px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid var(--olivin_4);
}
.selection-tooltip button:hover {
background: var(--olivin_1);
}
.selection-tooltip:hover button::before {
border-bottom: 6px solid var(--olivin_1);
}
.selection-tooltip i {
font-size: 1.0rem;
} .oli-toc-wrap {
color: #444;
width: 100%;
outline: none;
transition: 0.4s;
border-radius: var(--olivin_radius);
overflow: hidden;
margin-bottom: 0.938rem;
border: 1px solid var(--olivin_border_1);
}
.oli-toc-wrap .oli-toc-accordion {
cursor: pointer;
border: none;
outline: none;
transition: 0.4s;
width: 100%;
padding: 0.812rem 18px;
border-radius: 0;
text-align: left;
font-size: 1.0rem;
font-weight: 600;
color: var(--olivin_title);
background-color: #ececf6;
display: flex;
align-items: center;
position: relative;
}
.oli-toc-wrap .active,
.oli-toc-accordion:hover {
border-color: var(--olivin_1);
}
.oli-toc-wrap .oli-toc-accordion svg {
margin-right: 0.938rem;
fill: var(--olivin_2);
width: 30px;
background-color: #fff;
border-radius: var(--olivin_radius_2);
padding: 0.375rem;
line-height: normal;
}
.oli-toc-wrap .oli-toc-accordion:after {
font-family: "Font Awesome 5 Free";
content: "\f078";
color: #777;
font-weight: 900;
float: right;
margin-left: 0.312rem;
right: 15px;
position: absolute;
}
.oli-toc-wrap .active:after {
content: "\f077";
}
.oli-toc-wrap .oli-toc-panel {
padding: 0 15px;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
overflow-y: auto;
}
.oli-toc-wrap .oli-toc-panel ul {
padding: 0 0 0 15px;
margin: 0;
display: flex;
flex-direction: column;
gap: 7px;
}
.oli-toc-wrap .oli-toc-panel li {
list-style: decimal
}
.oli-toc-wrap .oli-toc-panel li:first-child {
margin-top: 0.938rem;
}
.oli-toc-wrap .oli-toc-panel li:last-child {
margin-bottom: 0.938rem;
}
.oli-toc-wrap .oli-toc-panel a {
text-decoration: none;
color: var(--olivin_text_2);
transition: all .3s;
font-weight: 600;
font-size: 0.938rem;
}
.oli-toc-wrap .oli-toc-panel a:hover {
color: var(--olivin_1);
}  .btn-20 {
background-color: var(--olivin_4);
color: #fff !important;
position: relative;
overflow: hidden;
transition: color 0.3s ease;
padding: 0.5rem 15px;
border-radius: var(--olivin_radius);
}
.btn-20 span {
position: relative;
z-index: 2;
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 8px;
}
.btn-20:before {
content: "";
position: absolute;
background: #fff;
height: 100%;
width: 120%;
top: 0;
left: -100%;
transform: skew(0deg) translateX(-20%);
transition: transform 0.3s ease;
z-index: 1;
}
.btn-20:hover span {
color: var(--olivin_title) !important;
}
.btn-20:hover:before {
transform: skew(45deg) translateX(75%);
} .oli-404-page {
min-height: 80vh;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
border-radius: 20px;
padding: 2rem;
margin: 2rem 0;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
position: relative;
overflow: hidden;
}
.oli-404-page::before {
content: '';
position: absolute;
width: 200%;
height: 200%;
background-color: #fff;
}
.oli-404-page-title {
font-size: clamp(6rem, 15vw, 12rem);
font-weight: 900;
font-family: 'Noto Sans', sans-serif;
line-height: 1;
color: #2d3436;
text-shadow:
5px 5px 0 rgba(0, 0, 0, 0.1),
-2px -2px 0 rgba(255, 255, 255, 0.8);
margin-bottom: 1rem;
position: relative;
z-index: 1;
animation: float 6s ease-in-out infinite;
}
.oli-404-page-subtitle {
font-size: clamp(1.5rem, 4vw, 2.4rem);
font-weight: 600;
text-align: center;
color: #2d3436;
margin-bottom: 1rem;
position: relative;
z-index: 1;
}
.oli-404-page-description {
font-size: clamp(1rem, 2vw, 1.2rem);
text-align: center;
color: #636e72;
margin: 1.5rem 0;
max-width: 600px;
position: relative;
z-index: 1;
}
.oli-404-page-button {
display: inline-block;
color: #fff;
background: var(--olivin_2);
padding: .8rem 1.8rem;
border-radius: 50px;
font-size: 1.1rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s ease;
position: relative;
z-index: 1;
overflow: hidden;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.oli-404-page-button::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--olivin_1);
transform: scaleX(0);
transform-origin: right;
transition: transform 0.3s ease;
z-index: -1;
}
.oli-404-page-button:hover {
transform: translateY(-3px);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}
.oli-404-page-button:hover::before {
transform: scaleX(1);
transform-origin: left;
} .oli-author-profile-main {
padding-bottom: 4.375rem;
}
.oli-author-profile-top {
width: 100%;
height: 270px;
background-size: cover;
background-position: center;
position: relative;
z-index: 1;
}
.oli-author-profile-top::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(43, 49, 86, 0) 0%, rgba(19, 21, 29, 0.65) 100%);
z-index: 2;
}
.oli-author-content {
display: grid;
grid-template-columns: 2.5fr 7fr;
gap: 20px;
position: relative;
z-index: 3;
}
.oli-author-content-sidebar {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: -108px;
}
.oacs-title {
font-size: 0.938rem;
font-weight: 600;
color: var(--olivin_title);
position: relative;
padding-left: 0.938rem;
margin-bottom: 1.250rem;
}
.oacs-title::before {
content: '';
width: 4px;
height: 100%;
background-color: var(--olivin_2);
position: absolute;
left: 2px;
top: 50%;
border-radius: var(--olivin_radius);
transform: translate(-50%, -50%);
}
.oli-author-content-sidebar-item {
background-color: #fff;
border-radius: var(--olivin_radius);
padding: 1.250rem;
}
.oli-author-content-sidebar-item:not(:first-child) {
display: flex;
flex-direction: column;
gap: 8px;
}
.oli-author-content-sidebar-item .oacs-title {
margin-bottom: 0.688rem;
}
.oli-author-profile-main .oli-text {
text-align: justify;
}
.oli-author-detail-card {
padding: 3.438rem 15px 20px 15px;
text-align: center;
background: linear-gradient(to top,
white 66%,
#dbdbeb 45%);
position: relative;
}
.oli-author-detail-card .oli-author-role {
color: #fff;
background-color: #0077B5;
padding: 0.062rem 10px;
border-radius: var(--olivin_radius);
}
.oli-author-role-position {
display: flex;
align-items: center;
gap: 5px;
position: absolute;
right: 15px;
top: 15px;
line-height: normal;
font-size: 0.812rem;
}
.oli-author-detail-card .oli-author-name {
font-size: 1.375rem;
font-weight: 700;
text-transform: capitalize
}
.oli-author-detail-card .oli-author-profile-img {
border-radius: 50%;
border: 10px solid #fff;
background-color: #fff;
width: 110px;
height: 110px;
object-fit: cover;
}
.oli-author-nickname {
font-size: 0.938rem;
}
.oli-author-detail-card .oli-author-statistics {
display: flex;
justify-content: center;
margin-top: 1.875rem;
}
.oli-author-detail-card .oli-author-statistics .oli-author-statistics-item {
display: flex;
flex-direction: column;
position: relative;
align-items: center;
transition: all .4s ease;
}
.oli-author-statistics-item[data-tooltip]:hover::after {
content: attr(data-tooltip);
position: absolute;
bottom: 50px;
left: 50%;
transform: translateX(-50%);
background: #333;
color: #fff;
padding: 0.375rem 12px;
border-radius: var(--olivin_radius_2);
font-size: 0.750rem;
white-space: nowrap;
z-index: 1000;
}
.oli-author-statistics-item[data-tooltip]:hover::before {
content: '';
position: absolute;
bottom: 41px;
left: 50%;
transform: translateX(-50%);
border-width: 5px;
border-style: solid;
border-color: #333 transparent transparent transparent;
}
.oli-author-detail-card .oli-author-statistics .oli-author-statistics-item {
cursor: help;
}
.oli-author-detail-card .oli-author-statistics .oli-author-statistics-item:not(:last-child) {
border-right: 1px solid var(--olivin_border_1);
padding-right: 0.625rem;
}
.oli-author-detail-card .oli-author-statistics .oli-author-statistics-item:not(:first-child) {
padding-left: 0.625rem;
}
.oli-author-detail-card .oli-author-statistics .oli-author-statistics-item span {
font-size: 0.812rem;
}
.oli-author-content-right {
margin-top: 1.250rem;
display: flex;
flex-direction: column;
gap: 10px;
}
.oli-author-content-right-item {
background-color: #fff;
border-radius: var(--olivin_radius);
padding: 1.250rem;
}
.oli-author-profile-tabs {
width: 100%;
max-width: 100%;
background-color: #fff;
border-radius: var(--olivin_radius);
overflow: hidden;
padding: 0;
}
.oli-author-profile-tabs .tabs {
display: flex;
border-bottom: 1px solid var(--olivin_border_1);
}
.oli-author-profile-tabs .oapt-tab-button {
flex: 1;
padding: 0.750rem 16px;
text-align: center;
font-size: 1rem;
cursor: pointer;
border: none;
background: none;
transition: color 0.3s, background-color 0.3s;
border-radius: 0;
font-weight: 600;
position: relative;
}
.oli-author-profile-tabs .oapt-tab-button.active::before {
content: '';
position: absolute;
left: 50%;
bottom: -8px;
transform: translateX(-50%);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid var(--olivin_2);
width: 0;
height: 0;
}
.oli-author-profile-tabs .oapt-tab-button:not(:last-child) {
border-right: 1px solid var(--olivin_border_1);
}
.oli-author-profile-tabs .oapt-tab-button:hover {
border-radius: 0;
}
.oli-author-profile-tabs .oapt-tab-button.active {
color: var(--olivin_2);
background-color: #fff;
border-bottom: 2px solid var(--olivin_2);
border-radius: 0;
}
.oli-author-profile-tabs .tab-content {
padding: 1.250rem;
}
.oli-author-profile-tabs .oapt-tab-panel {
display: none;
}
.oli-author-profile-tabs .oapt-tab-panel .oapt-tab-panel-wrap {
display: flex;
flex-direction: column;
gap: 8px;
}
.oapt-tab-panel-content-item:not(:last-child) {
padding-bottom: 1.250rem;
border-bottom: 1px solid var(--olivin_border_1);
}
.oapt-tab-panel-content-item:not(:nth-child(2)) {
padding-top: 1.250rem;
}
.oli-author-profile-tabs .oapt-tab-panel-content {
animation: fadeIn 0.4s ease-in-out;
}
.oli-author-contact-details {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.oli-author-contact-details li {
list-style: none;
}
.oli-author-contact-details li a {
display: block;
width: fit-content;
padding: 0.5rem 15px;
border-radius: var(--olivin_radius);
color: #fff;
font-size: 0.875rem;
}
.oli-author-contact-details li a i {
margin-right: 0.938rem;
} .oli-frontend-profile {
max-width: 100%;
}
.oli-frontend-profile input[type="submit"] {
background-color: var(--olivin_2);
color: #fff;
line-height: 1;
border: none;
padding: 0.625rem 15px;
cursor: pointer;
transition: background .3s ease;
}
.oli-frontend-profile input[type="submit"]:hover {
background-color: var(--olivin_1);
}
.oli-success {
background: #4CAF50;
color: white;
padding: 0.938rem;
border-radius: var(--olivin_radius);
margin-bottom: 1.250rem;
font-size: 0.875rem;
}
.oli-author-tab-section h2 {
color: #333;
font-size: 1.062rem;
margin-bottom: 1.250rem;
}
.oli-author-tab-section .oli-form-row {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 15px;
}
.oli-author-tab-section .oli-form-group input {
background-color: transparent;
}
.oli-form-group label {
display: block;
margin-bottom: 0.312rem;
color: var(--olivin_text_2);
font-size: 0.812rem;
}
.oli-form-group input {
width: 100%;
padding: 0.5rem;
border: 1px solid var(--olivin_border_1);
border-radius: var(--olivin_radius);
}
.profile-photo-upload {
text-align: center;
margin: 1.250rem 0;
}
.profile-photo-preview {
width: 120px;
height: 120px;
border-radius: 50%;
margin: 0 auto 15px;
overflow: hidden;
border: 1px solid var(--olivin_border_1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.profile-photo-preview img {
width: 100%;
height: 100%;
object-fit: cover;
}
.upload-button:hover {
background: #357abd;
}
.oli-submit-button {
background: #4CAF50;
color: white;
padding: 0.625rem 20px;
border: none;
border-radius: 4px;
cursor: pointer;
width: 200px;
margin: 1.250rem auto;
display: block;
}
.oli-submit-button:hover {
background: #45a049;
}
input[type="file"] {
display: none;
}
.oli-tabs {
margin: 1.250rem 0;
}
.oli-tab-buttons {
margin-bottom: 1.250rem;
border-bottom: 1px solid var(--olivin_border_1);
display: flex;
flex-wrap: wrap;
gap: 7px;
}
.oli-tab-button {
background: #6868681e;
border: none;
padding: 0.625rem 20px;
cursor: pointer;
border-radius: var(--olivin_radius);
margin-bottom: 0.625rem;
font-size: 0.875rem;
font-weight: 500;
}
.profile_photo_file {
background-color: #6868681e;
width: fit-content;
padding: 0.625rem 15px;
border-radius: var(--olivin_radius_2);
cursor: pointer;
}
.oli-tab-button:not(:last-child) {
margin-right: 0.312rem;
}
.oli-tab-button.active {
background: #2196f3;
border-bottom: none;
color: #fff;
}
.oli-tab-content {
display: none;
}
.oli-tab-content.active {
display: block;
}
.oli-file-input {
padding: 0.625rem;
border: 1px solid var(--olivin_border_1);
border-radius: 4px;
width: 100%;
margin-bottom: 0.625rem;
}
.profile-photo-preview img {
border-radius: 50%;
border: 6px solid var(--olivin_border_1);
width: 100% !important;
height: 100% !important;
object-fit: cover;
} .oli-author-post-loop {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
overflow: hidden;
}
.oli-author-post-loop-item {
display: grid;
grid-template-columns: 1fr 3.35fr;
gap: 10px;
background-color: #0000000f;
padding: 0.938rem;
border-radius: var(--olivin_radius);
align-items: center;
overflow: hidden;
}
.oli-author-post-loop-item-left {
width: 100%;
height: 80px;
overflow: hidden;
}
.oli-author-post-loop-item-left img {
width: 100%;
border-radius: var(--olivin_radius);
height: 80px;
object-fit: cover;
display: block;
overflow: hidden;
}
.oli-author-post-loop-item-right {
display: flex;
flex-direction: column;
gap: 5px;
overflow: hidden;
}
.oli-author-post-loop-item-right a h3 {
font-size: 0.938rem;
font-weight: 600;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
overflow: hidden;
}
.oli-author-post-loop-item-right-top {
display: flex;
gap: 10px;
align-items: center;
overflow: hidden;
}
.oli-author-post-loop-date {
font-size: 0.750rem;
}
.oli-single-category {
display: flex;
align-items: center;
justify-content: space-between;
}
.osc-54sd {
display: flex;
gap: 8px;
}
.oli-author-post-loop-item-category .oli-post-category {
display: inherit;
}
.oli-author-post-loop-item-category .oli-post-category {
background-color: var(--olivin_5);
color: var(--olivin_title);
border-radius: var(--olivin_radius_2);
font-size: 0.812rem;
padding: 0 10px;
overflow: hidden;
line-height: normal;
}
.oli-author-loop-pagination .page-numbers {
background-color: #1935601f;
}
.oli-author-profile-tabs .oapt-tab-panel.active {
display: block;
}
.oaci-contact-info {
display: flex;
flex-direction: column;
gap: 12px;
}
.oaci-contact-info p {
display: flex;
align-items: center;
gap: 10px;
font-size: 0.875rem;
margin: 0;
}
.oaci-contact-info #oaci-contact-info-icon {
display: block;
line-height: 10px;
padding: 0.5rem;
border-radius: var(--olivin_radius_2);
font-size: 0.812rem;
}
.oaci-contact-info .oaci-contact-info-email i {
color: #5c67f7;
background-color: #5c66f72c;
}
.oaci-contact-info .oaci-contact-info-website i {
color: #f76b5c;
background-color: #f76b5c2c;
}
.oaci-contact-info .oaci-contact-info-phone i {
color: #ea5cf7;
background-color: #ea5cf72c;
}
.oaci-contact-info .oaci-contact-info-address i {
color: #444444;
background-color: #4444442c;
}
.oaci-contact-info span {
font-weight: 500;
color: var(--olivin_title);
} .site-main.single-2 {
padding: 0;
}
.osp2-breadcrumb {
white-space: nowrap;
}
.oli-single-2-top {
padding: 1.875rem 0;
background-color: #fff;
margin: 0.062rem 0 1px 0;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
position: relative;
}
.oli-single-2-top::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgb(0 0 0 / 39%);
z-index: 0;
}
.oli-single-2-top>.container {
display: flex;
flex-direction: column;
gap: 15px;
}
.oli-single-2-top * {
z-index: 2;
}
.oli-single-2-top .oli-breadcrumbs {
color: #fff;
}
.oli-single-2-top .oli-breadcrumbs a {
color: #fff;
}
.oli-single-2-top h1 {
color: #fff !important;
}
.oli-single-2-top .oli-single-meta-author-ui {
background-color: #4444448a;
border-radius: var(--olivin_radius);
border: 1px solid #d9dae827;
}
.oli-single-2-top .oli-single-author-img {
border-radius: var(--olivin_radius) 0 0 var(--olivin_radius);
border: none;
}
.oli-single-2-category-line {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.single-2 .oli-single-right-buttons .oli-comment-button {
padding: 0.562rem 10px !important;
}
.single-2-category-lnk {
padding: 0.375rem 15px;
}
.oli-single-2-meta {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
column-gap: 10px;
row-gap: 5px;
}
.oli-single-2-meta span,
.oli-single-2-meta i {
font-size: 0.812rem;
color: #fff;
}
.oli-single-2-top .oli-single-author-name {
color: #fff;
padding-left: 1.250rem;
}
.oli-single-2-meta-author {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.oli-single-2-meta-other {
display: flex;
row-gap: 6px;
column-gap: 15px;
flex-wrap: wrap;
}
.oli-single-2-meta-other i {
margin-right: 0.312rem;
}
.osp2-views {
color: #ed6d08 !important;
font-size: 0.812rem;
display: flex;
align-items: center;
gap: 8px;
}
.osp2-views svg {
width: 13px;
height: 13px;
}
.oli-single-2-content-wrap {
background-color: #ffffff;
}
.oli-single-2-content {
padding: 1.875rem 0;
display: flex;
gap: 30px;
justify-content: space-between;
}
.oli-single-2-left {
width: 69.66666667%;
max-width: 69.66666667%;
border: 1px solid var(--olivin_border_1);
border-radius: var(--olivin_radius);
}
.single-2 .oli-single-post-img {
margin: 0;
}
.single-2 .oli-single-post-img>img {
border-radius: var(--olivin_radius) var(--olivin_radius) 0 0;
display: block;
width: 100%;
}
.oli-single-2-post-dynamic {
padding: 1.562rem;
display: flex;
flex-direction: column;
gap: 20px;
}
.single-2 .oli-single-right-buttons {
justify-content: flex-start;
flex-wrap: wrap;
}
.single-2 .oli-single-post-content {
padding: 1.250rem 0 0 0;
border-radius: 0;
border: 0;
border-top: 1px solid var(--olivin_border_1);
}
.oli-single-2-share-line {
display: flex;
gap: 10px;
justify-content: space-between;
flex-wrap: wrap;
padding-top: 1.250rem;
border-top: 1px solid var(--olivin_border_1);
}
.oli-single-2-right {
max-width: 30.33333333%;
min-width: 30.33333333%;
width: 30.33333333%;
border-radius: var(--olivin_radius);
}
.oli-single-2-right>.oli-single-post-sidebar-item {
border: 1px solid var(--olivin_border_1);
} .oli-news-ticker-container {
width: 100%;
background-color: #ffffff;
display: flex;
align-items: center;
height: 45px;
overflow: hidden;
border-radius: var(--olivin_radius);
}
.oli-news-ticker-label {
background-color: var(--olivin_1);
color: white;
padding: 0 15px;
height: 100%;
display: flex;
align-items: center;
font-weight: 600;
white-space: nowrap;
z-index: 2;
font-size: 0.938rem;
}
.oli-news-ticker-label>i {
margin-right: 0.5rem;
}
.oli-news-ticker-wrapper {
position: relative;
flex: 1;
height: 100%;
overflow: hidden;
will-change: transform;
}
.oli-news-ticker {
position: absolute;
display: flex;
height: 100%;
width: fit-content;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;
}
.oli-news-ticker-content {
display: flex;
align-items: center;
white-space: nowrap;
padding-left: 1.250rem;
}
.oli-news-ticker-item {
display: inline-flex;
align-items: center;
padding: 0 20px;
transform: translateZ(0);
}
.oli-news-ticker-item a {
font-size: 0.875rem;
font-weight: 500;
color: var(--olivin_title);
transition: all .3s ease;
}
.oli-news-ticker-item a:hover {
color: var(--olivin_1);
}
.oli-news-ticker-item::before {
content: "•";
color: var(--olivin_1);
margin-right: 0.625rem;
font-size: 1.2em;
} .oli-carousel-1-carousel-container {
max-width: 100%;
width: 100%;
position: relative;
}
.oli-carousel-1-carousel {
display: flex;
overflow-x: scroll;
scroll-behavior: smooth;
gap: 15px;
scroll-snap-type: x mandatory;
}
.oli-carousel-1-carousel-item {
min-width: calc((100% - 60px) / 5);
scroll-snap-align: start;
border-radius: var(--olivin_radius);
overflow: hidden;
background: #fff;
transition: transform 0.3s ease;
position: relative;
}
.oli-carousel-1-carousel-item .oli-post-category {
position: absolute;
top: 0;
left: 0;
border-radius: 0 0 var(--olivin_radius_2) 0;
background-color: var(--olivin_1);
}
.oli-carousel-1-carousel-item img {
width: 100%;
height: 140px;
object-fit: cover;
display: block;
}
.oli-carousel-1-carousel-item-content {
padding: 1.0rem;
}
.oli-carousel-1-carousel-item h3 a {
font-size: 0.875rem;
color: var(--olivin_title);
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.oli-carousel-1-carousel-button {
position: absolute;
top: 50%;
transform: translateY(-50%);
padding: 0.938rem 13px;
border-radius: 50%;
background: #fff;
border: none;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
color: #000;
}
.oli-carousel-1-carousel-button:hover {
background: #f0f0f0;
}
.oli-carousel-1-carousel-button.oli-carousel-1-prev {
left: 0;
border-radius: 0 var(--olivin_radius_2) var(--olivin_radius_2) 0;
}
.oli-carousel-1-carousel-button.oli-carousel-1-next {
right: 0;
border-radius: var(--olivin_radius_2) 0 0 var(--olivin_radius_2);
}
.oli-carousel-1-carousel-button svg {
width: 20px;
height: 20px;
fill: #666;
}
@media (max-width: 1200px) {
.oli-carousel-1-carousel-item {
min-width: calc((100% - 60px) / 4);
}
}
@media (max-width: 992px) {
.oli-carousel-1-carousel-item {
min-width: calc((100% - 40px) / 3);
}
}
@media (max-width: 768px) {
.oli-carousel-1-carousel-item {
min-width: calc((100% - 20px) / 2);
}
}
@media (max-width: 480px) {
.oli-carousel-1-carousel-item {
min-width: 100%;
}
} .ld-container {
display: flex;
justify-content: center;
gap: 15px;
}
.ld-btn {
display: flex;
align-items: center;
gap: 8px;
padding: 0.688rem 10px;
border: none;
cursor: pointer;
transition: all 0.3s ease;
background: #f0f0f0;
color: #333;
font-size: 1.0rem;
}
.ld-btn.active {
animation: pulse 0.4s ease;
}
.like.active {
background: #4CAF50;
color: white;
}
.dislike.active {
background: #f44336;
color: white;
}
.ld-btn i {
font-size: 0.938rem;
transition: transform 0.3s ease;
}
.ld-btn:hover i {
transform: scale(1.2);
}
.count {
font-weight: 500;
min-width: 20px;
text-align: center;
} .oli-post-faq-accordion {
border: 1px solid var(--olivin_border_1);
border-radius: var(--olivin_radius);
overflow: hidden;
}
.oli-post-faq-accordion:not(:last-child) {
margin-bottom: 1.250rem;
}
.oli-post-faq-accordion .accordion {
background-color: #ececf6;
color: #444;
cursor: pointer;
padding: 0.625rem 15px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 0.938rem;
transition: 0.4s;
border-radius: var(--olivin_radius) var(--olivin_radius) 0 0;
font-weight: 500;
}
.oli-post-faq-accordion .accordion:after {
font-family: "Font Awesome 5 Free";
content: "\f078";
color: #777;
font-weight: bold;
float: right;
margin-left: 0.312rem;
}
.oli-post-faq-accordion .accordion i {
margin-right: 0.625rem;
background-color: #fff;
line-height: normal;
padding: 0.375rem 9px;
border-radius: var(--olivin_radius_2);
color: var(--olivin_2);
}
.oli-post-faq-accordion .active:after {
content: "\2212";
}
.oli-post-faq-accordion .opfa-panel {
padding: 0 18px;
background-color: #fff;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.oli-post-faq-accordion .opfa-panel .oli-text {
margin: 0.625rem 0;
font-size: 0.875rem;
}
#wp-admin-bar-cache_sistemi_aktif {
background-color: #0073aa !important;
}
#wp-admin-bar-cache_sistemi_aktif a {
transition: all .3s ease;
}
#wp-admin-bar-cache_sistemi_aktif a:hover,
#wp-admin-bar-cache_sistemi_aktif a:focus {
background-color: #0b84bc !important;
outline: none;
color: #fff !important;
}
#wp-admin-bar-oli_maintenance_active {
background-color: #b92f2f !important;
}
#wp-admin-bar-oli_maintenance_active a {
transition: all .3s ease;
}
#wp-admin-bar-oli_maintenance_active a:hover,
#wp-admin-bar-oli_maintenance_active a:focus {
background-color: #ce4444 !important;
outline: none;
color: #fff !important;
}
#wp-admin-bar-shentapanel {
color: #fff !important;
background-color: #673ab7 !important;
display: block;
}
#wp-admin-bar-shentapanel a {
transition: all .3s ease;
}
#wp-admin-bar-shentapanel a:hover,
#wp-admin-bar-shentapanel a:focus {
background-color: #8157cb !important;
color: #fff !important;
outline: none;
} .oli-up-btn {
position: fixed;
right: 30px;
bottom: -50px;
z-index: 500;
transition: all 0.4s ease;
}
.oli-up-btn a {
color: white !important;
border-radius: 50%;
width: 44px;
height: 44px;
text-decoration: none;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.oli-up-btn a::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
border-radius: 50%;
background: var(--olivin_1);
animation: pulse-ring 2s infinite;
z-index: -1;
}
.oli-up-btn a i {
margin: 0;
font-size: 1.250rem;
} @keyframes pulse-ring {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: 0.6;
}
70% {
transform: translate(-50%, -50%) scale(1.8);
opacity: 0;
}
100% {
transform: translate(-50%, -50%) scale(1.8);
opacity: 0;
}
}
@keyframes blink {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0;
}
}
@keyframes zoomIn {
0% {
transform: scale(0.8);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes slide-in-bottom {
0% {
transform: translateY(50px);
opacity: .5;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes slide-in-top {
0% {
transform: translateY(-50px);
opacity: .5;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes slide-in-left {
0% {
transform: translateX(-50px);
opacity: 0.5;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
@keyframes slide-in-right {
0% {
transform: translateX(50px);
opacity: 0.5;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
@keyframes rotate-border {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes showRay1832 {
0% {
transform: scale(0);
}
100% {
transform: scale(1.3);
}
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes float {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(-30px);
}
}
@keyframes move-background {
from {
transform: translateX(-50%) translateY(-50%) rotate(0deg);
}
to {
transform: translateX(-50%) translateY(-50%) rotate(360deg);
}
}
@keyframes shimmer {
from {
background-position: -1000px 0;
}
to {
background-position: 1000px 0;
}
}
@keyframes pulse {
0% {
transform: scale(.6);
}
50% {
transform: scale(1);
}
75% {
transform: scale(.8);
}
100% {
transform: scale(1);
}
}
@keyframes slideFadeDown {
from {
opacity: 0;
transform: translate(-50%, -30%);
}
to {
opacity: 1;
transform: translate(-50%, 0);
}
} .oli-shimmer {
background: linear-gradient(-45deg, #dddddd 42%, #ffffff 50%, #dddddd 58%);
background-position-x: -50%;
background-size: 300%;
animation: shimmer 8s linear 10;
}
@keyframes shimmer {
0% {
background-position: -1000px 0;
}
100% {
background-position: 1000px 0;
}
} .oli-ajax-search-modal {
background-color: rgba(0, 0, 0, 0.727);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0.938rem;
z-index: 999;
}
.oasm-content {
width: 600px;
max-width: 100%;
max-height: 70vh;
background-color: #fff;
padding: 0.938rem;
border-radius: var(--olivin_radius);
position: absolute;
top: 15%;
left: 50%;
transform: translateX(-50%);
animation: slideFadeDown 0.4s ease-out;
overflow: auto;
transition: height 0.3s ease;
}
.oasm-content::-webkit-scrollbar,
.oli-standing-table::-webkit-scrollbar {
width: 13px;
background: #ffffff;
border-radius: 0 var(--olivin_radius) var(--olivin_radius) 0;
}
.oasm-content::-webkit-scrollbar-thumb,
.oli-standing-table::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: var(--olivin_radius);
border: 3px solid #fff;
}
.oasm-title {
color: var(--olivin_title);
font-size: 1.0rem;
font-weight: 600;
margin-bottom: 0.938rem;
}
.oasm-close {
position: absolute;
top: 10px;
right: 10px;
line-height: 0;
cursor: pointer;
}
.oasm-close svg {
width: 25px;
height: 25px;
display: block;
background-color: rgba(0, 0, 0, 0.411);
color: #fff;
padding: 0.125rem;
border-radius: var(--olivin_radius_2);
}
#olivin-ajax-arama-input {
width: 100%;
padding: 0.938rem 20px;
border: 1px solid var(--olivin_border_1);
border-radius: var(--olivin_radius);
font-size: 1.0rem;
box-sizing: border-box;
transition: border-color 0.3s, box-shadow 0.3s;
}
#olivin-ajax-arama-input:focus {
border-color: var(--olivin_2);
outline: none;
}
#olivin-ajax-arama-sonuclari {
width: 100%;
margin-top: 0.625rem;
}
.arama-sonuc-ogesi {
padding: 0.938rem;
border: 1px solid var(--olivin_border_1);
border-radius: 10px;
background-color: #fff;
transition: background-color 0.3s, box-shadow 0.3s;
display: flex;
align-items: center;
gap: 15px;
position: relative;
animation: fadeIn 0.3s ease-in-out;
}
.arama-sonuc-ogesi>img {
width: 55px;
height: 55px;
border-radius: var(--olivin_radius);
object-fit: cover;
}
.arama-sonuc-ogesi a {
text-decoration: none;
color: var(--olivin_title) !important;
font-weight: 700;
font-size: 0.938rem;
}
.oasm-meta-item {
margin-top: 0.188rem;
}
#olivin-ajax-hizmet-arama-input {
width: 100%;
padding: 0.938rem 20px;
border: 1px solid #fff;
border-radius: 10px;
font-size: 1.0rem;
box-sizing: border-box;
transition: border-color 0.3s, box-shadow 0.3s;
}
.arama-sonuc-ogesi {
font-size: 0.938rem;
padding: 0.625rem;
border: 1px solid #ddd;
border-radius: var(--olivin_radius);
background-color: #fff;
transition: background-color 0.3s, box-shadow 0.3s;
}
.arama-sonuc-ogesi:not(:last-child) {
margin-bottom: 0.625rem;
}
.arama-sonuc-ogesi a {
text-decoration: none;
font-weight: bold;
}
.arama-sonuc-butonu {
width: 100%;
}
#arama-sayfasina-git {
width: 100%;
border-radius: var(--olivin_radius_2);
padding: 0.938rem;
font-size: 0.875rem;
background-color: var(--olivin_1);
color: #fff;
cursor: pointer;
border: none;
outline: none;
box-shadow: none;
}
.ajax-spinner-text {
margin-left: 0.5rem;
}
.rl-ads {
align-self: flex-start;
position: absolute;
left: 50%;
transform: translateX(-50%);
height: 1px;
z-index: 9;
margin-top: 1.250rem;
}
.rl-left {
transform: translateX(-100%) !important;
margin-left: -15px !important;
display: block;
position: absolute;
width: 120px;
height: 600px;
}
.rl-right {
position: absolute;
right: 0;
top: 0;
height: 1px;
transform: translateX(100%);
width: 160px;
height: 600px;
}
.tp-ads {
margin-top: 1.250rem;
text-align: center;
}
.oli-adblock-detecter {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #00000070;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
}
.oli-adblock-detecter-popup {
width: 600px;
padding: 1.250rem;
border-radius: var(--olivin_radius);
max-width: 100%;
background-color: #fff;
border-bottom: 4px solid #ff9800;
}
.oli-adblock-detecter-popup-body {
margin: 0.625rem 0;
}
.oli-adblock-detecter-popup-body>p {
font-size: 1.0rem;
}
.oli-adblock-detecter-popup-footer>p>a {
color: #ff9800;
font-weight: 600;
} .oli-cookie-modal-container {
position: fixed;
left: 20px;
bottom: 20px;
width: 360px;
max-width: 100%;
max-height: 320px;
box-sizing: border-box;
background-color: #fff;
border-radius: var(--olivin_radius);
box-shadow: 0px 1px 16px -6px rgba(0, 0, 0, 0.466);
z-index: 15;
animation: zoomIn 0.3s both;
display: none;
}
.oli-cookie-modal-header {
width: 100%;
box-sizing: border-box;
padding: 1.250rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.ocmh-title-wrap {
display: flex;
align-items: center;
gap: 15px;
}
.ocmh-logo {
width: 70px;
height: 40px;
object-fit: contain;
}
.ocmh-title-wrap>.ocmh-title {
color: var(--olivin_title);
font-weight: 700;
font-size: 1.062rem;
}
.oli-cookie-modal-center {
width: 100%;
box-sizing: border-box;
padding: 1.250rem;
line-height: 1;
max-height: 170px;
overflow: auto;
border-top: 1px solid var(--olivin_border_1);
border-bottom: 1px solid var(--olivin_border_1);
}
.oli-cookie-modal-center>.oli-text {
color: var(--olivin_text_2);
font-size: 0.812rem;
}
.oli-cookie-modal-center::-webkit-scrollbar {
width: 5px;
color: red;
}
.oli-cookie-modal-center::-webkit-scrollbar-thumb {
background-color: rgb(134, 134, 134);
}
.oli-cookie-modal-bottom {
width: 100%;
box-sizing: border-box;
padding: 1.250rem;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 10px;
align-items: center;
}
.oli-cookie-modal-bottom>.ocmb-decline {
display: block;
padding: 0.812rem 20px;
border-radius: 10px;
font-size: 0.938rem;
border: none;
background-color: transparent;
transition: all .3s ease;
cursor: pointer;
border-radius: var(--olivin_radius_2);
}
.oli-cookie-modal-bottom>.ocmb-decline:hover {
background-color: #8181a223;
}
.oli-cookie-modal-bottom>.ocmb-accept {
display: block;
padding: 0.750rem 19px;
border-radius: 10px;
font-size: 0.938rem;
border: none;
background-color: var(--olivin_1);
color: #fff;
transition: all .3s ease;
cursor: pointer;
border: 1px solid transparent;
border-radius: var(--olivin_radius_2);
}
.oli-cookie-modal-bottom>.ocmb-accept:hover {
background-color: #fff;
color: var(--olivin_1);
border: 1px solid var(--olivin_1);
}
.oli-cookie-modal-bottom>.ocmb-settings:hover {
background-color: #fff;
color: var(--olivin_1);
border: 1px solid var(--olivin_1);
}
.oli-cookie-modal-bottom>.ocmb-settings {
display: block;
padding: 0.750rem 19px;
border-radius: 10px;
font-size: 0.938rem;
border: none;
background-color: var(--olivin_1);
color: #fff;
transition: all .3s ease;
cursor: pointer;
border: 1px solid transparent;
border-radius: var(--olivin_radius_2);
}
.oli-cookie-modal-bottom>.ocmb-settings:hover {
background-color: #fff;
color: var(--olivin_1);
border: 1px solid var(--olivin_1);
}
.ad-manage-sticky-bottom-wrap {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: auto;
z-index: 15;
background-color: #fff;
border-top: 1px solid var(--olivin_border_1);
animation: slide-in-bottom .8s ease;
}
.ad-manage-sticky-bottom-1 {
position: relative;
} #admsb_show {
position: fixed;
left: 50%;
transform: translateX(-50%);
bottom: 20px;
font-size: 0.875rem;
padding: 0.250rem 15px;
color: rgb(56, 56, 56);
background-color: #fff;
border-radius: var(--olivin_radius_2);
border: 1px solid var(--olivin_border_1);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 10;
transition: all .4s ease;
}
#admsb_show:hover {
background-color: var(--olivin_1);
color: #fff;
border: 1px solid var(--olivin_1);
}
#admsb_show>i {
margin-right: 0.5rem;
} #admsb_close {
position: absolute;
right: 10px;
top: -40px;
font-size: 0.875rem;
padding: 0.250rem 15px;
color: rgb(56, 56, 56);
background-color: #fff;
border-radius: var(--olivin_radius_2);
border: 1px solid var(--olivin_border_1);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all .4s ease;
}
#admsb_close:hover {
background-color: var(--olivin_1);
color: #fff;
border: 1px solid var(--olivin_1);
}
#admsb_close>i {
margin-right: 0.5rem;
}
.ad-manage-sticky-bottom-1 img {
width: auto;
height: auto;
display: block;
}
.sb-ad-html, .sb-ad-js, .sb-ad-image {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
} .oli-category-list-1 {
width: 100%;
display: flex;
white-space: nowrap;
gap: 20px;
overflow-x: scroll;
justify-content: space-between;
}
.oli-category-list-1-item {
text-align: center;
width: 105px;
}
.oli-category-list-1-item .oli-category-list-1-image {
min-width: 90px;
height: 90px;
object-fit: cover;
border-radius: 50%;
border: 4px solid rgba(148, 148, 148, 0.35);
}
.oli-category-list-1-title {
font-size: 1.0rem;
font-weight: 600;
} .oli-packages-1 .pricing-cards {
display: grid;
row-gap: 50px;
column-gap: 30px;
grid-template-columns: repeat(3, 1fr)
}
.oli-packages-1 .pricing-card {
background: #fff;
border-radius: var(--olivin_radius);
padding: 1.875rem;
text-align: center;
position: relative;
height: max-content;
width: 100%;
}
.oli-packages-1 .popular {
background: #fff;
border: 3px solid var(--olivin_1);
}
.oli-packages-1 .popular-badge {
position: absolute;
top: -15px;
right: 20px;
background: var(--olivin_1);
color: #ffffff;
padding: 0.312rem 15px;
border-radius: var(--olivin_radius);
font-size: 0.9rem;
font-weight: bold;
}
.oli-packages-1 .popular-badge i {
margin-right: 0.312rem;
}
.oli-packages-1 .package-name {
font-size: 1.3rem;
font-weight: bold;
color: var(--olivin_title);
margin-bottom: 1.250rem;
}
.oli-packages-1 .package-name i {
color: var(--olivin_1);
margin-right: 0.625rem;
}
.oli-packages-1 .price {
margin: 1.562rem 0;
color: var(--olivin_1);
}
.oli-packages-1 .price .currency {
font-size: 1.3rem;
font-weight: bold;
vertical-align: top;
margin-right: 0.312rem;
}
.oli-packages-1 .price .amount {
font-size: 3.5rem;
font-weight: bold;
}
.oli-packages-1 .price .period {
color: var(--olivin_text_1);
font-size: 1rem;
}
.oli-packages-1 .features {
margin: 1.875rem 0;
padding: 0;
}
.oli-packages-1 .features li {
padding: 0.625rem 0;
color: var(--olivin_text_2);
border-bottom: 1px solid var(--olivin_border_1);
text-align: left;
font-size: 0.875rem;
list-style: none;
}
.oli-packages-1 .features li:last-child {
border-bottom: none;
}
.oli-packages-1 .features li i {
margin-right: 0.5rem;
color: var(--olivin_1);
}
.oli-packages-1 .cta-button {
background: var(--olivin_1);
color: #ffffff;
border: none;
padding: 0.625rem 20px;
border-radius: var(--olivin_radius);
font-weight: 500;
cursor: pointer;
width: 100%;
display: inline-block;
font-size: 0.938rem;
}
.oli-packages-1 .cta-button i {
margin-left: 0.5rem;
}
.oli-packages-1-features-wrap,
.oli-packages-1-faq-wrap {
position: relative;
}
.oli-packages-1-features-wrap>h2,
.oli-packages-1-faq-wrap>h2 {
margin: 3.750rem 0 30px 0;
text-align: center;
}
.op1-features-list {
gap: 20px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.op1-features-list-item {
background-color: #fff;
padding: 0.938rem;
border-radius: var(--olivin_radius);
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.op1-features-list-item>i {
line-height: 1;
padding: 0.625rem;
font-size: 1.250rem;
background-color: #00000015;
border-radius: var(--olivin_radius_2);
}
.op1-features-list-item>.oli-text {
text-align: center;
margin: 0;
}
.faq-item {
background: #fff;
border-radius: 8px;
margin-bottom: 1rem;
}
.faq-trigger {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.25rem;
border: none;
text-align: left;
cursor: pointer;
font-weight: 500;
background: none;
color: var(--olivin_title);
}
.faq-trigger .icon {
color: var(--olivin_2);
transition: .2s;
}
.faq-trigger[aria-expanded="true"] .icon {
transform: rotate(180deg);
}
.faq-content {
max-height: 0;
overflow: hidden;
transition: .25s;
}
.faq-content-inner {
padding: 1.25rem;
color: var(--olivin_text_1);
line-height: 1.6;
font-size: 0.875rem;
} .oli-contact-1-container {
width: 100%;
background: white;
border-radius: var(--olivin_radius);
display: flex;
overflow: hidden;
}
.oli-contact-1-info {
flex: 1;
background: var(--olivin_1);
color: white;
padding: 2.5rem;
position: relative;
}
.oli-contact-1-info h2 {
margin-bottom: 1.875rem;
font-weight: 600;
color: #fff;
border-color: #fff;
}
.oli-contact-1-info-item {
display: flex;
align-items: center;
margin-bottom: 1.250rem;
}
.oli-contact-1-info-item p {
color: #fff !important;
margin: 0;
}
.oli-contact-1-info-item i {
font-size: 1.250rem;
margin-right: 0.938rem;
}
.oli-contact-1-map {
margin-top: 1.875rem;
border-radius: 10px;
overflow: hidden;
}
.oli-contact-1-form {
flex: 1;
padding: 3.125rem;
background: white;
}
.oli-contact-1-form-group {
position: relative;
margin-bottom: 1.875rem;
}
.oli-contact-1-form-group input,
.oli-contact-1-form-group textarea {
width: 100%;
padding: 0.625rem 0;
font-size: 1.0rem;
border: none;
border-bottom: 2px solid #ddd;
outline: none;
transition: border-color 0.3s ease;
background: transparent;
border-radius: 0;
}
.oli-contact-1-form-group label {
position: absolute;
top: 20px;
left: 0;
font-size: 1.0rem;
color: var(--olivin_text_1);
pointer-events: none;
transition: all 0.3s ease;
}
.oli-contact-1-form-group input:focus,
.oli-contact-1-form-group textarea:focus {
border-bottom-color: #667eea;
}
.oli-contact-1-form-group input:focus~label,
.oli-contact-1-form-group textarea:focus~label,
.oli-contact-1-form-group input:not(:placeholder-shown)~label,
.oli-contact-1-form-group textarea:not(:placeholder-shown)~label {
top: -20px;
font-size: 0.750rem;
color: #667eea;
}
.oli-contact-1-form-group input::placeholder,
.oli-contact-1-form-group textarea::placeholder {
color: transparent;
}
.oli-contact-1-form-group input:focus::placeholder,
.oli-contact-1-form-group textarea:focus::placeholder {
color: #999;
}
.oli-contact-1-form-group textarea {
height: 100px;
resize: none;
}
.oli-contact-1-submit-btn {
background: var(--olivin_2);
color: white;
padding: 0.938rem 40px;
border: none;
border-radius: var(--olivin_radius);
font-size: 1.0rem;
cursor: pointer;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.oli-contact-1-submit-btn:hover {
transform: translateY(-3px);
} .oli-standing-table * {
font-family: "Noto Sans", sans-serif;
}
.oli-standing-table {
overflow: auto;
}
.oli-standing-table .last-updated {
text-align: left;
color: var(--olivin_text_1);
margin-bottom: 1.250rem;
font-size: 0.812rem;
display: flex;
justify-content: space-between;
}
.oli-standing-table table {
width: 100%;
border-collapse: collapse;
border-radius: var(--olivin_radius);
border: 1px solid var(--olivin_border_1);
overflow: hidden;
border-bottom: none;
margin: 0;
}
.oli-standing-table th,
.oli-standing-table td {
padding: 0.5rem;
text-align: center;
border-bottom: 1px solid var(--olivin_border_1);
border: none;
color: var(--olivin_text_1);
font-size: 0.938rem;
}
.oli-standing-table th {
background: #1a365d;
color: white;
font-weight: 600;
text-transform: uppercase;
font-size: 0.875rem;
letter-spacing: 0.05em;
padding: 0.938rem 8px;
width: 70px;
}
.oli-standing-table th:first-child {
border-radius: var(--olivin_radius) 0 0 0;
}
.oli-standing-table th:last-child {
border-radius: 0 var(--olivin_radius) 0 0;
}
.oli-standing-table tr:hover {
background-color: #f8fafc;
}
.oli-standing-table td:nth-child(2) {
text-align: left;
font-weight: 500;
color: var(--olivin_text_1);
font-size: 0.875rem;
display: inline-block;
max-width: 21ch;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.oli-standing-table tr:nth-child(even) {
background-color: #f9fafb;
}
.oli-standing-table tr:nth-child(-n+2) td:first-child {
background: #34A853;
color: #fff;
border-bottom: 1px solid var(--olivin_border_1);
}
.oli-standing-table tr:nth-last-child(-n+4) td:first-child {
background: #ef4444;
color: #fff;
border-bottom: 1px solid var(--olivin_border_1);
}
.oli-standing-table td:first-child {
font-weight: 600;
color: #1a365d;
}
.oli-standing-table td:last-child {
font-weight: 600;
color: #1a365d;
}
.oli-standing-table tr {
transition: background-color 0.2s ease;
}
@media (max-width: 480px) {
.oli-standing-table th,
.oli-standing-table td {
font-size: 0.75rem;
padding: 0.5rem 0.25rem;
}
} .oli-login-page .container {
width: 500px;
max-width: 100%;
padding: 1.250rem;
background: #fff;
border-radius: var(--olivin_radius);
}
.oli-login-page-tabs {
display: flex;
gap: 5px;
margin-bottom: 1.250rem;
}
.oli-login-page-tab {
flex: 1;
padding: 0.750rem;
background: #7676761a;
border: none;
border-radius: var(--olivin_radius_2);
cursor: pointer;
transition: all 0.3s;
font-size: 0.812rem;
}
.oli-login-page-tab.active {
background: var(--olivin_2);
color: white;
}
.oli-login-page-form {
display: none;
}
.oli-login-page-form.active {
display: block;
}
.form-group {
margin-bottom: 0.938rem;
}
.form-group input {
width: 100%;
padding: 0.750rem;
border: 1px solid var(--olivin_border_1);
border-radius: var(--olivin_radius_2);
font-size: 1.0rem;
background-color: transparent;
}
.oli-login-page-btn {
width: 100%;
padding: 0.750rem;
background: var(--olivin_2);
color: white;
border: none;
border-radius: var(--olivin_radius_2);
cursor: pointer;
font-size: 0.875rem;
transition: background 0.3s;
}
.oli-login-page-btn:hover {
color: var(--olivin_2);
background-color: #fff;
}
.oli-login-page-alert p {
padding: 0.875rem;
margin-bottom: 1.250rem;
border-radius: var(--olivin_radius_2);
}
.oli-login-page-alert.error p {
background: #f8d7da;
color: #72131d !important;
}
.oli-login-page-alert.success p {
background: #d4edda;
color: #135d24;
}
.remember-me {
display: block;
margin: 0.625rem 0;
}
.oli-login-page-welcome {
width: 100%;
text-align: center;
}
.oli-login-page-welcome svg {
width: 80px;
height: 80px;
background-color: #fff;
border-radius: 50% 50% 0 0;
margin: -50px 0 -10px 0;
padding: 1.250rem;
}
.oli-login-page-welcome h1 {
margin-bottom: 1.875rem;
}
@media (max-width: 480px) {
.oli-login-page-tabs {
flex-direction: column;
}
} .oli-comment-list {
display: grid;
max-width: 100%;
grid-template-columns: repeat(auto-fit, minmax(290px, min(100%, 1fr)));
gap: 15px;
}
.oli-comment-list-item {
background-color: #57575c12;
padding: 0.625rem;
border-radius: var(--olivin_radius);
}
.oli-comment-list-top>a {
display: flex;
align-items: center;
}
.oli-comment-list-top>a img {
border-radius: 50%;
object-fit: cover;
border: 3px solid var(--olivin_border_1);
max-width: 38px;
max-height: 38px;
}
.oli-comment-list-top {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 0.625rem;
}
.oli-comment-list-author-data {
position: relative;
width: 100%;
}
.oli-comment-list-link {
position: absolute !important;
right: 0;
top: 0;
color: var(--olivin_2);
}
.oli-comment-list-author-name {
display: block;
font-size: 0.875rem;
text-transform: capitalize;
font-weight: 600;
color: var(--olivin_text_2);
margin-right: 5.125rem;
width: 100%;
}
.oli-comment-list-comment-time {
display: block;
font-size: 0.688rem;
}
.oli-comment-list-content {
font-size: 0.750rem;
color: var(--olivin_text_1);
} .oli-calculator-form-groups {
display: grid;
max-width: 100%;
grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
gap: 15px;
}
.oli-calculator-form-groups {
margin-bottom: 0.938rem;
}
.oli-calculator label {
display: block;
font-weight: 500;
color: var(--olivin_text_2);
margin-bottom: 0.5rem;
font-size: 0.938rem;
}
.oli-calculator select,
.oli-calculator input {
width: 100%;
padding: 0.750rem 15px;
border: 1px solid var(--olivin_border_1);
border-radius: var(--olivin_radius);
font-size: 0.875rem;
background-color: #fff;
}
.oli-calculator button {
background-color: var(--olivin_1);
color: white;
padding: 0.625rem 20px;
border: none;
border-radius: var(--olivin_radius);
cursor: pointer;
font-size: 0.875rem;
transition: all .3s ease;
}
.oli-calculator button:hover {
background-color: var(--olivin_2);
}
.oli-calculator .result {
margin-top: 1.250rem;
padding: 0.938rem;
border: 1px solid rgba(0, 128, 0, 0.123);
border-radius: var(--olivin_radius);
background-color: #fff;
display: none;
animation: zoomIn .3s;
}
.oli-calculator .result p {
margin: 0.312rem 0;
font-size: 1.0rem;
}
.oli-calculator table thead tr th {
background-color: #1a365d;
} .notification-container {
position: relative;
display: flex;
justify-content: flex-end;
}
.header-2-wrapper .notification-bell {
color: #fff;
}
.notification-bell {
position: relative;
cursor: pointer;
border-radius: 50%;
transition: 0.3s;
}
.notification-bell:hover {
color: #b4b4b4;
}
.notification-bell i {
font-size: 1.5rem;
}
.notification-badge {
position: absolute;
top: 0;
right: 0;
background: #ef4444;
color: #fff;
border-radius: 50%;
padding: 0.25rem 0.2rem;
font-size: 0.75rem;
font-weight: 600;
transform: translate(25%, -25%);
line-height: 1;
width: 20px;
height: 20px;
text-align: center;
}
.notification-panel {
position: fixed;
top: calc(123px + 1rem);
right: 5rem;
width: 360px;
background: #fff;
border-radius: var(--olivin_radius);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.notification-panel.show {
opacity: 1;
visibility: visible;
transform: translateY(0);
z-index: 14;
}
.notification-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem;
border-bottom: 1px solid var(--olivin_border_1);
}
.notification-header>span {
font-size: 1.0rem;
font-weight: 600;
color: var(--olivin_title);
}
.mark-all-read {
background: none;
border: none;
color: var(--olivin_text_2);
font-size: 0.812rem;
cursor: pointer;
border-radius: var(--olivin_radius);
transition: 0.3s;
padding: 0;
}
.mark-all-read:hover {
color: var(--olivin_1);
}
.notification-list {
max-height: 400px;
overflow-y: auto;
}
.notification-item {
display: flex;
padding: 1rem;
transition: 0.3s;
}
.notification-item:last-child {
border-radius: 0 0 var(--olivin_radius) var(--olivin_radius);
}
.notification-item:not(:last-child) {
border-bottom: 1px solid var(--olivin_border_1);
}
.notification-item:hover {
background: #f9fafb;
}
.notification-item.unread {
background: #f3f4f6;
width: 100%;
}
.notification-item.unread:last-child {
border-radius: 0 0 var(--olivin_radius) var(--olivin_radius);
}
.notification-icon {
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
background: #e5e7eb;
display: flex;
align-items: center;
justify-content: center;
margin-right: 1rem;
}
.notification-content {
flex: 1;
}
.notification-text {
color: var(--olivin_text_2);
font-size: 0.750rem;
margin: 0;
}
.notification-time {
color: #9ca3af;
font-size: 0.688rem;
}
.notification-list::-webkit-scrollbar {
width: 6px;
}
.notification-list::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 3px;
}
.notification-list::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 3px;
}
.notification-list::-webkit-scrollbar-thumb:hover {
background: #a8a8a8;
} .oli-disc-filters {
display: flex;
justify-content: space-between;
align-items: center;
}
.oli-disc-filter-group {
display: flex;
gap: 1rem;
}
.oli-disc-select-wrapper {
position: relative;
display: flex;
align-items: center;
}
.oli-disc-select-wrapper i {
position: absolute;
left: 1rem;
color: var(--olivin_2);
pointer-events: none;
font-size: 0.875rem;
}
.oli-disc-styled-select {
appearance: none;
padding: 0.75rem 2.5rem 0.75rem 2.75rem;
border-radius: var(--olivin_radius);
background-color: white;
font-size: 0.9375rem;
color: #0f172a;
cursor: pointer;
min-width: 180px;
transition: all 0.2s ease;
}
.oli-disc-styled-select:hover {
border-color: var(--olivin_2);
}
.oli-disc-styled-select:focus {
outline: none;
border-color: var(--olivin_2);
}
.oli-disc-reset {
appearance: none;
border-radius: var(--olivin_radius);
background-color: #fff;
font-size: 0.9375rem;
cursor: pointer;
min-width: 140px;
transition: all 0.3s ease;
color: #0f172a;
border: none;
padding: 0.938rem;
white-space: nowrap;
}
.oli-disc-reset:hover {
background-color: rgb(177, 28, 28);
color: #fff;
}
.oli-disc-reset:focus {
outline: none;
border-color: var(--olivin_2);
}
.oli-disc-reset i {
margin-right: 1.125rem;
color: rgb(177, 28, 28);
transition: all .3s ease;
}
.oli-disc-reset:hover i {
color: #fff;
}
.oli-disc-view-options {
display: flex;
gap: 0.75rem;
}
.oli-disc-view-btn {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.75rem 1.25rem;
border: 1px solid #e2e8f0;
background-color: white;
border-radius: var(--olivin_radius);
cursor: pointer;
font-size: 0.9375rem;
color: #475569;
transition: all 0.2s ease;
}
.oli-disc-view-btn:hover {
border-color: var(--olivin_2);
color: var(--olivin_2);
}
.oli-disc-view-btn.oli-disc-active {
background: var(--olivin_2);
color: white;
border-color: transparent;
}
.oli-disc-news-container {
margin: 2.5rem 0 0 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 15px;
}
.oli-disc-news-card {
background-color: white;
border-radius: var(--olivin_radius);
overflow: hidden;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.oli-disc-news-card:hover {
transform: translateY(-6px);
}
.oli-disc-card-media {
position: relative;
overflow: hidden;
height: 175px;
}
.oli-disc-card-media img {
width: 100%;
height: 175px;
object-fit: cover;
transition: transform 0.5s ease;
}
.oli-disc-news-card:hover .oli-disc-card-media img {
transform: scale(1.05);
}
.oli-disc-reading-time {
position: absolute;
bottom: 15px;
right: 15px;
background: rgba(0, 0, 0, 0.75);
color: white;
padding: 0.312rem 8px;
border-radius: var(--olivin_radius_2);
font-size: 0.8125rem;
backdrop-filter: blur(3px);
}
.oli-disc-reading-time i {
margin-right: 0.375rem;
}
.oli-disc-content {
padding: 0.938rem;
}
.oli-disc-content h2 {
border: none;
}
.oli-disc-meta {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.938rem;
}
.oli-disc-views {
color: var(--olivin_text_2);
font-size: 0.875rem;
display: flex;
align-items: center;
gap: 0.375rem;
}
.oli-disc-views i {
color: var(--olivin_2);
font-size: 0.750rem;
}
.oli-disc-news-card h2 {
margin: 0 0 1rem 0;
padding: 0;
font-size: 1.062rem;
line-height: 1.4;
font-weight: 700;
color: var(--olivin_title);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.oli-disc-news-card p {
color: var(--olivin_text_1);
font-size: 0.875rem;
margin-bottom: 0.938rem;
}
.oli-disc-card-footer {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 0.938rem;
border-top: 1px solid var(--olivin_border_1);
}
.oli-disc-news-container time {
color: var(--olivin_text_2);
font-size: 0.812rem;
display: flex;
align-items: center;
gap: 0.375rem;
}
.oli-disc-news-container time i {
color: var(--olivin_2);
font-size: 0.750rem;
}
.oli-disc-actions {
display: flex;
gap: 0.75rem;
}
.oli-disc-action-btn {
background: none;
border: none;
color: var(--olivin_text_2);
cursor: pointer;
padding: 0.5rem;
font-size: 1.125rem;
transition: all 0.2s ease;
border-radius: 8px;
}
.oli-disc-action-btn:hover {
color: var(--olivin_2);
background-color: #f1f5f9;
transform: translateY(-1px);
}
.oli-disc-load-more {
text-align: center;
padding: 3rem 0 0 0;
color: var(--olivin_text_2);
font-style: italic;
display: flex;
align-items: center;
justify-content: center;
gap: 0.75rem;
font-size: 0.9375rem;
}
.oli-disc-load-more i {
color: var(--olivin_2);
font-size: 1.125rem;
}
@media (max-width: 768px) {
.oli-disc-filters {
flex-direction: column;
gap: 1.25rem;
}
.oli-disc-filter-group {
width: 100%;
flex-direction: column;
}
.oli-disc-select-wrapper {
width: 100%;
}
.oli-disc-styled-select {
width: 100%;
}
.oli-disc-view-options {
width: 100%;
justify-content: center;
}
.oli-disc-reset {
width: 100%;
text-align: left;
}
}
@keyframes oli-disc-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.fa-spinner {
animation: oli-disc-spin 1s linear infinite;
} .oli-mobile-quick-menu {
position: fixed;
right: 20px;
bottom: 65px;
background-color: #fff;
padding: 0.5rem;
border-radius: var(--olivin_radius);
display: none;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
min-width: 180px;
animation: slide-in-bottom .4s ease;
}
.oli-mobile-quick-menu.active {
display: block;
}
.oli-mobile-quick-menu-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.375rem;
border-radius: var(--olivin_radius);
border: 0;
background-color: transparent;
width: 100%;
cursor: pointer;
position: relative;
}
.oli-mobile-quick-menu-item .oli-mode-switcher {
position: absolute;
left: 6px;
right: 6px;
top: 4px;
}
.oli-mobile-quick-menu-item span {
color: var(--olivin_text_2);
font-size: 0.812rem;
width: 100%;
text-align: right;
}
.oli-mobile-quick-menu-item:not(:last-child) {
margin-bottom: 0.5rem;
}
.oli-mobile-quick-menu-item svg {
width: 18px;
height: 18px;
}
.oli-mobile-quick-menu-item .oli-mode-switcher {
margin-bottom: 0.375rem;
margin-left: -1px;
}
.oli-mobile-quick-menu-item.log-out {
border-radius: var(--olivin_radius);
background-color: rgba(255, 0, 0, 0.084);
color: rgb(212, 20, 20) !important;
}
.oli-mobile-quick-menu-item.log-out span {
color: rgb(212, 20, 20);
}
.oli-mobile-quick-menu-item .oli-mode-switcher .st-sunMoonThemeToggleBtn svg .sunMoon {
color: #040202;
}
.oli-login-page {
padding: 3.750rem 0;
margin: 0;
}
.banned-user-profile-notification {
padding: 0.938rem;
border-radius: var(--olivin_radius);
text-align: left;
margin-top: 1.250rem;
}
.banned-user-profile-notification p {
font-size: 0.875rem;
font-weight: 500;
padding-bottom: 0.5rem;
color: #D32F2F;
}
.banned-user-profile-notification span {
font-size: 0.812rem;
} .oli-tabs-widget-1-container {
width: 100%;
overflow: hidden;
}
.oli-tabs-widget-1-tabs {
display: flex;
margin-bottom: 1.250rem;
}
.oli-tabs-widget-1-tab {
flex: 1;
text-align: center;
padding: 0.812rem 10px;
cursor: pointer;
font-weight: 600;
color: var(--olivin_title);
transition: 0.3s;
background: #fff;
font-size: 0.938rem;
}
.oli-tabs-widget-1-tabs>button {
border: 1px solid var(--olivin_border_1);
background-color: transparent;
}
.oli-tabs-widget-1-tabs>button:nth-child(1) {
border-radius: var(--olivin_radius) 0 0 var(--olivin_radius);
border: none;
background-color: #b5b5b563;
}
.oli-tabs-widget-1-tabs>button:nth-child(2) {
border-radius: 0 var(--olivin_radius) var(--olivin_radius) 0;
border: none;
background-color: #b5b5b563;
}
.oli-tabs-widget-1-tab.oli-tabs-widget-1-active {
background: var(--olivin_2) !important;
border: 1px solid var(--olivin_2);
color: white;
}
.oli-tabs-widget-1-content {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(350px, 100%), 1fr));
grid-gap: 15px;
}
.oli-tabs-widget-1-card {
display: flex;
gap: 8px;
border-radius: var(--olivin_radius);
transition: 0.3s;
animation: slide-in-bottom .3s ease;
border: 1px solid var(--olivin_border_1);
}
.oli-tabs-widget-1-card img {
width: 80px;
height: 65px;
object-fit: cover;
border-radius: var(--olivin_radius) 0 0 var(--olivin_radius);
display: block;
}
.oli-tabs-widget-1-card-content {
flex: 1;
padding: 0.375rem;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.oli-tabs-widget-1-card-content a {
text-decoration: none;
font-size: 0.812rem;
color: var(--olivin_title);
font-weight: 500;
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
transition: all .3s ease;
}
.oli-tabs-widget-1-card-content a:hover {
text-decoration: none;
color: var(--olivin_1);
}
.oli-tabs-widget-1-date {
font-size: 0.750rem;
color: var(--olivin_text_1);
} .oli-post-related-popup {
position: fixed;
width: 260px;
max-width: 100%;
right: 20px;
bottom: 20px;
background-color: #fff;
border: 1px solid var(--olivin_border_1);
border-radius: var(--olivin_radius);
padding: 0.938rem;
z-index: 999;
}
.oli-post-related-popup-name {
color: var(--olivin_title);
font-weight: 600;
font-size: 0.938rem;
position: relative;
padding-left: 0.938rem;
}
#oli-post-related-popup-close {
color: var(--olivin_title);
font-size: 1.062rem;
cursor: pointer;
transition: all .3s ease;
}
#oli-post-related-popup-close:hover {
color: red;
}
.oli-post-related-popup-name:before {
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
background-color: var(--olivin_1);
content: '';
border-radius: var(--olivin_radius_2);
}
.oli-post-related-popup-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0.938rem;
padding-bottom: 0.938rem;
border-bottom: 1px solid var(--olivin_border_1);
}
.oli-post-related-popup-link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block
}
.oli-post-related-popup-content {
position: relative;
}
.oli-post-related-popup-img img {
width: 100%;
height: 100px;
object-fit: cover;
border-radius: var(--olivin_radius);
}
.oli-post-related-popup-title {
margin: 0.625rem 0 15px 0;
display: block;
text-decoration: none;
color: var(--olivin_title) !important;
font-weight: 600;
font-size: 0.875rem;
}
.oli-post-related-popup-meta {
display: flex;
align-items: center;
gap: 10px;
}
.oli-post-related-popup-meta i {
font-size: 0.750rem;
}
.oli-post-related-popup-meta span {
font-size: 0.750rem;
} .oli-author-card-2-author-list {
display: grid;
gap: 20px;
}
.oli-author-card-2-author-card {
background: #fff;
border-radius: var(--olivin_radius);
padding: 1.250rem;
display: flex;
justify-content: space-between;
align-items: center;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.oli-author-card-2-author-info {
display: flex;
align-items: center;
gap: 1.5rem;
}
.oli-author-card-2-author-avatar {
display: inline-flex;
}
.oli-author-card-2-author-avatar img {
min-width: 70px;
height: 70px;
border-radius: 50%;
object-fit: cover;
}
.oli-author-card-2-author-details {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.oli-author-card-2-author-header {
display: flex;
align-items: center;
gap: 1rem;
}
.oli-author-card-2-author-name {
font-size: 1.0rem !important;
font-weight: 600;
border: none !important;
margin: 0 !important;
padding: 0 !important;
}
.oli-author-card-2-author-name a {
color: var(--olivin_title);
}
.oli-author-card-2-author-role {
color: var(--olivin_text_2);
font-size: 0.812rem;
font-weight: 400;
padding: 0.188rem 6px;
background-color: #96969636;
border-radius: var(--olivin_radius_2);
}
.oli-author-card-2-author-bio {
color: var(--olivin_text_1);
font-size: 0.812rem;
margin: 0 !important;
}
.oli-author-card-2-author-stats {
display: flex;
gap: 2rem;
}
.oli-author-card-2-stat {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.25rem;
}
.oli-author-card-2-stat-number {
font-size: 1.0rem;
font-weight: 600;
color: var(--olivin_title);
}
.oli-author-card-2-stat-label {
font-size: 0.750rem;
color: var(--olivin_text_1);
letter-spacing: 0.05em;
}
.author-reference {
padding: 3.750rem 0 0 0;
}
.author-reference .container {
padding: 1.250rem;
border-radius: var(--olivin_radius);
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.author-reference .left {
display: flex;
align-items: center;
gap: 20px;
color: #fff;
width: 60%;
}
.author-reference .author-reference-text {
color: #fff;
display: flex;
flex-direction: column;
gap: 10px;
margin: 0;
}
.author-reference .author-reference-text .title {
color: #fff;
font-weight: 600;
font-size: 1.125rem;
}
.author-reference .left i {
background-color: #ffffff50;
padding: 0.625rem;
border-radius: var(--olivin_radius_2);
}
.author-reference .left span {
font-size: 0.875rem;
}
.author-reference .right {
width: 30%;
}
.author-reference .right a {
background-color: #ffffff50;
float: right;
padding: 0.625rem 25px;
border-radius: var(--olivin_radius);
font-size: 0.938rem;
font-weight: 500;
display: flex;
align-items: center;
gap: 15px;
color: #fff;
transition: all .3s ease;
}
.author-reference .right a:hover {
background-color: #fff;
color: var(--olivin_1);
} .oli-headline-ar-container {
display: flex;
gap: 20px;
margin-bottom: 1.250rem;
}
.oli-headline-ar-main-content {
display: flex;
flex-direction: column;
height: 380px;
width: 69.66666667%;
max-width: 69.66666667%;
}
#oli-headline-ar-headlines-container {
position: relative;
flex-grow: 1;
overflow: hidden;
border-radius: var(--olivin_radius);
}
.oli-headline-ar-headline-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out;
}
.oli-headline-ar-headline-container.active {
opacity: 1;
visibility: visible;
}
.oli-headline-ar-tag {
position: absolute;
top: 20px;
left: 0;
background-color: var(--olivin_1);
color: white;
padding: 0.375rem 15px;
font-weight: 500;
z-index: 1;
border-radius: 0 var(--olivin_radius) var(--olivin_radius) 0;
font-size: 1.0rem;
}
.oli-headline-ar-headline-image {
position: relative;
height: 100%;
border-radius: var(--olivin_radius);
}
.oli-headline-ar-headline-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: var(--olivin_radius);
}
.oli-headline-ar-headline-title {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
color: #fff;
padding: 1.875rem;
font-size: 2.0rem;
margin: 0;
}
.oli-headline-ar-headline-title a {
color: #fff;
}
.oli-headline-ar-pagination {
display: flex;
gap: 5px;
padding: 0.625rem 0;
background: #fff;
justify-content: center;
margin-top: 1.250rem;
border-radius: var(--olivin_radius);
border: 1px solid var(--olivin_border_1);
overflow-x: auto;
}
.oli-headline-ar-page-number {
width: 30px;
height: 30px;
border: none;
background: none;
cursor: pointer;
font-weight: bold;
color: var(--olivin_text_1);
display: flex;
align-items: center;
justify-content: center;
}
.oli-headline-ar-page-number.active {
background-color: var(--olivin_1);
color: white;
border-radius: 4px;
}
.oli-headline-ar-sidebar {
background: #fff;
padding: 0.938rem;
max-height: 380px;
border-radius: var(--olivin_radius);
border: 1px solid var(--olivin_border_1);
max-width: 30.33333333%;
min-width: 30.33333333%;
width: 30.33333333%;
overflow: auto;
}
.oli-headline-ar-side-news {
height: 100%;
overflow-y: auto;
scrollbar-width: thin;
}
.oli-headline-ar-news-item {
display: flex;
align-items: center;
gap: 15px;
padding: 0.938rem;
cursor: pointer;
transition: background-color 0.2s ease;
border-radius: var(--olivin_radius);
}
.oli-headline-ar-news-item:hover {
background-color: rgb(169 169 169 / 8%);
}
.oli-headline-ar-news-item.active {
background-color: rgb(169 169 169 / 20%);
}
.oli-headline-ar-news-item:last-child {
border-bottom: none;
}
.oli-headline-ar-number {
font-size: 2.0rem;
color: var(--olivin_text_2);
font-weight: 300;
min-width: 32px;
}
.oli-headline-ar-news-item p {
font-size: 0.938rem;
font-weight: 500;
color: var(--olivin_text_2);
margin: 0;
line-height: 1.4;
}  .img-enlarged__cont {
width: 100%;
height: 0;
opacity: 0;
cursor: zoom-out;
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
z-index: 998;
transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
visibility: hidden;
}
.img-enlarged__cont.open {
height: 100%;
opacity: 1;
z-index: 99999;
visibility: visible;
}
.img-enlarged {
max-width: 90%;
max-height: 80%;
border: 5px solid #eee;
display: block;
margin: auto;
position: relative;
top: 10%;
border-radius: var(--olivin_radius);
}
.img-enlarged__nav {
background: rgba(0, 0, 0, 0.2);
cursor: pointer;
z-index: 999;
height: 100%;
width: 10%;
position: absolute;
top: 0;
transition: 0.3s width, 0.2s background;
}
.img-enlarged__nav:hover {
background: rgba(0, 0, 0, 0.8);
width: 11%;
}
.img-enlarged__nav:active {
width: 12%;
}
.img-enlarged__nav span {
font-size: 25px;
color: #fff;
}
.img-enlarged__nav.prev {
left: 0;
}
.img-enlarged__nav.prev::after {
content: "<";
font-size: 50px;
font-family: monospace;
color: #fff;
position: absolute;
left: 40%;
top: 49%;
}
.img-enlarged__nav.next {
right: 0;
}
.img-enlarged__nav.next::after {
content: ">";
font-size: 50px;
font-family: monospace;
color: #fff;
position: absolute;
right: 40%;
top: 49%;
}
.img-enlarged__counter {
background: rgba(0, 0, 0, 0.5);
color: #fff;
font-family: monospace;
width: 50px;
text-align: center;
font-size: 15px;
padding: 7px 0;
margin: auto;
position: absolute;
left: 49%;
bottom: 5%;
}
.gallery img {
cursor: zoom-in;
}
.article-summary-btn {
position: relative;
background: #fff;
color: var(--olivin_text_2);
border: 1px solid transparent;
border-radius: var(--olivin_radius);
padding: 0.625rem 15px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
z-index: 1;
}
.article-summary-btn::before {
content: "";
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
background: linear-gradient(135deg, #cb317f, #46c9d9);
border-radius: inherit;
z-index: -1;
mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
mask-composite: exclude;
-webkit-mask-composite: destination-out;
padding: 1.5px;
}
.oli-modal-wrap.article-summary {
width: 650px;
padding: 1.875rem;
}
.oli-modal-wrap.article-summary .oli-modal-title {
font-size: 1.125rem;
}
.oli-modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: #00000054;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
padding: 0 15px;
animation: fadeIn .3s;
}
.oli-modal-wrap {
background-color: #fff;
width: 600px;
max-width: 100%;
padding: 1.250rem;
border-radius: var(--olivin_radius);
position: relative;
background-clip: padding-box;
}
.oli-modal-header {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid var(--olivin_border_1);
padding-bottom: 0.625rem;
margin-bottom: 0.625rem;
gap: 15px;
}
.oli-modal-title {
color: var(--olivin_title);
font-size: 1.375rem;
font-weight: 600;
}
.oli-modal-close {
line-height: normal;
cursor: pointer;
}
.oli-modal-close i {
font-size: 1.5rem;
}
.oli-modal-content p {
margin: 0;
font-size: 1.0rem;
text-align: justify;
}
.oli-modal-content {
max-height: 350px;
overflow-y: auto;
} [data-tooltip] {
position: relative;
transition: all .3s ease;
}
[data-tooltip]:hover::after {
content: attr(data-tooltip);
position: absolute;
background: #000;
color: #fff;
padding: 6px 12px;
border-radius: var(--olivin_radius_2);
font-size: 12px;
white-space: nowrap;
z-index: 1000;
pointer-events: none;
}
[data-tooltip]:hover::before {
content: '';
position: absolute;
border-style: solid;
border-width: 5px;
pointer-events: none;
z-index: 1000;
}
.tooltip-top:hover::after {
bottom: 41px;
left: 50%;
transform: translateX(-50%);
}
.tooltip-top:hover::before {
bottom: 32px;
left: 50%;
transform: translateX(-50%);
border-color: #000 transparent transparent transparent;
}
.tooltip-bottom:hover::after {
top: 41px;
left: 50%;
transform: translateX(-50%);
animation: fade-in .3s;
}
.tooltip-bottom:hover::before {
top: 32px;
left: 50%;
transform: translateX(-50%);
border-color: transparent transparent #000 transparent;
}
.tooltip-left:hover::after {
top: 50%;
right: 110%;
transform: translateY(-50%);
}
.tooltip-left:hover::before {
top: 50%;
right: 100%;
transform: translateY(-50%);
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #000;
}
.tooltip-right:hover::after {
top: 50%;
left: 110%;
transform: translateY(-50%);
}
.tooltip-right:hover::before {
top: 50%;
left: 100%;
transform: translateY(-50%);
border-width: 5px 5px 5px 0;
border-color: transparent #000 transparent transparent;
} .btn-1 {
position: relative;
display: inline-block;
padding: .6rem 1.3rem;
font-size: 1rem;
border-radius: var(--olivin_radius);
background-color: var(--olivin_2);
color: var(--olivin_text_2);
overflow: hidden;
text-decoration: none;
z-index: 1;
transition: color 0.3s ease;
display: flex;
align-items: center;
gap: 12px;
font-weight: 500;
}
.btn-1::before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background-color: var(--olivin_1);
transition: left 0.3s ease;
z-index: 0;
}
.btn-1:hover {
color: #fff;
}
.btn-1:hover::before {
left: 0;
}
.btn-1 span,
.btn-1 i {
position: relative;
z-index: 2;
}
.btn-1 i {
font-size: 1rem;
transition: all 0.3s ease;
}
.btn-1:hover i {
color: #fff;
} .btn-2 {
position: relative;
display: inline-block;
padding: .6rem 1.3rem;
font-size: 1rem;
border-radius: var(--olivin_radius);
background-color: var(--olivin_2);
color: var(--olivin_text_2);
overflow: hidden;
text-decoration: none;
z-index: 1;
transition: color 0.3s ease;
display: flex;
align-items: center;
gap: 12px;
}
.btn-2::before {
content: "";
position: absolute;
top: 0;
right: -100%;
width: 100%;
height: 100%;
background-color: var(--olivin_1);
z-index: 0;
transition: right 0.4s ease;
}
.btn-2:hover::before {
right: 0;
}
.btn-2 span,
.btn-2 i {
position: relative;
z-index: 2;
color: #fff;
}
.btn-2 i {
font-size: 1.1rem;
color: #fff;
transition: all 0.3s ease;
}
.btn-2:hover {
color: #fff;
}
.btn-2:hover i {
color: #fff;
} .sector-list {
display: grid;
gap: 1rem;
}
.sector-list .sector {
background-color: #fff;
border: 1px solid var(--olivin_border_1);
padding: 1rem 1.5rem;
border-radius: var(--olivin_radius);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
overflow: hidden;
transition: all .3s ease;
background-clip: padding-box;
}
.sector-list .sector::before {
content: '';
position: absolute;
background-color: #fff;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
transition: all .3s ease;
}
.sector-list .sector:hover::before {
background-color: #00000050;
}
.sector-list .sector a i {
display: flex;
align-items: center;
justify-content: center;
}
.sector-list .sector .sector-title {
transition: all .3s ease;
font-size: 1rem;
font-weight: 600;
text-align: center;
}
.sector-list .sector .company-count {
font-size: .85rem;
transition: all .3s ease;
}
.sector-list .sector a {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: .5rem;
position: relative;
z-index: 2;
}
.sector-list .sector:hover a .sector-title {
color: #fff;
}
.sector-list .sector:hover a p {
color: #fff;
}
.sector-list .sector:hover a i {
color: #fff;
background-color: #ffffff50;
}
.sector-list .sector:hover .company-count {
background-color: #fff;
border-radius: var(--olivin_radius);
color: var(--olivin_text_2);
padding: 0 .5rem;
}
.sector-list .sector a i {
color: #fff;
padding: 1rem;
border-radius: 50%;
width: 48px;
height: 48px;
text-align: center;
transition: all .3s ease;
}
.sector-list .sector a p {
margin: 0;
transition: all .3s ease;
} .sector-list-2 {
display: flex;
flex-direction: column;
gap: .5rem;
background-color: #fff;
border-radius: var(--olivin_radius);
padding: 1rem !important;
border: 1px solid var(--olivin_border_1);
}
.sector-list-2 li {
list-style: none;
}
.sector-list-2 .sector-link {
display: flex;
align-items: center;
justify-content: space-between;
color: var(--olivin_text_2);
font-size: .9rem;
transition: all .3s ease;
padding-left: 0;
}
.sector-list-2 .sector-link:hover {
padding-left: .4rem;
color: var(--olivin_1);
}
.sector-list-2 .sector-link .company-count {
background-color: var(--olivin_1);
color: #fff;
line-height: 1;
padding: .2rem .5rem;
border-radius: var(--olivin_radius_2);
font-size: .8rem;
} .company-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
}
.company-list.type2 .company {
flex-direction: row;
}
.company-list.type2 .company-top {
width: 230px
}
.company-list.type2 .company-body {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.company-list .company {
background-color: #fff;
border-radius: var(--olivin_radius);
position: relative;
overflow: hidden;
transition: all .3s ease;
display: flex;
flex-direction: column;
border: 1px solid var(--olivin_border_1);
height: fit-content;
}
.company-list .company-top {
overflow: hidden;
position: relative;
}
.company-list .company-img-link {
display: block;
object-fit: cover;
height: 160px;
}
.company-list .company-img-link img {
width: 100%;
object-fit: cover;
height: 160px;
}
.company-top .sector-name {
position: absolute;
right: .9rem;
bottom: .9rem;
background-color: var(--olivin_1);
border-radius: var(--olivin_radius_2);
padding: .2rem .5rem;
color: #fff;
font-size: .8rem;
font-weight: 500;
}
.company-top .company-views {
position: absolute;
left: .9rem;
bottom: .9rem;
background-color: #00000050;
border-radius: var(--olivin_radius_2);
padding: .2rem .5rem;
color: #fff;
font-size: .75rem;
font-weight: 400;
}
.company-top .company-gallery-count {
position: absolute;
right: .9rem;
top: .9rem;
background-color: #00000050;
border-radius: var(--olivin_radius_2);
padding: .2rem .5rem;
color: #fff;
font-size: .75rem;
font-weight: 400;
}
.company-top .company-ribbon {
position: absolute;
left: 0;
top: 0;
overflow: visible;
z-index: 1
}
.company-top .company-ribbon::before {
content: '';
position: absolute;
top: 20px;
left: -55px;
width: 95px;
height: 60px;
background: #ff4e50;
background-size: 600% 600%;
animation: gradientShift 6s ease infinite;
transform: rotate(-45deg);
transform-origin: top left;
z-index: 0;
}
.company-top .company-ribbon i {
z-index: 2;
position: relative;
color: #fff;
padding: 7px 0 0 7px;
}
.company-content {
display: flex;
flex-direction: column;
gap: .5rem;
position: relative;
padding: 1rem .8rem;
}
.company-content .company-title {
display: flex;
align-items: center;
gap: .5rem;
line-height: 1;
}
.company-content .company-title i {
font-size: .9rem;
}
.company-verified {
color: #42a5f5;
}
.company-safed {
color: #4bb300;
}
.company-content .company-title a {
color: var(--olivin_title);
font-weight: 600;
font-size: 1.1rem;
}
.company-content .comment-rating {
line-height: 1;
margin-top: 0;
font-size: 1rem;
}
.company-content .comment-rating .rating-count {
color: var(--olivin_text_2);
font-size: .8rem;
font-weight: 500;
}
.company-content .company-options {
display: flex;
gap: .5rem;
column-gap: 1rem;
flex-wrap: wrap;
margin-top: .4rem;
flex-direction: row;
}
.company-content .company-options li {
list-style: none;
}
.company-content .company-options li {
display: flex;
align-items: center;
color: var(--olivin_text_1);
font-size: .8rem !important;
transition: all .3s ease;
}
.company-content .company-options li:hover {
color: var(--olivin_1);
}
.company-content .company-options li i {
color: var(--olivin_text_1);
}
.company-list .company-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: .5rem;
position: relative;
border-top: 1px solid var(--olivin_border_1);
padding: .5rem .8rem;
}
.company-bottom>.left .links {
display: flex;
gap: .7rem;
}
.company-bottom>.left .links li {
list-style: none;
}
.company-bottom>.left .links li a {
padding: .2rem;
width: 23px;
height: 23px;
display: flex;
transition: all .3s ease;
font-size: .8rem !important;
}
.company-bottom>.left .links li a i {
color: var(--olivin_text_1);
transition: all .3s ease;
font-size: .8rem !important;
}
.company-bottom>.left .links li a:hover {
background-color: var(--olivin_1);
}
.company-bottom>.left .links li a:hover i {
color: #fff;
}
.company-bottom>.right .read-more {
display: flex;
align-items: center;
gap: .5rem;
color: var(--olivin_text_1);
font-size: .9rem;
transition: all .3s ease;
}
.company-bottom>.right .read-more:hover {
margin-right: .5rem;
color: var(--olivin_1);
}
.company-bottom>.right .read-more i {
font-size: .7rem;
}
.company-list-pagination {
margin-top: 1rem;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.company-list-pagination button {
background-color: #fff;
padding: .9rem 1.5rem;
color: var(--olivin_text_2);
font-weight: 500;
cursor: pointer;
transition: all .3s ease;
}
.company-list-pagination .btn-1:disabled i {
opacity: 0.6;
cursor: not-allowed;
animation: rotate-border 1s linear infinite;
} .company-directory-top {
background-size: cover;
background-repeat: repeat;
background-position: center;
background-attachment: fixed;
height: 235px;
display: flex;
align-items: flex-end;
padding: 2rem 0;
position: relative;
overflow: hidden;
z-index: 0;
}
.company-directory-top:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #0000006e;
z-index: 2;
}
.company-directory-top-details {
display: flex;
gap: 1rem;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.company-directory-top-details .left,
.company-directory-top-details .right {
z-index: 3;
}
.company-directory-top-details .company-title {
color: #fff;
font-size: 2.2rem;
}
.company-directory-top-details .company-sector {
background-color: var(--olivin_1);
color: #fff;
display: inline-block;
padding: .2rem .5rem;
border-radius: var(--olivin_radius_2);
font-weight: 500;
font-size: .9rem;
}
.company-directory-top-details .meta-details {
display: flex;
align-items: center;
gap: .8rem;
margin-top: .8rem;
}
.company-directory-body {
padding: 50px 0;
}
.company-directory-body,
.sectors-taxonomy-wrap {
display: flex;
gap: 1rem;
}
.sectors-taxonomy-wrap {
padding: 0 0 60px 0;
}
.company-directory-body>.left,
.sectors-taxonomy-wrap>.left {
width: 73.66666667%;
max-width: 73.66666667%;
display: flex;
flex-direction: column;
gap: 1rem;
}
.company-directory-body>.right,
.sectors-taxonomy-wrap>.right {
width: 26.3333332%;
max-width: 26.3333332%;
display: flex;
flex-direction: column;
gap: 1rem;
}
.company-directory-body>.left>.row,
.company-directory-body>.right>.row,
.sectors-taxonomy-wrap>.left>.row,
.sectors-taxonomy-wrap>.right>.row {
background-color: #fff;
padding: 1rem;
border-radius: var(--olivin_radius);
}
.company-directory-body .row p {
color: var(--olivin_text_2);
font-size: .9rem;
}
.row-title {
font-size: 1.15rem !important;
font-weight: 600;
margin-bottom: 1.2rem;
}
.single-company-meta ul {
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: 1.1rem;
flex-wrap: wrap;
}
.single-company-meta ul li,
.single-company-meta ul li a {
display: flex;
align-items: center;
gap: .5rem;
list-style: none;
font-size: .85rem;
color: var(--olivin_text_1);
}
.single-company-meta ul li i {
font-size: .80rem;
}
.company-meta-item .rating {
color: var(--olivin_text_2);
font-weight: 600;
}
.company-meta-item .rating i {
color: #fd7a00 !important;
}
.company-meta-item .company-verified {
background-color: #42a5f5 !important;
color: #fff;
padding: .2rem .3rem .3rem;
font-size: .9rem !important;
line-height: 1;
border-radius: var(--olivin_radius_2);
}
.company-meta-item .company-safed {
background-color: #4bb300 !important;
padding: .2rem .3rem;
color: #fff;
padding: .2rem .3rem .3rem;
font-size: .9rem !important;
line-height: 1;
border-radius: var(--olivin_radius_2);
}
.company-meta-item .featured-company {
background-color: #ff4e50;
line-height: 1;
color: #fff;
border-radius: var(--olivin_radius_2);
font-weight: 500;
padding: .2rem .3rem .3rem;
font-size: .9rem;
}
.company-contact {
display: flex;
flex-direction: column;
gap: .5rem;
}
.company-contact li {
list-style: none;
font-size: .89rem;
color: var(--olivin_text_2);
}
.company-contact li i {
margin-right: .6rem;
color: var(--olivin_1);
width: 1rem;
}
.company-social-links {
display: flex;
flex-wrap: wrap;
gap: .8rem;
}
.company-social-links li {
list-style: none;
}
.company-social-links li a {
color: var(--olivin_text_2);
transition: all .3s ease;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
background: #9995bf2e;
border-radius: 50%;
}
.company-social-links li a:hover {
color: var(--olivin_1);
}
.company-social-links li a i {
line-height: normal;
font-size: .98rem;
}
.company-gallery .gallery {
display: flex;
flex-wrap: wrap;
gap: .5rem;
}
.company-gallery .gallery img {
width: 150px;
height: 150px;
object-fit: cover;
flex: 1;
border-radius: var(--olivin_radius);
border: 1px solid var(--olivin_border_1);
padding: .3rem;
}
.other-companys {
display: flex;
flex-direction: column;
gap: .5rem;
}
.other-company-item {
display: flex;
gap: .6rem;
padding: .3rem;
border-radius: var(--olivin_radius);
border: 1px solid var(--olivin_border_1);
}
.other-company-item>.left {
width: 50px;
height: 40px;
}
.other-company-item>.left a img {
width: 50px;
height: 40px;
border-radius: var(--olivin_radius_2);
object-fit: cover;
}
.other-company-item>.right {
flex: 1 !important;
position: relative;
}
.other-company-item .other-company-title {
font-size: .9rem;
font-weight: 700;
}
.other-company-item .other-company-title a {
color: var(--olivin_title);
}
.other-company-item .sector-name {
color: var(--olivin_text_2);
font-size: .72rem;
}
.other-company-item>.right>.view-company {
position: absolute;
right: .3rem;
top: 50%;
transform: translateY(-50%);
color: var(--olivin_1);
font-size: .8rem;
line-height: 0;
transition: all .3s ease;
opacity: 0;
}
.other-company-item>.right:hover>.view-company {
opacity: 1;
}
.sectors-taxonomy-wrap > .left > .row.custom-row {
background-color: transparent;
padding: 0;
}
.company-list.sectors-taxonomy-loop.type2 {
grid-template-columns: repeat(1, 1fr);
}
.sectors-taxonomy-wrap > .left > .dynamic {
display: flex;
align-items: center;
justify-content: space-between;
gap: .5rem;
flex-wrap: wrap;
}
.sectors-taxonomy-wrap .dynamic-right {
display: flex;
gap: .8rem;
flex-wrap: wrap;
}
.dynamic-right .dynamic-grid,
.dynamic-right .dynamic-list {
background-color: #9995bf2e;
color: var(--olivin_text_2);
border-radius: var(--olivin_radius_2);
padding: .3rem .7rem;
font-size: .9rem;
cursor: pointer;
display: flex;
align-items: center;
gap: .5rem;
transition: all .3s ease;
}
.dynamic-right .dynamic-grid.active,
.dynamic-right .dynamic-list.active {
background-color: var(--olivin_1);
color: #fff;
transition: all .3s ease;
}
.taxonomy-archive-contact-cart {
text-align: center;
overflow: hidden;
}
.taxonomy-archive-contact-cart > .top {
height: 99px;
margin: -1rem -1rem 0 -1rem;
position: relative;
}
.taxonomy-archive-contact-cart > .top > i {
position: absolute;
bottom: -25px;
left: 50%;
transform: translateX(-50%);
background-color: #4FCE5D;
line-height: 0;
border-radius: 50%;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.9rem;
border: 6px solid #fff;
color: #fff;
}
.taxonomy-archive-contact-cart > .bottom {
margin-top: 2.2rem;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.taxonomy-archive-contact-cart > .bottom > .btn-1 {
width: fit-content;
color: #fff;
}
.taxonomy-archive-contact-cart > .bottom .row-title {
margin: 0;
}
.taxonomy-archive-contact-cart > .bottom p {
font-size: .9rem;
}
.company-archive-sector-list {
padding: 0 0 60px 0;
}
.company-archive-sector-list > .oli-alert {
margin-bottom: 1rem;
} .oli-hero-1-wrap {
padding: 6rem 0;
}
.oli-hero-1 {
display: flex;
gap: 1rem;
position: relative;
}
.oli-hero-1 > .left {
flex: 1;
display: flex;
flex-direction: column;
gap: .5rem;
}
.oli-hero-1 > .left > .title {
color: #fff;
font-size: 3.1rem;
font-weight: 900;
width: 100%;
}
.oli-hero-1 > .left > .desc {
color: #fff;
font-size: 1.2rem;
}
.oli-hero-1 > .left > .buttons {
display: flex;
gap: 1rem;
align-items: center;
margin-top: 1rem;
width: 100%;
flex-wrap: wrap;
}
.oli-hero-1 > .left > .buttons > .btn-1,
.oli-hero-1 > .left > .buttons > .btn-2 {
background-color: #ffffff20;
color: #fff;
border: 1px solid #ffffff50;
}
.oli-hero-1 > .left > .statistics {
display: flex;
gap: 1rem;
align-items: center;
width: 100%;
}
.oli-hero-1 > .left > .statistics > .item {
color: #fff;
display: flex;
flex-direction: column;
gap: .3rem;
margin-top: 2rem;
}
.oli-hero-1 > .left > .statistics > .item > .number {
font-size: 1.8rem;
font-weight: 600;
}
.oli-hero-1 > .left > .statistics > .item > .item-desc {
font-size: .8rem;
}
.oli-hero-1 > .right {
flex: 1;
display: flex;
align-items: start;
justify-content: flex-end;
}
.oli-hero-1 > .right > .hero-image {
width: 450px;
height: 420px;
object-fit: contain;
}
.oli-home-top-fw-wrapper .oli-hero-1-wrap {
margin-top: -20px;
}@media only screen and (max-width: 1200px) {
.header-2-nav-menu {
position: absolute;
top: 0;
left: -1000%;
}
.header-2-top-left .h2tl-social {
display: none;
}
.header-2-wrapper .oli-nav-home-button,
.d-header-navigation .oli-nav-home-button,
.header-3-wrap .oli-nav-home-button {
display: none;
}
.oli-post-story {
overflow-x: auto;
}
.oli-post-story::-webkit-scrollbar {
width: 0;
height: 0;
}
.oli-postlist-5 {
grid-template-columns: repeat(5, 1fr) !important;
}
.rl-ads {
display: none;
}
.oli-headline-3-slide-image {
width: 50%;
height: 60vh;
}
.oli-headline-3-slide-number {
font-size: 6rem;
}
header .nav-menu-icon {
display: none !important;
}
.oli-postlist-7-url {
width: 30ch;
}
.header-3-bottom {
display: none;
}
} @media only screen and (max-width: 991px) {
.oli-hero-1 > .right {
display: none;
}
.oli-hero-1 > .left {
align-items: center;
}
.oli-hero-1 > .left > .desc,
.oli-hero-1 > .left > .title  {
text-align: left;
}
.sectors-taxonomy-wrap .dynamic-right {
display: none;
}
.company-directory-body,
.sectors-taxonomy-wrap {
flex-direction: column;
}
.company-directory-body>.left,
.company-directory-body>.right,
.sectors-taxonomy-wrap>.left,
.sectors-taxonomy-wrap>.right {
width: 100%;
max-width: 100%;
}
.company-list.type2 {
grid-template-columns: repeat(1, 1fr) !important;
}
.company-list {
grid-template-columns: repeat(2, 1fr) !important;
}
.oli-headline-ar-container,
.oli-archive-page {
flex-direction: column;
}
.oli-headline-ar-main-content,
.oli-headline-ar-sidebar,
.oli-archive-page-left,
.oli-archive-page-sidebar {
max-width: 100%;
width: 100%;
}
.oli-home-contents {
flex-direction: column;
}
.oli-home-left-contents {
max-width: 100%;
width: 100%;
}
.oli-home-sidebar {
max-width: 100%;
width: 100%;
order: 2;
}
.oli-postlist-1-wrapper {
grid-template-columns: repeat(2, 1fr) !important;
}
.oli-postlist-1-wrapper-item:not(:nth-child(1)):not(:nth-child(3)) {
display: none !important;
}
.d-footer-col {
width: 33.33333%;
}
.oli-single-post-wrapper {
flex-direction: column;
}
.oli-single-post-left {
max-width: 100%;
width: 100%;
}
.oli-single-post-sidebar {
max-width: 100%;
width: 100%;
}
.oli-postlist-2 {
grid-template-columns: repeat(3, 1fr) !important;
}
.oli-postlist-3 {
grid-template-columns: repeat(1, 1fr) !important;
}
.oli-postlist-4 {
grid-template-columns: repeat(3, 1fr) !important;
}
.oli-archive-page {
grid-template-columns: 1fr;
}
.oli-archive-title h1 {
font-size: 1.375rem;
}
.oli-archive-postlist {
grid-template-columns: repeat(3, 1fr);
gap: 15px;
}
.oli-archive-postlist-title .h2-title {
font-size: 0.875rem;
}
.oli-archive-postlist-excerpt .oli-text {
font-size: 0.8125rem;
}
.oli-archive-postlist-img img,
.oli-archive-postlist-top {
height: 150px;
}
.container {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.navmenu a,
.navmenu a:focus {
color: #000 !important;
padding: 0.625rem 20px;
font-family: Noto Sans;
font-size: 0.9375rem;
display: flex;
align-items: center;
justify-content: space-between;
white-space: nowrap;
transition: 0.3s;
}
.oli-archive-page-left {
width: 100%;
}
.oli-author-content {
grid-template-columns: repeat(1, 1fr);
}
.oli-postlist-5 {
grid-template-columns: repeat(4, 1fr) !important;
}
.oli-au-card-1-container {
grid-template-columns: repeat(3, 1fr) !important;
}
.oli-single-2-content {
flex-direction: column;
}
.oli-single-2-right {
min-width: 100%;
}
.oli-single-2-left {
width: 100%;
max-width: 100%;
}
.oli-single-2-post-dynamic {
padding: 1.5625rem 15px;
}
} @media only screen and (max-width: 767px) {
.oli-hero-1 > .left > .title {
font-size: 2rem;
}
.oli-hero-1 > .left > .desc {
font-size: 1rem;
}
.oli-headline-ar-container {
grid-template-columns: 1fr;
gap: 20px;
padding: 0.625rem;
}
#oli-headline-ar-headlines-container {
min-height: 300px;
}
.oli-headline-ar-headline-title {
font-size: 1.125rem;
padding: 0.9375rem;
}
.oli-headline-ar-pagination {
margin-top: 0.625rem;
}
.oli-headline-ar-sidebar {
height: auto;
max-height: 300px;
}
.oli-headline-ar-news-item {
padding: 0.75rem;
}
.oli-headline-ar-number {
font-size: 1.5rem;
min-width: 24px;
}
.oli-headline-ar-news-item p {
font-size: 0.875rem;
}
table {
font-size: 0.875rem;
}
th,
td {
padding: 0.5rem;
}
.oli-404-page {
padding: 1.5rem;
margin: 1rem 0;
}
.oli-404-page-title {
text-align: center;
}
.oli-404-page-button {
padding: 0.8rem 1.5rem;
font-size: 1rem;
}
.oli-404-page-subtitle {
font-size: clamp(.8rem);
}
.oli-404-page-description {
margin: 0 0 1rem 0;
}
.oli-archive-postlist {
grid-template-columns: repeat(2, 1fr);
}
.d-header-right {
display: none !important;
}
.container .d-header-left {
width: 100%;
}
.oli-postlist-1-wrapper {
grid-template-columns: repeat(1, 1fr) !important;
}
.oli-postlist-1-wrapper-item:not(:first-child) {
display: none !important;
}
.oli-postlist-1-wrapper-item {
height: 310px;
}
.oli-postlist-1-text .oli-entry-title {
font-size: 1rem;
}
.oli-single-meta {
align-items: flex-end;
flex-direction: column;
}
.oli-single-right-buttons {
justify-content: flex-start;
}
.oli-single-social-buttons {
width: 100%;
}
.single-2 .oli-single-social-buttons {
width: auto;
}
.oli-single-post-the-content * {
font-size: 0.9375rem;
}
.oli-single-post-the-content ul {
padding: 0 0 0 15px;
}
.d-footer-col {
width: 50%;
}
.oli-crypto-container {
justify-content: flex-start;
}
.oli-crypto-coins .positive {
font-size: 0.75rem;
}
.oli-crypto-coins .negative {
font-size: 0.75rem;
}
.oli-crypto-item span {
font-size: 0.75rem;
}
.oli-post-group-1 {
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(3, 1fr);
}
.oli-post-group-1-item {
height: 215px;
}
.oli-post-group-1-item:last-child .oli-post-group-1-item-post-excerpt {
opacity: 1;
max-height: 100px;
margin: 0;
}
.oli-post-group-1-item:nth-child(1) {
grid-column: 1 / 2;
grid-row: 1;
}
.oli-post-group-1-item:nth-child(2) {
grid-column: 2 / 3;
grid-row: 1;
}
.oli-post-group-1-item:nth-child(3) {
grid-column: 1 / -1;
grid-row: 2;
}
.oli-post-group-1-item:nth-child(4) {
grid-column: 1 / -1;
grid-row: 3;
}
.oli-post-group-1-item .oli-post-group-1-item-title h2 {
font-size: 0.875rem !important;
}
.oli-post-group-1-item:nth-child(3) .oli-post-group-1-item-title h2 {
font-size: 1rem !important;
}
.oli-post-group-1-item-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 15px;
font-size: 0.75rem;
}
.oli-post-group-1 {
grid-gap: 10px;
}
.oli-post-group-1-item-content {
inset: auto 15px 15px;
}
.oli-post-group-1-item-category {
position: absolute;
inset: 10px 10px auto;
}
.oli-postlist-3-item-title .h2-title {
font-size: 0.9375rem;
-webkit-line-clamp: 1;
}
.oli-postlist-3-read-more {
display: none;
}
.post-categories a {
font-size: 0.8125rem !important;
}
.oli-postlist-3-item-category .post-categories a {
font-size: 0.75rem;
}
.oli-postlist-3-item-left {
width: 27%;
}
.oli-postlist-3-item-right {
width: 73%;
gap: 4px;
}
.oli-postlist-3-item-img {
height: 155px;
}
.oli-postlist-3-item-meta-author a,
.oli-postlist-3-item-meta-time span,
.oli-postlist-3-item-meta-viewing span {
font-size: 0.75rem;
}
.oli-postlist-4 {
grid-template-columns: repeat(2, 1fr) !important;
column-gap: 15px;
row-gap: 25px;
}
.oli-postlist-4-item {
padding: 0.625rem;
}
.oli-postlist-4-item-title .h2-title {
font-size: 0.9375rem;
line-height: 20px;
}
.oli-postlist-4-item-excerpt p {
font-size: 0.8125rem;
}
.oli-postlist-4-item-img {
height: 155px;
}
.oli-postlist-4-item-top-icon a {
height: 45px;
width: 45px;
font-size: 1rem;
}
.oli-postlist-4-item-top-icon {
height: 75px;
width: 75px;
}
.oli-postlist-4-item-top-icon::after {
bottom: 4.7rem;
right: 0.375rem;
}
.oli-headline-1-title .h2-title {
font-size: 1.25rem;
line-height: 29px;
}
.oli-headline-1-item {
height: 280px;
}
.oli-headline-1-content {
width: 60%;
}
.oli-headline-2-slide-content .oli-headline-2-title {
font-size: 1.25rem;
line-height: 29px;
}
.oli-headline-2-slide-content .oli-text {
width: 100%;
}
.oli-headline-2-dots {
overflow-x: auto;
}
.oli-headline-2-ad {
display: none !important
}
.comment-body {
flex-direction: column;
}
.d-header-extra-categories {
width: 70%;
}
.d-header-extra-money-to-money .d-header-turkish-lira {
font-size: 0.75rem;
}
.d-header-extra-money-to-money .d-header-dollar {
height: 18px;
width: 22px;
font-size: 0.75rem;
}
.d-header-extra-categories-link a {
font-size: 0.8125rem;
font-weight: 400;
}
.oli-postlist-4-item-meta {
top: 10px;
left: 10px;
right: 10px;
bottom: auto;
column-gap: 4px;
width: fit-content;
}
.oli-postlist-4-item-meta-time,
.oli-postlist-4-item-meta-viewing,
.oli-postlist-4-item-meta-time i,
.oli-postlist-4-item-meta-viewing i {
font-size: 0.75rem;
}
.oli-search-results {
padding: 0.9375rem;
}
.oli-search-results-loop,
.oli-author-post-loop {
grid-template-columns: repeat(1, 1fr);
}
.oli-author-post-loop-item-right a h3 {
font-size: 0.875rem;
}
.oli-search-results-loop-item-right a h3 {
font-size: 0.9375rem;
}
.oli-search-form {
width: 100%;
}
.search-page-top .search-title {
width: 100%;
}
.search-page-top .search-title h1 {
-webkit-line-clamp: 3;
}
.oli-author-profile-tabs .tab-content {
padding: 0.9375rem;
}
.oli-post-faq-accordion .accordion {
padding: 0.625rem;
font-size: 0.875rem;
}
.oli-post-faq-accordion .opfa-panel .oli-text {
font-size: 0.8125rem;
}
.oli-post-group-2 .oli-post-group-2-item:nth-child(2) .oli-post-group-2-item-bottom {
position: absolute;
right: 20px;
left: 20px;
bottom: 20px;
}
.oli-post-group-2-item-title h2 {
font-size: 0.9375rem;
}
.oli-post-group-2-item-meta .oli-post-group-2-item-meta-left span, .oli-post-group-2-item-meta .oli-post-group-2-item-meta-right span {
font-size: 0.75rem;
}
.oli-post-group-2 .oli-post-group-2-item:nth-child(2) .oli-post-group-2-item-title h2 {
font-size: 1.125rem;
}
.oli-post-group-2-item-top {
height: 150px;
}
.oli-post-group-2 .oli-post-group-2-item:nth-child(2) {
height: 260px;
}
.oli-post-group-2 {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
gap: 15px;
}
.oli-post-group-2 .oli-post-group-2-item:nth-child(1) {
grid-column: 1 / 1;
grid-row: 1;
}
.oli-post-group-2 .oli-post-group-2-item:nth-child(3) {
grid-column: 2 / 2;
grid-row: 1;
}
.oli-post-group-2 .oli-post-group-2-item:nth-child(2) {
grid-column: 1 / 3;
grid-row: 2;
}
.oli-post-group-3 {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
gap: 10px;
}
.oli-post-group-3 .oli-post-group-3-item:nth-child(1) {
grid-column: span 1 / span 1;
grid-row: auto;
}
.oli-post-group-3 .oli-post-group-3-item:nth-child(2) {
grid-column: span 2 / span 2;
}
.oli-post-group-3 .oli-post-group-3-item:nth-child(3) {
grid-column: span 1 / span 1;
grid-row: 1;
}
.oli-post-group-3 .oli-post-group-3-item:nth-child(4),
.oli-post-group-3 .oli-post-group-3-item:nth-child(5) {
grid-column: span 1 / span 1;
}
.oli-post-group-3-item-title h2 {
font-size: 0.875rem;
}
.oli-post-group-3 .oli-post-group-3-item:nth-child(2) .oli-post-group-3-item-title h2 {
font-size: 1.125rem !important;
}
.oli-post-group-3 .oli-post-group-3-item:not(:nth-child(2)) {
padding: 0.625rem;
}
.oli-post-group-3 .oli-post-group-3-item:not(:nth-child(2)) .oli-post-group-3-item-meta>.post-categories a {
padding: 0;
background-color: transparent;
}
.oli-post-group-3-item-meta>span {
font-size: 0.75rem;
}
.opg3-item-author-avatar-meta span {
font-size: 0.6875rem;
}
.opg3-item-author-avatar>img {
width: 25px;
height: 25px;
}
.oli-post-group-3 .oli-post-group-3-item {
min-height: 190px;
max-height: 190px;
}
.oli-post-group-3 .oli-post-group-3-item:nth-child(2) {
min-height: 300px;
max-height: 300px;
}
.oli-post-story-item-img-container {
position: relative;
width: 70px;
height: 70px;
}
.oli-post-story-popup-title {
font-size: 0.875rem;
}
.oli-postlist-5 {
grid-template-columns: repeat(3, 1fr) !important;
}
.oli-postlist-6 {
flex-direction: column;
gap: 30px;
}
.oli-postlist-6-left,
.oli-postlist-6-right {
width: 100%;
}
.oli-au-card-1-container {
grid-template-columns: repeat(2, 1fr) !important;
}
.arama-sonuc-ogesi {
font-size: 0.875rem;
padding: 0.75rem;
}
#olivin-ajax-arama-input {
font-size: 0.875rem;
padding: 0.75rem 16px;
}
.arama-sonuc-ogesi {
font-size: 0.875rem;
padding: 0.75rem;
}
.oli-single-social-modal-content {
width: 90%;
}
.ossm-close {
top: -45px;
right: 0;
}
.oli-headline-2-headline-content .oli-text {
width: 100%;
}
.oli-category-list-1-item .oli-category-list-1-image {
min-width: 70px;
height: 70px;
}
.oli-category-list-1-title {
font-size: 0.875rem;
}
.oli-packages-1 .price .amount {
font-size: 3rem;
}
.oli-packages-1-faq-wrap {
margin: 2rem 0
}
.faq-trigger, .faq-content-inner {
padding: 1rem
}
.oli-packages-1 .pricing-cards {
grid-template-columns: repeat(2, 1fr)
}
.oli-contact-1-container {
flex-direction: column;
}
.oli-contact-1-info,
.oli-contact-1-form {
padding: 2.5rem 20px 20px 20px;
}
.oli-contact-1-info-content {
max-width: 100%;
}
.oli-standing-table {
padding: 0.5rem;
}
.oli-standing-table td:nth-child(2) {
font-size: 0.875rem;
}
.oli-standing-table table {
display: block;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.oli-standing-table th,
.oli-standing-table td {
padding: 0.75rem 0.5rem;
font-size: 0.875rem;
}
.oli-standing-table .last-updated {
font-size: 0.75rem;
margin-bottom: 0.5rem;
}
.oli-headline-3-slide-text h2 {
font-size: 1.1875rem;
}
.oli-headline-3-slide-number {
font-size: 4rem;
}
.oli-headline-3-slider-nav {
width: 60px;
}
.oli-headline-3-nav-btn {
width: 40px;
height: 40px;
}
.oli-headline-3-slide-content {
flex-direction: column;
}
.oli-headline-3-slider-container {
height: 80vh;
}
.oli-headline-3-slide-text p {
font-size: 0.8125rem;
}
.oli-headline-3-slide-meta {
font-size: 0.75rem;
}
.oli-headline-3-slide-image {
width: 100%;
}
.footer-nav-menu {
display: block;
}
.footer-nav-menu-wrap {
height: 53px;
}
header .oli-ajax-search-button {
display: none;
}
.oli-up-btn {
display: none;
}
.header-2-wrapper .oli-mode-switcher,
.header-2-wrapper .oli-login-button,
.header-3-wrap .oli-login-button,
.d-header-navigation .oli-mode-switcher,
.d-header-navigation .oli-login-button,
.header-3-wrap .oli-ajax-search-button-container,
.header-3-wrap .oli-mode-switcher,
.header-3-wrap .header-3-top-right {
display: none;
}
.oli-news-ticker-label {
font-size: 0.875rem;
padding: 0 10px;
}
.oli-news-ticker-container {
height: 40px;
}
.oli-news-ticker-item {
font-size: 0.875rem;
padding: 0 20px;
}
.oli-news-ticker-item a {
font-size: 0.8125rem;
}
.ad-manage-sticky-bottom-wrap,
#admsb_show {
bottom: 75px;
}
#admsb_show {
font-size: 0.75rem;
}
.oli-search-button-container {
display: none;
}
.oli-post-related-popup {
display: none;
}
.single-page .oli-single-page-content>.container {
padding: 1.25rem;
}
.single-page h2,
.oli-single-post-the-content h2 {
font-size: 1.0625rem;
}
.single-page h3,
.oli-single-post-the-content h3 {
font-size: 1rem;
font-weight: 600;
}
.single-page h4,
.oli-single-post-the-content h4,
.single-page h5,
.oli-single-post-the-content h5 {
font-size: 0.9375rem;
font-weight: 600;
}
p,
li {
font-size: 0.9375rem;
}
.oli-author-card-2-author-card {
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
}
.oli-author-card-2-author-stats {
width: 100%;
justify-content: space-around;
padding-top: 1rem;
border-top: 1px solid var(--olivin_border_1);
}
}  @media only screen and (max-width: 670px) {
.company-directory-top {
height: 200px;
}
.single-company-meta ul li, .single-company-meta ul li a {
font-size: .75rem;
}
.company-gallery .gallery img {
width: 85px;
height: 85px;
}
.company-directory-top-details .company-title {
font-size: 1.5rem;
}
.sector-list {
grid-template-columns: repeat(2, 1fr) !important;
}
.company-list {
grid-template-columns: repeat(1, 1fr) !important;
}
.company-list.type2 .company-img-link,
.company-list.type2 .company-img-link img {
height: 160px;
}
.company-list.type2 .company {
flex-direction: column !important;
}
.company-list.type2 .company-top {
width: 100%;
}
.author-reference .container {
flex-direction: column;
}
.author-reference .left,
.author-reference .right {
width: 100%;
}
.author-reference .right a {
float: left;
}
.oli-headline-ar-container {
padding: 0.3125rem;
gap: 15px;
}
#oli-headline-ar-headlines-container {
min-height: 220px;
}
.oli-headline-ar-headline-title {
font-size: 1.125rem;
padding: 0.75rem;
}
.oli-headline-ar-tag {
padding: 0.25rem 10px;
font-size: 0.75rem;
}
.oli-headline-ar-main-content {
height: 282px;
}
.oli-headline-ar-sidebar {
max-height: 220px;
padding: 0.625rem;
}
.oli-headline-ar-news-item {
padding: 0.625rem;
gap: 10px;
}
.d-header-topbar-wrapper {
display: none;
}
.oli-search-form-popup input[type="search"] {
width: 100%;
max-width: 100%;
}
.oli-search-form-popup input[type="submit"] {
display: none;
}
.d-footer-col {
width: 100%;
}
.oli-weather input {
width: 70%;
}
.oli-postlist-2 {
grid-template-columns: repeat(2, 1fr) !important;
gap: 12px;
}
.oli-postlist-2-item-title h2, .oli-postlist-2-item-title h3 {
font-size: 0.875rem;
}
.oli-postlist-2-item-excerpt .oli-text {
font-size: 0.8125rem;
}
.oli-postlist-2-item-post-author {
display: none;
}
.oli-postlist-2-item-img {
height: 140px;
}
.oli-headline-1-wrapper {
flex-direction: column;
}
.oli-headline-1-btns {
order: 2;
display: flex;
flex-direction: row;
}
.oli-headline-1-content {
width: 80%;
}
.oli-headline-1-content {
left: 20px;
}
.oli-headline-1-meta {
flex-wrap: wrap;
row-gap: 5px;
}
.oli-headline-1-category {
right: 20px;
top: 20px;
}
.oli-headline-2-slide-content {
padding: 1.25rem;
}
.oli-headline-2-slide-content .oli-headline-2-title {
font-size: 1.2rem;
}
.oli-headline-2-slide-content p {
font-size: 0.9rem;
}
.oli-headline-2-prev-next-button {
width: 35px;
height: 35px;
}
.oli-author-profile-tabs .tabs {
flex-direction: column;
border-bottom: none;
margin-bottom: 0.9375rem;
}
.oli-author-profile-tabs .oapt-tab-button {
text-align: left;
padding: 0.75rem;
border: 1px solid var(--olivin_border_1);
border-radius: var(--olivin_radius) !important;
margin: 0.9375rem 15px 0 15px;
font-weight: 500;
font-size: 0.875rem;
}
.oli-author-profile-tabs .oapt-tab-button.active {
background-color: var(--olivin_2) !important;
color: #fff;
border: none;
}
.oli-author-contact-details {
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}
.oli-author-contact-details li a {
font-size: 0.875rem;
}
.oli-post-group-2-item-meta {
margin-top: 0;
}
.oli-post-group-2 .oli-post-group-2-item .oli-post-group-2-item-title {
-webkit-line-clamp: 2;
}
.header-2-top-right {
gap: 10px;
}
.header-2-top-right .oli-login-button {
display: none;
}
.oli-postlist-5 {
grid-template-columns: repeat(2, 1fr) !important;
}
.oli-postlist-6-left-item-img img {
height: 185px;
}
.op6ric-top {
gap: 5px;
}
.oli-postlist-6-right-item-content .h3-title {
font-size: 0.875rem;
}
.oli-dual-postlist-left {
width: 100%;
margin-bottom: 0.9375rem;
}
.oli-dual-postlist-right {
width: 100%
}
.oasm-content {
width: 95%;
}
.footer-2-copyright {
justify-content: center;
}
.oli-au-card-1-container {
grid-template-columns: repeat(1, 1fr) !important;
}
.oli-cookie-modal-container {
right: 0;
left: 20px;
bottom: 70px;
width: 85%;
}
.ocmb-settings {
width: 100%;
}
.ocmb-accept {
width: 48%;
}
.ocmb-decline {
width: 48%;
}
.oli-headline-2-headline-content {
padding: 1.25rem;
}
.oli-headline-2-headline-content .oli-headline-2-title {
font-size: 1.1875rem;
line-height: normal;
}
.oli-single-2-top {
padding: 1.875rem 0 30px 0;
}
.oli-packages-1 .pricing-card {
width: 100%;
}
.oli-packages-1 .pricing-cards {
grid-template-columns: repeat(1, 1fr)
}
.oli-standing-table td:nth-child(2) {
font-size: 0.875rem;
}
.notification-panel {
width: 93%;
left: 15px;
margin: 0;
border-radius: var(--olivin_radius);
}
.notification-container {
padding: 0 1rem;
}
.oli-author-card-2-author-info {
flex-direction: column;
align-items: flex-start;
text-align: center;
width: 100%;
gap: 15px;
}
.oli-author-card-2-author-avatar {
margin: 0 auto;
}
.oli-author-card-2-author-details {
align-items: center;
text-align: center;
width: 100%;
}
.oli-author-card-2-author-header {
flex-direction: column;
align-items: center;
gap: 0.5rem;
}
.oli-author-card-2-author-bio {
text-align: center;
}
.oli-author-card-2-author-list {
grid-template-columns: repeat(1, 1fr) !important;
}
}[data-theme="dark"] { --olivin_text_1: #b3babf;
--olivin_text_2: #ccd2d7;
--olivin_title: #ffffff;
--olivin_bg: #EBEBF0;
--olivin_border_1: #4a4f5b;
--olivin_border_2: #4b4d53;
--olivin_dark_1: #262a32;
--olivin_dark_2: #2e323c;
--olivin_dark_text_1: #3e3f40;
}
[data-theme="dark"] .oli-mode-switcher .st-sunMoonThemeToggleBtn svg .sunMoon {
color: var(--olivin_5);
}
[data-theme="dark"] body {
background-color: var(--olivin_dark_2);
}
[data-theme="dark"] p,
[data-theme="dark"] .oli-standing-table td:first-child,
[data-theme="dark"] .oli-standing-table td:last-child {
color: var(--olivin_text_1);
}
[data-theme="dark"] .navmenu .dropdown ul a {
color: #3e3f40 !important;
}
[data-theme="dark"] .oli-mode-dark {
background-color: var(--olivin_dark_2);
}
.oli-mode-switcher i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 21px;
transition: opacity var(--transition-duration), transform var(--transition-duration);
}
.oli-mode-dark {
color: var(--olivin_1);
background: var(--olivin_bg);
cursor: pointer;
display: flex;
width: 20px;
height: 20px;
border-radius: var(--olivin_radius);
padding: 18px;
margin: 0;
}
[data-theme="dark"] #sunIcon,
[data-theme="dark"] .oli-widget-title {
color: white;
}
[data-theme="dark"] .d-header-topbar-wrapper {
background-color: var(--olivin_dark_2);
border: none;
}
.header-logo.dark {
display: none;
}
[data-theme="dark"] .header-logo.light {
display: none;
}
[data-theme="dark"] .header-logo.dark {
display: block;
}
[data-theme="dark"] .oli-search-button {
background-color: var(--olivin_dark_2);
color: white;
}
[data-theme="dark"] .oli-login-button-link {
background-color: var(--olivin_dark_2);
}
[data-theme="dark"] .oli-login-button-link {
color: white;
}
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
clear: both;
color: #fff;
}
[data-theme="dark"] .oli-postlist-widget-1-category a,
[data-theme="dark"] .oli-postlist-4-item-meta-time,
[data-theme="dark"] .oli-postlist-4-item-meta-viewing,
[data-theme="dark"] .ossm-title,
[data-theme="dark"] .oli-carousel-1-carousel-button {
color: var(--olivin_dark_text_1);
}
[data-theme="dark"] .oli-postlist-widget-1-category a:hover {
color: #fff !important;
}
[data-theme="dark"] .nav-menu-item-subtext,
[data-theme="dark"] #menu-footer-menu .menu-item-subtext {
color: var(--olivin_dark_text_1);
}
[data-theme="dark"] .btn-20:hover {
color: red !important;
}
[data-theme="dark"] .oli-widget-item ul .cat-item {
background-color: var(--olivin_dark_2);
}
[data-theme="dark"] .oli-crypto-item span {
color: var(--olivin_text_1) !important;
}
[data-theme="dark"] .oli-postlist-widget-1-author a span {
color: #fff !important;
}
[data-theme="dark"] .d-footer-col-content a {
color: var(--olivin_text_2);
}
[data-theme="dark"] .d-header-left .d-header-breaking-news {
color: #fff !important;
}
[data-theme="dark"] .oli-weather input {
background-color: transparent;
}
[data-theme="dark"] .oli-weather .detail-item {
background-color: var(--olivin_dark_2);
}
[data-theme="dark"] .oli-widget-title-icon {
background-color: color-mix(in srgb, var(--olivin_1) 5%, white 5%);
}
[data-theme="dark"] .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea {
background-color: transparent;
}
[data-theme="dark"] .oli-crypto-coins .positive {
color: rgb(21, 180, 21) !important;
font-size: 13px;
}
[data-theme="dark"] .oli-crypto-coins .negative {
color: red !important;
font-size: 13px;
}
[data-theme="dark"] .d-footer-posts .d-footer-post-item {
background-color: var(--olivin_dark_2);
}
[data-theme="dark"] .comment-list .comment-body:before {
background-color: var(--olivin_border_1);
}
[data-theme="dark"] .d-header-navigation,
[data-theme="dark"] .d-footer,
[data-theme="dark"] .oli-home-sidebar-item,
[data-theme="dark"] .oli-single-post-sidebar-item,
[data-theme="dark"] .oli-single-post-content,
[data-theme="dark"] .oli-post-archive-left-item,
[data-theme="dark"] .oli-home-left-content-item,
[data-theme="dark"] .oli-postlist-widget-2-item,
[data-theme="dark"] .oli-post-group-1-item,
[data-theme="dark"] .oli-postlist-3-item,
[data-theme="dark"] .oli-postlist-2-item,
[data-theme="dark"] .oli-archive-page-title-wrapper,
[data-theme="dark"] .oli-widget-title-container,
[data-theme="dark"] .oli-home-down-wrapper .oli-widget-item .oli-widget-title-container,
[data-theme="dark"] .oli-search-results,
[data-theme="dark"] .oli-search-results .line-text .text,
[data-theme="dark"] .search-page-top,
[data-theme="dark"] .oli-home-sidebar-item,
[data-theme="dark"] .oli-single-post-sidebar-item,
[data-theme="dark"] .oli-post-archive-left-item,
[data-theme="dark"] .oli-post-archive-sidebar-item,
[data-theme="dark"] .oli-search-results-type,
[data-theme="dark"] .oli-author-content-sidebar-item,
[data-theme="dark"] .oli-author-profile-tabs .oapt-tab-button.active,
[data-theme="dark"] .oli-author-profile-tabs .oapt-tab-button,
[data-theme="dark"] .oli-author-profile-tabs,
[data-theme="dark"] .oli-postlist-4-item,
[data-theme="dark"] .oli-postlist-4-item-top-icon,
[data-theme="dark"] .d-header-crypto,
[data-theme="dark"] .header-2-navigation,
[data-theme="dark"] .oli-dual-postlist-left,
[data-theme="dark"] .oli-dual-postlist-right,
[data-theme="dark"] .arama-sonuc-ogesi,
[data-theme="dark"] .oli-single-page-header,
[data-theme="dark"] .oli-au-cstm1::after,
[data-theme="dark"] .oli-au-card-1-category-badge,
[data-theme="dark"] .oli-home-top-wrapper .oli-widget-item .oli-widget-title-container,
[data-theme="dark"] .oli-carousel-1-carousel-item,
[data-theme="dark"] .oli-single-2-left,
[data-theme="dark"] .oli-single-page-top,
[data-theme="dark"] .oli-packages-1 .pricing-card,
[data-theme="dark"] .op1-features-list-item,
[data-theme="dark"] .faq-item,
[data-theme="dark"] .oli-contact-1-form,
[data-theme="dark"] .oli-standing-table tbody,
[data-theme="dark"] .oli-headline-3-slide-text,
[data-theme="dark"] .oli-headline-3-slider-nav,
[data-theme="dark"] .oli-disc-news-card,
[data-theme="dark"] .oli-sidebar-slider-1-container,
[data-theme="dark"] .oli-sidebar-slider-1-nav,
[data-theme="dark"] .oli-mobile-quick-menu,
[data-theme="dark"] .oli-login-page .container,
[data-theme="dark"] .oli-postlist-7-result,
[data-theme="dark"] .oli-news-ticker-container,
[data-theme="dark"] .oli-post-story-popup-content,
[data-theme="dark"] .oli-headline-4-slider-container,
[data-theme="dark"] .header-3-bottom,
[data-theme="dark"] .header-3-nav,
[data-theme="dark"] .single-page .oli-single-page-content>.container,
[data-theme="dark"] .oli-login-page-welcome svg,
[data-theme="dark"] .oli-post-related-popup,
[data-theme="dark"] .oli-author-card-2-author-card,
[data-theme="dark"] .oli-headline-ar-sidebar,
[data-theme="dark"] .oli-headline-ar-pagination,
[data-theme="dark"] .article-summary-btn,
[data-theme="dark"] .sector-list .sector::before,
[data-theme="dark"] .company-list .company,
[data-theme="dark"] .sector-list-2,
[data-theme="dark"] .company-list-pagination button,
[data-theme="dark"] .company-directory-body .left>.row,
[data-theme="dark"] .company-directory-body .right>.row,
[data-theme="dark"] .sectors-taxonomy-wrap .left>.row,
[data-theme="dark"] .sectors-taxonomy-wrap .right>.row,
[data-theme="dark"] .oli-alert.normal {
background-color: var(--olivin_dark_1);
}
[data-theme="dark"] .oli-search-results-loop-item,
[data-theme="dark"] .oli-author-post-loop-item,
[data-theme="dark"] .oli-toc-wrap .oli-toc-accordion,
[data-theme="dark"] .oli-toc-wrap,
[data-theme="dark"] .oli-post-faq-accordion .accordion,
[data-theme="dark"] .oli-post-faq-accordion .opfa-panel,
[data-theme="dark"] .oli-post-tags a,
[data-theme="dark"] .oli-headline-1-btns .oli-headline-1-btn,
[data-theme="dark"] .header-2-wrapper,
[data-theme="dark"] .pagination .page-numbers,
[data-theme="dark"] .oasm-content,
[data-theme="dark"] #olivin-ajax-arama-input,
[data-theme="dark"] .oasm-content::-webkit-scrollbar-thumb,
[data-theme="dark"] header .oli-ajax-search-button,
[data-theme="dark"] .oli-single-page-content,
[data-theme="dark"] .oli-au-card-1,
[data-theme="dark"] .oli-au-card-1-link,
[data-theme="dark"] .oli-single-2-top,
[data-theme="dark"] .oli-single-2-content-wrap,
[data-theme="dark"] .oli-single-page-top .oli-breadcrumbs,
[data-theme="dark"] .oli-headline-3-nav-btn,
[data-theme="dark"] .footer-nav-menu-container,
[data-theme="dark"] .oli-adblock-detecter-popup,
[data-theme="dark"] .oli-post-story-popup-img,
[data-theme="dark"] .oli-modal-wrap,
[data-theme="dark"] .company-bottom>.left .links li a {
background-color: var(--olivin_dark_2);
}
[data-theme="dark"] .selection-tooltip button {
background-color: #fff;
color: var(--olivin_dark_text_1);
}
[data-theme="dark"] .selection-tooltip button::before {
border-bottom: 6px solid #fff;
}
[data-theme="dark"] .oli-postlist-4-item-top-icon::before,
[data-theme="dark"] .oli-postlist-4-item-top-icon::after {
box-shadow: 0.313rem 0.313rem 0 0.313rem var(--olivin_dark_1) !important;
}
[data-theme="dark"] .oli-post-slider-1-btns .oli-post-slider-1-btn {
background-color: var(--olivin_dark_1);
border: transparent;
}
[data-theme="dark"] .oli-postlist-1-category a,
[data-theme="dark"] .oli-post-slider-1-read-more a:hover {
color: var(--olivin_dark_text_1) !important;
}
[data-theme="dark"] .oli-postlist-1-category a:hover {
color: #fff !important;
}
[data-theme="dark"] .oli-404-page::before {
content: '';
position: absolute;
width: 200%;
height: 200%;
background-color: var(--olivin_dark_1);
}
[data-theme="dark"] .oli-404-page-title,
[data-theme="dark"] .oli-404-page-subtitle {
color: #fff;
}
[data-theme="dark"] .search-page-top .search-title span {
color: var(--olivin_text_2);
}
[data-theme="dark"] .oli-author-detail-card {
background: linear-gradient(to top,
var(--olivin_dark_1) 66%,
var(--olivin_dark_2) 45%);
}
[data-theme="dark"] .oli-author-detail-card .oli-author-profile-img {
border-color: var(--olivin_dark_1);
}
[data-theme="dark"] .oli-author-post-loop-item-category .post-categories li a,
[data-theme="dark"] .btn-20:hover span,
[data-theme="dark"] .oli-search-results-loop-item-category .post-categories li a {
color: var(--olivin_dark_1) !important;
}
[data-theme="dark"] .oli-search-form-popup input[type="search"] {
color: var(--olivin_dark_text_1);
}
[data-theme="dark"] .container .d-header-right .d-header-right-icons>a>i {
color: #fff;
}
[data-theme="dark"] table {
width: 100%;
border-collapse: collapse;
font-size: 16px;
text-align: left;
}
[data-theme="dark"] th {
background-color: rgba(224, 223, 233, 0.252);
color: white;
font-weight: bold;
padding: 12px;
border: 1px solid var(--olivin_border_1);
}
[data-theme="dark"] tr:nth-child(even) {
background-color: #f6f7ff0b;
}
[data-theme="dark"] tr:hover {
background-color: #f6f7ff19;
}
[data-theme="dark"] .oli-toc-wrap .oli-toc-panel a:hover {
color: #fff;
}
[data-theme="dark"] .oli-post-more-options-button {
color: #fff !important;
}
[data-theme="dark"] .oli-post-faq-accordion .accordion {
color: #fff;
}
[data-theme="dark"] .oli-search-results-loop-item-category .oli-post-category {
color: var(--olivin_dark_text_1);
}
[data-theme="dark"] .oli-post-story-popup-link:hover {
color: #fff;
}
[data-theme="dark"] .arama-sonuc-ogesi {
border: none;
}
[data-theme="dark"] .oli-text.oasm-title {
color: #fff;
}
[data-theme="dark"] .oli-social-icons-widget ul li a:hover .oli-social-widget-icon i {
background-color: transparent;
}
[data-theme="dark"] .oli-au-cstm1 {
padding-bottom: 15px;
}
[data-theme="dark"] .oli-au-card-1 {
border: 1px solid var(--olivin_border_1);
}
[data-theme="dark"] .oli-au-card-1-avatar {
border: 6px solid var(--olivin_dark_2);
}
[data-theme="dark"] .oli-author-post-loop-item-category .oli-post-category {
color: var(--olivin_dark_text_1);
}
[data-theme="dark"] .ocmh-title-wrap>.ocmh-title {
color: #1d1e1f;
}
[data-theme="dark"] .oli-cookie-modal-center>.oli-text {
color: var(--olivin_dark_text_1);
}
[data-theme="dark"] .oli-cookie-modal-bottom>.ocmb-decline {
color: var(--olivin_dark_text_1);
}
[data-theme="dark"] .oli-cookie-modal-center {
border-top: 1px solid #d9dae8 !important;
border-bottom: 1px solid #d9dae8 !important;
}
[data-theme="dark"] .oli-single-author-name {
color: #fff;
}
[data-theme="dark"] .oli-single-2-top {
margin: 0;
border-top: 1px solid var(--olivin_border_1);
border-bottom: 1px solid var(--olivin_border_1);
}
[data-theme="dark"] .osp2-data .oli-comment-button,
[data-theme="dark"] .osp2-data .oli-copy-button,
[data-theme="dark"] .oli-comment-button,
[data-theme="dark"] .oli-copy-button,
[data-theme="dark"] .oli-post-more-options-button {
background-color: transparent;
}
[data-theme="dark"] .ld-btn {
background-color: #f0f0f00a;
color: #fff;
}
[data-theme="dark"] .oli-postlist-4-item-top-icon a {
color: #fff;
}
[data-theme="dark"] .oli-single-page-top .oli-breadcrumbs::before {
box-shadow: 0.313rem 0.313rem 0 0.313rem var(--olivin_dark_2);
}
[data-theme="dark"] .oli-single-page-top .oli-breadcrumbs::after {
box-shadow: 0.313rem 0.313rem 0 0.313rem var(--olivin_dark_2);
}
[data-theme="dark"] .oli-contact-1-form-group input:focus~label,
[data-theme="dark"] .oli-contact-1-form-group textarea:focus~label,
[data-theme="dark"] .oli-contact-1-form-group input:not(:placeholder-shown)~label,
[data-theme="dark"] .oli-contact-1-form-group textarea:not(:placeholder-shown)~label {
top: -20px;
font-size: 13px;
color: #ffffff;
}
[data-theme="dark"] .oli-standing-table th {
background-color: #607D8B;
}
[data-theme="dark"] .oli-headline-3-category {
background-color: var(--olivin_dark_2) !important;
}
[data-theme="dark"] .notification-panel {
background-color: var(--olivin_dark_1);
border: 1px solid var(--olivin_border_1);
}
[data-theme="dark"] .notification-item.unread,
[data-theme="dark"] .notification-item:hover {
background-color: var(--olivin_dark_2);
}
[data-theme="dark"] .oli-calculator select,
[data-theme="dark"] .oli-calculator input {
background-color: transparent;
}
[data-theme="dark"] .oli-calculator .result {
background-color: #ffffff12;
}
[data-theme="dark"] .oli-post-category.oli-postlist-7-category {
color: var(--olivin_text_2);
}
[data-theme="dark"] .oli-nav-menu-wrap.omt-active .oli-mobile-toggle-close {
color: var(--olivin_dark_text_1);
}
[data-theme="dark"] .sector-list .sector:hover::before {
background-color: #00000050;
}
[data-theme="dark"] .sector-list .sector:hover a p {
color: var(--olivin_dark_text_1);
}
[data-theme="dark"] .sectors-taxonomy-wrap > .left > .row.custom-row  {
background-color: transparent;
}
[data-theme="dark"] .taxonomy-archive-contact-cart > .top > i {
border-color: var(--olivin_dark_1);
}