@charset "UTF-8";
/*
Name: UX Awards CSS
URI: http://userexperienceawards.com/
Description: Soon to be MobileFirst CSS Stylesheet for the UX Awards
Last update: Fero Novak (webWRX)
Version: 2.0.4
Date: 24.08.2014
*/

/* Table of Content
=============================================================================
    #Base Styles
    #Page Styles
    #CSS Animations
    #Media Queries */


/* #Base Styles
=============================================================================*/

/* HTML5
-----------------------------------------------------------------------------*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display:block}
audio,canvas,video {display:inline-block;*display:inline;*zoom:1}
audio:not([controls]) {display:none;height:0}
[hidden] {display:none}

/* Base
-----------------------------------------------------------------------------*/
html {font-size:100%;-webkit-text-size-adjust:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent,-webkit-user-select:none}
body {background:#333;margin:0;font-family:'Open Sans',sans-serif;font-size:62.5%;font-weight:400;color:#333} /* bev replaced from #464646 causing issues */

/* apply a natural box layout model to all elements */
* {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}

/* Typography
-----------------------------------------------------------------------------*/
h1,h2,h3,h4 {margin:0;font-weight:400}
h1 {font-size:2em}
h2 {font-size:1.8em}
h3 {font-size:1.6em}
h4 {font-size:1.3em}
p {font-size:1.2em;font-weight:300}
b,strong {font-weight:bold} /* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
small {font-size:80%} /* Addresses inconsistent and variable font size in all browsers. */
sub,sup {position:relative;font-size:75%;line-height:0;vertical-align:baseline} /* Prevents `sub` and `sup` affecting `line-height` in all browsers. */
sup {top:-0.5em}
sub {bottom:-0.25em}

/* Links & Buttons
-----------------------------------------------------------------------------*/
a {color:#fff;outline:0;text-decoration:underline;transition:.25s;cursor:pointer}
a:active, a:hover {
	outline: 0;
	color: #fef200;
	text-decoration: none;
}
a:focus {outline:thin dotted}
h1 a,h2 a,h3 a,h4 a,h5 a,dt a {text-decoration:none}
.ir {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden; 
	color: transparent; 
	text-decoration: none; 
	font-size: 0;
}
button,.button,.btn {background:#4d4d4d;width:auto;margin:2em 0 0;padding:10px 15px;font-size:1.6em;color:#fff}
.button {margin:0}
button:hover,.button:hover,.btn:hover {background:#fef200}

/* Images & Media
-----------------------------------------------------------------------------*/
img {max-width:100%;height:auto;border:0;vertical-align:middle}
figure {margin:0}
svg:not(:root) {overflow:hidden}
audio:not([controls]) {display:none;height:0} /* Remove excess height in iOS 5 devices. */

/* Forms and Table
-----------------------------------------------------------------------------*/
form {position:relative;margin:0}
fieldset {border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend {border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea {font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input {line-height:normal}
button,html input[type=button],input[type=reset],input[type=submit] {-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],input[disabled] {cursor:default}
input[type=checkbox],input[type=radio] {box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type=search] {-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0}
textarea {overflow:auto;vertical-align:top}
table {border-collapse:collapse;border-spacing:0}
input:focus,select:focus,textarea:focus,button:focus {outline:none}
input,button {border:0}
input[type=email],input[type=text],input[type=submit],textarea {transition:all .2s ease-in-out;outline:none;border:1px solid #4d4d4d}
input[type=email]:focus, input[type=text]:focus, textarea:focus {
/*	box-shadow: 0 0 5px #fef200;*/
	border: 1px solid #fff;
}
input[type=submit] {border:none}
ul,li,dl,dt,dd,menu,dir {margin:0;padding:0;list-style-type:none}


/* #Site Styles (Global/Utility Classes/Page Classes)
=============================================================================*/
.wrap,.menu-main-container {position:relative;margin:0 auto;width:960px}
.purple { color: #ff1493; }
.blue { color: #42bef1; }

/* Header/Nav/Footer */
header.site {position:relative;height:157px; height: 180px; padding-top: 13px;}
header.site hgroup {position:absolute;top:7px;width:466px;height:103px}
header.site hgroup a {display:block;background-image:url(../images/logo.png);background-size:100%;background-repeat:no-repeat;background-position:0 0;width:466px;height:103px}
header.site nav {position:absolute;bottom:0;width:100%;height:40px;background:#fef200}
header.site nav ul {margin:0;padding:0}
header.site nav li {position:relative;display:inline-block;vertical-align:middle;margin:0 2em 0 0}
header.site nav li:last-child {margin:0}
header.site nav ul ul {display:none;position:absolute;background:#fef200;padding:0 1em;z-index:1000}
header.site nav li#menu-item-2400:hover ul {display:block}
header.site nav a {line-height:40px;font-size:1.5em;color:#333;text-transform:uppercase;text-decoration:none}
header.site nav a:hover,header.site nav li.current-menu-item a {color:#fff}
footer.site {
	background: #fef200;
	color: #333;
	height: 67px;
	line-height: 40px;
	padding: 15px 0;
	position: relative;
	width: 100%;
}
footer.site small {
	float: left;
	font-size: 1.1em;
}
footer.site a {color:#444}


/* Hero */
.hero {background:#fef200 url('../images/hero/diag-pattern.png') repeat 0 0;padding:25px 0}
.hero h1 {font-size:5.7em;line-height:1.1em;color:#fff}
.hero h2 {padding:10px 0 0;font-size:2em;font-weight:300;line-height:1.2em;color:#fff}
.hero h3 {margin:0 auto;width:686px;font-size:1.5em;font-weight:400;color:#fff;text-align:center}
.hero .cta {
    display:inline-block;vertical-align:middle;background:#4d4d4d url('../images/hero/arrow.png') no-repeat 440px 30px;margin:30px 10px 0 0;
    padding:20px 0 20px 15px;width:470px;line-height:1.2em;font-size:2em;font-weight:400;color:#fff;text-decoration:none;box-shadow:-2px 2px 0 0 rgba(0,0,0,0.4)
}
.hero .cta.submission {background-color:#fef200} /*  fef200 */
.hero .cta:hover {background-color:#ccc;color:#444;-moz-box-shadow:0 0 0 0 rgba(0,0,0,0.3);-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0.3);box-shadow:0 0 0 0 rgba(0,0,0,0.3)}
.hero .cta.submission:hover {background-color:#821882;color:#fff}
.hero .cta span {display:block;font-size:.8em;font-weight:300}

/* Content */
.content {padding:20px 0 20px}
.content h1 {font-size:1.7em;color:#fef200;text-transform:uppercase;}
.content h2 {margin:15px 0 0;color:#fff;text-transform:none}
.content h3 {font-size:1.9em;font-weight:300;color:#f2f2f2}
.content article h3 { font-size: 1.5em;margin-bottom: 5px;}  
.content h4 {margin:20px 0 0;font-weight:400;font-size:1.5em;color:#ccc}
.content p {margin:10px 0 0;font-size:1.4em;color:#ccc}
.content article {margin:0 0 0 225px;padding:10px 0 25px;border-bottom:1px solid #fef200}
.content.full article {margin:0}
.content article:last-child {background:none;border:none}
.content form {margin:20px 0 0}
.content figure {display:inline-block;vertical-align:top}
.content ul {margin:0;padding:0;color: #ccc;font-size: 1.4em;font-weight: 300;}

/* Social */
.social {
	position: absolute;
	top: 60px;
	right: 0;
}
.social a {
	display: inline-block;
	vertical-align: middle;
	margin: 0 8px 0 0;
	width: 40px;
	height: 40px;
	background: #4d4d4d url(../images/social-2.png) no-repeat 0 0;
}
.social a:last-child {
	margin: 0;
}
.social a.fb:hover {
	background-position: 0 -47px;
}
.social a.twitter {
	background-position: 0 -94px;
}
.social a.twitter:hover {
	background-position: 0 -141px;
}
.social a.linkedin {
	background-position: 0 -188px;
}
.social a.linkedin:hover {
	background-position: 0 -235px;
}
.social a.youtube {
	background-position: 0 -282px;
}
.social a.youtube:hover {
	background-position: 0 -329px;
}
.social a.medium {
	background-position: 0 -376px;
}
.social a.medium:hover {
	background-position: 0 -423px;
}
.social a.meetup {
	background-position: 0 -470px;
}
.social a.meetup:hover {
	background-position: 0 -517px;
}

/* Mailing List */
.mailing-list {
	position: absolute;
	right: 0;
	top: 15px}
.mailing-list input,.mailing-list button {float:left;background:#4d4d4d;padding:10px;width:219px;font-size:1.2em;color:#fff;}
.mailing-list button {width:75px;background:#444;text-transform:uppercase;border:1px solid #444}
.content .mailing-list {margin:0 0 4em;overflow:hidden}
.content .mailing-list .social {width:auto}
.content .mailing-list {position:relative}
.content .mailing-list form {width:575px}
.content .mailing-list input {width:300px}
.content .social {top:auto}
.signup-success {
	color: #fff;
	display: none; 
	font-size: 1.2em; 
	height: 37px;
	padding: 10px 0; 
    position: relative;
	width: 294px;
}
.content .signup-success {
	padding-top: 20px;
	height: 57px;
	line-height: 300%;
}
footer.site .signup-success {
	color: #333;
	padding: 0;
}
footer.site .mailing-list {
	position: relative;
    right: auto;
    top: auto;
    float: right;
}

/* Mobile footer */
@media (max-width: 480px) {
	.content .mailing-list input {
		width: 219px;
	}
	.content .mailing-list button {
		width: 75px;
	}
	footer.site {
	 	height: auto;
	 	line-height: 170%;
	 	text-align: center;
	 }
	footer.site .mailing-list, .content .mailing-list {
	 	clear: left;
	 	float: none;
	    display: block;
	    height: auto;
    }
    footer.site .signup-success {
    	margin-left: auto;
    	margin-right: auto;
    	padding-top: 20px;
    }
    form.ctct-custom-form {
    	display: inline-block;
    	margin-top: 20px;
    }
}

form.ctct-custom-form[style="display: none;"] + .signup-success {
    display: block;
}


/* Classes by Page
-----------------------------------------------------------------------------*/

/* Homepage */
body.page-homepage .hero h1 {background:transparent;background-image:url('../images/hero/hero.png');background-size:cover;margin:0 auto 0px;height:155px}
body.page-homepage .content h1 {margin:20px 0 15px}
body.page-homepage .judges h1 {margin:0 0 15px}
body.page-homepage .judges figure {margin:0 5px 15px 0;width:184px}
body.page-homepage .judges figure.last {margin:0 0 15px}
body.page-homepage .judges figcaption {padding:5px 0;font-size:1.4em;color:#ddd}
body.page-homepage .partners li {display:inline;padding:0 10px 0 0;}
body.page-homepage .partners div,body.page-homepage .partners ul {background:#4d4d4d;padding:1em}
body.page-homepage .partners div {padding:1.5em 1.1em 1em}
body.page-homepage .partners figure {margin:0 1px .5em 0}
body.page-homepage .schedule > div { background-color: #4d4d4d; padding: 1em; }
body.page-homepage .schedule ul { margin: 5px 0;}
body.page-homepage .content .homepage-media {margin:35px 0 15px}

/* Event Details */
body.page-event-details .content article {margin:0;padding: 2em 0 3em}
body.page-event-details article h1 {padding:.5em 0 0}
body.page-event-details article:first-child h1 {padding:0 0 1em}
body.page-event-details .content figure {padding:1em 0}

/* Judges */
body.page-judges .content figure {float:left;margin:20px 0 0}
body.page-judges .content figure {float:left;margin:20px 0 0}
body.page-judges .content figure img {width:200px}
body.page-judges .content .judge-info {margin:0 0 0 225px}

/* Partners-Sponsors */
body.page-partners-sponsors .content h1 {padding:3em 0 0}
body.page-partners-sponsors .content h1:first-child {padding:0}
body.page-partners-sponsors .content figure {float:none;margin:20px 0;width:auto}
body.page-partners-sponsors .content figure img {width:auto}

/* Past Years */
body.page-past-years .content h1 {padding:1.5em 0 0}
body.page-past-years .content h1:first-child {padding:0 0 1.5em}


/* Submissions */
body.page-submission .hero .cta.submission {margin:20px 0 0}
body.page-submission .content article,body.page-ux-awards-2014-submission-form .content article,body.page-submission-confirmation .content article {margin:0;padding:10px 0 32px;border:none}
body.page-submission .content article:last-child,body.page-contact .content article:last-child {background:none}
body.page-submission .wrap div {padding:0 0 20px;border-bottom:1px solid #fef200}
body.page-submission .wrap div:last-child {border:none}
body.page-submission .content dl {margin:0;font-size:1.4em;font-weight:300}
body.page-submission .content dt {margin:10px 0 0;color:#ccc}
body.page-submission .content dd {margin:10px 100px 0 40px;padding-left:10px;color:#ccc;display:list-item;list-style:disc}
body.page-submission .content p,body.page-contact .content p {margin:10px 100px 0 0}
body.page-submission-form iframe {margin:20px 0}

body.single-2014-submissions header.site nav {background-color:#00d8a3;}
body.single-2014-submissions footer {background-color:#00d8a3;}
body.single-2014-submissions header.site hgroup a {background-image: url('../images/logo-2014-2.png');}
body.single-2014-submissions header.site nav ul ul {background-color:#00d8a3;}
body.single-2014-submissions .hero {background-color:#00d8a3;}






/* Entries */
body.page-entries .submission-entry {width:33%; max-height:600px;padding:1em;
	font-size:1.2em;color:#ddd;transition:all 0.30s ease-in-out;-ms-word-break:break-word;
	word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto; margin-bottom:70px;}
body.page-entries .submission-entry:hover {background:#444;}
/* body.page-entries .submission-entry .submission-photo {min-height:300px}*/
body.page-entries .submission-entry div img {max-height:300px;width:100%}
body.page-entries .submission-entry figcaption {padding:1em 0}
body.page-entries .submission-entry figcaption em, body.views-template-entrydetailsview em, body.views-template-entrydetailsview- em {
	font-weight: bold;
	font-style: normal;
	color: #eee;
}
body.page-entries .submission-entry dt {font-size:1.4em}
body.page-entries .submission-entry dd, body.views-template-entrydetailsview .submission-info dd, body.views-template-entrydetailsview- .submission-info dd {
	position: relative;
	padding: .2em 0;
}
body.views-template-entrydetailsview .content figure, body.views-template-entrydetailsview- .content figure {
	max-width: 300px;
}
body.views-template-entrydetailsview .submission-info, body.views-template-entrydetailsview- .submission-info {
	display: inline-block;
	vertical-align: top;
	max-width: 625px;
	padding: 0 0 0 3em;
	color: #fff;
}
body.views-template-entrydetailsview .submission-info dt, body.views-template-entrydetailsview- .submission-info dt {
	font-size: 1.8em;
}
body.views-template-entrydetailsview .submission-info dt a, body.views-template-entrydetailsview- .submission-info dt a {
	text-decoration: underline;
}
body.views-template-entrydetailsview .submission-info dd, body.views-template-entrydetailsview- .submission-info dd {
	padding: .4em 0;
	font-size: 1.4em;
	font-weight: 300;
}
body.views-template-entrydetailsview .submission-info p, body.views-template-entrydetailsview- .submission-info p {
	font-size: 1em;
	color: #fff;
}

/* 2015 entries */

body.page-2015-entries figcaption dd p {margin-top:7px;}


/* 2015 entries - experimental, new */
/* 2015 entries */
body.page-2015-entries img.submission-photo { width:300px; height:300px; display:block; background-size: cover; background-position: top left; }
.entries-voting-block {position:absolute; background-color:rgba(255,0,255,0); height:150px; left:0; right:0; z-index:5000; bottom:0;} /* this div keeps it so people can't vote from entry page */
body.page-2015-entries a.submission-entry {position:relative; text-decoration:none; display:inline-block; vertical-align: top; width:300px; padding:9px; margin-bottom:70px; transition:background 0.30s ease-in-out;}
body.page-2015-entries a.submission-entry:hover {background:#444; color: #fff;}
body.page-2015-entries a.submission-entry dt {padding-top:10px; font-size:24px;  word-wrap:break-word;  line-height:120%; display:inline-block; max-width:300px; font-weight:200;}
body.page-2015-entries a.submission-entry .coverup { border:3px solid #fef200; transition:opacity 0.30s ease-in-out; display:flex; justify-content:center; opacity:0;z-index:6000; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(228,6,248,0.7); color:#fff; text-align:center;}
body.page-2015-entries a.submission-entry:hover .coverup {opacity:1; cursor:pointer !important; }
body.page-2015-entries a.submission-entry .coverup-message {transition:all 0.30s ease-in-out; align-self:center; font-weight:200; font-size:30px; position:relative; top:-50px; opacity:0;}
body.page-2015-entries a.submission-entry:hover .coverup-message {opacity:1; top:0; cursor: pointer !important; }
body.page-2015-entries a.submission-entry dd p {font-size:14px; color:#ccc; margin:5px 0 5px; font-weight:300;}
body.page-2015-entries a.submission-entry dd {font-size:10px; color:#ccc; margin:0; font-weight:300;}
body.page-2015-entries a.submission-entry dd:last-child {margin-top:7px;}
body.page-2015-entries a.submission-entry dd .post-ratings {color:transparent;} /* hide the parentheses */
body.page-2015-entries a.submission-entry dd .post-ratings em { padding-top:5px; margin-bottom:-10px; color:#ccc; display:block; font-weight:normal; font-style:normal;}
body.page-2015-entries a.submission-entry dd .post-ratings em strong {font-weight:normal;}


/*hiding the ratings from the 2015 entries list - the stuff causes all sorts of issues when it is not being used*/
body.page-2015-entries figcaption .post-ratings {display:none;}
body.page-2015-entries figcaption .entries-voting-block {display:none;}

/* Awards page */
body.page-awards .content figure {position:absolute;top:30px;left:0;width:200px}
body.page-awards .content figure img {width:200px}

/* Case study buttons */
body.single-2011-submissions .content .view_case_study_button,
body.single-2012-submissions .content .view_case_study_button,
body.single-2013-submissions .content .view_case_study_button,
body.single-2014-submissions .content .view_case_study_button,
body.single-2015-submissions .content .view_case_study_button,
body.single-2017-submissions .content .view_case_study_button {
	margin-top: 5px; 
}
body.single-2011-submissions .content .view_case_study_button a,
body.single-2012-submissions .content .view_case_study_button a,
body.single-2013-submissions .content .view_case_study_button a,
body.single-2014-submissions .content .view_case_study_button a,
body.single-2015-submissions .content .view_case_study_button a,
body.single-2017-submissions .content .view_case_study_button a, 
body.single-2017-submissions .content .registerlogin_button, 
body.single-2017-submissions .content .save-rating,
body.single-2017-submissions .content .delete-rating {
	display: inline-block; 
	text-decoration:none !important; 
	background-color: #fef200; 
	font-size: 14px; 
	padding: 10px 20px 12px 20px; 
	border-radius: 4px; 
	font-weight: normal;
	color: #333; 
}

body.single-2017-submissions .content .save-rating,
body.single-2017-submissions .content .delete-rating {
	font-size: 12px; 
	padding: 5px 10px 6px 10px; 
	margin-top: 10px;
	vertical-align: text-bottom;
}
body.single-2017-submissions .content .save-rating {
	margin-left: 10px;
}



body.single-2011-submissions .content .view_case_study_button a {
	background-color: #74ce00;
}
body.single-2012-submissions .content .view_case_study_button a {
	background-color: #42bef1;
}
body.single-2013-submissions .content .view_case_study_button a {
	background-color: #ff087e;
}
body.single-2014-submissions .content .view_case_study_button a {
	background-color: #00d8a3;
}
body.single-2015-submissions .content .view_case_study_button a {
	background-color: #e406f8;
}
body.single-2017-submissions .content .view_case_study_button a {
	background-color: #fef200;
}
body.single-2011-submissions .content .view_case_study_button a:hover {
	color: #fff; 
	background-color: #519000;
}
body.single-2012-submissions .content .view_case_study_button a:hover {
	color: #fff; 
	background-color: #2E85A8;
}
body.single-2013-submissions .content .view_case_study_button a:hover {
	color: #fff; 
	background-color: #b20658;
}
body.single-2014-submissions .content .view_case_study_button a:hover {
	color: #fff; 
	background-color:#009772;
}
body.single-2015-submissions .content .view_case_study_button a:hover {
	color: #fff; 
	background-color:#950aa3;
}
body.single-2017-submissions .content .view_case_study_button a:hover, body.single-2017-submissions .content .registerlogin_button:hover, body.single-2017-submissions .content .save-rating:hover {
	color: #fff; 
	background-color:#b1a900;
} 

/* Winners pages */
body.page-ux-awards-2014-winners .projects-list ul { 
	margin: 8px 0; 
}
body.page-ux-awards-2014-winners .projects-list ul li { 
	margin-bottom: 3px; 
}
body.page-ux-awards-2013-winners header.site nav, body.page-ux-awards-2013-winners footer, body.page-ux-awards-2013-winners header.site nav ul ul, body.page-2013-entries footer, body.page-2013-entries header.site nav ul ul  {
	background: #ff087e;
}
body.page-uxa2012 header.site nav,body.page-uxa2012 footer,body.page-uxa2012 header.site nav ul ul {background:#42bef1}
body.page-uxa2011 header.site nav,body.page-uxa2011 footer,body.page-uxa2011 header.site nav ul ul  {background:#74ce00}
body.page-uxa2012 header.site aside,body.page-uxa2011 aside {margin:10px 0 0}
body.page-uxa2012 .hero {background:#4086a3 url('../images/hero/diag-pattern.png') repeat 0 0}
body.page-uxa2011 .hero {background:#5c8f22 url('../images/hero/diag-pattern.png') repeat 0 0}
body.page-ux-awards-2017-winners .hero article, body.page-ux-awards-2014-winners .hero article, body.page-ux-awards-2013-winners .hero article, body.page-2013-entries .hero article, body.page-uxa2012 .hero article, body.page-uxa2011 .hero article, 
.page-id-6097  .hero article {
	margin:30px 0 5px;
	padding:0 0 25px 20px;
	background:#42bef1;
	color:#fff;
}
body.page-ux-awards-2017-winners .hero article {
	background: #fef200;
	color: #333;
}
body.page-ux-awards-2014-winners .hero article { 
	background: #fef200;
}
body.page-ux-awards-2013-winners .hero article, body.page-2013-entries .hero article  {
	background: #ff087e;
}
body.page-uxa2011 .hero article {
	background:#74ce00;
}
body.page-ux-awards-2017-winners .hero div div, body.page-ux-awards-2014-winners .hero div div, body.page-ux-awards-2013-winners .hero div div, body.page-uxa2012 .hero div div, body.page-uxa2011 .hero div div, .page-id-6097 .hero div div {
	display: inline-block;
	vertical-align: top;
	width: 440px;
}
body.page-ux-awards-2017-winners .hero h3, body.page-ux-awards-2014-winners .hero h3, body.page-ux-awards-2013-winners .hero h3, body.page-2013-entries .hero h3, body.page-uxa2012 .hero h3,body.page-uxa2011 .hero h3, 
.page-id-6097 .hero h3{
	margin: 25px 5px 0 0;
	width: auto;
	text-align: left;
}
body.page-ux-awards-2017-winners .hero article h3 {
	color: #333;
}
body.page-ux-awards-2017-winners .hero p, body.page-ux-awards-2014-winners .hero p, body.page-ux-awards-2013-winners .hero p, body.page-2013-entries .hero p, body.page-uxa2012 .hero p,body.page-uxa2011 .hero p {
	margin: 5px 0 0;
	font-size: 1.4em;
}
body.page-ux-awards-2013-winners .content h1, body.page-2013-entries .content h1, body.page-uxa2012 .content h1, body.page-uxa2011 .content h1 { 
	margin: 0 0 15px;
}
body.page-ux-awards-2013-winners .content h1, body.page-2013-entries .content h1 {
	color: #ff087e;
}
body.page-uxa2012 .content h1 {color:#42bef1}
body.page-uxa2011 .content h1 {color:#74ce00}
body.page-ux-awards-2013-winners .content  h2,body.page-uxa2012 .content h2,body.page-uxa2011 .content h2 {
	font-size: 1.7em;
	color: #f2f2f2;
	text-transform: uppercase;
}
body.page-ux-awards-2013-winners .content h4,body.page-uxa2012 .content h4,body.page-uxa2011 .content h4 {
	margin: 20px 0 0;
	font-weight: 600;
	font-size: 1.5em;
	color:#ccc;
}
body.page-ux-awards-2013-winners .content p,body.page-uxa2012 .content p,body.page-uxa2011 .content p {
	margin: 3px 0 0;
	font-weight: 300;
	color: #ccc;
}
body.page-ux-awards-2013-winners .content a,body.page-uxa2012 .content a,body.page-uxa2011 .content a {
	color:#fff;
	text-decoration: underline;
}
body.page-ux-awards-2013-winners .content article,body.page-uxa2012 .content article,body.page-uxa2011 .content article {
	border-color: #ff087e;
} 
body.page-uxa2012 .content article {
	border-color: #42bef1;
} 
body.page-uxa2011 .content article {
	border-color: #74ce00;
} 
body.page-ux-awards-2013-winners .content figure,body.page-uxa2012 .content figure,body.page-uxa2011 .content figure {
	float: left;
	margin: 20px 0 0;
	width: 150px;
}
body.page-ux-awards-2013-winners.content figure img,body.page-uxa2012 .content figure img,body.page-uxa2011 .content figure img {
	width: 150px;
	}
body.page-ux-awards-2013-winners .content .p-s figure,body.page-uxa2012 .content .p-s figure,body.page-uxa2011 .content .p-s figure {
	float: none;
	margin: 20px 0;
	width: auto;
}
body.page-ux-awards-2013-winners .content .p-s figure img,body.page-uxa2012 .content .p-s figure img,body.page-uxa2011 .content .p-s figure img {
	width: auto;
}
body.page-ux-awards-2013-winners .content div div,body.page-uxa2012 .content div div,body.page-uxa2011 .content div div {
	margin: 0 0 0 175px;
}
body.page-ux-awards-2013-winners .content div div p,body.page-uxa2012 .content div div p,body.page-uxa2011 .content div div p {
	margin: 10px 0 0;
}
body.page-uxa2011 .mailing-list .social {top:32px}
body.page-uxa2012 .mailing-list h1,body.page-uxa2011 .mailing-list h1 {margin:20px 0 0}
body.page-uxa2012 .featured,body.page-uxa2011 .featured {position:relative;margin:20px 0 5px;padding:10px;background:#4d4d4d}
body.page-uxa2012 .featured img,body.page-uxa2011 .featured img {width:650px}
body.page-uxa2012 .featured p,body.page-uxa2011 .featured p {position:absolute;right:10px;bottom:10px;width:240px}

body.page-ux-awards-2014-winners header.site nav {background-color:#00d8a3;}
body.page-ux-awards-2014-winners .hero article {background-color:#00d8a3;}
body.page-ux-awards-2014-winners .hero {background-color:#00d8a3;}
body.page-ux-awards-2014-winners footer {background-color:#00d8a3;}
body.page-ux-awards-2014-winners header.site hgroup a {background-image: url('../images/logo-2014-2.png'); background-position:center;}
body.page-ux-awards-2014-winners header.site nav ul ul, body.page-2014-entries header.site nav ul ul {
	background-color:#00d8a3;
}
body.page-ux-awards-2014-winners .content h1 {color: #00d8a3;}
body.page-ux-awards-2014-winners .content article {border-color:#00d8a3;} 



/* 2015 winners */
.page-ux-awards-2015-winners  .hero article {background-color:#fef200;}

/*.page-id-6097 header.site nav {background-color:#00d8a3;}
.page-id-6097 .hero article {background-color:#00d8a3;}
.page-id-6097 .hero {background-color:#00d8a3;}
.page-id-6097 a:active, body.page-ux-awards-2014-winners a:hover {color:#00d8a3;}
.page-id-6097 footer {background-color:#00d8a3;}
.page-id-6097 header.site hgroup a {background-image: url('../images/logo-2014-2.png'); background-position:center;}
.page-id-6097 header.site nav ul ul {background-color:#00d8a3;}
.page-id-6097 .content h1 {color: #00d8a3;}
.page-id-6097 .content article {border-color:#00d8a3;} */





/* Gravity Forms CSS - Old stuff, 2014 and earlier
=============================================================================*/
.gform_body ul {padding:0}
.gform_body label,.gfield_description {display:block;margin:10px 0 5px;font-size:1.2em;color:#fff}
#dialog .gfield_label {color:#666;}
.gfield_radio label {display:inline}
.content h2.gsection_title {margin:35px 0 0;padding:15px 0 0;background:url(../images/article-bg.png) no-repeat 0 0;color:#fef200}
.gsection_description,.gfield_description,.ginput_counter {margin:0 0 12px;max-width:500px;font-size:1.2em;color:#fff}
.gform_body input,.gform_body textarea,.ginput_total,.gform_confirmation_message {background:#4d4d4d;padding:0 10px;width:100%;height:36px;font-size:1.2em;color:#fff}
.gform_body #input_2_28 input,.gform_body #input_2_32 input {width:245px;margin-right:10px}
.gform_body textarea {padding:1em;height:auto}
.gform_confirmation_message_2 {height:auto}
.ginput_total,.gform_confirmation_message {padding:0;background:none;color:#fff}
.gform_body input[type=radio],.gform_body input[type=file],.gform_body input[type=checkbox] {margin:0 5px 0 0;width:auto;height:auto;background:none}
.ginput_left,.ginput_right,.gfield_checkbox label,.gf_coupon_code,.gform_wrapper input#gf_coupon_button.button {display:inline-block}
.ginput_left label,.ginput_right label {margin:0;padding:0.5em 0 1em;font-size:1em}
.gfield_checkbox label {margin:0}
.gform_wrapper input#gf_coupon_button.button {margin-left:0;width:auto}
.gfield_required {padding:0.25em;color:#fff}
#dialog .gfield_required {color:#666}
.validation_error,.validation_message {font-size:1.2em;font-weight:500;color:#f22}  
.gform_heading,.gform_validation_container {display:none}
.gfield_creditcard_warning,.gfield_creditcard_warning_message {font-size:1.6em;font-weight:500;color:#ffbd11} /* BEV ADDED FOR STRIPE PAYMENTS */
.gform_card_icon {margin:0 0 12px;max-width:500px;font-size:1.2em;color:#fff} /* BEV ADDED FOR STRIPE PAYMENTS */
.ginput_preview {color:#fff}
.ginput_container input { float: none; }
.gform_footer input { float: none; margin: 10px 200px 5px; }
.checkbox-certify li input { width:16px;height:16px;}
.checkbox-certify li label { font-size:1.2em;}
#dialog .checkbox-certify li input { float: left;width:16px;height:16px;}
#dialog .checkbox-certify li label { float: left; width: 90%;color:#666;}
ul.submission-contents-list {list-style-type:disc;list-style-position:inside}
ul.submission-contents-list li {padding:5px 25px;text-indent:-13px}


/* Gravity Forms CSS - 2015 
=============================================================================*/
.ux-awards-submission-form .p1_header_box { position:relative; }
.ux-awards-submission-form .gf_progressbar_title {Display:block;}
.ux-awards-submission-form .p1_header_box:after {Display:block; content:"."; clear:both; font-size:0;
	padding:15px 0 0;background:url(../images/article-bg.png) no-repeat 0 0;color:#fef200;
	
}
.ux-awards-submission-form .p1_header {font-size: 42px; top:-14px; left:0; position:relative;  line-height:115%; font-weight:200; width:400px;  
	float:left; display:block; margin-right:80px;}
.ux-awards-submission-form .p1_header span {-webkit-text-stroke: 2px white;}
.ux-awards-submission-form .p1_progress_tracker {font-size: 16px; width:150px; height:150px; 
	padding:30px 5px 0 15px; margin-left:10px; background-color:#fef200;display:block;  float:left; line-height:22px;}
.ux-awards-submission-form .p1_progress_tracker_inactive {background-color:#4d4d4d; color:#999;}
.ux-awards-submission-form .p1_progress_tracker span {font-weight: bold; font-size:12px; display:block; letter-spacing:0.25em; margin-bottom:5px; text-transform:uppercase;}
.ux-awards-submission-form .p1_dates {font-size: 14px; float:left; font-weight:400; color:#cacaca; line-height:20px; letter-spacing:0.1em; margin-top:5px; text-transform:uppercase;}
.ux-awards-submission-form .p1_dates p {margin:0; padding:0; font-size:14px; font-weight:400;}
.ux-awards-submission-form .p1_faq {float:right; font-weight:bold;}
.ux-awards-submission-form .p1_faq a {font-weight:normal; color:#fef200; text-decoration:underline;}
.ux-awards-submission-form .name_first, .ux-awards-submission-form .name_last {display:inline-block; width:49%;}
.ux-awards-submission-form .name_first {margin-right:1.5%}
.ux-awards-submission-form .gsection_description {max-width:none;}
.ux-awards-submission-form .gfield_label {font-size:1.2em;}
.ux-awards-submission-form .gfield_description {color:rgb(180,180,180); margin-top:-4px; max-width:none; margin-bottom:8px;}
.ux-awards-submission-form .gfield_description p {font-size:inherit; line-height:inherit; color:inherit; margin:0;}
.ux-awards-submission-form .gfield_description strong {color:rgb(190,190,190);}
.ux-awards-submission-form .ginput_container {margin-bottom:2em;}
.ux-awards-submission-form  h2.gsection_title {font-size:2.5em; font-weight:200; background:none; color:#fff;  margin-top:2em; margin-bottom:0.5em;}
.ux-awards-submission-form  h2:empty {display:none;}
.ux-awards-submission-form .gform_body input[type=file], .ux-awards-submission-form .gform_body input[type=checkbox] {padding-left: 0;}
.ux-awards-submission-form .ginput_left {width:32%;}
.ux-awards-submission-form .ginput_left label, .ux-awards-submission-form .ginput_right label  {font-size:1.2em; margin-bottom:-8px;}
.ux-awards-submission-form .ginput_right {width:32%; margin-left:2%; margin-bottom:-8px;}
.ux-awards-submission-form .ginput_right select {Width:100%; height:36px !important; line-height:36px !important; border:1px solid #ccc;}
.ux-awards-submission-form .ginput_list th {font-size:1.2em; font-weight:300; color:#fff;}
.ux-awards-submission-form .gfield_list_cell {Width:32%; border-spacing:20px; border-collapse: separate;}
#field_3_28 > label { font-size: 2.5em; font-weight:200;  margin-top:2.2em;} /* Header - contact person's name */
#field_3_28 > label span {display:none;}
#field_3_32 > label { font-size: 2.5em; font-weight:200;  margin-top:2em;} /* Header - alternate contact person's name */
.ux-awards-submission-form .gfield_error input[type="text"],
	.ux-awards-submission-form .gfield_error input[type="url"],
	.ux-awards-submission-form .gfield_error input[type="email"],
	.ux-awards-submission-form .gfield_error input[type="tel"]   
	 {border:2px solid #fef200; background-color:#733174; }
.ux-awards-submission-form .validation_message {color: #fef200; margin-top:-25px; margin-bottom:20px;}
.ux-awards-submission-form .validation_error {color:#000; font-size:18px; margin-top:-20px; margin-bottom:60px;
	display:block; padding:20px 20px 20px 70px; 
	background:#FFC719 url('images/wha.svg') no-repeat 15px 10px;
	background-size: 45px 45px;
}
.ux-awards-submission-form .gf_progressbar_wrapper  {display:none;}
.ux-awards-submission-form .office-location .gfield_label {display:none;}
.ux-awards-submission-form table.gfield_list tr td:nth-child(2) { padding-left:20px;}
.ux-awards-submission-form table.gfield_list tr td:nth-child(3) { padding-left:20px;}
.ux-awards-submission-form table.gfield_list tr th:nth-child(2) { padding-left:20px;}
.ux-awards-submission-form table.gfield_list tr th:nth-child(3) { padding-left:20px;}
.ux-awards-submission-form table.gfield_list .delete_list_item {margin: 0 3px;}
.ux-awards-submission-form table.gfield_list img.add_list_item {background-image: url(images/plus.svg) !important; }
.ux-awards-submission-form table.gfield_list img.delete_list_item {background-image: url(images/minus.svg) !important; }
.ux-awards-submission-form .gfield_radio label {font-size: 17px;}
.ux-awards-submission-form .gform_page_footer .gform_next_button, 
	.ux-awards-submission-form .gform_page_footer .gform_previous_button
		{ 	display:inline-block; 
			background:#fef200 url('../images/hero/arrow.png') no-repeat 125px 23px; width:auto; font-size:24px; font-weight:300; padding: 20px 60px 20px 40px; height:auto; 
			margin-top:50px;	
			line-height:24px;
			transition:300ms all;
		}
.ux-awards-submission-form .gform_page_footer .gform_previous_button {
	background-image:none; padding: 20px 30px;
	margin-right:10px;
	background-color:#4d4d4d;
}
.ux-awards-submission-form .gform_page_footer .gform_next_button:hover, 
	.ux-awards-submission-form .gform_page_footer .gform_previous_button:hover {
	box-shadow: inset 0 0px 0px 5px #f181fb;
	transition:150ms all;
}
.ux-awards-submission-form .ginput_counter {font-style:italic; font-size: 12px; text-transform:uppercase; color:rgb(180,180,180); padding-top:3px;}
.ux-awards-submission-form input, .ux-awards-submission-form textarea {font-family: 'Open Sans',sans-serif; font-weight:300; }
.ux-awards-submission-form .gform_body textarea.small {height:80px;}
.ux-awards-submission-form .ginput_container input[type="file"] {font-family:	'Open Sans',sans-serif; font-weight:300; font-style:italic; }
.ux-awards-submission-form .datepicker {width:48%;}
.ux-awards-submission-form #field_3_74 { margin:70px 0 30px; background-color:#4d4d4d; padding:20px;} /* "The Submission" box */
.ux-awards-submission-form #field_3_74:before {Display:block; content:"."; clear:both; 
	font-size:0;padding:15px 0 0;background:url(../images/article-bg.png) no-repeat 0 0;
	color:#fef200; margin: -20px -20px 10px;}
.ux-awards-submission-form #field_3_74 label {font-size: 30px; color:#fff; margin:0 0 20px;}
.ux-awards-submission-form #field_3_74 .gfield_description {color:rgb(210,210,210);} 
.ux-awards-submission-form #field_3_74 .gfield_description strong {color: rgb(240,240,240);}
.ux-awards-submission-form #field_3_74 .ginput_container {margin-bottom:0; margin-top:10px;}
.ux-awards-submission-form #field_3_74 .validation_message {margin-top:0; color:#fef200; 
	text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000; margin-bottom:0;}
.ux-awards-submission-form #field_3_74 input {background-color:#000; border:1px solid #ccc; position:relative;}
.ux-awards-submission-form #field_3_74 input:-moz-placeholder { color:#fef200;}
.ux-awards-submission-form #field_3_74 input::-moz-placeholder { color:#fef200;}
.ux-awards-submission-form #field_3_74 input:-ms-input-placeholder { color:#fef200; }
.ux-awards-submission-form #field_3_74 input::-webkit-input-placeholder { color:#fef200; }
.ux-awards-submission-form .gfield_description h3 	{font-weight:200; font-size:26px;
padding-top:5px; margin-top:40px;}
.ux-awards-submission-form .gfield_description h3:before {Display:block; content:"."; clear:both; 
	font-size:0;padding:15px 0 0;background:url(../images/article-bg.png) no-repeat 0 0;
	color:#fef200; }
	
.ux-awards-submission-form #field_3_54 h2.gsection_title {margin-top:0;} /* page 2 header */


/* step 3 specific */
.ux-awards-submission-form #field_3_48 h2.gsection_title {margin-top:0;} /* page 3 header */
.ux-awards-submission-form	#field_3_51 .gfield_label,
	.ux-awards-submission-form	#field_3_52 .gfield_label
		 {font-weight:bold;}
.ux-awards-submission-form #field_3_52 {margin-top:50px;}

.ux-awards-submission-form	#input_3_51,
	.ux-awards-submission-form	#input_3_52
	  {border:1px solid #999;padding:10px; display:block;}
.ux-awards-submission-form	#input_3_51 input, 
	.ux-awards-submission-form	#input_3_52 input
		{	float:left; margin-top:5px;}
		
.ux-awards-submission-form .gfield_error #input_3_52 {border:2px solid #fef200; background-color:#733174;}
	
.ux-awards-submission-form #label_3_51_1,
	.ux-awards-submission-form #label_3_52_1
		 {display:block; line-height:140% !important; font-size: 16px;  margin-left: 5px; float:left; width:90%}	

.ux-awards-submission-form	#input_3_51 li:after,
	.ux-awards-submission-form	#input_3_52 li:after
		 {content:"."; font-size:0; display:block; clear:both; }

.ux-awards-submission-form #field_3_9 .gfield_label {margin-bottom:20px;}
.ux-awards-submission-form #field_3_9.gfield_price .gfield_description ul li{ font-size:16px;
	list-style-type: disc; 
	margin-left: 20px;}		
.ux-awards-submission-form #field_3_9.gfield_price .gfield_description ul { margin-bottom:10px;}
.ux-awards-submission-form .gfield_radio li {line-height:110%; padding-left: 5px; margin-bottom:10px;}

.ux-awards-submission-form #label_3_14_1 {font-size: 16px;}		
.ux-awards-submission-form #field_3_14 .gfield_label {font-weight:200; font-size:26px;  padding-top:5px; margin-top:60px;}
.ux-awards-submission-form #field_3_14 .gfield_label:before {Display:block; content:"."; clear:both; 
	font-size:0;padding:15px 0 0;background:url(../images/article-bg.png) no-repeat 0 0;
	color:#fef200; }
.ux-awards-submission-form #field_3_81	.gfield_label {font-weight:200; font-size:26px;  padding-top:5px; margin-top:60px;}
.ux-awards-submission-form #field_3_81 .gfield_label:before {Display:block; content:"."; clear:both; 
	font-size:0;padding:15px 0 0;background:url(../images/article-bg.png) no-repeat 0 0;
	color:#fef200; }
.ux-awards-submission-form .gform_card_icon {display:inline; color:rgb(180,180,180); padding-right:20px; font-size:13px;}
.ux-awards-submission-form #input_3_81_1, .ux-awards-submission-form #input_3_81_3, .ux-awards-submission-form #input_3_81_5 {width:48%;}
.ux-awards-submission-form #field_3_81 label {margin-top:20px;}
.ux-awards-submission-form .gform_card_icon_container { margin-top:-5px;}
.ux-awards-submission-form #field_3_13 label {font-weight:200; font-size:26px;  padding-top:5px; margin-top:60px;}
.ux-awards-submission-form #field_3_13 label:before {Display:block; content:"."; clear:both; 
	font-size:0;padding:15px 0 0;background:url(../images/article-bg.png) no-repeat 0 0;
	color:#fef200; }
.ux-awards-submission-form #gform_submit_button_3
	{ 	display:inline-block; 
		background:#fef200 url('../images/hero/arrow.png') no-repeat right 20px center; width:auto; font-size:24px; font-weight:300; padding: 20px 60px 20px 40px; height:auto; 
		margin-top:50px;	
		line-height:24px;
		transition:300ms all;
	}

/* confirmation */
.ux-awards-submission-form .gform_confirmation_message_3 h1 {font-size:38px;}
.ux-awards-submission-form .gform_confirmation_message_3 h2 {font-weight:200; font-size:28px;}
.ux-awards-submission-form .gform_confirmation_message_3 {height:100%;}
.ux-awards-submission-form .gform_confirmation_message_3:after {content:"."; font-size:0; display:block; clear:both;}

.page-ux-awards-2015-submission-form footer.site {background-color:transparent !important; color:#666;
	margin-top:40px;}

/* 2015 - buy tickets to event 
https://userexperienceawards.com/buy-2015-uxies-tickets/ */
.page-buy-2015-uxies-tickets #field_16_111 .gfield_required {display:none;}
#input_16_111_1_label:after {content:"*"; padding-left:5px;}
#input_16_111_5_container {margin-left:18px;}
#field_16_81 > label {font-size:1.7em; color: #fef200; text-transform:uppercase;}
.page-buy-2015-uxies-tickets .gform_card_icon_container:before {content:"Cards Accepted: "; display:inline; padding-right:3px;}
.page-buy-2015-uxies-tickets .gform_card_icon:after {content:", "; display:inline;}
.page-buy-2015-uxies-tickets .gform_card_icon {padding-right:6px;}
.page-buy-2015-uxies-tickets .gform_card_icon:last-child:after {content:"";}
#input_16_81_1, #input_16_81_3, #input_16_117, #input_16_81_5 {width:32%;}
#gform_submit_button_16 { 	display:inline-block; margin:0 0 100px; 
		background:#fef200 url('../images/hero/arrow.png') no-repeat right 20px center; width:auto; font-size:24px; font-weight:300; padding: 20px 60px 20px 40px; height:auto; 
		margin-top:10px; 
		line-height:24px;
		transition:300ms all;
	}
.page-buy-2015-uxies-tickets .content p.prose {font-size:16px; margin-bottom:15px; }

/* Email Modal
=============================================================================*/
/*#overlay {display:none;position:absolute;top:0;background:#000;z-index:9998}  Old, MW*/

#dialog {display:none;position:fixed;background:#fff;width:640px;padding:20px;z-index:9999}
#mc_embed_signup {min-height:45px}
.voting-block {position:absolute;top:0;width:200px;height:42px;z-index:9999;background-color:#000;opacity:0;display:block;}  
.post-ratings { z-index: 1; }
#notification {display:block}
#notification .success {color:green}
#notification .error {color:red}


/* 2015 Voting */
#overlay {display:none;position:fixed;top:0; left:0; right:0; bottom:0; background:#000;z-index:9998}
.post-ratings img, img.post-ratings-image { height: 26px;margin-right:1px !important;}
.mailing-list h3 {font-size:12px;}
#field_13_3 .gfield_required {display:none;}
.gform_confirmation_message_13 {font-size:24px; color:#333; margin-bottom:70px;} 
#form_cancel {text-align:center; text-decoration:underline; padding-top:10px; font-size:12px; padding-left:20px; color:#000; display:block; width:100px; margin:auto; }
#form_cancel:hover {text-decoration:underline; cursor:pointer;}





/* IE
=============================================================================*/
.lt-ie9 header.site nav a,.lt-ie9 aside.social a,.lt-ie9 .hero .cta,.lt-ie9 .home .content figure {display:inline-block;zoom:1;*display:inline;vertical-align:middle}


/* Media Queries (Common Breakpoints)
=============================================================================*/

/* Large desktop */
@media (min-width: 1200px) {
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
	img { margin-bottom: 5px; }
	iframe { width:100%;}
    /* Homepage
    -----------------------------------------------------------------------------*/
    header.site {width:100%;height:74px;border-bottom:1px solid #222}
    header.site hgroup {top:0;width:85%;height:68px;border-right:1px solid #222}
    header.site hgroup a {background-image:url(../images/mobile/logo.png);margin:2px 0 0 2px;width:211px;height:68px}
    header.site nav {position:absolute;bottom:0;right:0;width:15%;height:68px;background:url(../images/mobile/nav-lines.png) no-repeat 50% 50%;border-left:1px solid #444}
    header.site nav div {background:#333;position:absolute;top:69px;right:0;height:0;width:225px;overflow:hidden;z-index:500;-webkit-transition:all .34s ease-out 0s;-ms-transition:all .34s ease-out 0s;transition:all .34s ease-out 0s;-webkit-box-shadow:-1px 1px 0 0 rgba(0,0,0,0.3);box-shadow:-1px 1px 0 0 rgba(0,0,0,0.3)}
    header.site nav div.open {height:375px}
    header.site nav li {display:block;padding:0 0 0 10px;width:100%;border-top:1px solid #444;border-bottom:1px solid #222}
    header.site nav li:last-child {border-bottom:0}
    header.site nav li a {color:#fef200}
	header.site nav li#menu-item-2400:hover ul {display:none;}
    header.site .social {display:none}
	.page-homepage .hero h1 {background:url("../images/hero/hero-mobile.png") no-repeat scroll 0 0 / contain  transparent !important; max-height:80px  !important; background-position: top center !important; margin-bottom:-15px !important;}
	.page-homepage .judges figure { width: 100% !important; }
	.page-homepage .judges img { width: 100%; }
    .wrap {width:100%}
    .jurors figure a {opacity:1}
    .hero {background:#fef200 url('../images/hero/diag-pattern.png') repeat 0 0;padding:15px 10px !important;width:100%;border-top:1px solid #fef200;height:auto;}
     body.page-ux-awards-2014-winners .hero, body.single-2014-submissions .hero, body.page-2014-entries .hero {
     	border-top:1px solid #00d8a3;
     	height:auto;
     }
     body.page-contact .content p {
     	margin-right: 15px;
     }

    .hero h1 {margin:0 5px;}
    .hero h2 {margin:10px 5px 0;width:100%}
    .hero h3 {margin:20px 5px;width:100%;font-size:1.3em;text-align:left}
    .separator {height:20px;background:none;border-bottom:1px solid #fef200}
    .hero .cta {display:block;background:#4d4d4d url('../images/hero/arrow.png') no-repeat 95% 50%;margin:10px 0 10px;padding:10px 30px 10px 15px;width:100%;line-height:1.2em;font-size:1.5em;color:#fff}
    .content {padding:20px 10px;}
    section h1 {font-size:1.7em !important;color:#fef200;text-transform:uppercase}
    section section {margin:0 0 20px}
    section section.jurors {margin:0;padding:0 0 0 10px}
    section section figure {display:inline-block;vertical-align:middle}
    .jurors figure,.jurors figure.last {margin:0 8px 15px 0;width:145px}
    .jurors figure a {opacity:1}
    .jurors figcaption {padding:5px 0;font-size:1.4em;color:#ccc}
    .partners {position:relative;margin:0 10px 20px}
    .partners figure,.partners figure.first,.partners figure.last {margin:20px 0 0 15px;width:125px;height:70px;text-align:center}
    .partners figure.first {margin:25px 0 0 15px;text-align:left}
    .partners figure.last {margin:25px 0 10px 15px}
    .sponsors {position:relative;margin:0 10px 20px}
    .sponsors figure,.sponsors figure.last {margin:20px 15px 0;width:250px}
    .sponsors figure.first {padding:0}
    .sponsors h2,.sponsors p {margin:0;padding:0}
    .sponsors div {padding:40px 15px 20px}
    .mailing-list-header { display: none; }
    .mailing-list {position:relative;margin:0 10px 15px;height:145px;display: none; }
    .mailing-list form {}
	.mailing-list input,.mailing-list button {display:inline-block;vertical-align:middle;padding:0 10px;height:40px;border-radius:0;-webkit-appearance:none}
    .mailing-list button {width:75px;color:#ccc;text-transform:uppercase}
    .mailing-list .social {top:120px;left:0}
    footer small {padding:0 10px}



    /* Subpages
    -----------------------------------------------------------------------------*/
    /*.hero.sp {padding:0 10px 25px;height:auto}
    .hero.sp h1,.hero.sp h2 {font-size:3.9em}
    .hero.sp h2 {font-size:1.6em}
    .content.sp h2 {font-size:1.4em}
    .content.sp h3 {font-size:1.3em}
    .content.sp h4 {margin:20px 0 0}
    .content.sp p {margin:10px 0 0;font-size:1.4em;color:#ccc}
    .content.sp figure {float:none;margin:30px 0 0 10px;width:200px}
    .content.sp figure img {width:200px}
    .content.sp article {position:relative;margin:0 10px;padding:10px 0 25px;border-bottom:1px solid #ff087e}
    .content.sp article:last-child {background:none;border:none}
    .content.sp form {margin:20px 0 0}
    */
	.content article { margin: 0;  }
    body.page-awards .content.sp figure {display:none}
    body.page-judges .content.sp article,body.page-partners-sponsors .content.sp article {margin:0 10px}
    body.page-judges article figure {position:static;top:62px;float:none !important;margin:20px 0 0 !important;}
    body.page-judges article figure img {width:100% !important;}
    body.page-judges article h3 {}
    body.page-judges article:first-child figure,body.page-judges article:last-child figure {}
    body.page-judges div div {margin:0 !important;}
	body.page-partners-sponsors .content figure img { width: 100%;}
	body.page-event .content.sp figure,body.page-event .content.sp figure img {width:300px}
    body.page-event .content.sp article {margin:0 10px}
    body.page-submission .content.sp article,body.page-contact .content.sp article {margin:0 10px}
    body.page-submission .content.sp article:last-child,body.page-contact .content.sp article:last-child {background:none}
    body.page-submission div div {padding:0 0 20px;border-bottom:1px solid #ff087e}
    body.page-submission div div:last-child {padding:0;border:none}
    body.page-submission .content.sp dl {margin:0;font-size:1.4em}
    body.page-submission .content.sp dt {margin:10px 0 0;color:#ccc}
    body.page-submission .content.sp dd {margin:10px 0 0 40px;padding-left:10px;color:#ccc;display:list-item;list-style:disc}
    body.page-submission .content.sp p,body.page-contact .content.sp p {margin:10px 0 0 0}
    body.page-contact .mailing-list {margin:0}
	
    body.page-ux-awards-2013-winners header.site nav{
    	background:url(../images/mobile/nav-pink.png) no-repeat 50% 50%;
    }
    
    body.page-ux-awards-2013-winners header.site nav a {
    	color: #ff087e;
    }
    body.page-ux-awards-2013-winners footer {
    	background: #ff087e;
    }
    body.page-uxa2012 header.site nav{background:url(../images/mobile/nav-blue.png) no-repeat 50% 50%}
    body.page-uxa2012 header.site nav a {color:#42bef1}
    body.page-uxa2012 footer {background:#42bef1}
    body.page-uxa2011 header.site nav {background:url(../images/mobile/nav-green.png) no-repeat 50% 50%}
    body.page-uxa2011 header.site nav a {color:#74ce00}
    body.page-uxa2011 footer {background:#74ce00}
	body.page-ux-awards-2013-winners .hero div div, 
	body.page-uxa2012 .hero div div, 
	body.page-uxa2011 .hero div div { 
		width: 100%; 
	}
	body.page-ux-awards-2013-winners .hero p, body.page-uxa2012 .hero p, body.page-uxa2011 .hero p { 
		font-size: 1.3em;
	}
	/*
    body.page-uxa2012 header.site aside {margin:10px 0 0}
    body.page-uxa2011 aside {margin:0}
    body.page-ux-awards-2013-winners .hero.sp {background:#ab1e60 url('../images/hero/diag-pattern.png') repeat 0 0}
    body.page-uxa2012 .hero.sp {background:#4086a3 url('../images/hero/diag-pattern.png') repeat 0 0}
    body.page-uxa2011 .hero.sp {background:#5c8f22 url('../images/hero/diag-pattern.png') repeat 0 0}
    body.page-ux-awards-2013-winners  article,body.page-uxa2012 .hero.sp article,body.page-uxa2011 .hero.sp article {margin:30px 0 5px;padding:0 5px 15px 15px;background:#ff087e;color:#fff}
	body.page-uxa2012 .hero.sp article {background:#42bef1}
    body.page-uxa2011 .hero.sp article {background:#74ce00}
    body.page-uxa2012 .hero.sp div div,body.page-uxa2011 .hero.sp div div {display:inline-block;vertical-align:top;width:auto}
    body.page-uxa2012 .hero.sp h3,body.page-uxa2011 .hero.sp h3 {margin:15px 0 0;width:auto;font-size:1.7em;line-height:1em;text-align:left}
    body.page-uxa2012 .hero.sp p,body.page-uxa2011 .hero.sp p {margin:5px 0 0;font-size:1.5em;font-weight:300}
    body.page-uxa2012 .content.sp h1 {color:#ff087e}
    body.page-uxa2012 .content.sp h1 {color:#42bef1}
    body.page-uxa2011 .content.sp h1 {color:#74ce00}
    body.page-uxa2012 .content.sp h2,body.page-uxa2011 .content.sp h2 {font-size:1.7em;color:#f2f2f2;text-transform:uppercase}
    body.page-uxa2012 .content.sp h4,body.page-uxa2011 .content.sp h4 {margin:20px 0 0;font-weight:600;font-size:1.5em;color:#ccc}
    body.page-uxa2012 .content.sp p,body.page-uxa2011 .content.sp p {margin:3px 0 0;font-weight:300;color:#ccc}
    body.page-uxa2012 .content.sp a,body.page-uxa2011 .content.sp a {color:#fff;text-decoration:underline}
    body.page-uxa2012 .content.sp article,body.page-uxa2011 .content.sp article {margin:0 10px;padding:10px 0 32px;background:url(../images/article-bg.png) no-repeat 0 100%;border:none}
    body.page-uxa2012 .content.sp figure,body.page-uxa2011 .content.sp figure {top:62px;float:none;margin:20px 0 0}
    body.page-uxa2012 .content.sp figure img,body.page-uxa2011 .content.sp figure img {width:150px}
    body.page-uxa2012 .content.sp .p-s figure,body.page-uxa2011 .content.sp .p-s figure {float:none;margin:20px 0;width:auto}
    body.page-uxa2012 .content.sp .p-s figure img,body.page-uxa2011 .content.sp .p-s figure img {width:auto}
    body.page-uxa2012 .content.sp div div,body.page-uxa2011 .content.sp div div {margin:0}
    body.page-uxa2012 .content.sp div div p,body.page-uxa2011 .content.sp div div p {margin:10px 0 0}
    body.page-uxa2012 .mailing-list,body.page-uxa2011 .mailing-list {height:155px}
    body.page-uxa2012 .featured,body.page-uxa2011 .featured {position:relative;margin:20px 0 5px;padding:10px;background:#4d4d4d}
    body.page-uxa2012 .featured img,body.page-uxa2011 .featured iframe,body.page-uxa2012 .featured img,body.page-uxa2011 .featured iframe {width:280px}
    body.page-uxa2012 .featured p,body.page-uxa2011 .featured p {position:static;right:10px;bottom:10px;width:240px}
	*/
	
  /*  body.page-2014-entries header.site nav a {color:#ff087e} */

	
	/* FORM */
	.gform_footer input { float: none; margin: 10px 0 5px; width:99%;}
	/* old   #dialog { width: 100%; height:auto; margin:0; left:0 !important; } */
	
	#dialog {display:none;position:absolute; top:0; left:0 !important; right:0; background:#fff;width:auto;padding:45px 20px 20px; z-index:9999; height:auto !important;} /*2015*/
	input[type="checkbox"] {
     -webkit-appearance: checkbox !important;
     -moz-appearance: checkbox !important;
     -ms-appearance: checkbox !important;
     -o-appearance: checkbox !important;
     appearance: checkbox !important;
     border:1px solid #666; border-radius:3px;
	}
	#dialog .checkbox-certify li label { width: calc(100% - 30px); }
	#form_cancel { padding-left:0px;}

	
	body.page-entries .submission-entry {width:100%;min-height:initial;max-height:initial;padding:1em;
	font-size:1.2em;color:#ddd;transition:all 0.30s ease-in-out;-ms-word-break:break-word;word-break:break-word;
	-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;margin-bottom:40px;}
	
	body.page-2015-entries div.wrap {text-align:center;}
	body.views-template-entrydetailsview .submission-info {padding-left:0px;}
	
	
	body.single-2015-submissions .submission-image {margin:auto; text-align:center; max-width:none !important; display:block;}
	body.single-2015-submissions .submission-image img {max-width:300px;}
	body.single-2015-submissions .submission-image img.company-logo {max-width:160px;}

		
	/* mobile gravity forms css - 2015 */
	.ux-awards-submission-form .p1_header_box {text-align:center;}
	.ux-awards-submission-form .p1_header {font-size: 30px; text-align:center; top:-25px; 
		left:0; position:relative;  line-height:115%; font-weight:200; width:100%;
		float:none; display:block;}
	.ux-awards-submission-form .p1_header span {-webkit-text-stroke: 2px white;}
	.ux-awards-submission-form .p1_progress_tracker {font-size: 16px; width:100%; height:auto; 
		padding:5px; margin-left:0; background: #fef200 url('../images/hero/diag-pattern.png') repeat 0 0; display:inline;  float:none; line-height:30px;
		width:auto; font-weight:300;
		}
	.ux-awards-submission-form .p1_progress_tracker:after { content:"\A"; white-space:pre; }
	.ux-awards-submission-form .p1_progress_tracker_inactive {background:none; color:#999;}
	.ux-awards-submission-form .p1_progress_tracker span {font-weight: inherit; font-size:16px; 
		display:inline; letter-spacing:inerit; letter-spacing:inherit; text-transform:inherit; }
	.ux-awards-submission-form .p1_progress_tracker span:after {display:inline; content:": ";}
	.ux-awards-submission-form .p1_header_box:after {display:none;}
	.ux-awards-submission-form .p1_dates:before {content: "Deadlines"; font-size:2.2em; color:#fff; 
		text-align:left; margin-top:40px; text-transform:none; font-weight: 200; display:block; margin-bottom:10px;}
	.ux-awards-submission-form .p1_dates p {text-transform:none; letter-spacing:0; color:#fff; 
		font-size:16px; color:#fff; font-weight:300; text-align:left; display:inline; padding-right:10px;}
	.ux-awards-submission-form	.p1_faq {float:none; display:block; font-weight:300;}
		
	.ux-awards-submission-form h2.gsection_title, #field_3_28 > label, #field_3_32 > label  {font-size: 2.2em; margin-top:1.5em; line-height:110%;}
	.ux-awards-submission-form .name_first, .ux-awards-submission-form .name_last {display:inline-block; width:48%;}
	.ux-awards-submission-form table.gfield_list tr td:nth-child(2) { padding-left:5px;}
	.ux-awards-submission-form table.gfield_list tr td:nth-child(3) { padding-left:5px;}
	.ux-awards-submission-form table.gfield_list tr th:nth-child(2) { padding-left:5px;}
	.ux-awards-submission-form table.gfield_list tr th:nth-child(3) { padding-left:5px;}
	
	.ux-awards-submission-form .validation_error {
		background:#FFC719 url('images/wha.svg') no-repeat 15px 23px;
		background-size: 45px 45px;
		margin-bottom: 30px;
	}
	
	.ux-awards-submission-form #input_3_81_1, .ux-awards-submission-form #input_3_81_3, .ux-awards-submission-form #input_3_81_5 {width:100%;}

	.ux-awards-submission-form .gform_page_footer .gform_next_button, 
		.ux-awards-submission-form .gform_page_footer .gform_previous_button
			{ 	display:block; 
				background:#fef200 url('../images/hero/arrow.png') no-repeat 125px 23px; width:100%; font-size:24px; font-weight:300; padding: 20px 60px 20px 40px; height:auto; 
				margin-top:50px;	
				line-height:24px;
				transition:300ms all;
			}
	.ux-awards-submission-form .gform_page_footer .gform_previous_button  + .gform_next_button { margin-top:10px;}
	.ux-awards-submission-form .gform_page_footer .gform_previous_button {
		background-image:none; padding: 20px 30px;
		background-color:#4d4d4d;
	}
	.ux-awards-submission-form #gform_submit_button_3
	{ 	display:block; 
		background:#fef200 url('../images/hero/arrow.png') no-repeat right 20px center; 
		width:100%; font-size:24px; font-weight:300; padding: 20px 60px 20px 40px; height:auto; 
		margin-top:10px;	
		line-height:24px;
		transition:300ms all;
	}

	/* buy tickets to 2015 event
	https://userexperienceawards.com/buy-2015-uxies-tickets/ */
	#input_16_81_1, #input_16_81_3, #input_16_117, #input_16_81_5 {width:100%;}
	#input_16_111_5_container {margin-left:8px; width:30%;}

	body.views-template-entrydetailsview .submission-info, body.views-template-entrydetailsview- .submission-info {
		padding: 0;
	}
}





/* 2017 CSS Edit Overrides */

/* Global CSS Search & Replace:
Replaced purple color "#e406f8" with lemon yellow "#fef200"*/



header.site hgroup a {background-image:url(../images/2017/headerlogoN.png);} 
body.page-homepage .hero h1 {background:transparent;background-image:url('../images/2017/hero/hero.svg');background-size:fit; background-repeat:no-repeat; margin:0 auto 0px;height:125px}

.cta + .cta {margin-left:10px !important; }
.hero .cta, .cta { 

	display:inline-block; 
	vertical-align:middle;
	margin:50px 0px 60px 0;
    padding:20px 0 20px 15px;
    width:470px;
    line-height:1.2em;
    font-size:20px;
    font-weight:400;
    color:#333;
    text-decoration:none;
    box-shadow:-2px 2px 0 0 rgba(0,0,0,0.4);
	background:#fef200 url('../images/2017/arrow-dark.svg') no-repeat 440px 18px; 
	background-size:14px;
}
.home .hero {padding-top:80px; padding-bottom:30px;}
.hero .cta:hover, .cta:hover { 
	box-shadow: inset 0 0 0 5px  #fef200; 
	color:#fff; 
	background:#333 url('../images/2017/arrow-light.svg') no-repeat 440px 18px;
	background-size:14px;
}
.cta-left, .hero .cta-left { color:#fff;

	background:#333 url('../images/2017/arrow-light.svg') no-repeat 440px 18px; 
	background-size:14px;
}
.cta-left:hover, .hero .cta-left:hover {
		background:#fef200 url('../images/2017/arrow-dark.svg') no-repeat 440px 18px; 
		background-size:14px;
	box-shadow: inset 0 0 0 5px  #333; 
	color:#333;
}




header.site nav a {line-height:20px; display:inline-block;  padding:5px 10px; margin-top: 5px; font-size:1.5em;color:#333;text-transform:uppercase;text-decoration:none}
header.site nav a:hover,header.site nav li.current-menu-item a {color:#fff; line-height:20px; }
header.site nav li.current-menu-item a, header.site nav a:hover , header.site nav li ul.sub-menu li a:hover, 
	header.site nav li ul.sub-menu li.current-menu-item  a {color:#fff; display:inline-block; background-color: rgba(0,0,0,0.3);  padding:5px 10px; border-radius:4px; }
header.site nav li ul.sub-menu {padding-left:5px; padding-right:5px; padding-bottom:5px; }	
header.site nav li ul.sub-menu li {width:100%;}
header.site nav li ul.sub-menu li a { display:inline-block; width:100%; background-color:transparent; color:#333;}
header.site nav li {margin-right:5px;}

/* home */
.home-pastyear-review { font-size:30px; color:#CCC; width: 90%; font-weight:300; text-align:center; margin: 60px auto 30px; }
.coming-soon { color: #fef200; padding: 10px 0; border-top: 1px solid #fef200; border-bottom: 1px solid #fef200; 
		text-transform:uppercase; font-weight:bold; letter-spacing: 0.08em; font-size: 18px; text-align:center;
		background-color:rgba(0,0,0,0.1);}
.home-video {margin: 30px 0 30px;}

/* event page */
.event-page h1 {padding-top:30px; }
.event-page .hero h2 {background-color:rgba(0,0,0,0.2);padding:15px; margin-top:30px;
	border-top:1px solid #fef200; border-bottom: 1px solid #fef200;
	margin-bottom:0px;
	font-size:22px;}
.event-page .hero {padding-bottom:20px;}
.event-page-gallery img {margin: 0  6px 6px 0;}

/* sponsors page */
.page-partners-sponsors article {padding-bottom:65px;}

/* 2015 winners page and entries page */
.page-ux-awards-2015-winners header.site nav ul ul,
	.page-2015-entries header.site nav ul ul,
	.single-2015-submissions  header.site nav ul ul {
		background-color: #e406f8;
	}
.page-ux-awards-2015-winners  .content h1 {color:#e406f8;}
.page-ux-awards-2015-winners  .content article {border-bottom: 1px solid #e406f8;}
.page-ux-awards-2015-winners  header.site nav,
	.page-ux-awards-2015-winners .hero article,
	.page-ux-awards-2015-winners .hero,
	.page-ux-awards-2015-winners .hero .cta, 
	.page-ux-awards-2015-winners .cta,
	.page-2015-entries header.site nav,
	.page-2015-entries .hero,
	.single-2015-submissions header.site nav,
	.single-2015-submissions .hero
	{background-color: #e406f8; color:#fff;}
.page-ux-awards-2015-winners .cta {
	background:#e406f8 url('../images/2017/arrow-light.svg') no-repeat 440px 18px;
	background-size:14px !important;
}
.page-ux-awards-2015-winners .cta:hover { 
	box-shadow: none;
	color:#fff; 
	background:#821882 url('../images/2017/arrow-light.svg') no-repeat 440px 18px;
	background-size:14px !important;
}
body.page-2015-entries a.submission-entry .coverup {
	border:3px solid #e406f8;
}
body.page-ux-awards-2015-winners .content a:active, 
body.page-ux-awards-2015-winners .content a:hover, 
body.single-2015-submissions .content a:active, 
body.single-2015-submissions .content a:hover,
body.page-ux-awards-2015-winners article p a:active,
body.page-ux-awards-2015-winners article p a:hover
	{
		color:#e406f8;
	}

.page-ux-awards-2015-winners footer.site,
.page-ux-awards-2015-winners footer.site a, 
.page-2015-entries footer.site,
.page-2015-entries footer.site a,
.single-2015-submissions footer.site,
.single-2015-submissions footer.site a {
	background-color:#e406f8; 
	color:#333; 
}
.page-ux-awards-2015-winners header.site hgroup a, .page-2015-entries header.site hgroup a, .single-2015-submissions header.site hgroup a {background-image: url(../images/logo.png);
} 


@media (max-width: 480px) {
	.hero .cta, .cta {width:100%; margin: 20px 0 0;}
	.cta + .cta {margin-left:0px !important; }

	section h1 {font-size:24px !important;}

	.event-page .hero h2 {
	font-size:18px; border:0; margin-left:0; margin-top:0; background-color:transparent; }
	.event-page-gallery img {width:100%;}

	header.site hgroup a {background-position: 0 4px;}
	body.page-homepage .hero h1 {background:url("../images/2017/hero/hero-mobile.svg") no-repeat scroll 0 0 / contain  transparent !important; max-height:50px  !important; background-position: top center !important; margin-bottom:-15px !important;}
    header.site nav div {z-index:7000;}
    header.site nav li a {margin-bottom:5px;}
    header.site nav li.current-menu-item a, header.site nav a:hover , header.site nav li ul.sub-menu li a:hover, 
		header.site nav li ul.sub-menu li.current-menu-item  a
		{color:#fff; background-color:transparent;  padding-top:5px; }
	header.site nav div.open {height:295px;}
    header.site hgroup a {margin:2px 0 0 10px;width:280px;}
    header.site nav {background:url(../images/2017/nav-lines.png) no-repeat 50% 46%;}
    .coming-soon {display:none;}
    .home-pastyear-review {font-size:20px; margin-top:30px;}
    .home-video {margin: 30px 0 0;}

    /*2015*/
    .page-id-6097 .hero div div {
    	width: auto;
    }
    .page-ux-awards-2015-winners header.site nav li a,
    .page-2015-entries header.site nav li a,
    .single-2015-submissions header.site nav li a {
    	 color:#e406f8;
    }
    .page-ux-awards-2015-winners header.site nav li a:hover,
    .page-2015-entries header.site nav li a:hover,
    .single-2015-submissions header.site nav li a:hover {
    	color:#fff;
    }
    .page-ux-awards-2015-winners header.site nav,
    .page-2015-entries header.site nav,
    .single-2015-submissions header.site nav {
    	 background: #e406f8 url(../images/2017/nav-lines-white.png) no-repeat 50% 46%;
    }
    .page-ux-awards-2015-winners .hero,
    	.page-2015-entries .hero,
    	.single-2015-submissions .hero
    	{border-top:1px solid #666;}
	body.single-2011-submissions .view_case_study_button, 
	body.single-2012-submissions .view_case_study_button, 
	body.single-2013-submissions .view_case_study_button, 
	body.single-2014-submissions .view_case_study_button, 
	body.single-2015-submissions .view_case_study_button, 
	body.single-2017-submissions .view_case_study_button {
		text-align: center; 
		margin-top: 5px; 
	}


    /* 2013 */
    .page-ux-awards-2013-winners .hero {border-top:1px solid #ff087e;}

    /* 2012 */
    .page-uxa2012 .hero {border-top:1px solid #42bef1;}
    .page-uxa2012 a:hover { color:#0d6b92;}

    /* 2011 */
    .page-uxa2011 .hero {border-top:1px solid #74ce00;}
    .page-uxa2011 a:hover { color:#fff;}

}

/* 2017 HTML Edits  
Home: to the CTA buttons, added IDs "home-cta-left" and "home-cta-right"
Event: added 'event-page-gallery' div to surround images on events page
*/

.page-ux-awards-2017-winners header.site nav ul ul,
	.page-2017-entries header.site nav ul ul,
	.single-2017-submissions  header.site nav ul ul {
		background-color: #fef200;
	}

.page-ux-awards-2017-winners  .content h1 {color:#fef200;}

.page-ux-awards-2017-winners header.site nav,
	.page-ux-awards-2017-winners .hero article,
	.page-ux-awards-2017-winners .hero,
	.page-ux-awards-2017-winners .hero .cta, 
	.page-ux-awards-2017-winners .cta,
	.page-2017-entries header.site nav,
	.page-2017-entries .hero,
	.single-2017-submissions header.site nav,
	.single-2017-submissions .hero
	{
		background-color: #fef200; 
		color:#333;
	}
.page-ux-awards-2017-winners .hero {
	background-color: #cfc400;
}

.page-ux-awards-2017-winners .cta {
	background:#fef200 url('../images/2017/arrow-dark.svg') no-repeat 440px 18px;
	background-size:14px !important;
}
.page-ux-awards-2017-winners .cta:hover { 
	box-shadow: none;
	color: #fff; 
	background: #333 url('../images/2017/arrow-light.svg') no-repeat 440px 18px;
	background-size:14px !important;
}
.page-ux-awards-2017-winners  a:active, .page-ux-awards-2017-winners a:hover 
	.single-2017-submissions a:active , .single-2015-submissions a:hover
	{color:#fef200;}

body.page-2017-entries a.submission-entry .coverup {
	background-color: rgba(254,242,0,0.7);
	border: 3px solid #fef200;
}
.page-ux-awards-2017-winners header.site hgroup a, .page-2017-entries header.site hgroup a, .single-2017-submissions header.site hgroup a {background-image: url(../images/2017/header.svg);
} 
.page-ux-awards-2017-winners footer.site,
	.page-ux-awards-2017-winners footer.site a, 
	.page-2017-entries footer.site,
	.page-2017-entries footer.site a,
	.single-2017-submissions footer.site,
	.single-2017-submissions footer.site a
	{
		background-color:#fef200; 
		color:#333; 
	}
@media (max-width: 480px) {
	.single-2017-submissions header.site nav, .page-2017-entries header.site nav, body.page-2017-entries header.site nav, body.page-ux-awards-2017-winners header.site nav, body.page-event-details header.site nav{
		background: url(../images/2017/nav-lines.png) no-repeat 50% 46%;
	}
	.page-ux-awards-2017-winners header.site nav li a,
	.page-2017-entries header.site nav li a,
	.single-2017-submissions header.site nav li a {
    	color: #fef200;
    }
}

/* 2011 */
body.page-uxa2011 .content a:active, body.page-uxa2011 .content a:hover {
	color: #74CE00;
	text-decoration: none;
}


/* 2012 */

.page-ux-awards-2012-winners header.site nav ul ul,
	.page-2012-entries header.site nav ul ul,
	.single-2012-submissions  header.site nav ul ul {
		background-color: #42bef1;
	}

.page-ux-awards-2012-winners  .content h1 {color:#42bef1;}

.page-ux-awards-2012-winners  .content article {
	border-bottom: 1px solid #42bef1;
}

.page-ux-awards-2012-winners header.site nav,
	.page-ux-awards-2012-winners .hero article,
	.page-ux-awards-2012-winners .hero,
	.page-uxa2012 .hero .cta, 
	.page-2012-entries header.site nav,
	.single-2012-submissions header.site nav {
		background-color: #42bef1;
		color:#333;
	}
.page-2012-entries .hero, .single-2012-submissions .hero, .page-ux-awards-2012-winners .hero {
	background-color: #4086a3; 
}

.page-uxa2012 .cta {
	background: #42bef1 url('../images/2017/arrow-light.svg') no-repeat 440px 18px;
	background-size: 14px !important;
}
.page-uxa2012 .cta:hover { 
	box-shadow: none;
	background-color: #37454C;
	color: #fff;
}
.page-ux-awards-2012-winners  a:active, .page-ux-awards-2012-winners a:hover, .single-2012-submissions a:active , .single-2012-submissions a:hover, body.page-uxa2012 .content a:hover {
		color: #42bef1;
		text-decoration: none;
	}

body.page-2012-entries a.submission-entry .coverup {
	background-color: rgba(66,190,241,0.7);
	border: 3px solid #42bef1;
}
.page-ux-awards-2012-winners footer.site,
	.page-ux-awards-2012-winners footer.site a, 
	.page-2012-entries footer.site,
	.page-2012-entries footer.site a,
	.single-2012-submissions footer.site,
	.single-2012-submissions footer.site a
	{
		background-color:#42bef1;
		color:#333; 
	}
body.page-ux-awards-2012-winners .content a:active, 
body.page-ux-awards-2012-winners .content a:hover, 
body.single-2012-submissions .content a:active, 
body.single-2012-submissions .content a:hover
	{
		color: #42bef1;
	}
body.page-ux-awards-2012-winners footer.site, body.page-2012-entries footer.site, body.single-2012-submissions footer.site
	{
		background-color: #42bef1;
	}
.page-ux-awards-2012-winners header.site hgroup a, .page-2012-entries header.site hgroup a, .single-2012-submissions header.site hgroup a {background-image: url(../images/2017/header.svg);
} 

@media (max-width: 480px) {
	.page-ux-awards-2012-winners header.site nav li a,
	.page-2012-entries header.site nav li a,
	.single-2012-submissions header.site nav li a {
    	color: #42bef1;
    }
    .single-2012-submissions header.site nav, body.page-ux-awards-2012-winners header.site nav, body.page-uxa2012 header.site nav {
    	background: #42bef1 url(../images/2017/nav-lines-white.png) no-repeat 50% 46%;
    }
    .page-ux-awards-2012-winners .hero, .single-2012-submissions .hero, .page-2012-entries .hero {
		border-top-color: #42bef1;
	}
}

/* 2013 */

.page-ux-awards-2013-winners header.site nav ul ul, .page-2013-entries header.site nav ul ul, .single-2013-submissions  header.site nav ul ul {
		background-color: #ff087e;
	}

.page-ux-awards-2013-winners .content h1 {color:#ff087e;}

.page-ux-awards-2013-winners .content article {
	border-bottom: 1px solid #ff087e;
}

.page-ux-awards-2013-winners header.site nav,
	.page-ux-awards-2013-winners .hero article,
	.page-ux-awards-2013-winners .hero,
	.page-ux-awards-2013-winners .hero .cta, 
	.page-ux-awards-2013-winners .cta,
	.page-2013-entries header.site nav,
	.single-2013-submissions header.site nav {
		background-color: #ff087e; 
		color:#333;
	}
.page-2013-entries .hero, .single-2013-submissions .hero, .page-ux-awards-2013-winners .hero {
	background-color: #ab1e60; 
}

.page-ux-awards-2013-winners .cta {
	background:#ff087e url('../images/2017/arrow-light.svg') no-repeat 440px 18px;
	background-size:14px !important;
}
.page-ux-awards-2013-winners .cta:hover { 
	box-shadow: none;
	color: #fff; 
	background:#b20658 url('../images/2017/arrow-light.svg') no-repeat 440px 18px;
	background-size:14px !important;
}
.page-ux-awards-2013-winners  a:active, .page-ux-awards-2013-winners a:hover 
	.single-2013-submissions a:active , .single-2013-submissions a:hover
	{color:#ff087e;}

body.page-2013-entries a.submission-entry .coverup {
	background-color: rgba(255,8,126,0.7);
	border: 3px solid #ff087e;
}
.page-ux-awards-2013-winners footer.site,
	.page-ux-awards-2013-winners footer.site a, 
	.page-2013-entries footer.site,
	.page-2013-entries footer.site a,
	.single-2013-submissions footer.site,
	.single-2013-submissions footer.site a
	{
		background-color:#ff087e; 
		color:#333; 
	}
body.page-ux-awards-2013-winners .content a:active, 
body.page-ux-awards-2013-winners .content a:hover, 
body.single-2013-submissions .content a:active, 
body.single-2013-submissions .content a:hover
	{
		color: #ff087e;
		text-decoration: none;
	}
body.page-ux-awards-2013-winners footer.site, body.page-2013-entries footer.site, body.single-2013-submissions footer.site
	{
		background-color: #ff087e; 
	}
.page-ux-awards-2013-winners header.site hgroup a, .page-2013-entries header.site hgroup a, .single-2013-submissions header.site hgroup a {background-image: url(../images/2017/header.svg);
} 

@media (max-width: 480px) {
	.page-ux-awards-2013-winners header.site nav li a,
	.page-2013-entries header.site nav li a,
	.single-2013-submissions header.site nav li a {
    	color: #ff087e;
    }
    .single-2013-submissions header.site nav, body.page-ux-awards-2013-winners header.site nav {
    	background: #ff087e url(../images/2017/nav-lines-white.png) no-repeat 50% 46%;
    }
    .page-ux-awards-2013-winners .hero, .single-2013-submissions .hero, .page-2013-entries .hero {
		border-top-color: #ff087e;
	}
}

/* 2014 */


body.page-2014-entries header.site nav {
	background-color:#00d8a3;
}
body.page-2014-entries .hero {
	background:#00d8a3 url('../images/hero/diag-pattern.png') repeat 0 0;
	padding:25px 0;
}
body.page-2014-entries a:active, body.page-2014-entries a:hover {
	color:#00d8a3;
}
body.page-2014-entries footer {
	background-color:#00d8a3;
}
body.page-2014-entries header.site hgroup a {
	background-image: url('../images/logo-2014-2.png'); 
	background-position: center;
}
body.page-2014-entries header.site nav ul ul {
	background-color: #00d8a3;
	color: #333;
}
body.page-2014-entries a.submission-entry .coverup {
	background-color: rgba(0,216,163,0.7);
	border: 3px solid #00d8a3;
}
body.page-ux-awards-2014-winners footer.site,
body.page-ux-awards-2014-winners footer.site a, 
body.page-2014-entries footer.site,
body.page-2014-entries footer.site a,
body.single-2014-submissions footer.site,
body.single-2014-submissions footer.site a {
	background-color: #00d8a3; 
	color: #333; 
}

.single-2014-submissions .hero,
.page-ux-awards-2014-winners header.site nav li a,
.page-2014-entries header.site nav li a,
.single-2014-submissions header.site nav li a
    	 {color: #fff;}

.page-ux-awards-2014-winners .hero, .page-ux-awards-2014-winners .hero .cta {
	background-color:#00d8a3;
}
.page-ux-awards-2014-winners .hero .cta:hover  {
	background-color:#009772;
	color:#fff; 
	box-shadow:none;
}

body.page-ux-awards-2014-winners .content a:active, 
body.page-ux-awards-2014-winners .content a:hover, 
body.single-2014-submissions .content a:active, 
body.single-2014-submissions .content a:hover
	{
		color: #00d8a3;
	}

@media (max-width: 480px) {
	.single-2014-submissions header.site nav, .page-2014-entries header.site nav, body.page-2014-entries header.site nav, body.page-ux-awards-2014-winners header.site nav {
		background: #00d8a3 url(../images/2017/nav-lines-white.png) no-repeat 50% 46%;
	}
	.page-ux-awards-2014-winners header.site nav li a,
	.page-2014-entries header.site nav li a,
	.single-2014-submissions header.site nav li a {
    	background-color: #333; 
    	color: #00d8a3;
    }
}

/*ATTCK Voting styles*/
.attck_vote {
	position: relative;
}

.attck_vote .attck_vote_block {
	display: block;
	cursor: pointer;
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	height: 100%;
	z-index: 100;
}

.attck_register_modal {
	display: none;
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	height: 100vh;
	background: rgba(0, 0, 0, .7);
	z-index: 1000;
}

.attck_register_modal.openLoginModal {
	display: block;
}

.attck_register_modal .attck_modal_inner {
	background-color: #fef200;
	padding: 40px 80px;
	width:90%;
	max-width: 600px;
	margin:30vh auto 0;
	position: relative;
	text-align: center;
	color: black;
}

.attck_register_modal .attck_modal_inner p,
.attck_register_modal .attck_modal_inner h2, 
.attck_register_modal .attck_modal_inner a {
	color: black;
	font-weight:bold;
}

.attck_register_modal .attck_modal_inner input[type="text"], 
.attck_register_modal .attck_modal_inner input[type="email"], 
.attck_register_modal .attck_modal_inner input[type="password"] {
	background: #4d4d4d;
    padding: 10px;
    width: 219px;
    font-size: 1.2em;
    color: #fff;
	display: block;
	max-width: 220px;
	margin:0 auto 20px;
}


.attck_empty, .attck_pwd, .attck_email {
	display: none;

}

body.views-template-entrydetailsview .submission-info .attck_register_modal .attck_modal_inner  .attck_empty,
body.views-template-entrydetailsview .submission-info .attck_register_modal .attck_modal_inner  .attck_pwd,
body.views-template-entrydetailsview .submission-info .attck_register_modal .attck_modal_inner  .attck_email {
	font-size:13px;
	color: red;
}
.attck_register_modal .attck_modal_inner .attck_empty a,
.attck_register_modal .attck_modal_inner .attck_pwd a,
.attck_register_modal .attck_modal_inner .attck_email a {
	color: red;
	display: inline;
}

body.views-template-entrydetailsview .submission-info .attck_register_modal .attck_modal_inner  p {
	font-size: 1.5em;
	color: black;
}

.attck_register_modal .attck_modal_inner #wp-submit {
	background: #444;
	border: 1px solid #444;
	border-radius: 0;
	color: #fff;
	font-size: 1.2em;
	margin:0 0 20px 0;
	padding: 10px;
	text-transform: uppercase;
	width: 100px;
}

.attck_register_modal .attck_modal_inner .attck_login_form {
	display: none;
}

.attck_register_modal .attck_modal_inner small {
	font-size: 1.1em;
	display: block;
	font-weight: bold;
}

.attck_register_modal .attck_modal_inner form {
	margin: 20px 0;
}

.attck_link {
	display: block;
	margin-bottom: 30px;
	text-decoration: underline;
	cursor: pointer;
	color: black;
}

.attck_link:hover {
	text-decoration: none;
}

.attck_register_modal .attck_modal_inner .attck_close {
	cursor:pointer;
	display:block;
	height:24px;
	position:absolute;
	right:40px;
	top:30px;
	width:21px
} 
.attck_register_modal .attck_modal_inner .attck_close:after, .attck_register_modal .attck_modal_inner .attck_close:before {
	content:'';
	display:block;
	height:1px;
	left:0;
	position:absolute;
	top:12px;
	width:100%;
	background-color: black;
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}
.attck_register_modal .attck_modal_inner .attck_close:before {
	left:auto;
	right:0;
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}

.attck_header_login {
	position: absolute;
	top: -8px;
	text-transform: uppercase;
	right: 0px;
	font-size: 12px;
	color: white;
}

.attck_header_login a {
	font-size: 12px;	
	text-transform: uppercase;
}

.content .attck_voting_component h4 {
	font-size: 2em;
	color: #fff;
}

.attck_voting_component .rating-form form {
	font-size: 2em;
	position: relative;

}

div.rating-form form {
	display: block;
}

.attck_voting_component .rating-form .message {
	font-size: 12px;
}

.attck_voting_component .rating-item {
	display: inline-block;
	margin-right: 15px;
}

.submission-entry .rating-form h4, .submission-entry .rating-form .btn, .submission-entry .rating-form .message {
	display: none;
}

.rating-item .description {
	display: none !important;
}

.rating-result .star-result {
	display: none;
}

.submission-entry .rating-result .mrp-star-rating, .submission-entry .rating-result .count,
.submission-entry .rating-result .no-rating-results-text {
	margin-top: 10px;
	display: inline-block;
	font-size: 15px;
}

.attck_voting_component .rating-result .mrp-star-rating {
	font-size: 20px;
}

.attck_voting_component .attck_results {
	display: none;
}

.attck_voting_component .attck_voted .attck_results {
	display: block;
}

.attck_voted h4, .attck_voted form input, .attck_voted form .rating-item, body.single-2017-submissions .content .attck_voted .save-rating,
body.single-2017-submissions .content .attck_voted .delete-rating{
	display: none;
}

.attck_voted h4 {
	display: none;
} 

@media only screen and (max-width: 490px) {
	.attck_header_login {
		display: none;
	}
	
	header.site {
		padding-top: 0;
	}
}

@media only screen and (max-width: 768px){
	.attck_register_modal .attck_modal_inner {
		margin-top:10vh;
		padding: 20px 40px;
	}

	.attck_register_modal .attck_modal_inner .attck_close {
		right:20px;
		top:10px;
	}

	.attck_register_modal {
		overflow:scroll;
	}
}