/*
Theme Name: Transcargo Transportation
Description: Transcargo Transportation WordPress Theme is a versatile and comprehensive theme designed specifically for transportation and logistics companies. It can be used to create an online presence or a business website. The theme comes with a modern and professional design and provides a powerful platform to showcase services, manage logistics operations, and attract new clients. It also comes with a responsive layout and cross-browser compatibility. This means that your website will adapt seamlessly to different devices and screen sizes, ensuring a smooth browsing experience for visitors using desktops, laptops, tablets, and smartphones. The theme offers a wide range of customization options, allowing you to tailor your website to reflect your brand identity. You can choose from multiple color schemes, font styles, and layout options to create a visually appealing and unique online presence. The theme also includes a user-friendly drag-and-drop page builder, making it easy to create and modify page layouts without any coding knowledge. The Transcargo Transportation WordPress theme provides a comprehensive set of tools to support transportation and logistics operations. It includes features such as shipment tracking, freight calculation, and quote request forms, allowing clients to easily access and request services directly from your website. The theme also integrates seamlessly with WooCommerce, enabling you to set up an online store and offer additional services or products related to transportation.
Author: misbahwp
Theme URI: https://www.misbahwp.com/products/free-transportation-wordpress-theme
Author URI: https://www.misbahwp.com/
Version: 3.1
Requires PHP: 7.2
Tested up to: 6.6
Requires at least: 5.0
Tags: blog, portfolio, e-commerce, wide-blocks, one-column, two-columns, three-columns, four-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, sticky-post
Text Domain: transcargo-transportation
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Transcargo Transportation WordPress Theme has been created by misbahwp(misbahwp.com), 2023.
Transcargo Transportation 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: 'Poppins', sans-serif;
  color: #8c8d8f;
  margin:0;
  background: #fff;
  position: static !important;
}
h1,h2,h3,h4,h5,h6{
	font-weight: 600;
	color: #131f3c;
}
a {
  color:#131f3c;
  -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:#ff824a;
}

.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}

.alignfull img {
  width: 100vw;
}

.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a,.woocommerce-product-details__short-description a,#tab-description a,.extra-home-content a {
  text-decoration: underline;
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{
  margin-left: 0px;
}

.wp-block-button__link{
  background: #ff824a;
  color: #fff !important;
}

.wp-block-button.is-style-outline .wp-block-button__link {
    border: 2px solid #222222;
    color: #222222 !important;
}

.wp-block-button.is-style-squared .wp-block-button__link {
    border-radius: 0px!important;
}

.tag-title h3, .tag-title h1{
  overflow-wrap: anywhere;
}


/* ===============================================
   HEADER BOX
   ============================================= */

.button-box{
	background: #ff824a;
}
.button-box a {
  color: #fff;
  font-size: 18px;
  text-align: end;
}
.header p {
    color: #000;
}
/* ===============================================
   LOGO BOX
   ============================================= */
img.custom-logo {
    height: 70px;
    width: 70px;
}
.logo {
  display: block;
  padding: 15px 0;
	min-height: 53px;
  line-height: 1.4em;
	word-break: break-all;
}
.logo a {
  color: #131f3c;
  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:#ff824a;
}
.header p span{
	margin-right: 8px;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #131f3c;
}
.logo-image {
  float: left;
}

/* ===============================================
   MENU BOX
   ============================================= */

.menu-block {
	float: left;
	width: 100%;
  background: rgba(0, 0, 0, 0) linear-gradient(90deg, #131f3c 70%, #ff824a 32%) repeat scroll 0 0;
}
.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 0px;*/
	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:#ff824a;
}
li.menu-item-has-children:after {
	color: #fff;
	content: ' ▾';
	position: absolute;
	top: 14px;
	right: 15px;
}
#main-menu ul li a{
  margin-right: 40px;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	opacity:0;
	position: absolute;
	top: 50px;
	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: #131f3c;
}
#main-menu ul.children li a:hover,
#main-menu ul.sub-menu li a:hover{
	background: #ff824a;
	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;
}
#main-menu ul li.current-menu-item > a, #main-menu ul li.current_page_item > a, #main-menu a:hover, #main-menu ul li a:hover{
	color: #fff !important;
}
#main-menu ul li.current-menu-item > a, #main-menu ul li.current_page_item > a{
	border-bottom: 1px solid #ff824a;
}

/* ===============================================
   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;
  font-weight: 500;
}
.post-content p{
	color: #707072;
}
.post-content{
	word-wrap: break-word;
}
.post-meta i{
	color: #ff824a;
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  color: #62646c;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #131f3c;
	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: 60%;
  left: 10%;
  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 {
  height: 800px;
  object-fit: cover;
}
.blog_box {
  position: relative;
  background: #121212;
}
.slider h3.post-title{
	font-size: 45px;
}
.blog_inner_box h5 {
    color: #fff;
    font-size: 23px;
    letter-spacing: 1px;
    font-weight: 400;
}
p.slider_btn a{
  background: #ff824a !important;
  color: #fff;
}
p.slider_btn a:hover,.comment-respond input#submit:hover,
.comment-reply a:hover{
	background: #131f3c !important;
	color: #fff;
}
.slider .owl-carousel button.owl-dot{
	border: solid 5px #fff;
	border-radius: 50px;
	margin-right: 5px;
}
.slider .owl-dots{
  position: absolute;
  bottom: 25px;
  right: 0%;
  left: 0%;
  text-align: center;
}
.slider .owl-carousel button.owl-dot.active{
	border: solid 5px #ff824a;
}


/* ===============================================
   About Us
   ============================================= */

#about img {
  width: 100%;
  height: auto;
}
#about hr {
  width: 10%;
  margin: 0;
  border-top: 3px solid #ff824a;
}

/* ===============================================
   Feature Header Image
   ============================================= */

.feature-header{
  position: relative;
  background-color: #000;
}
.feature-header img {
    width: 100%;
    height: 300px !important;
    object-fit: cover;
    opacity: 0.9;
}
h1.post-title.feature-header-title{
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    word-break: break-all;
}


/* ===============================================
   Pagination
   ============================================= */

.pagination,
.transcargo-transportation-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.transcargo-transportation-pagination a span,
.transcargo-transportation-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,
.transcargo-transportation-pagination span.current,
.transcargo-transportation-pagination span.current:hover,
.transcargo-transportation-pagination span.current:focus,
.transcargo-transportation-pagination a span:hover,
.transcargo-transportation-pagination a span:focus {
	background: #ff824a;
	color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #ff824a;
    color: #fff;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input, nav.navigation.pagination{
  width: 100%;
}
.comment-respond input#submit {
  background: #ff824a;
  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: #ff824a;
  padding: 5px 15px;
  border-radius: 5px;
}
.sidebar-area  .wp-block-latest-comments__comment-meta{
	float: none;
	background: transparent;
}
.sidebar-area .wp-block-latest-comments__comment-meta a{
	color: #2f3235;
}
ol.wp-block-latest-comments{
	padding: 0;
}
.sidebar-area .wp-block-latest-comments__comment li {
    margin-bottom: 0;
}

/* ===============================================
   Breadcrumbs
   =============================================== */

.bread_crumb a:hover{
    color:#ff824a;
}
.bread_crumb a{
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px;

}
.bread_crumb span {
  	color: #ff824a ;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px;
}
.bread_crumb {
    color: #fff;
    position: absolute;
    width: 100%;
    top: 65%;
}

/* ===============================================
   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;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  font-weight: 500;
  word-wrap: break-word;
}
.sidebar-area li {
  padding-bottom: 5px;
}
.sidebar-area h4.title, .sidebar-area h1.wp-block-heading,  
.sidebar-area h2.wp-block-heading,  
.sidebar-area h3.wp-block-heading,  
.sidebar-area h4.wp-block-heading,  
.sidebar-area h5.wp-block-heading,  
.sidebar-area h6.wp-block-heading,
.sidebar-area .wp-block-search__label {
  padding: 20px 15px;
  color: #fff;
  font-size: 18px;
  background: #ff824a;
  border-left: solid 5px #131f3c;
}
.footer-area h4.title, .footer-area h1.wp-block-heading,  
.footer-area h2.wp-block-heading,  
.footer-area h3.wp-block-heading,  
.footer-area h4.wp-block-heading,  
.footer-area h5.wp-block-heading,  
.footer-area h6.wp-block-heading,
.footer-area .wp-block-search__label{
	background: none !important;
	border-left: none;
}
footer .wp-block-search__label, footer .sidebar-area h1.wp-block-heading, footer .sidebar-area h2.wp-block-heading, footer .sidebar-area h3.wp-block-heading, footer .sidebar-area h4.wp-block-heading, footer .sidebar-area h5.wp-block-heading, footer .sidebar-area h6.wp-block-heading{
	background: none !important;
	border-left: none !important;
  padding: 20px 0px !important;
  color: #fff !important;
  font-size: 25px !important; 
}
.wp-block-search__inside-wrapper {
  margin-top: 10px;
}
footer .sidebar-area form {
	padding: 0px;
}
.sidebar-area .wp-block-search__button {
  background: #ff824a;
}


.sidebar-area .tagcloud a, p.wp-block-tag-cloud a {
  font-size: 15px !important;
  background: #ff824a;
  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: #131f3c;
}
.sidebar-area form {
  padding: 15px 0px;
}
.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 #131f3c;
}
#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;
}
#footer-widgets caption {
    color: #fff;
}
#footer-widgets h4 {
    margin-bottom: 30px;
    font-weight: 600;
}
.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: #ff824a;
	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:#ff824a;
	text-decoration:none
}
.searchform:after {
  content: "";
  display: table;
  clear: both;
}

footer {
	background: #131f3c;
}

footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}

.footer-area h4.title {
  padding: 0;
  font-size: 30px;
  font-weight: 500;
  text-transform: none;
  background: transparent !important;
  border: none;
}

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;
}

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: #131f3c;
	color:#fff;
}

.scroll-up a {
	background: #ff824a;
	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 #ff824a 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;
}

/* ===============================================
   sticky header
   =============================================== */

	 .fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}
	 .admin-bar .fixed-header{
		margin-top: 32px;
}

/* ===============================================
   STICKY POST
   =============================================== */

	.post-box.sticky {
	  background: #eee;
	  border: none;
	  box-shadow: 2px 2px 10px 2px #ccc;
	}