/*
  Theme Name: coDesign Website
  Theme URI: http://www.destroyproductions.ca/portfolio
  Description: This is the Preset custom style theme
  Author: Conor O'Neill
  Version: 1.0
  Tags: Clean, Professional, Buisness
*/

@import url('stylesheets/reset.css');
@import url('stylesheets/default.css');
@import url('stylesheets/classes.css');

@font-face {font-family: 'FFDINWebBold'; src: url('webfonts/2CFF17_0_0.eot');src: url('webfonts/2CFF17_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2CFF17_0_0.woff2') format('woff2'),url('webfonts/2CFF17_0_0.woff') format('woff'),url('webfonts/2CFF17_0_0.ttf') format('truetype');}

@font-face {
    font-family: 'socicon';
    src: url('webfonts/socicon-webfont.eot');
    src: url('webfonts/socicon-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/socicon-webfont.woff') format('woff'),
         url('webfonts/socicon-webfont.woff2') format('woff2'),
         url('webfonts/socicon-webfont.ttf') format('truetype'),
         url('webfonts/socicon-webfont.svg#sociconregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Beginning of Theme Rules */

html { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
*, *:before, *:after { box-sizing: inherit; }

html, body { width:100%; height:100%; background-color:#ebebeb; -webkit-overflow-scrolling: touch;}

html {}
body {}

header {position:relative; overflow:hidden; background-color:#000;}
footer { width:100%; height:425px; background-color:#1c1c1c;}
main {background-color:#ebebeb; position: relative; z-index:9999999; min-height:160px;}
nav {}

.page {padding:50px 0;}
.padding-right {padding-right:60px;}

.wpcf7-form p {margin-bottom:20px;}
.wpcf7-form h4 {text-transform: uppercase; font-size:14px !important; font-weight:400;}
.wpcf7-list-item-label {text-transform: uppercase;}
.wpcf7-response-output {font-size:12px; text-align: center; margin: 0px 40px 60px !important;}
.wpcf7-not-valid-tip {font-size:10px !important;}
.newsletter-wrapper {
	background-color: #1c1c1c;
}

#event-list {width:100%;}
#event-list li {width:25%; float:left; padding:10px 5px; min-height:475px;}
#event-list li img {width:100%;}
.event-image {width:100%; position: relative;}
.event-info h4 { font-size:1.1em; line-height:1.2em; font-weight: 400; padding:0; text-transform: uppercase; margin:0 auto 20px; color:#707070;}

option, select {
    height: 37px;
    -webkit-appearance: menulist-button;
}

input[type=text], input[type=email], input[type=date], textarea, select {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    padding: 10px;
    font-family: 'Roboto', sans-serif;
    width:100%;
}

::-webkit-input-placeholder {
   font-family: 'Roboto', sans-serif;
   letter-spacing:2px;
   color:#d9d9d9;
   text-transform: uppercase;
}

:-moz-placeholder { /* Firefox 18- */
   font-family: 'Roboto', sans-serif;
   letter-spacing:2px;
   color:#d9d9d9;
   text-transform: uppercase;
}

::-moz-placeholder {  /* Firefox 19+ */
   font-family: 'Roboto', sans-serif;
   letter-spacing:2px;
   color:#d9d9d9;
   text-transform: uppercase;
}

:-ms-input-placeholder {
   font-family: 'Roboto', sans-serif;
   letter-spacing:2px;
   color:#d9d9d9;
   text-transform: uppercase;
}

input[type=submit] {
    font-family: 'Roboto', sans-serif;
    background-color:#ed145b;
    text-transform: uppercase;
    letter-spacing: 2px;
    border:none;
    color:#FFF;
    font-size:12px;
    line-height:40px;
    padding:0 8px;
    margin:0;
    -webkit-appearance: none;
}

.wpcf7-form input[type=submit] {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    border:2px solid #FFF;
    color:#FFF;
    background-color:#000;
    font-size:12px;
    line-height:40px;
    padding:0 8px;
    margin:0;
    width:100%;
    display:block;
    -webkit-appearance: none;
    transition: all 0.3s ease;
    cursor: pointer;
}

.wpcf7-form input[type=submit]:hover {
 background-color:#ed145b ;
}

#top-bar {position: absolute; top:0; z-index:105; width:100%;}

.wrapper {max-width:1170px; height:100%; margin:0 auto; padding:0 30px;}

#logo {float:none; width:75px; margin: 20px auto 0;}
#logo a {color:#FFF; font-family: 'FFDINWebBold'; font-size:2.5em; letter-spacing: 2px;}
#logo a img {width:100%;}

.sep-display {width:15%; height:1px; background-color:#AAA; margin:0 auto 25px;}

#slider-holder {width:100%; height:100%; background-color:#000; overflow:hidden;}
.cycle-slideshow {height:100%; width:100%;}
.slider-slide {height:100%; width:100%; background-position: center center; background-color:#000; background-size: cover; position: relative; text-align: center;}
.slider-slide .btn-holder { margin: auto; position: absolute; left: 50%; bottom: 40px; width:150px; padding:0; margin-left:-75px; }
.slider-slide .btn {width:auto;}
.slider-bg {width:100%; height:100%; background-color:#000; position: absolute; top:0; left: 0;}

.slide-info {position: relative; }
.slide-info h1 { position:relative; color:#FFF; font-size:5em; line-height: 1.2em; font-family: 'FFDINWebBold'; font-weight:normal; text-transform: uppercase; letter-spacing:2px;
/* text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #000,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15); */

}
.verticle { position: relative; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 98; height:auto; }

.slide-info p {position:relative; color:#FFF; font-size:1.5em; line-height: 1em; font-family: 'FFDINWebBold'; text-transform: uppercase; margin-bottom:12px;}
.slide-info .venue {position:relative; color:#000; background-color:#FFF; display:inline-block; font-size:1.2em; line-height: 1.1em; padding:7px 10px 5px; font-family: 'FFDINWebBold'; text-transform: uppercase;}
.slide-info .bar {display:none; width:15px; height:3px; background-color:#FFF; margin:15px auto 17px;}


.cycle-pager { text-align: center; width: 100%; top:-30px; position: relative; z-index:100; overflow: hidden; height: 20px; }
.cycle-pager span { font-size: 35px; width: 16px; height: 16px; display: inline-block; }
.cycle-pager span.cycle-pager-active { color: #FFF;}
.cycle-pager > * { cursor: pointer;}

.cycle-control { position: relative; z-index:100; top:50%; }
.prev {float: left; cursor: pointer; position:relative; cursor:pointer;}
.next {float: right; cursor: pointer; position:relative; cursor:pointer;}

.half {width:50%; float:left;}
.buy-tickets { background: #e3e3e3; border: 1px solid #bbb; border-radius: 3px; -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6; box-shadow: inset 0 0 1px 1px #f6f6f6; color: #333; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:1.1em !important; letter-spacing: 0px; font-weight:bold; padding: 8px 0 9px; text-align: center; text-shadow: 0 1px 0 #fff; width:100%; margin-bottom:40px; display:block; }

#work-menu {width:100%; padding:15px 0;}
#work-menu ul {width:670px; margin:0 auto;}
#work-menu ul li {float:left;}
#work-menu ul li a {text-transform: uppercase; color:#999999; font-size:1.1em; line-height: 1.5em; font-family: 'FFDINWebBold'; padding: 10px 9.5px;}
#work-menu ul li:hover a { color:#777777;}
#work-menu ul li a.current {border:2px solid #999999;}


#event-holder {width:100%;}
.event-item {width:255px; float:left; margin:0 10px 20px;}

.sold-out {position: absolute; z-index:99; bottom:0; right:0; background-color:red; padding:3px 10px; text-align:center}
.sold-out p {color:#FFF; font-weight:bold; font-size:10px;}
.event-image img {width:100%; display:block;
    -webkit-transition: all 0.1s cubic-bezier(0, 1.8, 1, 1.8); /* Safari and Chrome */
    -moz-transition: all 0.1s cubic-bezier(0, 1.8, 1, 1.8); /* Firefox */
    -ms-transition: all 0.1s cubic-bezier(0, 1.8, 1, 1.8); /* IE 9 */
    -o-transition: all 0.1s cubic-bezier(0, 1.8, 1, 1.8); /* Opera */
    transition: all 0.1s cubic-bezier(0, 1.8, 1, 1.8);
    -webkit-backface-visibility:hidden;
}
.event-image:hover img {
    -webkit-transform:scale(1.07); /* Safari and Chrome */
    -moz-transform:scale(1.07); /* Firefox */
    -ms-transform:scale(1.07); /* IE 9 */
    -o-transform:scale(1.07); /* Opera */
     transform:scale(1.07);

}


.newsletter{
  max-width: 360px;
  margin: 0 auto;
  text-align: center;
  font-family: 'FFDINWebBold';
  margin-bottom: 35px;
	padding-bottom: 55px;
}

.newsletter form{
  font-size:12px;
  color:#c2c2c2;
    font-family: 'FFDINWebBold';
}

.email-optin-wrapper form {
    max-width: 100%;
    margin: auto;
}

.email-optin-wrapper label { 
  color: #fff;
    line-height: 30px;
    font-size: 13px;
  }

.email-optin-wrapper select {
    margin-top: 4px;
    width: 31%;
    float: left;
    border: 2px solid #fff;
    border-radius: 0px;
    background: #1c1c1c;
    -webkit-appearance: none;
    padding-bottom: 0px;
    padding-top: 2px;
    margin-top: -5px;
        font-family: 'FFDINWebBold';
    }
#fieldName{
  border: 2px solid #fff;
  background: #1c1c1c;
  margin-top: -5px;
    }
#fieldName::placeholder{
  text-transform: none;
    font-family: 'FFDINWebBold';
}    
#fieldEmail{
  border: 2px solid #fff;
  background: #1c1c1c;
  margin-top: -5px;
    }
#fieldEmail::placeholder{
  text-transform: none;
    font-family: 'FFDINWebBold';
}    
#fieldpldjyh{
  margin-right: 3.5%;
}    
#fieldpldjyhdy{
  margin-right: 3.5%;
}
.email-optin-wrapper button {
    width: 100%;
    padding: 8px 0px;
    margin: 15px 0;
    font-size: 16px;
    color: #FFF;
    background-color: #7b00be;
    border: none;
    font-size: 13px;
}

.email-optin-button {
line-height: 22px !important;
    width: 100% !important;
    padding: 8px 0px !important;
    margin: 15px 0 !important;
    font-size: 16px !important;
    color: #FFF !important;
    background-color: #7b00be !important;
    border: none !important;
    font-size: 13px !important;
}

.faq-contact-social-wrapper{
  height: 80px;
  background-color: #171717;
  padding-top: 20px;
  font-family: 'FFDINWebBold';
    position: fixed;
    bottom: 0;
    width: 100%;
}

#faq-contact{
  float: left;
  width: 120px;
  margin-left: 10%;
  color: #c2c2c2;
}
#faq-contact a{
  text-decoration: none;
  color: #c2c2c2;
}

.event-info { background-color:#FFF; text-align:center; font-family: 'FFDINWebBold'; height:175px; overflow:hidden; border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding:20px;}

.event-info p { font-size:1em; line-height:1.2em; color:#999999; text-transform:uppercase; margin:0 auto 20px;}
.event-info a {color:#999999; font-weight:normal;}
.event-info a:hover {text-decoration: none;}

.btn-holder { padding-bottom:20px; text-align: center; }
.btn {position: relative; z-index:101; width:60%; font-weight:bold; margin:0 auto; font-family: 'Ropa Sans', sans-serif; height:100%; display:block; padding:5px 0; background: #8200cd; /* Old browsers */
background: #b85a35;
  background: -webkit-linear-gradient(#8200cd, #610084);
  background: -moz-linear-gradient(#8200cd, #610084);
  background: -o-linear-gradient(#8200cd, #610084);
  background: -ms-linear-gradient(#8200cd, #610084);
  background: linear-gradient(#8200cd, #610084);
    -webkit-background-size: 100% 200%;
  -moz-background-size: 100% 200%;
  background-size: 100% 200%;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -o-transition: all .3s linear;
  -ms-transition: all .3s linear;
  transition: all .3s linear;
    color:#FFFFFF !important;
}
.btn:hover, .btn:focus, .btn:active {
  background-position: 0 -30px;
    text-decoration: none;
}

footer .wrapper {padding:50px 0 0; margin: 0px; max-width: 100% !important;}
footer h1 {color:#FFF; font-family: 'FFDINWebBold'; font-size:1.5em; letter-spacing: 2px; float: left;}

#social-menu {
  float:right;
  margin-right: 10%;

}
#social-menu a {
  padding:3px;
}
.events {padding:20px 0;}
.events-image {width:50%; float:left; padding:0px 15px;}
.events-image img {width:100%;}

.events-content {width:50%; float:left; padding:15px 0;}
.events-content .btn {margin:0; float:left; width:40% !important;}


/* Page Styles */
.entry-title {padding:0; margin:0 0 15px 0; font-family: 'FFDINWebBold';}
.entry-title-large { text-align:center; font-size:9em; line-height:1.4em; margin-top:20px; text-transform: uppercase; font-family: 'FFDINWebBold';}
.entry-content { font-family: 'Ropa Sans', sans-serif; }
.entry-content p {margin-bottom:10px; font-size:12px;}
.entry-content h2 {padding:10px 0;}
.entry-content ul {padding:20px; font-size:12px; font-style:italic;}
.entry-content ul li {list-style-type:disc;}
.entry-content ol {padding:20px; font-size:12px; font-style:italic;}
.entry-content ol li {list-style-type:decimal;}

/**** Header Menu ****/
ul#header-menu {width:540px; margin:0 auto; display:none;}
ul#header-menu li { float:left; position:relative; }
ul#header-menu li.float-divider { float:none; }
ul#header-menu li a { display:block; color:#000; padding:20px 33px; line-height:35px; font-size: 1em; text-transform:uppercase; font-family: 'FFDINWebBold'; color:#FFF; }
ul#header-menu li:hover a { color: #be48ff; }
ul#header-menu li ul { display:none; position:absolute; top:100%; left:0; float:left; width:240px; z-index:99999; }
ul#header-menu li:hover > ul { display:block; }
ul#header-menu li ul li { float:none; display:block; }
ul#header-menu li ul ul { left:100%; top:0; }
ul#header-menu li ul a { background:#DDD; color:#000; height:100%; line-height:25px; padding:10px; display:block; background-image:none; }
ul#header-menu li ul a:hover { color:#000; background:#EEE; }
ul#header-menu > li.current_page_item > a, ul#header-menu > li.current-menu-ancestor > a, ul#header-menu > li.current-menu-item > a, ul#header-menu > li.current-menu-parent > a { color: #be48ff; }
* html ul#header-menu li.current_page_item a, * html ul#header-menu li.current-menu-ancestor a, * html ul#header-menu li.current-menu-item a, * html ul#header-menu li.current-menu-parent a, * html ul#header-menu li a:hover { color:#DDD; }
/** End Header Menu **/

/**** footer Menu ****/
ul#footer-menu {float:right; margin-bottom: 10px;}
ul#footer-menu li { float:left; position:relative; }
ul#footer-menu li.float-divider { float:none; }
ul#footer-menu li a { display:block; color:#000; padding:0px 15px; line-height:35px; font-size: 1em; text-transform:uppercase; font-family: 'FFDINWebBold'; color:#FFF; }
ul#footer-menu li ul { display:none; position:absolute; top:100%; left:0; float:left; width:240px; z-index:99999; }
ul#footer-menu li:hover > ul { display:block; }
ul#footer-menu li ul li { float:none; display:block; }
ul#footer-menu li ul ul { left:100%; top:0; }
ul#footer-menu li ul a { background:#DDD; color:#000; height:100%; line-height:25px; padding:10px; display:block; background-image:none; }
ul#footer-menu li ul a:hover { color:#000; background:#EEE; }
ul#footer-menu > li.current_page_item > a, ul#footer-menu > li.current-menu-ancestor > a, ul#footer-menu > li.current-menu-item > a, ul#footer-menu > li.current-menu-parent > a { color: #be48ff; }
* html ul#footer-menu li.current_page_item a, * html ul#footer-menu li.current-menu-ancestor a, * html ul#footer-menu li.current-menu-item a, * html ul#footer-menu li.current-menu-parent a, * html ul#footer-menu li a:hover { color:#DDD; }
/** End Header Menu **/

.thankyou-content{
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    margin-top: 50px;
    font-family: 'FFDINWebBold';
    text-transform: capitalize;

}
.thankyou-content a{
    color: #000;
    text-decoration: underline;
    text-decoration-color: #8200cd;
}






}


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

/* tablet landscape */
@media (max-width: 1150px) {
html, body {overflow-x: hidden;}
header {height:400px;}
.wrapper {width:100%;}
.slider-bg {opacity:0.7;}
.event-image {height:auto;}
.event-image:hover img {
    -webkit-transform:scale(1); /* Safari and Chrome */
    -moz-transform:scale(1); /* Firefox */
    -ms-transform:scale(1); /* IE 9 */
    -o-transform:scale(1); /* Opera */
     transform:scale(1);
}
    .slide-info h1 {font-size:7em;}
    .event-item {width:301px; }
    #event-list li {width:33.333333333%;}
}


/* tablet portrait view */

@media (max-width: 960px) {

#logo {float:none; margin:20px auto 0;}
ul#header-menu {display:none;}
.event-item {width:216px; }
.slide-info h1 {font-size:5em;}
    #event-list li {width:25%;}
}


/* Phone View */
@media (max-width: 767px) {

header {height:70%;}
main {padding:30px 0;}
.slide-info h1 {font-size:2em;}
.slide-info p { font-size:0.8em; margin-top:10px; }
.next { margin-top:-37px; }
.prev { margin-top:-37px; }
#work-menu {display:none;}
.sep {width:100%; height:1px; background-color:#AAA;}
.event-item {width:100%; margin:30px 0 0 0; }
footer h1 {float:none; text-align:center;}
ul#footer-menu {display:none;}
#social-menu {float:none; width:250px; margin:0 auto;}
    .half {text-align:center;}
    .events-image {width:100%; padding:0;}
    .events-content { width:100%; }
    .events-content .btn {width:100%; margin:0 auto;}
    .half {width:100%; padding-right:0 !important; margin-bottom:40px;}
    table tr {width:100%;}
    table tr td {width:100%;}
    #event-list li {width:100%;}

}

/* Mobile View */
@media (max-width: 480px){
  footer .wrapper {
    text-align: center;
}
.third {
    float: none;
    width: 100%; 
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto !important;
}
footer h1 {
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.email-optin-wrapper{
  margin: 0 auto;
}
.email-optin-wrapper form{
  width:300px;
}
}