.wp-site-blocks{
padding: 0 !important;
}
.homepage-header {
position: relative;
width: 80%;
padding: 0 !important;
gap:0px;
margin: 0 auto;
}
.topbar{
padding-right: 10px !important;
background: #0C1830 !important;
}
.logo-box h1{
text-align: left; 
}
.home .logo-box h1{
text-align: center; 
}
.home .homepage-header {
padding: 0 !important;
position: absolute;
width: 90%;
z-index: 999;
margin: 0 auto;
right: 0px;
gap:0px;
left: 0px;
border-radius: 0;
}
.menu-box{
margin: 0px;
}
.service-inner-box {
background: #F1F1F1 !important;
}
.service-overlay img.wp-block-cover__image-background {
display: none !important;
}
.service-inner-box:hover img.wp-block-cover__image-background {
display: block !important;
}
.service-overlay span{
opacity: 0 !important;
}
.service-inner-box:hover .service-overlay span {
opacity: 0.7 !important;
}
.service-btn{
display: none !important;
}
.service-inner-box:hover .service-btn{
display: flex !important;
}
.service-inner-box:hover .service-content{
display: none;
}
.service-inner-box:hover .service-heading{
color: #ffffff !important;
}
.service-inner-box:hover .icon-img img {    
filter: brightness(0) invert(1);
}
.home .topbar {
background: transparent !important;
}
.is-top-text {
border-right: 1px solid #FFFFFF;
}
.wp-header-search-social ul li a {
border-right: 1px solid #FFFFFF;
padding-right: 15px;
}
.wp-header-search-social ul li:last-child a{
border-right: 0px !important;
padding-right: 0px;
}
.form-submit input#submit {
color: #fff;
}
.home .menu-box:after {
content: "";
width: 6%;
height: 53px;
background: #ffffff;
position: absolute;
bottom: 0px;
right: -5.5%;
}
.topheader p span {
margin-right: 10px;
font-size: 18px;
color: var(--wp--preset--color--primary);
}
.wp-header-search-social ul li:hover{
color: var(--wp--preset--color--primary) !important;
}
.menu-box nav ul li a:hover{
color: var(--wp--preset--color--primary) !important;
}
.wp-block-image img{
vertical-align: middle !important;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
color: #000;
}
footer.wp-block-template-part {
margin-top: 0;
}
@media screen and (min-width: 320px) and (max-width: 781px) {
.menu-box:after{
display: none;
}
.is-top-text {
border-right: 0;
}
.wp-header-search-social,.banner-btn{
justify-content: center;
}
.home .homepage-header{
position: relative;
background: #000;
}
.banner-cover{
min-height: 400px !important;
}
.banner-content{
text-align: center;
}
span.wp-block-navigation-item__label {
color: #000;
}
}
@media screen and (min-width: 600px) and (max-width: 781px) {
.menu-box ul.head-nav{
row-gap: 15px;
}
.service-box{
display: grid !important;
justify-content: center;
grid-template-columns: auto auto  !important;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.topheader {
display: grid !important;
grid-template-columns: auto auto auto auto !important;
}
.home .homepage-header{
position: relative;
background: #000;
display: block;
}
.menu-box:after{
display: none;
}
.home .homepage-header{
width: 90%;
}
.main-box-service {
max-width: 90%;
}
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
.home .homepage-header{
width: 90%;
}
.slider-banner,.footer-main{
max-width: 90% !important;
}
.menu-box:after {
display: none;
}
.topheader{
gap:0px !important;
}
.logo-box{
flex-basis: 20% !important;
}
.right-box{
flex-basis: 80% !important;
}
.topheader p{
font-size: 12px !important;
}
}
@media screen and (min-width: 1025px) and (max-width: 1500px) {
.menu-box:after {
display: none;  
}
.main-box-service {
max-width: 80%;
}
.slider-banner{
max-width: 80% !important;
}
.menu-box ul.head-nav {
column-gap: 30px;
}
.topbar{
padding-top: 11px !important;
padding-bottom: 11px !important;
}
.home .homepage-header {
width: 80%;
}
.topheader p{
font-size: 12px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 800px) {
.admin-bar .wp-block-navigation__responsive-container-close {
color: #000;
top:15px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
justify-content: center !important;
gap: 30px !important;
}
.single-image figure{
width: 100% !important;
}
}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
.logo-box h1 a {
font-size: 16px;
}
.logo-box {
padding-top: 28px !important;
}
.banner-cover{
min-height: 600px !important;
}
}
.wc-block-mini-cart.wp-block-woocommerce-mini-cart,.wp-block-woocommerce-customer-account {
display: none;
} .wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button {
width: 40px;
height: 40px;
position: fixed;
right: 25px;
bottom: 25px;
display: inline-block;
z-index: 1;
text-indent: -5000px;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.089);
display: none;
padding: 0;
margin-top: 0;
}
.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button:after {
content: "";
width: 40px;
height: 40px;
background-color: #fff;
-webkit-mask-image: url(//sontrans.ee/wp-content/themes/transportation-agency/assets/images/up-arrow.svg);
mask-image: url(//sontrans.ee/wp-content/themes/transportation-agency/assets/images/up-arrow.svg);
mask-repeat: no-repeat;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center center;
position: absolute;
display: inline-block;
left: 0;
top: 0;
} .news-section .news-box .wp-block-post-excerpt__excerpt{
color: #000000;
}
.news-heading-box .news-small-title{
width: max-content;
}
.news-section .news-heading-box{
gap: 0;
}
.news-section .news-box .wp-block-post:hover .wp-block-post-title a{
color: var(--wp--preset--color--primary);
}
.news-section .news-heading-box{
gap: 0;
}
.recent-btn a {
background: var(--wp--preset--color--primary);
padding: 10px 12px;
border-radius: 5px;
color: #fff;
text-decoration: none;
font-weight: bold;
}
.recent-btn a:hover{
background: #000;
}