@charset "utf-8";
/* CSS Document */
html {
background: #232323;
}
body {
font-family: 'Open Sans', sans-serif;
background:#fff;
}
h1, h2, h3, h4 {
font-family: 'Patua One', cursive;
color: #7a0606;
}
h1 {
font-size:1.8em;
}
h2 {
font-size: 1.6rem;
}
h3 {
font-size: 1.4rem;
}
h4 {
font-size: 1.3rem;
color: #504d4d;
}
h5 {
font-size: 1rem;
color: #504d4d;
font-weight:bold;
}
p {
font-size:.9rem;
}
.img-fluid {
margin-right:10px;
}
.slide-border{
border:1px solid #444;
}
/* .alert-warning {
color: #024b75;
background-color: #d1eeff;
border-color: #a8e2ff;
}*/
.navbar {
float:right;
}
.tagline{
float:left;
line-height:1.2rem;
margin-top:4px;
margin-left:4px;
}
.top-spacer {/*space above main container*/
height:7rem;
width:100%;
background:#fff;
}
.featured-static-img {
border:1px solid #222;
}
.firstcharacter {
color: #7a0606;
float: left;
font-family: 'Patua One', cursive;
font-size: 1.8rem;
line-height: 3.2rem;
padding-top: 4px;
padding-right: 10px;
padding-left: 3px;
}
.fast-truck-icon{
color:#7a0606;
text-align:left;
padding-top:8px;
}
.contact-info-header {
font-family: 'Patua One', cursive;
color: #7a0606;
font-size: 2rem;
}
.contact-info-text {
font-size: .65rem;
line-height:1.4rem;
padding-left:.5rem
}
.dropdown{
}
.btn-primary, .btn-outline-primary{
background:#000;
border-color: #000;
}
.btn-primary:hover, .btn-outline-primary:hover {
background:#a51818;
border-color:#a51818;
}
#nav-content{
background-color:#a51818;
height:80px;
-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.20);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.20);
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.20);
}
.nav-item {
font-size: .9rem;
color:#d0a3a3;
}
a.nav-item::before {
color:#a51818;
content: "\f138";
font-family: "FontAwesome";
padding-right:.5rem;
}
.nav-item:hover, .nav-item.active {
color:#fff;
}
a.nav-item.show-left-chevron.active::before {
color: #fff;
}
a.nav-item.show-down-chevron:hover::before {
content: "\f13a";
color: #fff;
}
.nav-link {
color: #fff;
padding-right:.7rem;
padding-left:.7rem;
}
.nav-item.btn-rounded {
border-radius: .3rem;
color:#fff;
background-color:#7a0606;
border: 1px solid rgba(0,0,0,0.10);
}
.nav-item.btn-rounded:hover {
background-color: #000;
}
.dropdown-menu{
margin-top:-.3rem;
margin-left: .5rem;
padding:.4rem;
-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.20);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.20);
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.20);
}
.dropdown-item {
font-size:.9rem;
}
.dropdown-item:hover{
background-color:#7a0606;
color:#fff;
}
.dropdown:hover>.dropdown-menu {
display: block;
}
.container-logo-tagline{
color:#fff;
float:left;
position:relative;
width:400px;
}
.container-logo-tagline-inner{
position:absolute;
top:2px;
left:2px;
}
.fast-tracking {
border: 1px solid #bd7d7d; border-radius: 25px; min-height:500px;
background-color: rgba(0, 0, 0, 0.02);
background-image: url("../images/flag-background.jpg");
background-repeat:no-repeat;
}
#featured-static{
max-width:100%;
margin-right: .8rem;
}
.featured-text{
font-size:1em;
line-height:1.3rem;
}
.small-text{
font-size:.7rem;
line-height:1.4rem
}
.specialServices{
border: 1px solid #bd7d7d; border-radius: 25px;
height:400px;
background-color: rgba(0, 0, 0, 0.03);
}
.specialServices ul li{
font-size:.8rem;
}
.personalized-serv-text{
padding-top:1rem
}
.personnelBox{
border: 1px solid #bd7d7d; border-radius: 25px;
background-color: rgba(0, 0, 0, 0.03);
}
.personnelBox ul li {
margin-left:-20px;
}
.shipmentInquiry {
border: 1px solid #bd7d7d; border-radius: 25px;
height: 310px;
height:360px;
background-color: rgba(0, 0, 0, 0.03);
margin: auto;
/*margin-bottom:40px;*/
}
.client-cards{
border-radius: 1rem;
}
.card-footer{
padding: 2px;
height: 100px;
}
.card-link-sz {
font-size:.9rem;
}
.ratesBoxedContent{
height: 440px;
border: 1px solid #bd7d7d; border-radius: 25px;
background-color: rgba(0, 0, 0, 0.03);
}
.card-body{
text-align:center;
padding-bottom: 2.5rem !important;
}
.card{
margin-right: 8.33333333%; /*offset i col right*/
}
/*-----service area page----*/
.service-everyday {
border: 1px solid #bd7d7d;
border-radius: 25px;
height: 400px;
background-color: rgba(0, 0, 0, 0.03);
margin-top:2rem;
}
/*----end service area page---*/
button.navbar-toggler, button.navbar-toggler.collapsed, .navbar-collapse{
border-color:#444 !important;
color: #444 !important;
outline: none !important;
}
.dropdown-item.toggle-styling .dropdown-toggle:active, .dropdown-item.toggle-styling .open .dropdown-toggle {
color:#444 !important;
outline: none !important;
}
.dropdown-item.toggle-styling {
background:#7a0606;
color:#fff;
}
a.dropdown-item.toggle-styling:hover {
background:#000;
color:#fff;
}
.dropdown-menu.toggle-styling{
margin-left:1.5rem;
padding: 1px;
}
.navbar.toggle-styling{
padding-left:0px;
}
.dropdown.toggle-styling:hover>.dropdown-menu {
background:#7a0606;
color:#fff;
}
/*-----footer-----*/
footer {
background:#232323;
height:290px;
color:#fff;
font-size: .6rem;
}
footer .container {
width:90%;
}
.footer-bottom a:link, .footer-bottom a:hover, .footer-bottom a:active, .footer-bottom a:visited {
color:#fff;
}
.footer-bottom a:hover{
text-decoration: underline;
}
.footer-bottom-hgt{
height:200px;
}
.footer-band {
color:#fff;
background:#222;
-webkit-box-shadow: 0px 3px 3px 3px rgba(0,0,0,.50);
-moz-box-shadow: 0px 3px 3px 3px rgba(0,0,0,.50);
box-shadow: 0px 3px 3px 3px rgba(0,0,0,.50);
}
.fa-3x {
font-size: 2.5rem !important;/*for cookie symbol*/
}
.fa-xs {
font-size:.4rem;
vertical-align: middle;
padding: 0 10px
}
.img-fluid-sm{
max-width: 97%;
}
#cookies {
z-index:100;
height: 16%;
position: fixed;
bottom:0%;
left:0%;
width:100%;
background-color: rgba(165,24,24,0.9);
text-align:center;
color:#ffffff;
}
.cookie-container{
margin:auto;
margin-top: 14px;/*was 50*/
width:85%;
height:100%;
}
.cookie-image {
float:left;
width:65px;
/*margin-top:-20px;*//*took out*/
height: 60%;
}
.cookie-text{
float:left;
font-size:.7rem;
margin-left:10px;
width:60%;
text-align:left;
}
.cookie-close {
float:right;
margin-top:-30px;
}
#cookies-btn {
float:left;
margin-top:-4px;/*was 20ps*/
}
#cookies-btn button:link, #cookies-btn button:hover, #cookies-btn button:active, #cookies-btn button:visited {
color: #444;
background: #ffffff !important;
}
#cookies-btn button:focus {
color: #444;
background: #ffffff !important;
outline: none;
}
.btn-xlarge {
padding: 3px 14px;
margin:10px;
font-size: 1rem;
font-weight:bold;
line-height: normal;
background: #ffffff;
background-color: #fff !important;
color:#444;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border-color:#a51818;
-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,.20);
-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,.20);
box-shadow: 3px 3px 3px 0px rgba(0,0,0,.20);
}
.btn-xlarge:hover, .btn-xlarge:active {
background: #ffffff !important;
color:#7a0606;
}
.add-employer {
height: 4rem;
border-top: 1px dashed #B8B8B8;
border-bottom: 1px dashed #B8B8B8;
}
.add-employer i {
padding: 1.3rem;
}
.add-employer-text {
font-size: .9rem;
color: #999;
font-weight:bold;
}
.fa-plus-square {
color: #D3D3D3;
}
.add-employer-divider {
border-top: 2px dashed #B8B8B8;
height: 1rem;
}
#add-employer-2, #add-employer-3, #add-employer-4 {
cursor: pointer;
}
#employer-1, #employer-2, #employer-3, #employer-4 {
margin-bottom: 2rem;
}
.highlite-checkbox {
border: 3px solid #95c8ff;
padding: 3px;
}
.shipquery-alerts {
padding: .75rem 1rem;
}
.shipmentInfo-spacer {
margin-top:1.5rem;
}
#shipmentInfoNotFound{
margin-bottom: 3rem;
}
/*.table.table-striped.ship-table-home{
width:92%;
margin:auto;
}*/
.table.ship-home{
width:92%;
margin:auto;
font-size:.9rem;
}
#trailerList {
font-size: .7rem;
}
.even-row {
background-color:#fff;
}
.odd-row {
background-color:#F4F4F4 !important;
}
/*table.ship-table-home td, table.ship-table-home th {
padding:.6rem;
border-bottom: 1px solid #dee2e6;
}*/
.breadcrumb {
margin-bottom: 2rem;
}
.dash-breadcrumb {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: .75rem 0;
margin-bottom: 2rem;
list-style: none;
border-radius: .25rem;
background-color:#ffffff;
}
.breadcrumb-item+.breadcrumb-item::before {
content: ">";
}
.content .breadcrumb-item a {
color: #007bff;
}
.fuel-tbl-header {
visibility: hidden;
}
.fuel-table td {
text-align:center;
}
.fuel-table th {
background-color: rgba(0, 0, 0, 0.02);
color: #7a0606;
text-align:center;
}
#contactus {
background-image:url('../images/mail.png');
background-repeat:no-repeat;
background-position: right top;
}
#messagesent {
min-height: 260px;
margin:60px 0 160px 0;
text-align:center;
background-image:url('../images/mail-bg.png');
background-repeat:no-repeat;
background-position: center bottom;
}
@media all and (max-width:360px){
.container-logo-tagline,.container-logo-tagline-inner {
position: static;
}
#cookies {
height: 20%;
}
}
@media all and (max-width:768px){
.container-logo-tagline,.container-logo-tagline-inner {
position: static;
}
.img-fluid {
margin-right:0px;
}
.img-fluid-sm{
max-width: 100%;
}
.fast-tracking {
height:400px;
background-color: rgba(0, 0, 0, 0.02);
background-image: url("../images/flag-background.jpg");
background-repeat:no-repeat;
}
.top-spacer {/*space above main container*/
height:8rem;
}
#cookies {
height: 14%;
}
#cookies-btn {
margin-left: 8px;
}
.cookie-text {
font-size: 1.2rem;
line-height: 1.5rem;
width:60%;
}
.btn-xlarge {
padding: 5px 20px;
font-size: 1.5rem;
}
#shipmentInfoNotFound{
margin-bottom: 1rem;
}
}
@media all and (max-width:992px)
{
.container-logo-tagline, .container-logo-tagline-inner {
position: static;
}
#cookies {
height: 14%;
}
.cookie-container{
margin-top:26px;/*was 70*/
}
.cookie-text {
font-size: 1.4rem;
line-height: 1.8rem;
width:76%;
}
.btn-xlarge {
margin-left: 2px;
}
h1 {
font-size: 2rem;
}
h2 {
font-size: 1.7rem;
}
h3 {
font-size: 1.5rem;
}
h4 {
font-size: 1.4rem;
}
.top-spacer {/*space above main container*/
height:9rem;
}
footer {
font-size: .8rem;
}
footer {
font-size: .8rem;
}
footer .container {
width:100%;
}
.contact-info-header {
font-size: 1.4rem;
}
.contact-info-text {
font-size:.9rem;
line-height:1.5rem;
padding-left:.0;
}
#featured-static{
margin-right:0px;
}
.featured-text{
font-size:1.3rem;
line-height:2.2rem
}
.small-text{
font-size:.7rem;
}
.service-everyday {
margin-top:0rem
}
.specialServices ul li{
font-size:1rem;
}
.personalized-serv-text{
padding-top:4rem;
}
.personnelBox ul li {
margin-left: 0px;
}
.shipmentInquiry {
height: 330px;
height:360px;
}
.card{
margin-right: 0;/*offset i col right*/
}
.card-body{
padding-bottom: 1.5rem;
}
.client-cards{
border-radius: 1rem;
height:250px;
}
.card-footer{
padding: .75rem 1.25rem;
}
.card-link-sz {
font-size:.9rem;
}
.ratesBoxedContent{
height: 440px;
border: 1px solid #bd7d7d;
border-radius: 25px;
background-color: rgba(0, 0, 0, 0.03);
}
.firstcharacter {
font-size: 2.5rem;
line-height: 3rem;
padding-top: 4px;
padding-right: 12px;
padding-left: 3px;
}
#trailerList {
font-size: 1rem;
}
.fuel-tbl-header {
visibility: visible;
}
}
@media all and (max-width:1050px){
.container-logo-tagline, .container-logo-tagline-inner {
position: static;
}
.card{
margin-right: 10%; /*offset i col right*/
}
}
@media all and (max-width:1200px)
{
.container-logo-tagline, .container-logo-tagline-inner {
position: static;
}
.shipmentInquiry {
height: 390px;
}
}