Server : LiteSpeed System : Linux premium84.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : claqxcrl ( 523) PHP Version : 8.1.32 Disable Function : NONE Directory : /home/claqxcrl/askdragao.com/wp-content/themes/transport-solutions/ |
/*
Theme Name: Transport Solutions
Description: Transport Solutions is suitable for any transport, shipping, warehousing, movers and packers, online transport logistics, trucking, moving company, delivery, freight services, logistic transport, transport companies, Road vehicles, trucks, cab services, transporting livestock, vans, parcel services, overland network, package, motorcycles, Railways, Inland waterways, responsive creative portfolio, multipurpose business, storage and related services. The theme has a professional and eye-catchy design. It is SEO-friendly theme that will help your website rank soon on major search engines like Google. It is implemented on bootstrap framework which makes it handy to use. It is also mobile-friendly with responsive layout that fits well with all devices screen sizes. The theme is optimized for speed therefore has faster page load times. It is translation-ready with support for RTL layout. You have the option to add shortcodes if you know coding. It is secure and cleanly coded. With this theme you will get many customization and personalization options. It has got a testimonial section where visitors and your clients can comment on your services. With the social media option you can connect all your social media pages to give credibility to your work. So what are you waiting for? Try this amazing theme today!
Author: misbahwp
Theme URI: https://www.misbahwp.com/themes/free-transport-wordpress-theme/
Author URI: https://www.misbahwp.com/
Version: 1.5.5
Requires PHP: 5.6
Tested up to: 6.2
Requires at least: 5.0
Tags: blog, portfolio, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, flexible-header, editor-style, theme-options, threaded-comments, rtl-language-support
Text Domain: transport-solutions
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Transport Solutions WordPress Theme has been created by misbahwp(misbahwp.com), 2021.
Transport Solutions WordPress Theme is released under the terms of GNU GPL
*/
.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;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.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-weight: 600;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
#content[tabindex="-1"]:focus {
outline: 0;
}
body {
font-family: 'Open Sans', sans-serif;
color: #8c8d8f;
margin:0;
background: #fff;
}
h1,h2,h3,h4,h5,h6{
font-family: 'Poppins', sans-serif;
font-weight: 600;
color: #121d21;
}
a {
color:#121d21;
-webkit-transition: color .1s linear;
-moz-transition: color .1s linear;
-o-transition: color .1s linear;
transition: color .1s linear;
text-decoration: none;
}
a:hover,
a:focus {
color:#ff3f3a;
}
.alignwide {
margin-left : -80px;
margin-right : -80px;
}
.alignfull {
margin-left : calc( -100vw / 2 + 100% / 2 );
margin-right : calc( -100vw / 2 + 100% / 2 );
max-width : 100vw;
}
.alignfull img {
width: 100vw;
}
.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a {
text-decoration: underline;
}
/* ===============================================
HEADER BOX
============================================= */
.top-header {
background: #d5d6da;
}
.header p {
font-size: 15px;
color: #121d21;
}
.button-box{
background: #ff3f3a;
}
.button-box a {
color: #fff;
font-size: 18px;
}
/* ===============================================
LOGO BOX
============================================= */
.logo {
display: block;
padding: 15px 0;
min-height: 53px;
line-height: 1.4em;
word-break: break-all;
}
.logo a {
color: #121d21;
font-size: 24px;
line-height: 35px;
text-decoration: none;
-webkit-transition: color .1s linear;
-moz-transition: color .1s linear;
-o-transition: color .1s linear;
transition: color .1s linear;
font-weight: bold;
}
.logo a:hover,
.logo a:focus,
.header p span {
color:#ff3f3a;
}
.header p span{
margin-right: 2px;
}
.logo span {
display: block;
font-size: 14px;
line-height: 18px;
color: #121d21;
}
.logo-image {
float: left;
}
/* ===============================================
SOCIAL BOX
============================================= */
.social-links a {
color: #ff3f3a;
font-size: 18px;
}
.social-links a:hover,.top-header p{
color: #121d21;
}
/* ===============================================
MENU BOX
============================================= */
.menu-block {
background: #121d21;
float: left;
width: 100%;
}
.page-template-frontpage .menu-block {
margin-bottom: -40px;
z-index: 999;
position: relative;
}
#main-menu {
display:block;
position:relative;
float:left;
margin:0 auto;
width:100%
}
#main-menu ul {
margin:0;
padding: 0;
display:block;
}
#main-menu ul li {
position:relative;
display:block;
float:left;
text-align:left;
}
#main-menu ul li a {
text-decoration:none;
display:block;
z-index:1;
padding:10px 15px;
margin:0;
color: #fff;
font-size: 15px;
font-weight: 500;
-webkit-transition: color .1s linear, background-color .1s linear;
-moz-transition: color .1s linear, background-color .1s linear;
-o-transition: color .1s linear, background-color .1s linear;
transition: color .1s linear, background-color .1s linear;
position:relative;
line-height:53px;
text-transform:uppercase;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
color:#ff3f3a;
border-bottom: solid 3px #ff3f3a;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
opacity:0;
position: absolute;
top: 70px;
left: -9999em;
background:#fff;
z-index:10001;
width:213px;
padding-left:0;
-webkit-transition: opacity 0.3s ease 0s;
-moz-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
position:relative;
margin:0;
line-height:1.2em;
text-transform:none;
width:213px;
min-height: inherit;
margin:0;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
top:0px;
left: -100%;
}
#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
text-decoration:none;
text-align:left;
display:block;
padding:20px 15px;
margin:0;
border:none;
line-height:inherit;
color: #121d21;
}
#main-menu ul.children li a:hover,
#main-menu ul.sub-menu li a:hover{
background: #ff3f3a;
color: #fff;
}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
opacity:1;
left:calc(100% - 213px);
}
.menu-toggle,
.dropdown-toggle,
button.close-menu {
display: none;
}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
display:none;
}
/* ===============================================
HEADER SEARCH
=============================================== */
.header-search {
text-align: right;
}
.header-search .open-search-form i {
font-size: 20px;
cursor: pointer;
color: #fff;
}
.header-search .search-form {
position:fixed;
top:0;
right:-100%;
width:100%;
height:100%;
padding:0;
z-index:1001;
visibility: hidden;
-webkit-transition-property: all , -webkit-transform;
transition-property: all , transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
background: rgba(255,255,255, 0.98) none repeat;
border:none !important;
}
.header-search .search-form.is-open {
right:0;
height:100%;
visibility: visible;
}
.header-search .search-form.is-open form {
position: absolute;
width: 100%;
top: 50%;
transform: translateY(-50%);
padding: 0 50px;
}
.header-search .search-form a.close-search-form {
top:50px;
position:absolute;
margin-left:-13px;
left:50%;
}
.header-search .search-form i.searchform-close-button {
font-size:25px;
color:#616161 !important;
opacity:0;
-webkit-transition: transform .2s linear;
-moz-transition: transform .2s linear;
-o-transition: transform .2s linear;
transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
/* ===============================================
POST BOX
============================================= */
.post-box{
border: 1px solid rgba(0, 0, 0, 0.125);
}
.post-thumbnail {
line-height: 0;
}
h3.post-title {
font-size: 20px;
}
.post-meta i{
color: #ff576f;
}
.post-meta span {
text-decoration: none;
text-transform: capitalize;
font-size: 15px;
font-weight: 600;
color: #888888;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #222222;
white-space: break-spaces;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
max-width: 100%;
}
.post-content img,
.post-thumbnail img {
max-height:100%;
height:auto;
}
.post-content:after {
content: "";
display: table;
clear: both;
}
#content,footer {
float: left;
width: 100%;
}
/* ===============================================
Slider
============================================= */
.blog_inner_box {
position: absolute;
right: 35%;
left: 35%;
top: 50%;
transform: translateY(-50%);
}
.blog_inner_box h3.post-title a,.blog_inner_box p,.comment-reply a:focus{
color: #fff;
}
.blog_box img {
opacity: 0.6;
}
.blog_box {
position: relative;
background: #121212;
text-align: center;
}
.slider h3.post-title{
font-size: 45px;
}
p.slider_btn a,.slider .owl-nav button {
background: #ff3f3a !important;
color: #fff;
}
.slider .owl-nav button{
color: #121d21 !important;
}
.slider .owl-nav button:hover{
background: #fff !important;
}
p.slider_btn a:hover,.comment-respond input#submit:hover,
.comment-reply a:hover{
background: #121d21 !important;
color: #fff;
}
.slider .owl-nav {
border-top: solid 2px rgb(255 255 255 / 40%);
position: absolute;
bottom: 0;
width: 100%;
}
.slider .owl-carousel button.owl-dot{
border: solid 5px #fff;
border-radius: 50px;
margin-right: 5px;
}
.slider .owl-dots{
position: absolute;
bottom: 25px;
right: 45%;
left: 50%;
}
/* ===============================================
Featured Post
============================================= */
.section_two{
background: #ecf7fd;
}
.box {
overflow: hidden;
position: relative;
box-shadow: 0 0 10px 4px #ddd;
background: #fff;
}
.box:before{
content: "";
width: 100%;
height: 100%;
background: #fff;
position: absolute;
top: 0;
left: 0;
z-index: 1;
transform: skew(45deg) scaleX(0);
transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
padding: 15px;
}
.box:hover:before{ transform: skew(0) scaleX(1); }
.box img{
width: 100%;
height: auto;
transform: scale(1);
transition: all 0.5s ease 0s;
}
.box:hover img{ transform: scale(1.2); }
.box .box-content{
width: 100%;
text-align: center;
position: absolute;
top: 55%;
left: 0;
opacity: 0;
z-index: 2;
transform: translateY(-50%) scale(0.8);
transition: all 0.2s ease 0s;
padding: 15px;
}
.box:hover .box-content{
opacity: 1;
transform: translateY(-50%) scale(1);
}
.box .title{
font-size: 22px;
font-weight: 600;
color: #e2211a;
margin: 0 0 5px 0;
position: relative;
transition: all 0.5s ease 0s;
}
.section_two .owl-dots{
text-align: center;
}
.section_two .owl-carousel button.owl-dot{
border: solid 5px #121d21;
border-radius: 50px;
margin-right: 5px;
}
.section_two .owl-carousel button.owl-dot.active,
.slider .owl-carousel button.owl-dot.active{
border: solid 5px #ff3f3a;
}
/* ===============================================
Pagination
============================================= */
.pagination,
.transport-solutions-pagination {
margin:25px 0;
}
.pagination .nav-links a,
.pagination .nav-links span.current,
.transport-solutions-pagination a span,
.transport-solutions-pagination span.current {
display:inline-block;
text-decoration: none;
padding:10px 12px;
font-size:14px;
line-height:21px;
color:#333;
text-align:center;
vertical-align:middle;
cursor:pointer;
background:#f3f4f7;
position:relative;
margin:0;
-webkit-transition: background-color .3s ease;
-moz-transition: background-color .3s ease;
-ms-transition: background-color .3s ease;
-o-transition: background-color .3s ease;
transition: background-color .3s ease;
}
.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.transport-solutions-pagination span.current,
.transport-solutions-pagination span.current:hover,
.transport-solutions-pagination span.current:focus,
.transport-solutions-pagination a span:hover,
.transport-solutions-pagination a span:focus {
background: #ff3f3a;
color: #fff;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-reply a:focus{
color: #fff;
}
.comment-respond input#submit:hover,
.comment-reply a:hover{
background: #222222;
color: #fff;
}
.comment-form-url input,nav.navigation.pagination{
width: 100%;
}
.comment-respond input#submit {
background: #ff3f3a;
border: none;
color: #fff;
padding: 10px;
font-weight: 600;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comments-title {
font-size: 1.125rem;
}
.comment-body .pull-left {
padding-right: 0.625rem;
}
.comment-list {
padding-left: 0;
}
.comment-list .comment {
display: block;
}
.comment-list .pingback {
border-top: 1px solid rgba(0, 0, 0, 0.125);
padding: 0.563rem 0;
}
.comment-list .pingback a {
margin-left: 5px;
margin-right: 5px;
}
.comment-content.card-block {
padding: 15px;
}
.comment-reply a {
background: #ff3f3a;
padding: 5px 15px;
color: #fff;
}
/* ===============================================
SIDEBARS
=============================================== */
.sidebar-area .textwidget img{
width: 100%;
height: auto;
}
.sidebar-area .sidebar-widget {
margin-bottom: 25px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
line-height:1.9em;
font-weight: normal;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
list-style: none;
margin: 0;
padding: 0 15px;
}
.sidebar-area li a,
.sidebar-area li {
font-size: 15px;
font-weight: 500;
}
.sidebar-area li {
padding-bottom: 15px;
}
.sidebar-area h4.title {
padding: 20px 15px;
color: #fff;
font-size: 22px;
background: #ff3f3a;
border-left: solid 5px #222222;
}
.sidebar-area .tagcloud a {
font-size: 15px !important;
background: #ff3f3a;
color: #fff;
padding: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
display: inline-block;
margin: 5px 0;
text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
background: #222222;
}
.sidebar-area form {
padding: 15px;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input,
#comments input[type="email"],
#comments input[type="url"]{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
width:100%;
padding: 5px 2%;
border: solid 1px #222222;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
background:#f3f4f7;
color:#434343 !important;
}
#wp-calendar a:hover {
border:none;
}
#wp-calendar {
background: #fff;
width:100%;
}
#wp-calendar caption {
font-size: 14px;
text-transform:uppercase;
margin:0 0 10px 0;
text-align:left;
}
#wp-calendar th,
#wp-calendar td {
text-align: center;
font-size: 14px;
color:#434343 !important;
padding:3px 6px;
}
#wp-calendar td a {
display:block;
text-align: center;
font-size: 14px;
color:#434343 !important;
text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
text-decoration:none;
text-align:left;
}
#wp-calendar th{
font-weight:bold
}
tr:nth-child(2n+2) {
background-color: #f3f4f7;
}
.searchform label {
display: block;
}
.searchform input[type=text] {
width: calc(100% - 110px);
margin: 0;
padding: 12px;
float: left;
background-color: #f3f4f7;
border: none;
}
.searchform input[type=submit] {
background: #ff3f3a;
border: none;
color: #fff;
font-size:14px;
font-weight: 600;
text-align:center;
position:relative;
float:left;
text-shadow:none;
padding:14px 0;
width:100px;
margin:0 auto;
cursor: pointer;
-webkit-transition: color .3s ease, background-color .3s ease;
-moz-transition: color .3s ease, background-color .3s ease;
-o-transition: color .3s ease, background-color .3s ease;
transition: color .3s ease, background-color .3s ease;
}
.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
background-color:#ff3f3a;
text-decoration:none
}
.searchform:after {
content: "";
display: table;
clear: both;
}
footer {
background: #121d21;
}
footer .sidebar-area {
background: none;
padding: 25px 0 0 0;
}
.wp-block-group__inner-container h2 {
color: #fff;
}
footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
color: #fff;
}
.footer-area ul {
padding: 0;
}
.footer-area h4.title {
padding: 0;
font-size: 30px;
font-weight: 500;
text-transform: none;
background: transparent !important;
border: none;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
max-width:100%;
height:auto;
}
.alignleft,
img.alignleft {
display:inline;
float:left;
margin-right:24px;
margin-top:4px;
}
.alignright,
img.alignright {
display:inline;
float:right;
margin-left:24px;
margin-top:4px;
}
div.aligncenter,
img.aligncenter {
display: block;
margin-left: auto !important;
margin-right: auto !important;
float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom:12px;
}
.wp-caption {
background:#f1f1f1;
line-height:18px;
margin-bottom:25px;
max-width:100% !important;
padding:4px;
text-align:center;
}
.wp-caption img {
margin:5px 5px 0;
width:96%;
height:100%
}
.wp-caption p.wp-caption-text {
color:#888;
font-size:12px;
margin:5px;
}
.scroll-up {
position: fixed;
bottom: 12px;
right: 30px;
z-index: 999;
}
.scroll-up a:hover{
background: #121d21;
color:#fff;
}
.scroll-up a {
background: #ff3f3a;
color:#ffffff;
display: block;
height: 2.5rem;
width: 2.5rem;
text-align: center;
line-height: 2;
border-radius: 3px;
font-size: 1.25rem;
color: #fff;
opacity: 1;
transition: all 0.3s ease 0s;
box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
/*===============================================
PRELOADER
=============================================== */
.cssloader {
padding-top: calc(45vh - 25px);
position: fixed;
width: 100%;
height: 100%;
top:0;
right: 0;
left: 0;
bottom: 0;
background: #212121;
z-index: 99999;
}
.sh1 {
width: 0;
height: 0;
border-style: solid;
border-width: 50px 50px 0 0;
border-color: #354952 transparent #ffffff transparent;
margin: 0 auto;
animation: shk1 1s ease-in-out infinite normal;
}
.sh2 {
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 50px 50px;
border-color: transparent transparent #ff3f3a transparent ;
margin: -50px auto 0;
animation: shk2 1s ease-in-out infinite alternate;
}
/** animation starts here **/
@keyframes shk1 {
0% {
transform: rotate(-360deg);
}
100% {
}
}
@keyframes shk2 {
0% {
transform: rotate(360deg);
}
100% {
}
}
.lt {
color: #fff;
margin: 30px auto;
text-align: center;
font-weight: 100;
letter-spacing: 10px;
}