/*
Theme Name: Ex Awards 2020 Winners
Description: A minimal theme built with Bootstrap, Slick Slider, Waypoints, & Font Awesome
Author: SPY Designed / Guzel Built
Author URI: http://accessintelligence.com
Version: 1.1
Tags: responsive, white, bootstrap
*/

/* Default Styles ___________________________*/

html { height: 100%; font-size: 0.875em;/* 14px / 16px (browser default font-size) */ }
body { height: 100%; font-family: 'Source Sans Pro', sans-serif; background-color: #000;background: url(/wp-content/themes/em-exawards2020-winners/images/topback.jpg) repeat; background-attachment: fixed; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6dfae+0,f0df97+26,f0df97+51,d1a02a+100 */


  /*padding-top: 45px;*/ }

/* Responsive Typography (major thirds – visit http://type-scale.com to set typography scale)___________________________*/
h1 {font-size: 2.441rem; margin: 0 0 0.5em; font-family: 'Roboto', sans-serif;}
h2 {font-size: 1.6rem; margin: 0.5em 0; font-family: 'Roboto', sans-serif; color:#333; font-weight:300}
h3 {font-size: 1.1rem; margin: 0.5em 0; font-family: 'Roboto', sans-serif; color:#f1d16c;}
h3.awards-date{
    font-size: 1.4rem; margin-bottom: 1.5rem;
    text-align: center;
    display: block;
}
h4 {font-size: 1.25rem; font-family: 'Roboto', sans-serif; color:#fff; font-weight:300}
h5 {font-size: 0.8rem; font-family: 'Roboto', sans-serif; color:#333}
h6 {font-size: 0.64rem; font-family: 'Roboto', sans-serif;}
p {font-size: .8rem; margin: 0.5em 0 1.5em; font-family: 'Source Sans Pro', sans-serif; color:#333}

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;}

/* Content Styles ___________________________*/
section.container-fluid:nth-of-type(odd){
	background: #efefef;
}

div.section-wrapper {
	padding: 3rem 0;
	text-align: center;
}

.modal-body img,
.modal-body h3.winner-name {
    max-width: 350px;
}

#copyright p{
    text-align: center;
    font-size: 0.7rem;
}

a {
    color:#333;
    cursor: pointer;
}

.modal-content {
    border-radius: 0px !important;
}

a:hover {
    text-decoration: none;    
}

.videoContainer {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.videoContainer iframe,
.videoContainer object,
.videoContainer embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*********** 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;
}
/**/

.grand-ex h3 {
	background-color:#f1d16c;
	margin: 1em 0 0.5em;
    color: #000;
    font-weight: bold;
	padding: .5em;
	font-size: 1.3rem;
	text-transform:uppercase;
}

.sub-cat-title {
    text-align: center;
}

.sub-cat-title h3 {
    margin: 1em 0 0.5em;
    color: #000;
    font-weight: bold;
	background-color: rgba(209,171,78,.80);
	padding: .5em;
	font-size: 1.3rem;
}

ul.category-nav {
    margin-top: 0;
    margin-bottom: 2em;
}

ul.category-nav li {
    display: block;
    /* width: 25%; */
    /* float: left; */
    text-align: center;
    padding: 0.15em;
    font-size: 1em;
}

ul.category-nav li a {
    color: #fff;
	font-weight:bold;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    display: block;
    text-decoration: none;
    padding: 1em 0;
    background:#333;
    font-family: 'Roboto', sans-serif;
    -webkit-transition: color 0.35s, background-color 0.35s;
    transition: color 0.35s, background-color 0.35s;
	text-transform:uppercase;
}

ul.category-nav li a:hover, ul.category-nav li a:focus {
    background-color: #6fb4af;
    color: #FFF;
}

/*****Cards*****/

div#cards-row {
    margin-left: 110px;
}

.card {
    margin-bottom: 2em;
	text-align: center;
	max-width: 250px;
	margin-left: 20px;
}
.card-inner {
    border: 3px solid #fff;
    position: relative;
    text-align: center;
    cursor: pointer;
    transition: 0.3s all ease;
    -moz-transition: 0.2s all ease;
}
.card-inner h4 {
    padding: .2em;
    margin: 0;
    background: rgba(103,28,40,1);
    color: #fff;
    font-weight: lighter;
    font-size: 1rem;
}
.label-winner {
    position: absolute;
    top: 36px;
    background: RED;
    color: #fff;
    padding: .2em;
}
.card-inner .winner-name , .card-inner .company-name {
    font-size: 1rem;
    font-weight: bold;
}
.honoment ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.honoment ul li {
    padding-bottom: .4em;
}

/*card -modal*/
.modal-dialog {
    width: 95%;
}
/*images*/
/*.f-image {
    padding: 0px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #ddd;
}
.thumbnail-wrapper {
    position: relative;
    padding-bottom: 100%;
    height: 0;
}
.imagebox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.imagebox img {
    height: 100%;
    width: 100%;
}*/

.winners-box img { width: 100% }
.winners-box {
    padding: 0px;
    position: relative;
    background: #fff;
	
}
.thumbimg-wrapper {
    position: relative;
    padding-bottom: 50%;
    height: 0;
}
.thumbimg-wrapper-hall-of-fame{
    position: relative;
    padding-bottom: 75%;
    height: 0;
}


.caption-info {
    background: rgba(241, 209, 108, 0.8);
    color: white;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
	border: 3px solid #fff;
    opacity: 0;
}

.caption-info p { color:#333; margin-top: 20px;}
.caption-info:hover {
    cursor: pointer;
    opacity: 1;
    z-index: 99;
    transition: 0.5s cubic-bezier(0, 0, 0.85, 1.36);;
    -webkit-transition:0.5s cubic-bezier(0, 0, 0.85, 1.36);;
}

.image-border {
    border: 2px solid #FFFFFF;
    margin: 15px;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
}
/*.thumbimg-wrapper-hall-of-fame .imagebox{
    max-height: 400px;
}*/


.imagebox {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}
.winners-box img {

}

.search-area,
.search-area .input-group{
    width: 90%;
    float: right;
}

.primary-event-info {
    padding: 10px 30px 10px 30px;
    background-color: rgba(0,0,0,.70);
}

.primary-event-info p {
	font-size:16px;
	    color: #fff;
}

.primary-event-info a {
	color: #f1d16c;
}

.blue-header {
    background-color: #016091;
	margin-left: -30px;
	min-height:55px;
	/*-webkit-transform: skew(-20deg);
	   -moz-transform: skew(-20deg);
	     -o-transform: skew(-20deg);
            transform: skew(-20deg);*/
    font-style: italic;

}

.blue-header h2 {
	color:rgba(255,255,255,1);
	margin-left:35px;
	color:#fff;
	padding-top: 7px;
}

.preview-info h3 {
   position: absolute; 
   bottom: 0;
   left: 0;
   width: 100%;
   background-color: rgba(255,255,255,.8);
    padding: 5px;
    margin-bottom: -1px;
}

.btn{
    transition: 0.2s all linear;
    -moz-transition: 0.2s all linear
}
.btn-default:hover {
    border-color: #016091;
    border-width: 3px;
}

.f-image {

}

h2.main-title {
	text-align:right;
	color:#FFFFFF;
}

	.btn-danger {
	background-color:#ebba12 !important;
	color:#fff;
	border-color:#FFFFFF;
	font-family: 'Roboto', sans-serif;
}
	
	.btn-danger:hover {
	background-color:#eed989 !important;
	color:#fff;
	border-color:#FFFFFF;
	font-family: 'Roboto', sans-serif;
}

.right-content-area {
    padding-top: 30px;
	padding-right: 50px;
	background-position: right top;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 4px solid rgb(238, 208, 112);
}

.modal-header {

}

.modal-header .close {
    margin-top: -2px;
    top: 0.5em;
    right: 0.5em;
}

.atshare {
    font-size: 0.65em;
    float: right;
}
.atshare:before{
    content: "SHARE";
    position: absolute;
    right: 110%;
    top: 5%;
}

.em-presented, .shiftgig-sponsored, .prg-produced {
	padding:1em;
	color:rgba(255,255,255,1);
	text-align:center;
	margin-top:.5em;
	font-size:11px;
}
.shiftgig-sponsored {
	padding-bottom:.75em;
}

.em-presented img, .shiftgig-sponsored img {}

.prg-produced  img {

}
	
.socialicons a {
    color:#f1d16c; 
    font-size: 1.3rem;
    margin: 0 .5em;
}

.socialicons { padding:1em; margin-top:.5em; text-align:center;}

img.logo {
    width: 80%;
}

/*********** Media Queries *****************/

@media (min-width: 320px) {
	
	div#cards-row {margin-left: 10px;}
	h2.main-title {text-align:center;}
}
@media (min-width: 540px) {
	
	div#cards-row {margin-left: 20px;}
	html {font-size: 1em; /* 16px / 16px (browser default font-size) */}
	div#eventinfo {max-width: 575px; margin: 0 auto;}
}
@media (min-width: 768px) {
	
	
	.search-area,
.search-area .input-group{
    width: 100%;
    float: none;
}
	
	.modal-content {width: 100%;margin-left: 0px;}
	.col-sm-4.sidebar-fixed {
        position: fixed;
        width: 33%;
        height: 100vh;
        color: #fff;
    	padding: 10px;
    	z-index: 1;
    background-attachment: fixed;
    background-size: contain;
	}

    /*.sub-cat-title h3:before {
        content: ' ';
        background: url("/ex-awards-winners-19/wp-content/themes/em-exawards-winners/images/star-white.png") repeat-x 0 50%;
        display: block;
        height: 10px;
        width: 45%;
        margin: auto;
        padding-bottom: 30px;
    }

    .sub-cat-title h3:after {
        content: ' ';
        background: url("/ex-awards-winners-19/wp-content/themes/em-exawards-winners/images/star-white.png") repeat-x 0 50%;
        display: block;
        height: 10px;
        width: 45%;
        margin: auto;
        padding-top: 30px;
    }*/

    .sub-cat-title h3:before {
        /*content: ' ';*/
           /* background: url(/ex-awards-winners-19/wp-content/themes/em-exawards-winners/images/star-white.png) repeat-x 0 50%; */
        display: inline-block;
        height: 15px;
        width: 15%;
        position: relative;
        margin: 0 15px 0 0;
        top: -3px;
    }

    .sub-cat-title h3:after {
        /*content: ' ';*/
       /* background: url("/ex-awards-winners-19/wp-content/themes/em-exawards-winners/images/star-white.png") repeat-x 0 50%; */
        display: inline-block;
        height: 15px;
        width: 15%;
        position: relative;
        margin: 0 0 0 15px;
        top: -3px;
    }
}

@media (min-width: 992px) {
	
	h2.main-title {text-align:right;}
	
	.search-area,
.search-area .input-group{
    width: 90%;
    float: right;
}
	
	.modal-content {width: 70%;margin-left: 200px;}
	html {font-size: 1.125em; /* 18px / 16px (browser default font-size) */}
	div#eventinfo {max-width: 645px;}
    ul.category-nav li {
        display: inline-block;
        width: 33%;
        float: left;
    }
    .atshare {
        font-size: 1em;
        position:relative;
        bottom: -10px;
    }
	.col-md-8 {
		width: 100%;
	}
}

@media (min-width: 1200px) {
	div#cards-row {margin-left: 55px;}
	
	html {font-size: 1.25em; /* 20px / 16px (browser default font-size) */}
	div#eventinfo {max-width: 723px;}
	.col-md-8 {
		width: 70%;
	}
	.col-lg-4 {}
}


#filter{
    font-family: 'Roboto', sans-serif;
}

.video-wrapper{
    display: block;
}
.video-wrapper .video-content{
    width: 100%;
    max-width: 800px;
}
.video-wrapper .video-content .video-js{
    padding-top: 56.25%;
    width: 100%;
    height: auto;
}

.video-js .vjs-play-progress{
    background-color: #671c28 !important;
    /* progress bar color of video already played */
    background-color: #edd681 !important;
    /* color of progress playback dot */
    color: #edd681 !important;  
}

.video-js .vjs-slider{
    /* progress bar color not yet loaded content */
    background-color: gray !important;
}
.video-js .vjs-load-progress div{
    /* progress bar color of video loaded */
    background-color: #671c28 !important;
}
.video-js .vjs-big-play-button{
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;   

    /* color of play button on top of video */
    border-color: #ebba12 !important;
    color: #ebba12;

}

.winner-bio-photo {
	width:45%; height:auto;
	max-width:45%;
	float:right;
	margin:32px 20px 8px 16px;
}
.modal-content ul {
	font-size:1rem;
	margin-bottom:1.5em;
}
.wrapper_modal-back-to-top {
	width:100%; height:auto;
	padding:0 20px;
	text-align:right;
	margin-bottom:20px;
}
.modal_back-to-top {
display:inline-block;
cursor:pointer;
}
#btns_best-in-events li a div {
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
transform:          rotate(270deg);
-ms-transform:      rotate(270deg);
-moz-transform:     rotate(270deg);
-webkit-transform:  rotate(270deg);
-o-transform:       rotate(270deg);}
#btns_best-in-events li a img {
	width:auto; height:18px;
}
input#filter {
width: 100%;
padding:1.6em;
margin-top: .2em; 
background-color:transparent;
}


#best-in-events-search {
background-color:#f1f1f1;
background-image:url('/em-exawards2020-winners/wp-content/uploads/2017/04/search-input-icon.png');
background-repeat:no-repeat;
background-position: right 10px top 10px;
}

/* ADDED TO PREVENT TITLE OVERLAPPING CLOSE X BUTTON */
.modal-winner-title {
	width:100%;
}

@media (min-width: 1700px) {
	
		div#cards-row {margin-left: 200px;}
}

@media (min-width: 768px) {
	.row.vertical-align {
		display: flex;
		align-items: center;
	}
}



.modal-winner-content .modal-header .close {
    margin-top: 8px;
    top: 0.5em;
    right: 0.5em;
    color: white;
}
.modal-body img {
	max-width: 300px;
}

.winner-img.col-md-4 {
    padding-top: 50px;
}
.modal-winner-content {
	background: #333;
	margin-top: 120px;
	color: white;
}
.modal-winner-title h2{
	font-size: 1.8rem;
	margin: 0 0 0.25em;
	font-family: 'Roboto', sans-serif;
	color: #F1D16C;
	text-transform: uppercase;
}
.modal-winner-content a { color:#E78900 }
.quick-bio p {
    color: white;
    text-align: left;
    font-size: .8rem;
}

.quick-bio.col-md-7.text-left {
	padding-left: 100px; padding-top:50px}