/*
Theme Name: FreightBiz
Theme URI: http://wordpress.org/themes/freightbiz
Author: Yoobee Auckland Web UX Feb 2018
Author URI: http://wordpress.org/
Description: Final
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

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.
*/

/*body *{
	border:1px red solid;
}*/

#header{
	background-color: #111;
	/*background-image: linear-gradient(0deg, #000000 0%, #242323 50%, #000000 100%);*/
}
/*.page-header-title{
	margin-top:8em;
}*/
/*#header .header-scrolled img{
	max-height: 72px !important;
}*/
/*h5, p{*/
/*	font-family: "Roboto", sans-serif !important;*/
/*}*/
h1, h2, h3{
	font-family: 'Raleway', sans-serif !important;
}

#logo{
	position: absolute !important;
	top:0;
	left:0;
	
}

#logo img{
	height: 90px !important;
	transition: all  0.5s;
}

#header.header-scrolled #logo{
	height: 72px !important;;
}
#header.header-scrolled #logo img{
	height: 100% !important;
}

.section-header{
	margin-top:3em;
	margin-bottom: 2em;
}

.menu-active a{
 color: #BB0202 !important;
}
i,
a:hover,
a:active,
a:focus {
	color: #BB0202 !important;
}
h3::after{
	background-color: #BB0202 !important;
}
.link-preview:hover{
	background-color: #D6D6D6 !important;
}
.link-details:hover{
	background-color: #D6D6D6 !important;
}
.about-info a{
	color:black;
}
.links-header a{
	color: black;
}
.back-to-top{
	background-color: #D6D6D6 !important;
}
#contact form button{
	background-color: #D6D6D6 !important;
	color: #BB0202 !important;
}

/*++++++++ INTRO SECTION - SLIDER +++++++++++*/
#intro{
	height: 70vh !important;
}
.carousel-item{
	height: 70vh !important;
}
.carousel-item .background{
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}
.carousel-content h2{
	font-family: 'Raleway', sans-serif !important;
}
/*
++++++++++ FEATURES ++++++++++*/
#featured-services .title{
	color: white !important;
}



/*
++++++++++ INFO-NEWS ++++++++++*/
#infornews{
	
}
.home-info-news{
	margin-top:2em;
	margin-bottom: 2em;
	display:flex;
	flex-direction: column;
}
.home-info-news>div{
	flex:1 0 45%;
}
.home-info{
	/*border:1px blue solid;*/
}
.home-info p{
	margin-bottom: 0.5em !important;
	
}
.ccfont{
	font-family: 'Raleway', sans-serif !important;
	color:#BB0202;
	font-weight: bolder;
}

.home-news{
	display:block;
	height: 25em;
	overflow-y: scroll;
	/*border:1px red solid;*/
}
.home-news .news{
	/*border:1px blue solid;*/
	border-top:1px #D6D6D6 solid;
	margin-bottom:1em;
	padding:0 0.5em;
	height: calc(50% - 1em);
	
}
.news-header{
	/*border:1px red solid;*/
	margin-bottom: 0.3em;
	height: 1.3em;
	overflow:hidden;
}
.news-header a{
	color:black;
	font-weight: bold;
	font-size: 0.9em;
}
.news-block{
	display:flex;
	flex-wrap: wrap;
}
.news-image{
	/*border:1px blue solid;*/
	height: 8em;
	/*width:50%;*/
	flex:0 1 50%;

	overflow: hidden;
}
.news-image img{
	width: 100%;
}
.news-content{
	/*border:1px gray solid;*/
	margin-left: 0.5em;
	flex:1 0 30%;
	line-height: 1.2;
	font-size: 0.9em;
}
.news-bottom{
	/*border:1px green solid;*/
	margin-top:0.5em;
	font-size: 0.9em;
	flex:1 0 90%;
	display:flex;
	justify-content: space-between;
}
.news-bottom a{
	color:black;
}

/*
++++++++++ ABOUT US ++++++++++*/
/*#about::before{
	background: rgba(255, 0, 255, 0.92) !important;
}*/
.about-content:nth-child(odd) .about-info{
	order:1;
}
.about-content:nth-child(odd) .about-image{
	order:2;
}
.about-block{
	margin-top: 1.5em;
}
.about-header{
	color: black;
}
.about-body{
	display: block;
	/*margin-top: 1em;*/
}
.about-image{
	 background-size:cover; 
	 /*background-position:center; */
	background-repeat:no-repeat; 
	height:0;
	padding-top:50%;
	margin-bottom: 1em;
}
.about-links{
	display: flex;
	justify-content: space-around;
}

/*
++++++++++ SERVICES ++++++++++*/
.service-item{
	background-color: #D6D6D6;
	border:1px #D6D6D6 solid;
	margin:0.5em !important;
}
.service-body{
	display: flex;
}
.service-body .description{
	margin-left:0.5em !important;
	margin-right:0.5em !important;
	font-size:1.3em !important;
	flex:1 0 45%;
}
.service-heading .title{
	margin-left:0.5em !important;
	margin-top:0.5em !important;
	color: black !important;
}
.service-img{
	/*border:1px red solid;*/
	flex:0 1 50%;
	/*background-size:cover; */
	background-position:center; 
	background-repeat:no-repeat; 
	height:0;
	padding-top:50%;
	
}

/*
++++++++++ PROJECTS ++++++++++*/

.project-img{
	background-size:cover;
	background-position:center; 
	background-repeat:no-repeat; 
	height:0;
	padding-top:75%;
	background-color: #D6D6D6 !important;
}
/*.link-preview{
	left: 45% !important;
}*/
.project-caption{
	color: black;
}
.lb-container a{
    display:none !important;
}
.lb-details{
	position:absolute !important;
	top:10% !important;
	left:15% !important;
	/*font-size: 1em !important;*/
	width:75% !important;
}

.lb-caption{
	font-size: 1em !important;
	color:black  !important;
	font-weight: 400 !important;
	line-height: 1.7em !important;
}
.lb-number{
	display: none !important;
}

.lb-image{
	opacity: 0.5 !important;
	/*filter: blur(4px);*/
	/*filter: grayscale(100%);*/
}

/*++++++++++ USEFUL LINKS +++++++++++*/
#links{
	padding: 60px 0 40px 0;
	height: 110vh;
	background-image: url("imagesLiz/linksbg1.jpg");
	background-size: cover;
	background-position:center; 
   position: relative;
   /*filter: grayscale(100%);*/
}

.links-item{
	margin-bottom: 1em;
	border: 1px #eee solid;
	background-color: #D6D6D6;
	padding: 0.5em;
	text-align: center;
}
.links-header p{
	margin-bottom: 0 !important;
	font-size: 1.3em !important;
}




/*++++++++++ CONTACT US +++++++++++*/
.contact-address, .contact-phone{
	border-right: 1px solid #ddd !important;
	border-left: 0 !important;
}

/*++++++++++ FOOTER +++++++++++*/
.footer-content{
	display:block;
	
}
.footerlogo{
	border:1px gray solid;
	width:75%;
	margin:auto;
	margin-bottom:1em;
}
.footerlogo img{
	width: 100%;
}
.footer-contact{
	margin-bottom:0 !important;
}
.footer-contact>div{
	margin:auto;
	width:fit-content;
	margin-top:0.5em;
}
.footer-contact a{
	color: #BB0202 !important;
}


/*
++++++++++ BREAKPOINTS ++++++++++*/
@media (max-width: 768px) {
	#header #logo img{
		max-height: none !important;
	}
}

@media (min-width: 768px) {
    .container{
        max-width:100% !important;
    }
	.home-info-news{
		flex-direction: row;
	}
	.home-news{
		margin-left: 2em !important;
	}
	.home-news .news{
		margin-bottom:0.5em;
		margin-top: 0;
	}
	.home-news .news-content{
		font-size:0.75em !important;
	}
	.news-date, .news-source{
		font-size:0.8em !important;
	}


  #about .about-body{
	display: flex;
	margin-top: 1em;
	}
	.about-body>div{
		flex:1 0 40%;
		margin:1em;
	}
	.about-image{
		 background-position:center; 
		padding-top:44%;
	}
	.lb-caption{
		font-size: 1.3em !important;
	}
	
	.service-body .description{
    	font-size:1em !important;
    }
    #links{
        height: 80vh;
    }
	.footer-content{
		display:flex;
		justify-content: space-around;
	}
	.footerlogo{
		flex:0 1 50%;
		margin:0 1em 0 0 !important;
	}
	
	.footer-contact>div{
		
		width:100%;
		margin-top:0.5em;
	}

}

@media (min-width: 992px) {
  .lb-details{
		max-width:70% !important;
	}
	.footerlogo{
		flex:0 1 36%;
	}

}

@media (min-width: 1024px) {
	.lb-details{
		left:32% !important;
		
		max-width:40% !important;
	}
	.footerlogo{
		flex:0 1 30%;
	}