/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

body {
  padding-top: 54px;
  background: linear-gradient(#131313, #6c6c6c);
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  color: #00bcd4;
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
      color: #00bcd4;
  }
}

html {
  scroll-behavior: smooth;
}

.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.portfolio-item {
  margin-bottom: 30px;
}
a.navbar-brand {
	background-image: url(../images/bannermakeronline.svg) ;
	height: 100px;
	width: 460px;
	background-repeat: no-repeat;
	background-size: cover;
	}
.my-4 {
	color: #03a9f4;
	text-align: center;
	padding: 40px 0 0 0;
	font-family: 'Roboto Slab', serif;
	font-size: 350%;
}
h2 {
	text-align: center;
	margin: 30px 0 20px 0;
}
h3 {
	font-size: 230%;
}
.title-txt {
	text-align: center;	
	padding-top: 30px;
	color: #03a9f4;
	color: #dcdcdc;
	/* padding: 100px 0 0 0; */
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	font-size: 300%;
    font-family: 'Lato';
    font-weight: 300;
}
.card-header {
	text-align: center;
	color: #00bcd4;
	margin-bottom: -20px;
    margin-top: 10px;
    font-family: 'Lato';
    font-weight: 300;
}
.h-100 {
    height: 100%!important;
    background-color: transparent;
    }
.card-text {
	color: #bbb;
	text-align: center;    
    }
.card-footer {
	text-align: center;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 0px solid rgba(0,0,0,.125);
    margin-top: 4px;
    }
.card-title {
	color: #ccc!important;
	text-align: center;
	font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 115%;
}

a {
	color: #ccc;
}
a:hover {
    color: #ffc107;
    text-decoration: none;
}
.caption1 {
	font-family: 'Lato', serif;
	font-weight: 700;
	font-size: 450%;
	-shadow: 0px 2px 6px #000000bf;
}
.caption2 {
	font-family: 'Lato', serif;
	font-weight: 700;
	font-size: 450%;
	
	text-shadow: 0px 2px 13px #000000bf;
	
	/* background: transparent; */
	/*background: #00000038;
    padding: 50px;*/
}
.caption3 {
	font-family: 'Lato', serif;
	font-weight: 700;
	font-size: 450%;
	text-shadow: 0px 2px 13px #000000bf;
	/*background: #00000038;
    padding: 50px;*/
}

.btn-secondary {
    color: #fff;
    background-color: #8196a9;
    border-color: #545b62;
}
.btn-secondary:hover {
    color: #fff;
    background-color: #E91E63;
    border-color: #545b62;
}

p {
	color: #ccc;
}

/*
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    */
    
.text-white {
    color: #9e9e9e!important;
    font-size: 90%;
    font-family: 'Lato',sans-serif;
    font-weight: 300;
}
.text-uppercase {
	color: #ddd;;
}
img.bathurst-logo {
    width: 60%;
}
.footer-title {
    color: #ababab!important;
    font-size: 100%;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}
.text-foothead {
	color: #9e9e9e;
}

ul, li {
	list-style-type: none;
}

.h-100 {
    background-color: transparent;
}
.btn-primary {
    color: #fff;
    background-color: #1e2021; 
    border-color: #ccc;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}
.btn-block {
    font-weight: 300;
}
.card-extra {
	font-weight: 300;
	font-size: 130%;
	color: #ffc107!important;
}
.sign-row {
	height: 30px;
	margin-top: 30px;
	padding-top: 30px;
}
.vid-title {
    margin: 12px 0 0 0;
    text-align: center;
    font-size: 120%;
    color: #ccc;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}
.btn-primary:hover {
    color: #fff;
    background-color: #607d8b;
    border-color: #faa74f;
}
.navbar-dark .navbar-nav .nav-link {
    color: #faa74f!important;
}
.nav-link {
    color: #faa74f;
}
.bg-dark {
    background-color: #181818!important;
}
.bannermaterial {
    font-weight: 500;
    color: #ffc107;
}

.twoColumns{
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.threeColumns{
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}


p.4columns {
       -webkit-column-count: 4; /* Chrome, Safari, Opera */
       -moz-column-count:    4; /* Firefox */
       column-count:         4;
       -webkit-column-gap:   20px; /* Chrome, Safari, Opera */
       -moz-column-gap:      20px; /* Firefox */
       column-gap:           20px;
       column-rule-color: #ccc; /* Optional */
       column-rule-style:solid; /* Optional */
       column-rule-width: 1px; /* Optional */
       text-align: justify; /* Optional */
   }
p.3columns {
       -webkit-column-count: 3; /* Chrome, Safari, Opera */
       -moz-column-count:    3; /* Firefox */
       column-count:         3;
       -webkit-column-gap:   20px; /* Chrome, Safari, Opera */
       -moz-column-gap:      20px; /* Firefox */
       column-gap:           20px;
       column-rule-color: #ccc; /* Optional */
       column-rule-style:solid; /* Optional */
       column-rule-width: 1px; /* Optional */
       text-align: justify; /* Optional */
   }
p.2columns {
       -webkit-column-count: 2; /* Chrome, Safari, Opera */
       -moz-column-count:    2; /* Firefox */
       column-count:         2;
       -webkit-column-gap:   20px; /* Chrome, Safari, Opera */
       -moz-column-gap:      20px; /* Firefox */
       column-gap:           20px;
       column-rule-color: #ccc; /* Optional */
       column-rule-style:solid; /* Optional */
       column-rule-width: 1px; /* Optional */
       text-align: justify; /* Optional */
   }
   .banner-feat {
       font-size: 18pt;
       line-height: 1.3;
       color: #51e0f3;
       text-indent: -16px;
       padding-left: 20px;
       padding-right: 20px;
   }
   .bannerhead {
       text-align: center;
       margin: 20px auto 20px;
       color: #FFC107;
   }
   hr {
       margin-top: 1rem;
       margin-bottom: 1rem;
       border: 0;
       border-top: 1px solid #9E9E9E;
   }
.bannerhead2 {
    text-align: center;
    margin: 0 auto 20px;
    font-size: 36px;
    color: #51e0f3;
}
.bannerhead3 {
    text-align: center;
    font-size: 26px;
    color: #ffeb3b;
}
#login {
    float: right;
    margin-top: -26px;
    padding-left: 50px;
    font-size: 12px;
    font-weight: 500;
}
a.btn.btn-primary {
    border: 1px solid #F44336;
}
a.btn.btn-primary:hover {
    border: 1px solid #F44336;
    background-color: #F44336;
}
@media screen and (max-width: 600px) {
    .carousel-item.active {
        display: block;
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .threeColumns {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 1;
    }
  }
@media screen and (max-width: 360px) {
    .carousel-item.active {
        display: none;
        width: 70%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 1000px) {
    a.navbar-brand {
        transform: scale(.80);
    }
}
@media screen and (max-width: 500px) {
    a.navbar-brand {
        transform: scale(.60);
    }
}
.swim {
    border: 1px solid #607d8b;
    padding: 20px 20px 0px 32px;
    margin-bottom: 32px;
}