/*
Theme Name: Experience Design and Technology Awards 2020
Description: Experience Design and Technology Awards 2020
Author: Sylvia P 2020
Author URI: http://accessintelligence.com
Version: 1.0
Tags: responsive, bootstrap
*/

/* Default Styles ___________________________*/

html { height: 100%; font-size: 0.875em; /* 14px / 16px (browser default font-size) */ }
body { height: 100%; padding-top: 0px; font-size: .9rem;}

/* Responsive Typography (major thirds – visit http://type-scale.com to set typography scale)___________________________*/
h1 {font-size: 2.441rem; margin: 0 0 0.5em;}
h2 {font-size: 1.5rem; margin: 0.5em 0;}
h3 {/*font-size: 1.563rem*/font-size: .9rem; margin: 0.5em 0;}
h4 {font-size: 1.25rem;}
h5 {font-size: 0.8rem;}
h6 {font-size: 0.64rem;}
p {font-size: .9rem; margin: 0.5em 0 1.5em;}

img {max-width: 100%; height: auto;}

.alignleft {float: left;padding-right: 30px; margin: 0;}
.alignright {float: right;padding-left: 30px; padding-bottom: 30px; margin: 0;}

#_atssh {display: none;}
.at4-thankyou-background { position: relative;}

/* Navigation Styles ___________________________*/
button.navbar-toggle {padding: 0.5em; line-height: 1;}
.filter-nav {
    text-align: center;
}
.filter-nav li {
    display: inline;
}
div#entryrequirements h3 {
    margin-top: 4em;
}
/* Content Styles ___________________________*/

.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {   
    background-color: red !important;
    border-color: red !important;
}

a {
    color: #0f75e4;
    text-decoration: none;
}

.section h2:after {
    content: "";
    margin: 10px auto 30px;
    width: 90px;
    border: 2px solid #009843;
    display: block;
    text-align: center;
}

.info {
    padding: 20px;
}

a:hover {
    color: #0f75e4;
    text-decoration: underline;
}


.btn-primary:hover {
    color: #fff;
    background-color: #0f75e4;
    border-color: #0f75e4;
	border:none;
}

section.container-fluid:nth-of-type(odd){
	background: #efefef;
}

div.section-wrapper {
	padding: 3rem 0;
	text-align: center;
}
.navbar-default .navbar-nav>li>a {
    color: #454345;
    font-weight: 600;
}
/*********** Slick Video Slides ************/
.slick-slider {margin-bottom: 15px;}
.slick-slide {}
.slick-slide img {width: 100%;}
.slick-prev, .slick-next {width: 30px; height: 30px;}
.slick-next {right: 30px;}
.slick-prev {left: 30px;}
.slick-prev:before, .slick-next:before {color: white; opacity: 1; font-size: 24px;}
.slickVideoWrapper, .slickImgWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	background-color: black;
}
.slickVideoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.slider-play-button {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  cursor: pointer;
  background-color: none;
  -webkit-transition: background-color 0.3s ease-out; /* For Safari 3.1 to 6.0 */
  -moz-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}

.slider-play-button:hover {
	background-color: rgba(0,0,0,0.5);
}

.slider-play-button i {
	font-size: 100px;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	margin-left: -50px;
	line-height: 1;
	color: red;
}
/*Top info jumbo*/
.site-logo {
    padding-top: .5em;
    width: 138px;
}
#home {
	background: url(/wp-content/themes/EDTA-2020/images/bkgs/edt-back3.png);
    margin-top: 3.5em;
    padding-bottom: 4em;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
        position: relative;
	color: #fff;
}
#home h3:after {
    display: none;
}
#home .btn-primary {
    border-radius: 0em;
	background-color:#009843 !important;
	text-transform:uppercase;
	margin-bottom: 20px;
}
.info h5:after {
    border-bottom: 1px solid #fff;
    content: '';
    display: block;
    width: 14em;
    text-align: center;
    margin: 10px auto;
}

.btn-primary {
	border:0px;}
	
.ny-pill {
    background: #009843;
    margin-top: .5em;
}
.ny-pill a {
    margin: 0;
    padding: 0 !important;
    color: #fff !important;
}

/*#home .info {
    text-align: justify;
}*/

.section {
    padding-top: 1em;
    padding-bottom: 1em;
}

.section h2 {
    text-align: center;
    margin-bottom: 1.2em;
    color: #454345;
    text-transform: uppercase;
}
.section h3 {
    color: #333;
}

div#entryrequirements h3 {
    color: #40f9a1;
}

.section h3:after {
    content: "";
    margin: 10px auto 30px;
    width: 90px;
    border: 2px solid #009843;
    display: block;
    text-align: center;
}


}
/*judges */
div#judges{
    background: #f1f1f1;
    /*text-align: center;*/
}

.judgesimg img {border-radius: 300px}

/*rules of */
div#rulesofentry {
    background: #f1f1f1;
    /*text-align: center;*/
}
.section ul li , .section ol li {
    margin: 1em 0;
}
#rulesofentry.section ul li, #rulesofentry.section ol li {
    margin: 0;
}
#rulesofentry .align-left , #rulesofentry .align-right {
    text-align: center !important;
}

.design div.award-header {
    background: #2f2968;
}
div#category-wrapper ul li {
        padding: .7em 0.4em;
}
div#category-wrapper ul li:hover {
    color: #009843;
}
.b.active {
    color: #9ea6ae;
}
.text-rt {
    text-align: center;
}
.align-lf {
    text-align: center;
}
.info-enter {
    float: none !important;
}
.info-enter li {
    display: none;
}
.info-enter li:last-child {
    display: inline-block;
    float: none;
    font-size: 1.4em;
}
.info-enter>li>a:hover {
    background: transparent !important;
}
/*category*/
.b {
    cursor: pointer;
}
div#categories h2 {
    color: #fff;
}
div#categories {
    background: #001447;
    color: #fff;
    background-size: 100%;
    background-repeat: repeat;
}
h4.btn.ghost {
    background: #009843;
    color: #001447;
    padding: 10px 4em;
    margin: 30px 0 0;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
    text-align: center !important;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-top: 2em;
    margin-bottom: 2em;
}
h4.btn.ghost a {
    color: #04b552;
	text-decoration: none;
}
h4.btn.ghost:hover {
    background: #04b552;
}
h4.btn.ghost span {
    font-size: 1rem;
    display: block;rules
    text-transform: lowercase;
}
.btn.ghost i {
    display: block;
}
/*contact*/
form button {
    width: 100%;
    padding: 15px !important;
    margin: 15px 0 0;
}
.form-group input {
    line-height: 2em;
    padding: 15px;
    height: auto;
    background: #fff;
}
textarea#message {
    padding: 15px;
    height: 313px;
    background: #fff;
}
.btn-warning {
    color: #fff;
    background-color: #009843;
    border-color: #009843;
}
div#contact {
    text-align: center;
    background: #f1f1f1;
}
/*awards cats*/
div#scroll-icon {
	width: 100%;
	position: absolute;
	bottom: 9px;
	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;
}

@-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#category-wrapper {
	/*padding: 60px; */
	margin-bottom: -60px;
}
div#category-wrapper .row {padding-bottom: 50px;}
div.award-wrapper {
	margin: 15px 0;
}
div.award-header {background: #009843; margin-bottom: -1px; padding: 15px; position: relative; cursor: pointer;text-align: center;}
div.award-header.top-award {background: #009843;}
div.award-header h4 {
    color: #fff;
    font-size: 15px;
    vertical-align: middle;
    display: inline;
}
div.award-header i {font-size: 1.2em;
    text-align: center;
    display: block;}
div.award-body { padding: 15px; font-size: 14px; background: #fff;}

h4.btn.ghost.toggle-rules {
	margin: 0 0 30px;
	font-size: 14px;
	padding: 6px 12px;
}
.award-body p {
    color: #454345;
    font-size: .9rem;
}
/*Entry req*/
div#entryrequirements {
    text-align: center;
    background: #001447;
	color:#fff
}

div#entryrequirements h2 {color:#fff}

div#entryrequirements p {color:#fff}

div#entryrequirements ul, ol {color:#fff}
aw

/*Gala*/
#gala .container {
	top: 0;
	/*position: fixed;*/
}

#gala a {color:#c7e7fb; font-weight:bold}

.galabg {
	background: url(/wp-content/themes/EDTA-2020/images/bkgs/awards.jpg);  
    position: fixed;
    width: 100%;
    height: 140%;
    top: 0;
    left: 0;
    z-index: -1;
    background-size: cover;
    background-repeat: no-repeat;
}
#gala {
    color: #fff;
    background: rgba(0, 0, 0, 0.68);
	background: url(/wp-content/themes/EDTA-2020/images/bkgs/edt-back3.png);  
	 background-size: cover;
    background-repeat: no-repeat;
	padding: 3em;
}

#gala p{ padding: 30px}

.gala-left {background-color: #000000}

#gala h2, #gala h3, #gala h4 {
    color: #fff;
    text-align:center;
}
/*footer*/
div#footer {
    padding: 60px 0;
    text-align: center;
    color: #fff;
    background: #454345;
    background: url(/wp-content/themes/EDTA-2020/images/bkgs/edt-back3.png);
    background-size: cover;
    background-repeat: no-repeat;
}
div#get-social a {
    display: inline-block;
    padding: 10px;
    width: 50px;
    height: 50px;
    color: #ffffff;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
    background: #66798d;
    font-size: 1.2rem;
}
div#get-social {
    margin: 2em 0 0.5em;
}

/* COUNTDOWN TIMER STYLES ***************************/
div#logo-timer-wrapper {display:inline-block;position:relative; padding:10px 20px; color: #3f4e63;}
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; }
#announcementtime span.timer-value {color: #fff; display:inline-block; text-align: right; font-size: 1.563rem; margin: 0 0.5em 0 0; padding: 0.5em; line-height: 1; border: none; background: rgba(63,78,99,.8);}
#announcementtime span.timer-unit {color: #fff; font-weight: 300; position:absolute; bottom: -1em; margin-left: -6.25em; font-size: 0.65rem; text-transform: uppercase;}

div#countdown-timer > div:nth-of-type(2) {
    color: red;
}
.g-recaptcha div iframe, .g-recaptcha div {
    width: 100% !important;
}

.btn-warning:hover {
    background: #454345;
    border-color: #454345;
}
/*********** Media Queries *****************/
@media (min-width: 540px) {
	html {font-size: 1em; /* 16px / 16px (browser default font-size) */}
	div#eventinfo {max-width: 575px; margin: 0 auto;}
}
@media (min-width: 768px) {
	div#category-wrapper {
    padding: 10px
}
div#rulesofentry .align-left{
    text-align: left !important;
}
.g-recaptcha div iframe, .g-recaptcha div {
    width: auto !important;
}
.text-rt {
    text-align: right;
}
.align-lf {
    text-align: left;
}
}

@media (min-width: 992px) {
	html {font-size: 1.125em; /* 18px / 16px (browser default font-size) */}
	div#eventinfo {max-width: 645px;}
}

@media (min-width: 1200px) {
	html {font-size: 1.25em; /* 20px / 16px (browser default font-size) */}
	div#eventinfo {max-width: 723px;}
}

.navbar-default
{
	background-color: #001447;
	border: 0px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #001447
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.navbar-toggle i	{
	color: white;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #001447;
}
#center-navbar {
	padding: 0px !important;
}
#center-navbar .navbar-nav {
	display: inline-block;
	float: none;
}
#center-navbar ul li, #center-navbar ol li {
	margin: 0px;
}
#center-navbar .ny-pill {
	margin-top: .5em !important;
}

#home {
	margin-top: 0;
}
@media screen and (max-width:767px){
	#home {
		margin-top: 3.1em
	}
}