/*
Theme Name: Ex Awards 2018
Description: A Single Page theme built on Bootstrap
Author: Sylvia Perna
Author URI: http://accessintelligence.com
Version: 1.0
Tags: responsive, bootstrap
*/

/* GLOBAL STYLES ***************************/
body {margin: 0; padding: 0; font-family: 'Roboto', sans-serif;}

h1, h2, h3, h4, h5, h6 {text-transform: uppercase; font-weight: normal;font-family: 'Roboto Condensed', sans-serif;}
h3 {margin-top: 0;font-family: 'Roboto Condensed', sans-serif;}

.fa-1 {font-size: 16em;}
.fa-2 {font-size: 8em;}
.fa-3 {font-size: 4em;}
.fa-4 {font-size: 2em;}
.fa-5 {font-size: 1.5em;}
.fa-6 {font-size: 1em;}

.primary, a.primary {color: #1e90ff;}
.black, a.black {color: #231f20;}
.gray, a.gray {color: #374146;}

.btn {text-transform: uppercase; font-weight: normal;}
.btn-info {background: #e5bd00; border: none; color: #000;}
.btn.ghost {
	background: none;
	border: 2px solid #f1d16c;
	color: #f1d16c;
	padding: 10px 15px;
	margin: 30px 0 0;
	-webkit-transition: background  0.3s; /* For Safari 3.1 to 6.0 */
    -o-transition: background  0.3s;
    transition: background  0.3s;
}

ul, ol {
    text-align: left;
}
a {
	color:#f1d16c;}

a:hover {
	color:#036288; text-decoration:none}

.btn.ghost i {
	display: block;
}


.btn.ghost:hover {
	color: #fff;
	background: #f1d16c;
}


/* This block of code sets the default behavior of images to be responsive-friendly, ALL images will re-size with the grid. Alternatively you can remove this code and make images in Bootstrap 3 responsive-friendly on a case by case bases via the addition of the .img-responsive class. Example: <img src="..." class="img-responsive" alt="Responsive image"> */
img {max-width: 100%;height: auto;}

/* WORDPRESS IMAGES ***************************/
.alignright {
	float: right;
	margin-left: 10px;
}

.alignleft {
	float:left;
	margin-right: 10px;
}

/* NAVBAR STYLES ***************************/
.navbar {background-color:rgba(0,0,0,.8) !important;}
.navbar-brand {padding: 9.5px 15px 0; height: 55px;}
.navbar-default {background: none; border: none; min-height: 80px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none;}
.navbar-header {height: 100px;}
.navbar-collapse {
	border-top: 1px solid rgba(0, 0, 0, 0);
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-overflow-scrolling: touch;
	background: rgba(0,0,0,0.95);
}
/*.navbar-default .navbar-nav>li.btn {margin: 13px 0 0 10px;}
.navbar-default .navbar-nav>li>a {color: rgba(255,255,255,1);padding: 28px 0 0 0; margin: 0 15px;}*/
.navbar-default .navbar-nav>li>a {
color: #FFF;
background: rgba(255, 255, 255, 0.2);
margin: 4px;
text-align: center;
text-transform:uppercase;
}
.navbar-default .navbar-nav>li.btn {margin: 4px;}
.navbar-default .navbar-nav>li.btn>a {background: none;}
.navbar-default .navbar-nav>li.btn>a {padding: 6px 12px; margin: 0;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: rgba(255,255,255,1); background: rgba(255,255,255,0.4);}
.navbar-default .navbar-nav>li.btn>a:hover {border: none; background: none;}

button.navbar-toggle {
font-size: 2em;
padding: 6px 8px;
margin: 17px 15px 0 0;
line-height: 1;
color: #ffffff !important;
border: 1px solid #ffffff !important;
}
button.navbar-toggle i {color: #ffffff;}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: rgba(255,255,255,0.3);
}

/* CONTENT SYTLES ***************************/
.section {padding: 6rem; text-align:center}
.section:nth-child(odd) {background-color: #fff}
.section .row {padding-bottom: 60px;}
.row:first-child {padding-bottom: 0;}
.section .row:last-child {padding-bottom: 60px;}

h2 {padding-top: 45px; margin: 0 0 0.5em;}
h3 {font-size: 24px;}
h3::after {
	content: "";
	margin: 10px auto 30px;
	width: 90px;
	border: 2px solid #f1d16c;
	display: block;
	text-align: center;
}
p.lead {font-weight: 700;}
p.light {font-weight: 300;text-transform: uppercase;margin-top: 30px;}
ul.list-unstyled>li {
	margin: 1.2em 0;
}
ul.list-inline>li {
	font-style: italic; font-weight: 700; text-transform: uppercase; padding: 0 15px;
}
ul.bulleted {
	margin: 1.5em auto;
	padding: 0;
	width: 50%;
	list-style: none;
}
ul.bulleted>li{
	margin: 0;
	padding: 0;
	line-height: 1.2;
}
ol>li {
	font-weight: 700;
	margin: 1.2em 0;
	font-size: 1.1em;
}
ol>li>small {display: block; font-weight: 300;}
span.icon-number {
	border-radius: 50%;
	background: #231f20;
	color: #ffffff;
	padding: 5px;
	line-height: 1;
	width: 28px;
	height: 28px;
	display: inline-block;
	vertical-align: middle;
	margin: 5px 0;
}
.form-group input {
	line-height: 2em;
	padding: 15px;
	height: auto;
	background: #eee;
}
textarea#message {
	padding: 15px;
	height: 313px;
	background: #eee;
}
form button {
	width: 100%;
	padding: 15px !important;
	margin: 15px 0 0;
}

.btn-primary {
    color: #000;
    background-color: #f1d16c !important;
    border-color: #f1d16c !important;
}

div#home img {
    margin-bottom: 0rem;
}

div#home {
	background: #000 url("https://nwkevents.accessintel.com/wp-content/themes/ex-awards-17/images/bkgs/topback.jpg") no-repeat;
	background-position:right top;
	color: #fff;
	text-align: left;

}
div#home h1 {padding-top: 60px; font-size: 36px; text-transform: uppercase; margin: 0 0 15px; line-height: 1;font-family: 'Roboto', sans-serif; color:#f1d16c}
div#home small {color: #fff; display: block; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold;}
div#home h3 {font-size: 20px; margin: 1.5em 0 0 0; font-family: 'Roboto Condensed', sans-serif; color:#f1d16c}
div#home h3::after {display: none;}
div#home h4 {font-size: 2.5rem;font-family: 'Roboto Condensed', sans-serif; color:#f1d16c}
div#home h5 {font-size: 1.8rem; font-family: 'Roboto Condensed', sans-serif; color:#f1d16c}
div#home p.large {font-size: 18px;}
div#home p.small {margin: 10px 0 4px; text-transform: uppercase; color: rgba(0,0,0,1);}
div#home p.deadline {margin: -4px 0 0 0; color:#fff;}
ul#home-list li {display: inline-block; line-height: 1; margin: 3px 10px 3px 0; font-size: 18px;}
ul#home-list li:nth-of-type(odd) {color: #f1d16c;}
div#scroll-icon {
	width: 100%;
	bottom: 0px;
	text-align: center;
	opacity: 0;
	-webkit-animation: scrollbounce 2s infinite;
	-o-animation: scrollbounce 2s infinite;
	animation: scrollbounce 2s infinite;
	-webkit-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}

div#entryrequirements {
	background-color:#f1f1f1;
}


@-webkit-keyframes scrollbounce {
	0% { bottom: 30px; opacity: 0; }
	50% { bottom: 10px; opacity: 1;}
	100% { bottom: 30px; opacity: 0;}
}

@-moz-keyframes scrollbounce {
	0% { bottom: 30px; opacity: 0;}
	50% { bottom: 10px; opacity: 1;}
	100% { bottom: 30px; opacity: 0;}
}

@-keyframes scrollbounce {
	0% { bottom: 30px; opacity: 0;}
	50% { bottom: 10px; opacity: 1;}
	100% { bottom: 30px; opacity: 0;}
}

div#categories {
	background-color:#333;
	color:#FFFFFF;
}

div#category-wrapper {
	padding: 60px; margin-bottom: -60px;
}
div#category-wrapper .row {padding-bottom: 0;}
div.award-wrapper {
	margin: 15px 0;
}
div.award-header {background: #f1d16c; margin-bottom: -1px; padding: 15px; position: relative; cursor: pointer;}
div.award-header.top-award {background: #f1d16c;}
div.award-header h4 { color: #333; font-size: 15px; vertical-align: middle;}
div.award-header i {font-size: 1.2em; color: #333;}
div.award-body { padding: 15px; font-size: 14px; background: #fff;color: #333;}

h4.btn.ghost.toggle-rules {
	margin: 0 0 30px;
	font-size: 14px;
	padding: 12px 12px;
}

div#rulesofentry h3 {margin-top: 2em;}
div#rulesofentry .wrapper:first-child h3 {margin-top: 0;}

div#gala {
	background: #000 url("https://nwkevents.accessintel.com/wp-content/themes/ex-awards-17/images/bkgs/promo-back.jpg") no-repeat;
	position: relative;
	color: #fff;
	background-size:cover;

	/*text-shadow: 2px 2px 0px rgba(35,31,32,1);*/
}
div#gala a {color: #f1d16c; font-weight: bold; text-decoration:none;}

div#contact form {}


div#footer {
	padding: 60px 0;
	color: #ffffff;
	background: #201e1c;
}
div#get-social {
	margin: 2em 0 0.5em;
}
div#get-social a {
	display: inline-block;
	padding: 10px;
	width: 50px;
	height: 50px;
	border: 2px solid #ffffff;
	color: #fff;
	-webkit-transition: background  0.3s; /* For Safari 3.1 to 6.0 */
    -o-transition: background  0.3s;
    transition: background  0.3s;
}
div#get-social a:hover {
	background: rgba(255,255,255,0.1);
}
/* WIDGET SYTLES ***************************/


/* GALLERY STYLES ***************************/


/* COUNTDOWN TIMER STYLES ***************************/
div#countdown-timer {
    text-transform: uppercase;
    font-size: 14px;
    color: #f1f1f1;
}
div#logo-timer-wrapper {display:inline-block;position:relative; padding:10px 20px; color: rgba(255,255,255,0.8);color:#FFFFFF}
div#countdown-timer {margin-bottom: 1.5em; position: relative;}
#announcementtime {position: relative; }
#announcementtime span.timer-display {display: none; font-size: 22px; margin:0 10px; padding: 15px 0; color:#f1f1f1}
#announcementtime span.timer-value {display:inline-block; text-align: right; font-size: 22px; padding: 15px; margin-right: 10px; line-height: 1; border: 1px solid rgba(255,255,255,0.8); background: rgba(0,0,0,0.2);color:#FFFFFF}
#announcementtime span.timer-unit {position:absolute; bottom: -5px; margin-left: -40px; font-size: 10px; text-transform: uppercase; color:#333}

/* PARTNER STYLES ***************************/
div#partner {
	margin: 10px 0 5px;
}

div#partner h5 {
	font-size: 12px;
	margin: 0px 0 5px 0;
}

div#partner img {
	display: inline-block;
	padding: 4px 0;
}

/* FOOTER STYLES ***************************/


/*BROWSER FIXES *****************************/
#_atssh {display: none;}
#at4m-mobile-container {display: none !important;}
#at4-thankyou {display: none !important;}

@media (min-width: 320px) {
	#trophy { display:none}

	div#home { padding:1em;
	margin-top: em;}

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.navbar-nav>li {padding: 0;}
	.navbar-default .navbar-nav>li.btn {margin: 25px 0 0 10px;}
	.navbar-default .navbar-nav>li>a {color: rgba(255,255,255,1);padding: 35px 0 0 0; margin: 0 6px; background: none; font-size: 13px;}
	.navbar-default .navbar-nav>li.btn>a {padding: 10px 15px; margin: 0;}
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus  {color: #fff; border-bottom: 2px solid #f1d16c; background: none; outline: none;}
	.navbar-collapse {background: none;}
	div#home h1 {font-size: 55px; margin-bottom: 10px;}
	div#home small {font-size: 20px;}
	div#home h3 {font-size: 28px; margin: 0.5em 0 0.25em;}
	div#rulesofentry h3, div#rulesofentry .wrapper:first-child h3 {margin-top: 0.5em;}
	div#rulesofentry .clearfix {padding: 60px;}
	.wrapper {padding: 0 30px 0 60px;}
	#announcementtime span.timer-value {margin-right: 20px;}
	div#home { padding:6em;}

}

@media (min-width: 875px) {
	.navbar-default .navbar-nav>li>a {font-size: 16px; margin: 0 8px;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

	#trophy {margin-top:5rem;display:block}

	div#partner {
		position: absolute;
		right: 0;
		text-align: center;
		top: 11vh;
		margin-top: 122px;
	}
	.navbar-default .navbar-nav>li>a {margin: 0 10px;}
}

/* Large devices (desktops, 1200px and up) */
@media (min-width: 1130px) {
	div#partner {margin-top: 34px;}
}

/* Large devices (desktops, 1200px and up) */
@media (min-width: 1400px) {
	div#home h1 {font-size: 60px;}
	div#partner {margin-top: 39px;}
}