/*********************************************************************************************************
	
		Made with love by Code Artists
	
		For support, please contact help@codeartists.com.au
		
		© 2017
	
/********************************************************************************************************
	
	
	
	
  _______           _        __ ____          _    _                     
 |__   __|         | |      / /|  _ \        | |  | |                    
    | |  ___ __  __| |_    / / | |_) | _   _ | |_ | |_  ___   _ __   ___ 
    | | / _ \\ \/ /| __|  / /  |  _ < | | | || __|| __|/ _ \ | '_ \ / __|
    | ||  __/ >  < | |_  / /   | |_) || |_| || |_ | |_| (_) || | | |\__ \
    |_| \___|/_/\_\ \__|/_/    |____/  \__,_| \__| \__|\___/ |_| |_||___/
*********************************************************************************************************/


/* CUSTOM FONTS */


.nav-bg { display:block;z-index:80; }

@font-face {
    font-family: 'prox';
    src: url('/motorshow/_assets/fonts/proxbold.woff2') format('woff2'),
         url('/motorshow/_assets/fonts/proxbold.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}
@font-face {
    font-family: 'prox';
    src: url('/motorshow/_assets/fonts/proxexbold.woff2') format('woff2'),
         url('/motorshow/_assets/fonts/proxexbold.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}



/* TYPE STYLING */

body { box-shadow: 0 0 6px rgba(0,0,70,0.2);}

html { 
	background:#f5f5f9;
}
h1,h2,h3,h4,h5,h6,.slab, h1 *,h2 *,h3 *,h4 *,h5 *,h6 * {
	font-family: 'prox', sans-serif;
	font-weight:700;
	text-transform: uppercase;
}

h1 { font-size:1.8rem;position: relative;padding-bottom:50px;}

h1::after { height:8px;width:70px;background:#FFF;content:" ";position: absolute;right:0;bottom:25px;}

h2 { font-size:1.7rem;margin-top:4rem;color:#000;}

h3 { font-size:1.4rem;}
section p a {
	color: #D22329;
}

section p a:hover {
	color: #B7001C;
}

/* BUTTON STYLING */

.btn {
	border-radius: 0px;
	border:none;
	padding:11px 35px;
	font-family: 'prox', sans-serif;
	font-weight:700;
	text-transform: uppercase;
	text-decoration: none;
}

.btn.btn-primary, a.btn.btn-primary:not([href]) {
	background: #D22329;
	color: #FFF;
	z-index: 1;
	position: relative;
	box-shadow:4px 4px 0 #a82025;
}


.btn.btn-primary:hover {
	background: #a82025;
	box-shadow:0 0 0 #921e22;
	color: #FFF;
	 -webkit-transform:  scale(1.05);
	-moz-transform:  scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);

}

.btn.btn-secondary {
	background: #16181D;
	color: #CCC;
}

.btn.btn-secondary i {
	color: #FFF
}

.btn.btn-secondary:hover {
	background: #16181D;
	color:#FFF;
}

.addtocalendar { top:6px;}

.btn.btn-outline-primary,.atcb-link{
	border: 1px solid #EEE;
	color: #E5001A;
	padding:11px 35px;
	background: transparent;
	line-height:1em !important;
	border-radius: 0px;	
}

.btn.btn-outline-primary:hover {
	background:#EEE;}



/* DEFAULT COLOURS */

.tc-white {
	color: #FFF;
}

.tc-red, .req {
	color: #D22329;
}

.bgc-red {
	background-color: #D22329;
}
.bgc-white {
	background: -webkit-linear-gradient(#ffffff 0%, #f5f5f9 100%);
}
.bgc-grey {
	background: #ededf0;
}

.bgc-darkwhite { 
	background: -webkit-linear-gradient(#ededf0 0%, #f5f5f9 100%);
}

.bgc-black { 
	background: #16181d;
		box-shadow: inset 0 0 40px rgba(0,0,10,0.7);
}

.img-round {
	border-radius:9999px;
}

nav, .copyright {
	background: #16181d;
}

nav a.nav-link { color: #FFF;}

nav a.nav-link:hover { 
	color: #D22329;
}

nav a.nav-link.btn { padding-left:25px;padding-right:25px;}


nav .subnav { background: #16181D;border-radius:0;box-shadow: 0 0 2px rgba(0,0,0,0.3);}
nav .subnav a { color: #DDD;border-bottom:1px dashed #272b33}
nav .subnav i { color: #FFF;}
a:hover { color:#D22329}

/* SECTIONS */


section {
	padding:5rem 0;
	
}

.subscribe {
	background: #FFF;
	border-top:1px solid #EEE;
	
}

div.spacer {
	height:50px;
}


.img-circle-right {
	border-radius:999px;
	margin-left:40px;
	margin-bottom:40px;
	border:4px solid #FFF;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	max-width:30%;
}


.img-circle-left {
	border-radius:999px;
	margin-right:40px;
	margin-bottom:40px;
	border:4px solid #FFF;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	max-width:30%;
}


.intro {
	padding: 0;	
}

.internalHeader { 
	background-color:#333;
padding:0;}



.internalHeader .overlay {
	background:rgba(184, 0, 29, 0.84);
	text-align: left;
	padding:3rem 15px 10rem 40px;
	overflow:hidden;
	min-height:50vh;
}


.internalHeader h1::after { display:none;}
.internalHeader h1 {
	color:#FFF;
	display: block;
	z-index:5;
	font-size:7rem;
	font-family: 'prox', sans-serif;
	font-weight:700;
	margin:0 !important;
	text-align: left;
	line-height:5.3rem;
	text-transform: uppercase;
	padding:0;
	position: absolute;bottom:40px;left:40px;
	border:3px solid transparent;
	text-shadow: 4px 4px 0  rgba(0,0,0,0.1);
}
.tiles .row > .square {
	color: #FFF;
	position:relative;
	-webkit-transition:  0.25s all ease-in-out;
	-moz-transition:  0.25s all ease-in-out;
	-o-transition:  0.25s all ease-in-out;
	padding:0;
	transition: 0.25s all ease-in-out;	
	}

.tiles .row > .square .bgwrap:hover {
	z-index: 5;
	box-shadow: 0 2px 9px rgba(0,0,0,0.2);
	cursor:pointer;
}

.tiles .row > .square::before {
	padding-top:100%;
	position: relative;
	display:block;
	content:"";
	
}
.tiles .row .square .bgwrap {
	position: absolute;
	top:15px;
	right:15px;
	left:15px;
	-webkit-transition:  0.25s all ease-in-out;
	-moz-transition:  0.25s all ease-in-out;
	-o-transition:  0.25s all ease-in-out;
	transition: 0.25s all ease-in-out;
	
	bottom:15px;
	background-size: cover;
	background-position: center;
}
.tiles .row .square span {
	color: #FFF !important;
	background: rgba(0,0,0,0.78);
	position:absolute;
	left:0;
	bottom:0;
	padding:5px 20px;
	display: inline;
	text-align: left;
    font-family: 'prox';
	font-weight:500;
	font-size:.8rem;
	line-height: 1.5rem;
	text-transform: uppercase;
	
}
.tiles .row .square span b {
	color: red;
}
.tiles h2 { font-size:8rem;opacity:.1;}

.tiles .row a span i { display: none;}
.tiles .row a { background-size:cover;background-position: center;}

.performertiles.tiles .row > .square  { padding:15px; }

.performertiles > div .performer  { background:transparent;height:100%;position: relative;background-size:cover}

.performertiles.tiles .row > .square span {
	background: #FFF;
	padding:10px;
	width:100%;
	text-align: center;
	text-transform: none;
	border-bottom:1px solid #EEE;
	border-right:1px solid #EEE;
	border-left: 1px solid #EEE;
	font-weight:100 !important;
	color:#999 !important;
	
}

.performertiles.tiles .row > .square span strong {
	color:#333 !important;
	font-size:1rem;
	font-weight:400;
}

.whatson .tiles a { filter: grayscale(60%);}

.internalContent {
	overflow:hidden;
}

section .row div > *:first-child {
	margin-top:0;
}

.internalContent h2, .internalcontent h3, .internalcontent h4 {
	color: #16181D;
}

.panels .col-md-6 div {
	background: #FFF;
	border-radius:0;
	box-shadow: none;
}

.panels .col-md-6:first-child div {
	background: transparent;
}

.panels .col-md-6:last-child h2 {
border-bottom: 1px solid #DDD;
}

.panels .col-md-6 h2 { 
	border-bottom: 1px solid #DDD;
	padding-bottom:15px;
	margin-bottom:15px;
	color: #E4001A;
}

.panels h4 {
	font-size:1.2rem;
}


@keyframes ANIMATIONAME {
    0% {
	    
    }
    40% {
	    
    }
    100% {

    }
}


footer { padding:0;position:relative;background: #000;}
.copyright p { margin: 20px 0;}
.copyright p a,.copyright p { color:#AAA;font-size:.7rem;text-transform: uppercase;letter-spacing: 0.1em;}
.sponsors {
	border-bottom:1px solid #EEE;
	padding:3rem 0;
}


.internal-logo {
	background: url('/motorshow/_assets/img/logo.png') left center no-repeat scroll transparent;
	background-size: contain;
	height:100px;
	display:block;
	-webkit-transition:  0.25s all ease-in-out;
	-moz-transition:  0.25s all ease-in-out;
	-o-transition:  0.25s all ease-in-out;
	transition: 0.25s all ease-in-out;
	 -webkit-transform:  scale(.95);
	-moz-transform: scale(.95);
	-o-transform:  scale(.95);
	transform: scale(.95);
	z-index:10;
	margin-bottom:6rem;
	position: relative;
}

.internal-logo:hover {
	transform: none;
}

#instafeed {
	padding-bottom:0;
	padding:0;
}

#instafeed .instagramimagelink {
	filter: grayscale(50%);
	opacity:.6;
}

#instafeed .instagramimagelink:hover {
	filter: grayscale(0%);
	opacity:1;
}

.instaheading { 
	position: absolute;
	top:50%;
	width:100%;
	text-align: center;
	z-index: 50;
	margin:0;
	pointer-events: none;
	height:30px;
	margin-top:-15px;
	color: #FFF;
}


.instagramimagelink {
    padding: 0;
    background-size: cover;
    background-position: center;
    border: 0;
}

#map { 
	height:550px;
}

footer h2 { margin-top:0;}


/*_          __    _                               
 \ \        / /   | |                              
  \ \  /\  / /___ | |__    __ _  _ __   _ __   ___ 
   \ \/  \/ // _ \| '_ \  / _` || '_ \ | '_ \ / __|
    \  /\  /|  __/| |_) || (_| || |_) || |_) |\__ \
     \/  \/  \___||_.__/  \__,_|| .__/ | .__/ |___/
                                | |    | |         
                                |_|    |_|                                                  
*********************************************************************************************************/

.newswrap {}

.newswrap .btn { margin-top:40px;}

.news.row { 
	padding:1px 15px;
}


.news.row .date { background: #FFF;box-shadow: 0 2px 2px rgba(0,0,0,0.1);padding:4px 6px;font-size:.65rem;text-transform: uppercase;color:#AAA;position: absolute;top:3px;left:-3px;letter-spacing: 0.1em;}
.news.row h5 a  {color: #16181d;}

.news.row img { width:100%;}

.news-item h4 a { color: #16181d;}
.news-item > div { background:black;}
.news-item .read-more { 	font-family: 'prox', sans-serif;
	font-weight:700;
	text-transform: uppercase;
	text-decoration: none;
}

.newswrap .news.row:nth-child(n+4) {
	display:none;
}

.news-item.performer {
	padding:1px;
}
.news-item:hover { 
	 -webkit-transform:  scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform:  scale(1.05);
	z-index:5;
	position:relative;
	transform:  scale(1.05);
}
.news-item:hover > div {
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.footersponsors a { opacity:0.4;}

/*_____                                       _             
 |  __ \                                     (_)            
 | |__) | ___  ___  _ __    ___   _ __   ___  _ __   __ ___ 
 |  _  / / _ \/ __|| '_ \  / _ \ | '_ \ / __|| |\ \ / // _ \
 | | \ \|  __/\__ \| |_) || (_) || | | |\__ \| | \ V /|  __/
 |_|  \_\\___||___/| .__/  \___/ |_| |_||___/|_|  \_/  \___|
                   | |                                      
                   |_|                                      
*********************************************************************************************************/




@media (min-width:980px and max-width:1280px) {
nav a.nav-link { padding:10px 0;}
}
@media (max-width:980px) {

.navbar { padding:3px 1rem; background: rgba(69, 29, 100, 0.98)}


.internalHeader .overlay {
	background: transparent
}

.internalHeader .overlay:before {
	z-index:1;
	width:40%;
	top:0;
	left:5%;
	content:"";
	background:rgba(180, 0, 0, 0.83);
	position: absolute;
	height:100%;
}

.internalHeader .internal-logo {
	width:34%;
	height:200px;
	background-position: left top;
}


.instaheading {
	font-size:1.4rem;
}



.navbar-toggler { top:13px;z-indeX:900;}
	.intro .btn-outline-primary{ margin:1rem;}
	.internalHeader { padding:0 0;}
	.internalHeader h1 { font-size:3rem;}
	.subscribe strong { display:block;padding-top:10px;}
	
	.intro .container { height:auto;min-height:inherit;}
	.intro .container .row { padding:15px 0;}
	.intro img.animate { animation: none;display:none;}
	.intro { 	background: url('/sails/_assets/img/orange-bg.jpg') center center no-repeat fixed #EBAB56; background-size:cover;
}
.intro .logo img {
    max-height: 100%;
    width: 126%;
    left: -15%;
    position: relative;
}
	body .btn, a.atcb-link { font-size:1.1rem !important;}
	body h2 { font-size:2rem;}

	.intro  .button .btn, .intro .a.atcb-link involvedintro .btn { display:block;width:90%;margin:10px auto;}	
	div.news-item.performer { padding:5px;}
	div.news-item.performer > div div {padding:10px; }
	div.news-item.performer > div div h4 {font-size:1.2rem; }
	div.news-item > div > a { 
		height:250px;
	}
	div.news-item.performer > div > p.link { 
		height:150px;
	}
	
	nav {  border-bottom: #351149;display:block !important;}
	
		.mobilehome {
		    position: absolute;
		    top: 10px;
		    left: 10px;
		    width: 100px;
		    bottom: 10px;
		    height:auto;
	}	

		.mobilehome img {
		height:100%
}
	
	nav .row#mainnav { 
		background: #000;
		background-size:cover;
	}
	
	.internal-logo {
		height:160px;
	}
	
	
	.link  i.fa-smile-o {
	font-size:2rem;
	margin: 1rem auto;
	margin-top:20px;
}


.img-circle-right ,.img-circle-left {
	max-width:100%;
	width:70%;
	margin:0 auto;
	display:block;
	float:none;
}



	
}