/* Joomla CMS Changes */
.com-content-article .item-image {
  width: 500px;
  max-width: 500px;
  border: 6px double #ccc;
  margin-left: 20px;
}

.blog-item {
  flex-direction: row;
}

.item-image {
  border: 6px double #ccc;
  height: auto;
} 



.blog-item .item-content {
  margin-left: 25px;
}
/* main template changes */
.homeboxpurple {
  display: block;
  width: 100%;
background: #4D1979;
background: -webkit-linear-gradient(82deg,rgba(77, 25, 121, 1) 0%, rgba(0, 0, 0, 1) 100%);
background: -moz-linear-gradient(82deg,rgba(77, 25, 121, 1) 0%, rgba(0, 0, 0, 1) 100%);
background: linear-gradient(82deg,rgba(77, 25, 121, 1) 0%, rgba(0, 0, 0, 1) 100%);
  color: #fff;
  padding: 20px;
  font-size: 18px;
}

.homeboxblack {
  display: block;
  width: 100%;
background: #000000;
background: -webkit-linear-gradient(82deg,rgba(0, 0, 0, 1) 0%, rgba(125, 122, 122, 1) 100%);
background: -moz-linear-gradient(82deg,rgba(0, 0, 0, 1) 0%, rgba(125, 122, 122, 1) 100%);
background: linear-gradient(82deg,rgba(0, 0, 0, 1) 0%, rgba(125, 122, 122, 1) 100%);
  color: #fff;
  padding: 20px;
  font-size: 18px;
}

.homeboxgray {
  display: block;
  width: 100%;
background: #ededed;
background: -webkit-linear-gradient(82deg,rgba(237, 237, 237, 1) 0%, rgba(125, 122, 122, 1) 100%);
background: -moz-linear-gradient(82deg,rgba(237, 237, 237, 1) 0%, rgba(125, 122, 122, 1) 100%);
background: linear-gradient(82deg,rgba(237, 237, 237, 1) 0%, rgba(125, 122, 122, 1) 100%);
  color: #000;
  padding: 20px;
  font-size: 18px;
}

.homeboxpurple img,
.homeboxblack img,
.homeboxgray img {
  display: block; 
  float: right;
  width: 30%;
  margin: 0px 15px 0 15px;
  border: #ccc double 4px;
}
.homeboxpurple img.left,
.homeboxblack img.left,
.homeboxgray img.left {
  display: block; 
  float: left;
  width: 30%;
  margin: 0px 15px 0 15px;
  border: #ccc double 4px;
}
.ourfleetfade {
background: #000000;
background: -webkit-linear-gradient(178deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
background: -moz-linear-gradient(178deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
background: linear-gradient(178deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  padding: 15px 20px 0px 20px;
  
}
.ourfleet { 
  display: block;
  width: 100%;
  text-align: center;
}

.container-header {
  background: #fff;
}

.container-header .grid-child {
  padding: 0px;
}

.container-header .container-nav, .container-footer {
  background: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.9);
  background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(84,84,84,0.9) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.9)), color-stop(100%, rgba(84, 84, 84, 0.9)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(84, 84, 84, 0.9) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(84,84,84,0.9) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(84,84,84,0.9) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(84, 84, 84, 0.9) 100%);
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.container-header .container-nav {
  max-height: 50px;
}



.headerlogo {
  display: block;
  float: left;
  width: 175px;
  min-width: 175px;
  margin-top: 10px;
}

.headercontact {
  display: block;
  float: right;
  width: 150px;
  min-width: 150px;
  margin-top: 10px;
}

.headercontact a,
.headercontact a:link,
.headercontact a:active,
.headercontact a:visited {
  display: block;
  color: #003366;
  padding: 4px;
  text-decoration: none;
}

.headercontact a:hover {
  display: block;
  color: #336699;
  padding: 4px;
  text-decoration: none;
}

.gtranslate_wrapper {
  display: block;
  float: right;
  width: 160px;
  min-width: 160px;
  margin-top: 10px;
  text-align: center;
}

.gtranslate_wrapper a:link,
.gtranslate_wrapper a:visited
{
  display: block;
  color: #888;
  padding: 4px;
  text-decoration: none;
}

.gtranslate_wrapper a.glink.gt-current-lang,
.gtranslate_wrapper a:hover
{
  display: block;
  color: #336699;
  padding: 4px;
  text-decoration: none;
}

.headersocial {
  display: block;
  float: right;
  width: 200px;
  min-width: 200px;
  margin-top: 10px;
  text-align: center;
}
.headersocial h3 {
  font-size: 16px;
  font-weight: normal;
  color: #AAA;
} 
.headersocial img {
   filter: grayscale(0%); /* Or filter: grayscale(1); */
   -webkit-filter: grayscale(0%); /* For older Safari/Chrome versions */
}

.headersocial img:hover {
   filter: grayscale(60%); /* Or filter: grayscale(1); */
   -webkit-filter: grayscale(60%); /* For older Safari/Chrome versions */
}

.hideondesktop {
      display: none;
      visibility: hidden;
    }

div#maximenuck110 ul.maximenuck {
   background: none;  
}

footer .moduletable {
  display: block;
  float: left;
  width: 320px;
  min-width: 320px;
  font-size: 16px;
}
footer .moduletable h3 {
  font-size: 18px;
  border-bottom: 1px solid #ccc;
}

/* Button Styles */
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
  background-color: rgba(0, 0, 0, 0.9);
  background: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.9);
  background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(84,84,84,0.9) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.9)), color-stop(100%, rgba(84, 84, 84, 0.9)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(84, 84, 84, 0.9) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(84,84,84,0.9) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(84,84,84,0.9) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(84, 84, 84, 0.9) 100%);
  color: #ffffff;
}

/* Menu Customizations */
#maximenuck110 li.item126 {
  display: none;
  visibility: hidden;
}

/* FAQ Customizations */
.black_car_service_frequently_asked_questions summary { 
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #003366;
}

.black_car_service_frequently_asked_questions p {
  margin-bottom: 25px;
}


/* Responsive Styles */
@media only screen and (max-width: 768px) {
.com-content-article .item-image {
  width: 100%;
  min-width: 100%;
  border: 6px double #ccc;
  margin-left: 0px;
}
  .homeboxblack img,
  .homeboxgray img,
  .homeboxpurple img {
  display: block; 
  float: right;
  width: 100%;
  margin: 15px;
  border: #ccc double 4px;
}
  
  .headerlogo {
      display: block;
      float: none;
      width: 100%;
      min-width: 400px;
      text-align: center;
    }

    .headercontact {
      display: block;
      float: right;
      width: 32%;
      min-width: 32%;
      margin-top: 10px;
      text-align: center;
      white-space: nowrap;
      font-size: 13px;
    }

    .headersocial {
      display: block;
      float: right;
      width: 32%;
      min-width: 32%;
      margin-top: 10px;
      text-align: center;
      font-size: 13px;
    }
    .gtranslate_wrapper {
      width: 32%;
      min-width: 30%;
      font-size: 13px;
    }

    .hideonmobile {
      display: none;
      visibility: hidden;
    }
    .hideondesktop {
      display: block;
      visibility: visible;
    }
}

/* responsive table settings */
table.responsivetable { 
  width: 100%; 
  border-collapse: collapse;
}
/* Zebra striping */
table.responsivetable tr:nth-of-type(odd) { 
  background: #eee; 
}
table.responsivetable th { 
   background: #036;  
  color: white; 
  font-weight: bold; 
}
table.responsivetable td, th { 
  padding: 6px; 
  text-align: left; 
}



@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1023px)  {

	/* Force table to not be like tables anymore */
  table.responsivetable,
  table.responsivetable .thead,
  table.responsivetable tbody,
  table.responsivetable th,
  table.responsivetable td,
  table.responsivetable tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table.responsivetable tr.thead { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
  
  /* Behave  like a "row" */
	table.pricing td { 
		border: none;
		position: relative;
	}
	
	/* position data from the left */
	table.pricing td { 
		padding-left: 40%;
        
	}
    table.pricing td { 
		padding-left: 38%;
	}
		
	table.responsivetable td:before { 
		/* Now like a table header */
		position: absolute;
      
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		white-space: nowrap;
	}

  table.pricing td:nth-of-type(1) { margin-top: 20px; background-color: #036; color: #fff; }

	
	/*	Label the data */
  
	table.pricing td:nth-of-type(1):before { content: "Type of Charter";  font-style: italic; }
	table.pricing td:nth-of-type(2):before { content: "Hourly Rate";  font-style: italic; }
	table.pricing td:nth-of-type(3):before { content: "Service Time"; font-style: italic;  }
  
}