/*
Theme Name: CargoHub Child
Theme URI: http://creativewp.com/cargohub
Author: creative-wp
Author URI: http://creativewp.com
Description: Cargohub Child Theme.
Version: 1.0.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cargohub
Domain Path: /lang/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Template: cargohub
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html{
	overflow: auto;
}
body {
    color: #000;
}
.topbar{
	background-color: #FFF;
}
.office-switcher{
	display:none;
}
.copyright{
	text-align:center;
}
.nav .menu li.extra-menu-item.menu-item-button-link{
	margin-right: 10%;
}
.copyright a{
	color: #FFF;
	font-weight: normal;
}
.site-header{
	padding: 0px;
}
#primary-menu{
	margin-left: 10%;
}
.free_home_estimate{
	color: #FFF;
    font-weight: bold;
    border: 3px;
    border-style: solid;
    padding: 10px;
    border-color: #192E5B;
    font-size: 15px;
}
.nav ul ul{
	margin-top: 5px;
    padding: 0px;
}
.nav li li{
	background-color: #1d65a6;
}
.nav a {
    color: #FFF;
    font-size: 19px;
	font-weight: normal;
}
.nav ul.menu > li {
    padding: 9px 17px;
}
#menu-item-1741{
	border-right: 0px;
}
.nav li li{
    border-bottom: 1px solid #FFF;
}
.nav ul.menu > li:hover{
	background-color: #53c0f0;
}
.nav li li:hover {
    background-color: #53c0f0;
}
.nav ul.menu > li:hover > a{
	color: #000;
}
.nav .menu li.extra-menu-item.menu-item-button-link a {
    font-size: 19px;
	font-weight: normal;
}
.nav ul.sub-menu > li:hover > a,
.header-sticky .site-header.minimized .nav .menu > li:hover > a{
	color: #000;
}
.header-sticky .site-header.minimized .nav .menu > li a {
    color: #FFF;
}
.header-sticky .site-header.minimized .nav .menu > li li:hover > a {
    color: #000;
}
#site-navigation{
	background-color: #1d65a6;
}
.free_home_estimate:hover{
    background-color:#53c0f0;
}
#text-15{
	padding:30px;
}
#text-16{
	text-align: left;
    color: #000;
    font-weight: bold;
    font-size: 25px;
	padding: 66px;
    line-height: 30px;
}
#text-23{
	text-align:center;
}
#topbar .container{
	border-width: 5px 5px 0px 5px;
    border-style: solid;
    border-color: #1d65a6;
	width: 100%;
}
.topbar .topbar-left {
    width: 50%;
	text-align:center;
}
.topbar .topbar-right {
    width: 50%;
	text-align:center;
}
#facebook_widget{
	text-align:center;
}
#box1{
	height: 250px;
	max-width: 300px;
	margin-right: 2%;
}
#box2{
	height: 250px;
	max-width: 300px;
	margin-right: 2%;
}
#box3{
	height: 250px;
	max-width: 300px;
}
.img-indent2 {
    float: left;
    margin: 0 12px 0px 0;
}
.box1 { 
    background: url(/wp-content/uploads/2018/02/button1.png) left top no-repeat;
}
.box1:hover {
    background-position: left bottom;
}
a {
    color: #337ab7;
    font-weight: bold;
}
.image-table {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
}

ul#horizontal-image-list {
	min-width: 696px;
	list-style: none;
	}
ul#horizontal-image-list li {
	display: inline;
}
#text-17,
#text-21,
#text-22{
	margin-bottom: 15px;
}
.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover{
	background-color: #1d65a6 !important;
}
.mobile_relative{
	width: 100%;
}
.navbar-icon{
	display:none;
}
.site-menu{
	padding-left:0px;
}
#sure_safe{
	color: #fff;
	list-style: none;
	font-size:22px;
}
#sure_safe li:before {
  content: '✓';
}
.share_contact .flaticon-business:before{
    content: "\f12e";
}
.fh-contact-box ul li:hover{
	background-color:initial;
}
.footer-sidebars {
    padding-top: 10px;
    padding-bottom: 0px;
}
.site-footer {
    padding: 5px 0;
}
.backtotop {
    bottom: 10px;
    right: 10px;
    width: 35px;
	height:35px;
    line-height: 0px;
    border-radius: 0px;
    font-size: 30px;
}
.our_services_home h2:before{
	content:none;
}
.fh-contact-box ul li {
    width: auto;
    height: auto;
	margin: 0 2px;
}
.otw_blog_manager-blog-comment{
display:none !important;
}
.otw_blog_manager-blog-timeline-heading:before{
	content: none !important;
}
.widget_search .search-form, .topbar-search .search-form{
	border: 2px solid #1d65a6;
}
.widget_search .search-form:after, .topbar-search .search-form:after{
	background-color: #1d65a6;
    border: 1px solid #1d65a6;
}
#search-2{
	margin-top: 5px;
}

/* New Bronte Blog */
.bronte_blog_month{color:#fff;font-size:18pt;width:250px;background:#53c0f0;margin:0 auto;text-align:center;font-weight:bold;clear:both;margin-bottom:20px;padding:5px 0px;margin-bottom:40px;}
.bronte_blog_post{margin-bottom:40px;}
.bronte_blog_full{width:100%;}
.bronte_blog_left{width:48%;float:left;clear:both;}
.bronte_blog_right{width:48%;float:right;}
.bronte_blog_full img{width:100%;}
.bronte_blog_left img, .bronte_blog_right img{width:100%;}
.bronte_blog_image{position:relative;margin-bottom:10px;overflow:hidden;}
.bronte_blog_image img{transition:all 1.0s;}
.bronte_blog_image:hover img{transform: scale(1.2);}
.bronte_blog_date{background:#53c0f0;display:inline-block;padding:10px;color:#fff;position:absolute;top:5px;left:5px;font-weight:bold;text-align:center;padding:0px 20px 5px 20px;}
.bronte_blog_date i{font-style:normal;font-size:20pt;}

.bronte_blog_content{}
.bronte_blog_title{font-size:14pt;color:#000;}
.bronte_blog_author{padding:20px 0px;}
.bronte_blog_author a{font-weight:500;}
.bronte_blog_excerpt{}
.bronte_blog_readmore{color:#53c0f0;margin-top:10px;}

.bronte_blog_full .bronte_blog_image{width:52%;float:left;}
.bronte_blog_full .bronte_blog_content{width:45%;float:right;padding-top:10px;}

.bronte_blog_left .bronte_blog_title, .bronte_blog_right .bronte_blog_title{font-size:12pt;}
.bronte_blog_left .bronte_blog_author, .bronte_blog_right .bronte_blog_author{padding:5px 0px;font-size:8pt;}

.bronte_blog_left .bronte_blog_excerpt, .bronte_blog_right .bronte_blog_excerpt{font-size:10pt;}

.bronte_blog_left .bronte_blog_readmore, .bronte_blog_right .bronte_blog_readmore{font-size:10pt;}

.bronte_blog_left .bronte_blog_content, .bronte_blog_right .bronte_blog_content{padding-top:0px;}

.bronte_blog_image{width:38%;float:left;}
.bronte_blog_content{width:59%;float:right;padding-top:10px;}
.bronte_blog_full:after{content:"";display:block;clear:both;}
.bronte_blog_author a{color:#999;}

.entry-title{margin-bottom:0px;}
.entry-meta{margin-bottom:10px;}

.primary-sidebar .cargohub-widget {
    border-left: 1px solid #e2e0e0;
    padding-left: 40px;
}
body.single-right .blog-sidebar .cargohub-widget{border-left: 1px solid #e2e0e0;}
body .page-header .breadcrumb-area{border-bottom:1px solid #e2e0e0;}

@media only screen and (max-width: 1375px) {
	#primary-menu {
    	margin-left: 5%;
	}
	.nav .menu li.extra-menu-item.menu-item-button-link {
    margin-right: 1%;
	}
}
@media only screen and (max-width: 1200px) {
	#primary-menu {
    	margin-left: 1%;
	}
	#topbar .container {
    	margin-top: 5px;
	}
	.nav a {
        font-size: 18px;
	}
	.nav .menu li.extra-menu-item.menu-item-button-link a {
    	font-size: 18px;
	}
}
@media only screen and (max-width: 1199px){
    .topbar .topbar-left, .topbar .topbar-right {
        float: left;
    }
	.site-header .site-menu, .site-header .site-header-widget {
    	display: block;
	}
}
@media only screen and (max-width:1100px){
	.nav a {
        font-size: 16px;
	}
	.nav .menu li.extra-menu-item.menu-item-button-link a {
    	font-size: 16px;
	}
}
@media only screen and (max-width:1025px){
	.site-menu{
		padding-right:0px;
	}
	.nav a {
        font-size: 15px;
	}
	.nav .menu li.extra-menu-item.menu-item-button-link a {
    	font-size: 15px;
	}
	
	body .bronte_blog_post .bronte_blog_image, body .bronte_blog_post .bronte_blog_content{width:100%;}
	
}
@media only screen and (max-width: 650px){
	.topbar .topbar-left{
    	float: none;
		width: 100%;
	}
	#text-16 {
    	font-size: 18px;
	}
	.topbar .topbar-right {
    	width: 100%;
	}
}

@media only screen and (max-width: 400px) {
	#text-16{
		padding: 0px;
	}
}
@media only screen and (max-width: 380px) {
	#text-16{
		font-size: 25px;
	}
}


/* package new page */

.packing-section2 {
        margin-top: 50px;
        padding-top: 50px;
        border-top: 1px solid rgb(25 25 25 / 20%);
    }
    .packing-grid{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        row-gap: 30px;
    }
    .packing-grid h3{
        font-size: 30px;
        color: #191919;
        margin: 0 0 15px;
    }
    .packing-youtube {
        height: 400px;
    }
    .load_more a{
        font-size: 18px;
        text-decoration: underline;
        color: #1d65a6;
        font-weight: 400;
        font-family: "Montserrat";
    }

    .load_more a:hover{
        color: #0c1239;
    }
    .load_more {
        text-align: center;
        margin-top: 40px;
    }

    @media (max-width: 991px) {
        .packing-page-section1 h2{
            font-size: 30px;
            line-height: 40px;
        }
        .packing-grid h3 {
            font-size: 22px;
        }
        .packing-grid{
            grid-template-columns: 1fr;
        }
    }