/* 
 Theme Name:   X International
 Theme URI:    
 Description:  
 Author:       admin
 Author URI:   
 Template:     fukasawa
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

body {
    background: #FFFFFF;
}

.font-11{font-size:11px;}
.text-center{text-align:center;}
.card-style{border-radius: 4px; box-shadow: 0 7px 30px -10px rgba(0,0,0,0.5);}
.mt-null{margin-top: 0px !important;}

.content.thin {
    width: 973px;
    margin-top: 0px;
}
.content {
    width: 1200px;
    max-width: 86%;
    margin: 0px auto 50px;
}

.sidebar {
    font-size: 0.75em;
}

.sidebar:before {
    content: "";
    display: block;
    width: auto;
    background: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
}

.sidebar-rpt, html{
	background-position: bottom;
	background-image:url(images/xint-bg.jpg);
	background-repeat: repeat-x;
}

.main-menu:before, .widgets:before, .widget + .widget:before, .credits:before {
    content: "";
    display: block;
    width: 48px;
    height: 2px;
    background: #e7e7e7;
    margin: 30px 0;
}

.main-menu li {
    display: block;
    margin-top: 13px;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 1px;
    position: relative;
}

.blog-logo, .blog-logo img {
    display: block;
    margin: 0 auto;
}

.main-menu:before, .widgets:before, .widget + .widget:before, .credits:before {
    background: #CCCCCC;
}

.main-menu a {
    color: #666;
}

.main-menu a:hover, .main-menu .current-menu-item > a, .main-menu .current_page_item > a,.main-menu li ul.sub-menu li a:hover, .main-menu li ul.sub-menu li.current-menu-item a {
    color: #F14726;
}

.main-menu .current-menu-item:before, .main-menu .current_page_item:before {
    content: '';
}

.main-menu li ul.sub-menu li a{
	font-size:12px;
	color:#999898;
}

.page-template-singular-contact .section a, .page-template-singular-contact .fas{
	text-decoration:none;
	color: #1A5FAC;
    transition: 0.3s all;
}

.page-template-singular-contact .section a:hover {
    color: #769FCD;
}

.searchform input[type="text"] {
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    background: #FFF;
}

.home .post-inner {
    width: 780px;
    max-width: 100%;
    padding: 14.5% 0 7.5% 0;
    margin: 0 auto;
}

.post-inner {
    width: 780px;
    max-width: 100%;
    padding: 7.5% 0 7.5% 0;
    margin: 0 auto;
}

.post.single .post-title {
	color:#484848;
	font-size:1.5em;
	margin-bottom:5px;
}

.featured-media {
    display: block;
    overflow: visible;
    position: relative;
}
p{
	font-weight: 300;
}

.post-content {color: #222222;}

.post-content p, .post-content blockquote, .post-content ul, .post-content ol, .post-content address, .post-content dl, .post-content .wp-caption, .post-content pre {
    line-height: 150%;
    margin-bottom: 1.1em;
}

.img-feautre{
	position: absolute; color: #FFF; font-weight: 700; font-size: 3.5em; top: 50%; left: 25%; z-index: 999; transform: translate(-25%, -50%); text-shadow: 5px 5px 10px rgba(0,0,0,0.8);
}

.track-div{position: absolute; z-index: 99999; left: 50%; bottom: 0; transform: translate(-50%, 60%);    padding: 30px; background: #FFF; margin: 15px auto; border-radius: 5px; max-width: 780px; width:100%;	max-height:160px; height:160px; border: 1px solid #FFF; box-shadow: 0 7px 30px -10px rgba(0,0,0,0.5);}

.track-div input[type='text'], .post-content input[type="text"], .post-content input[type="tel"], .post-content input[type="email"], .post-content input[type="url"], .post-content input[type="password"], .post-content textarea, select{
	border-radius: 3px;
    width: 100%;
    padding: 20px;
	font-size:15px;
    border: 1px solid #DEDEDE;
	transition: 0.3s all;
	background:#FFF;
}

.post-content input[type="text"]:focus, .post-content input[type="tel"]:focus, .post-content input[type="email"]:focus, .post-content input[type="url"]:focus, .post-content input[type="password"]:focus, .post-content textarea:focus {
    border-radius: 2px;
    border: 1px solid #769FCD;
    box-shadow: 0px 0px 5px 2px rgba(118,159,204,0.24);
}

.track-div input[type='submit'], .section.group input[type='button']{
	border-radius: 3px;
    width: 100%;
    padding: 20px;
	font-size:15px;
	background:#F5C73E;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
    border: 1px solid #F5C73E;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2.1%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWELVE  */
.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.49%;
}
.span_10_of_12 {
  	width: 82.98%;
}

.span_9_of_12 {
  	width: 74.47%;
}

.span_8_of_12 {
  	width: 65.96%;
}

.span_7_of_12 {
  	width: 57.45%;
}

.span_6_of_12 {
  	width: 48.95%;
}

.span_5_of_12 {
  	width: 40.44%;
}

.span_4_of_12 {
  	width: 31.93%;
}

.span_3_of_12 {
  	width: 23.42%;
}

.span_2_of_12 {
  	width: 14.91%;
}

.span_1_of_12 {
  	width: 6.408%;
}

.stripe{
	font-size: 15px;
    display: flex;
    position: absolute;
    left: -9px;
    padding: 0;
}

.stripe:before {
width: 25px;
    background: #f5c73e;
    height: 15px;
    border: 0;
}

.wp-block-button__link{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
}

.wp-block-button__link .fas{
	margin-left: 16px;
    font-size: 18px;
    top: 1px;
    position: relative;
}

.wp-block-cover, .wp-block-cover-image{
	border-radius: 15px;
	min-height: 290px;
}

.wp-block-cover a{
	color:#FFF;
	transition: 0.3s all;
}

.wp-block-cover a:hover{
	color:rgba(255,255,255,0.7);
}

.wp-block-cover__inner-container{
	transform: translate(-60%, 0%);
}

.wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container {
    width: calc(50% - 70px);
}

.page-template-singular-contact-php .wp-block-cover-image .wp-block-cover__inner-container, .page-template-singular-contact-php .wp-block-cover .wp-block-cover__inner-container {
    width: calc(100% - 70px);
}

.page-template-singular-contact-php .wp-block-cover__inner-container {
    transform: translate(0%, 0%);
}

.searchform input[type="submit"], .searchform input[type="button"]{
    background: transparent url(./images/icons/delivery-truck.svg) no-repeat center;
    background-size: 24px auto;
    border: none;
    box-shadow: none;
    color: inherit;
    cursor: pointer;
    display: block;
    opacity: .5;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-indent: -999999px;
    transition: opacity .1s linear;
    width: 50px;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.searchform input[type="submit"]:hover, .searchform input[type="button"]:hover {
    opacity: 1;
}

.courier_serv{
	border:1px solid #F14726;
	background:#F14726;
	color:#FFF;
	border-radius: 2px;
	padding:15px;
	font-size:14px;
	width:100%;
	display:block;
	cursor:pointer;
	transition: 0.3s all;
}

.courier_serv .fas{
	float:right;
}


.courier_serv:hover{
	background:#A82125;
	border:1px solid #A82125;
}

input[type="submit"].send-btn{
	border:1px solid #1249A3;
	background:#1249A3;
	color:#FFF;
	border-radius: 2px;
	padding:15px;
	font-size:14px;
	width:100%;
	display:block;
	cursor:pointer;
	transition: 0.3s all;
	min-width:150px;
	height:50px;
}

input[type="submit"]:hover.send-btn{
	border:1px solid #1B60AD;
	background:#1B60AD;
}

.widget-content .textwidget a{
	color:#1A5FAC;
	transition: 0.3s all;
}

.widget-content .textwidget a:hover{
	color:#769FCD;
}

/*MODAL POPUP*/
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.menu_close{
	color:#FFFFFF;
	font-size:16px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/*POPUP CSS*/
#xml_response h1{
	color: #484848;
    font-size: 1.5em;
    margin-bottom: 5px;
}

#xml_response waybill {
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
	font-size: 15px;
}

waybillnumber, servicetype, currentstatus, currentstatuscode, delivereddate, deliveredtime, receivername, 
numberofpieces, totalweight, contents, manifestreference, originsuburb, originhub, destinationsuburb, destinationhub, shipperreference, trackingevents{
	padding:0.5em 0.2em;
	border-bottom:1px dotted #BBBBBB;
}

waybillnumber:before{content:'Waybill Number:'; font-weight:bold; margin-right:15px;}
servicetype:before{content:'Service Type:'; font-weight:bold; margin-right:15px;}
currentstatus:before{content:'Current Status:'; font-weight:bold; margin-right:15px;}
currentstatuscode:before{content:'Current Status Code:'; font-weight:bold; margin-right:15px;}
delivereddate:before{content:'Delivered Date:'; font-weight:bold; margin-right:15px;}
deliveredtime:before{content:'Delivered Time:'; font-weight:bold; margin-right:15px;}
receivername:before{content:'Receiver Name:'; font-weight:bold; margin-right:15px;}
numberofpieces:before{content:'Number of Pieces:'; font-weight:bold; margin-right:15px;}
totalweight:before{content:'Total Weight:'; font-weight:bold; margin-right:15px;}
contents:before{content:'Contents:'; font-weight:bold; margin-right:15px;}
manifestreference:before{content:'Manifest Reference:'; font-weight:bold; margin-right:15px;}
originsuburb:before{content:'Origin Suburb:'; font-weight:bold; margin-right:15px;}
originhub:before{content:'Origin Hub:'; font-weight:bold; margin-right:15px;}
destinationsuburb:before{content:'Destination Suburb:'; font-weight:bold; margin-right:15px;}
destinationhub:before{content:'Destination Hub:'; font-weight:bold; margin-right:15px;}
shipperreference:before{content:'Shipper Reference:'; font-weight:bold; margin-right:15px;}
trackingevents:before{content:'Tracking Events:'; font-weight:bold; margin-right:15px;}

@media screen {
  #printSection {
      display: none;
  }
}

@media print {
  body * {
    visibility:hidden;
  }
  #printSection, #printSection * {
    visibility:visible;
  }
  #printSection {
    position:absolute;
    left:0;
    top:0;
  }
}

	.mobile-quote{
    	display: none !important;
	}

	.mobile-image{
		display:none;
	}

.main-image{
	background-size:cover; 
	background-position:center; 
	width:100%; 
	height:550px;
}



@media (min-width: 1000px){
	.sidebar {
    display: flex;
    overflow: auto;
    position: fixed;
    bottom: 0;
    left: 0;
    top: 0;
	}
	.sidebar-inner{
		flex-direction: column;
	}
}

@media (max-width: 1000px){
	
.home .post-inner {
    width: 780px;
    max-width: 100%;
    padding: 14.5% 15px 7.5% 15px;
    margin: 0 auto;
}
	
	.blog-logo, .blog-logo img {
    display: block;
    margin: 0 0;
}
	.mobile-navigation{
		background: #EBEBEB;
	}
	.nav-toggle.active {
		background: #F14726;
	}
	.mobile-menu > .current-menu-item > a, .mobile-menu > .current_page_item > a {
		color: #F14726;
	}
	.mobile-menu a {
    color: #666;
	}
	.mobile-menu .current-menu-item:before, .mobile-menu .current_page_item:before {
		content: '';
	}
	sidebar {
    	position: relative;
	}
	.wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container 	 {width: calc(100% - 70px);}
	.wp-block-cover__inner-container {transform: translate(0%, 0%);}
	.post-inner {padding: 14.5% 15px 7.5% 15px;}
	.img-feautre {font-size: 1.5em; top: 25%; left: 25%; transform: translate(-25%, -50%);}
	.track-div {position: relative; transform: translate(-50%, 0%); max-height: 100%; height: auto;}
	.stripe {font-size: 15px; display: flex; position: relative;}
}
@media (max-width: 1411px){
	.post-content .alignfull, .post-content .alignwide {
		margin-left: 0;
		max-width: calc( ( 100vw - 350px ) * .86 );
		width: 100%;
	}
}
/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
    
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
	width: 100%; 
	}
	
	.mobile-quote{
		text-align: center;
    background: #F14726;
    border-radius: 3px;
    display: block !important;
	}
	
	.mobile-quote a{
		padding: 10px 0px;
    	display: block;
    	color: #FFF !important;
	}
	
	.mobile-image{
		display:block;
	}
	
.main-image{
	background-size:cover; 
	background-position:center; 
	width:100%; 
	height:0px;
}
	
	.sidebar-rpt, html{
	background-position: bottom;
	background-image:none;
	background-repeat: repeat-x;
}
	.post-content .alignfull, .post-content .alignwide {
    margin-left: 0;
    max-width: calc((100vw - 0px)*.86);
    width: 100%;
}
}