/*
Theme Name:     MC Airline Systems And Construction
Theme URI: 		https://www.mcas.co.za
Author: 		Shot On Media
Author URI: 	https://www.shotonmedia.com
Description:    Theme for MCAS designed by Shot On Media
Template:       wp-bootstrap-starter
Version:        1.0
*/
.skip-link {
  display: none;
}
body {
  font-family: "Asap", sans-serif;
  font-size: 1.1em;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Anton', sans-serif;
}
.wpb_row h1,
.wpb_row h2,
.wpb_row h3,
.wpb_row h4,
.wpb_row h5,
.wpb_row h6 {
  font-variant: small-caps;
}
.entry-content h2 {font-size: 3em;}
.entry-content h3 {font-size: 1.75em;}
.entry-content h4 {font-size: 1.5em;}
.entry-content h5 {font-size: 1.25em;}
.entry-content h6 {font-size: 1em;}
.entry-content > .vc_row a {
  color: #6583b7;
}

.site-main a[href^="tel"],
.site-main a[href^="mailto"] {
  color: #ffffff;
}
.site-main a[href^="tel"]:before,
.site-main a[href^="mailto"]:before,
#footer-widget a[href^="tel"]:before,
#footer-widget a[href^="mailto"]:before  {
  display: inline-block;
  font-family:dashicons;
  content: "\f525";
  margin: 5px;
  margin-right: 15px;
  text-align: center;
  border-radius: 50%;
  line-height: 18px;
  padding: 5px 15px 5px 5px;
  width: 30px;
  height: 30px;
  background-color: #ffb700;
  color: #ffffff;
}
.site-main a[href^="mailto"]:before,
#footer-widget a[href^="mailto"]:before {
  content: "\f466";
}
.img-responsive {
	max-width: 100%;
	height: auto;
}
body section.content-area main.site-main article .entry-content > .vc_row:first-child,
body.home section.content-area main.site-main article .entry-content > .vc_row:first-child {
  margin-top: 0px;
}
header {
  /*background: #6583b7;*/
  background-color: #ffffff;
  border-bottom: 1px solid #6583b7;
  box-shadow: 0px 5px 10px #6583b7;
  margin-bottom: 0px;
}
header.site-header .navbar ul.navbar-nav a {
  font-family: "Droid Sans", serif;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 18px;
}
header.site-header .navbar-brand {
  width: 25%;
}
header.site-header .navbar-brand img {
  max-height: 50px;
  width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
} 
header.site-header .navbar-brand h1,
header.site-header .navbar-brand h1 a {
  font-family: "Droid Sans Bold", 'Calibri', serif;
  font-size: 18px;
  color: #06275a;
}
.entry-content > .wpb_row {
  border-bottom: 3px solid #000000;
}
.entry-content > .wpb_row > div {
  /*background-color: #ffffff;*/
  color: #ffffff;
  /*! min-height: 100vh; */
/*  background-color: rgba(255,255,255,0.2);*/
}
.entry-content > .wpb_row > div > .vc_column-inner {
  padding-top: 120px !important;
  padding-bottom: 120px !important;;
  
}
body.home .entry-content > .wpb_row:first-child {
  border-top: 3px solid #000;
}
body.home .entry-content > .wpb_row:first-child > div {
  min-height: 100px;
}
body.home .entry-content > .wpb_row:first-child > div,
body.home .entry-content > .wpb_row:first-child > div.wpb_column > .vc_column-inner {
  background-color: transparent;
  /*height: 100vh;*/
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
body.home .entry-content > .wpb_row:first-child > div.wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column  {
  margin-bottom: 0px !important;
}
#n2-ss-3-align .n2-ss-layer-content > .n2-ow {
  background-color: rgba(0,0,0,0.9);
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#45484d+0,000000+15,000000+50,000000+85,000000+100&0+0,1+15,1+50,1+85,0+100 */
  background: -moz-linear-gradient(left,  rgba(69,72,77,0) 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(69,72,77,0) 0%,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 80%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(69,72,77,0) 0%,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 80%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0045484d', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

  font-variant: small-caps; 
  width: 100%;
}
#n2-ss-3-align .n2-ss-layer-content > .n2-ow:first-child  {
  /*background-color: rgba(0,0,0,0.75);*/
  width: 100%;
  border-top: 1px solid #ffffff;
  /*padding-bottom: 20px;*/
}
#n2-ss-3-align .n2-ss-layer-content > .n2-ow:first-child  * {
  font-family: 'Anton', sans-serif !important;
  /*color: #06275a;
  text-shadow: 0px 0px 50px #fff;*/
  letter-spacing: 5px;
  /*border: 1px solid #f00;*/
}
#n2-ss-3-align .n2-ss-layer-content > .n2-ow:last-child {
  margin-bottom: 50px !important;
  padding-bottom: 20px;
  padding-top: 20px;
  border-bottom: 1px solid #fff;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#45484d+0,000000+15,000000+50,000000+85,000000+100&0+0,1+15,1+50,1+85,0+100 */
  background: -moz-linear-gradient(left,  rgba(69,72,77,0) 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(69,72,77,0) 0%,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 80%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(69,72,77,0) 0%,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 80%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0045484d', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
#n2-ss-3-align .n2-ss-layer-content > .n2-ow:last-child * {
  font-family: "Asap", sans-serif;
}


.ngg-albumoverview h4 .ngg-album-desc  {
  font-size: 1.75em !important;
}


.intro-section a {
  font-family: "Droid Sans", serif;
  font-size: 48px;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0px 0px 15px #000000;
}
#footer-widget {
  padding-top: 30px;
}
#footer-widget .container .row {
  justify-content: space-between;
}
#footer-widget .container .row > div:last-child * {
  text-align: right;
}
footer {
  text-align: center;
  font-weight: bold;
  font-size: 0.85em;
  padding: 10px 0px;
}
footer span {
  display: inline-block;
  padding: 3px 5px;
}
footer span:after {
  content: "|";
  padding-left: 10px;
}
footer span:last-child:after {
  content: "";
}

@media (max-width:768px){
  
  #n2-ss-3-align .n2-ss-layer-content > .n2-ow *{
    font-size: 2em !important;
  }
  #n2-ss-3-align .n2-ss-layer-content > .n2-ow p{
    font-size: 0.4em !important;
  }
}

@media (max-width:480px){
  
  #n2-ss-3-align .n2-ss-layer-content > .n2-ow *{
    font-size: 1.5em !important;
  }
  #n2-ss-3-align .n2-ss-layer-content > .n2-ow p{
    font-size: 0.5em !important;
  }
}