/*!
Theme Name: Portx
Theme URI: https://wphix.com/wp/portx/
Author: theme_pure
Author URI: https://themeforest.net/user/theme_pure
Description: Portx - Logistics and Transportation WordPress Theme
Version: 1.0.7
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: portx
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
div#custom_html-4.services-details-widget {
    padding: 0;
}

@media screen and (min-width: 1025px){ 
	#site-header-wrap .site-navigation {
		width: 79%;
	}
	#site-header-wrap .site-navigation nav.main-navigation {
		width: 79%;
	}
	#site-header-wrap.header-layout2 .site-header-main:not(.h-fixed) .site-tool .site-header-search .h-btn-search {
		color: #000 !important;
	}
	#site-header-wrap .site-branding a img {
		max-height: 65px !important;
	}
}
@media screen and (min-width: 480px){
	.hide_desk{
		display:none !important;
	}
}
.cms-image-gallery .cms-grid-inner .grid-item .grid-item-inner .hover-effect:before, .cms-image-gallery .cms-grid-inner .grid-item .grid-item-inner .grid-item-content {
	display:none !important;
}
.cms-client1 .client-image a {
    pointer-events: none;
}

.hh-grayBox {
    background-color: #F8F8F8;
    padding: 23px 20px 20px;
    margin-top: 20px;
    color: #000;
}
.pt45{padding-top:45px;}
.order-tracking {
    text-align: center;
    position: relative;
    display: block;
    margin: 2rem 0;
}
.order-tracking .is-complete{
	display: block;
	position: relative;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	border: 0px solid #AFAFAF;
	background-color: #AFAFAF;
	margin: 0 auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
	z-index: 2;
}
.order-tracking .is-complete:after {
	display: block;
	position: absolute;
	content: '';
	height: 14px;
	width: 7px;
	top: -2px;
	bottom: 0;
	left: 5px;
	margin: auto 0;
	border: 0px solid #AFAFAF;
	border-width: 0px 2px 2px 0;
	transform: rotate(45deg);
	opacity: 0;
}
.order-tracking.completed .is-complete{
	border-color: #27aa80;
	border-width: 0px;
	background-color: #27aa80;
}
.order-tracking.completed .is-complete:after {
	border-color: #fff;
	border-width: 0px 3px 3px 0;
	width: 7px;
	left: 11px;
	opacity: 1;
}
.order-tracking p {
	color: #A4A4A4;
	font-size: 16px;
	margin-top: 8px;
	margin-bottom: 0;
	line-height: 20px;
}
.order-tracking p span{font-size: 14px;}
.order-tracking.completed p{color: #000;}
.order-tracking::before {
	content: '';
	display: block;
	height: 3px;
	width: calc(100% - 40px);
	background-color: #AFAFAF;
	top: 13px;
	position: absolute;
	left: calc(-50% + 20px);
	z-index: 0;
}
.order-tracking:first-child:before{display: none;}
.order-tracking.completed:before{background-color: #27aa80;}
@media screen and (max-width: 400px){ 
footer.site-footer-custom .elementor-column.footer-logo {
    width: 30%;
}
	footer.site-footer-custom .elementor-column.footer-rights {
      width: 70%;
    margin-top: -7px;
    text-align: right;
}
	.order-tracking {
    width: 100%;
    margin: 1rem 0;
}
	.order-tracking::before {
display:none
}
}

.btn.btn-fullwidth {
    width: 100%;
}

input#track-search{
    background-color: transparent;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: 2px solid #eaeaea;
    color: #9b9b9b;
    padding: 0 20px;
    line-height: normal;
    height: 50px;
    font-size: 14px;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    width: 100%;
    outline: none;
}