@charset "UTF-8";

/*
Theme Name: Transautotech
Theme URI: https://transautotech.com
Author: the transautotech team
Author URI: https://transautotech.com
Description: Transautotech is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.7
 
*/
 

.nav-links{
	display: flex;
	justify-content: space-between;
}

.nav-links .meta-nav{
	font-size: 14px;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 0;
}

.nav-next .meta-nav{
	text-align: right;
}

.post-title{
	text-transform: uppercase;
	color: #000;
	font-size: 15px;
	margin-bottom: 0;
}

.nav-previous{
	padding-left: 20px;
	position: relative;
}

.nav-next{
	padding-right: 20px;
	position: relative;
}

.nav-links i{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	font-size: 25px;
}

.nav-next i{
	right: 0;
}

.shared-counts-wrap{
	text-align: center;
}

.shared-counts-wrap a{
	background-color: #f6f6f6 !important;
	padding: 8px 10px;
	border-radius: 30px !important;
}


.shared-counts-wrap svg{
	fill: #000 !important;
	width: 20px !important;
	height: 20px !important;
}

.shared-counts-wrap .shared-counts-label{
	color: #000 !important;
	text-transform: uppercase !important;
	margin-top: 10px !important;
	font-size: 13px !important;
	
}

.home-video{
	position: relative;
	overflow: hidden;
}

.home-video iframe{
	position: absolute;
	height: 800px;
	left: 0;
	top: -50%;
	top: 50%;
transform: translateY(-50%);
}


.pagination .nav-links{color: #d1d4d8;border: 1px solid #d1d4d8;border-right: none;display: flex;}
.pagination .nav-links a,
.pagination .nav-links span{color: #fff; display: flex; align-items: center; justify-content: center; background: var(--bs-secondary); padding: 7px 15px;border-right: 1px solid #d1d4d8; display: inline-block;font-weight:600; font-size: 18px;text-decoration: none;}
.pagination{width: 100%; justify-content: center; margin: 0 auto; margin-top: 50px;}
.pagination .nav-links a:hover{background-color: var(--bs-primary);}
.pagination .nav-links i {position: relative;top: 50%;transform: translateY(-50%);left: 0;font-size: 22px;color: #fff;}
.pagination .nav-links .nav-next-text, .pagination .nav-links .nav-prev-text { padding: 0; font-size: 0;}
.search-result-count.default-max-width{ padding: 10px; text-align: center;}


.top-sec{
	display: flex;
justify-content: center;
align-items: center;
background: #4589ba;
	position: relative;
	padding: 12px 20px;
    	z-index: 99999;
}

.top-sec p a{
	margin-bottom: 0;
	color: #fff;
	font-size: 18px;
}

.top-sec p:last-child{
	position: absolute;
	right: 0;
	background-color: #3b759e;
	width: 45px;
	height: 100%;
}
.top-sec p a.cookie_close{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99999;
}
.blog .header, .single-post .header, .error404 .header, .search .header{
    padding-top: 50px;
}

.page-id-649 .header {
    background: var(--bs-secondary);
    padding: 20px 0;
}

.wrapper{
	position: relative;
}