span.entry-author a,.comment-author a,.product_meta a,.widget_text a,.entry-content a {
text-decoration: underline;
}
:root {
--theme-primary-color:#878aec;
--theme-heading-color:#18192c;
--theme-text-color:#82828c;
--theme-primary-fade:#d8d9ff;
--theme-footer-color:#18192c;
} .box h4{
color: var(--theme-primary-color);
}
.top_bar{
background-color: var(--theme-primary-color);
}
.top_btn a:hover{
background: #fff;
} .top_bar, .menu_header{
border: none;
}
.top_bar span a,.top_bar span{
color: #fff;
}
.links i {
font-size: 12px;
background: #fff;
width: 25px;
height: 25px;
padding: 7px 0;
border-radius: 50%;
text-align: center;
} #slider img {
height: 700px;
}
#slider .slide-inner-box{
top: 50%;
} .about-box h2 a{
letter-spacing: 8px;
font-size: 30px;
color: var(--theme-primary-color);
}
.about-box img{
width: 100%;
box-shadow: -28px 28px 0 0 var(--theme-primary-fade);
} #loader:before {
border-top-color: #18192c;
}
.spinner > div{
background-color: #18192c;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar ,.comment-author .avatar{
padding: 2px;
}
.scrollup{
z-index: 9999;
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.site-footer input[type="search"]{
color: #666c6e;
} #content[tabindex="-1"]:focus {
outline: 0;
}
@media screen and (max-width: 991px){
.gb_nav_menu ul ul{
background: transparent;
}
#slider img{
height: 500px;
}
}
@media screen and (max-width:782px){
.fixed_header.fixed{
border-bottom: none !important;
}
}
@media screen and (max-width:767px){
.about-box img{
box-shadow: none;
}
}
@media screen and (max-width: 575px){
.top_btn{
text-align: center;
}
#slider img{
height: 350px;
}
.about-box h2 a{
font-size: 25px;
}
}