/*
Theme Name: West Queen West
Theme URI: http://westqueenwest.ca/
Author: Dave Noel
Author URI: http://davenoel.ca
Description: This wordpress theme was created on commission for the West Queen West BIA. All original design and coding was executed by Dave Noel.
Version: 1.0
License: Private Commercial License
Text Domain: wqw
*/

    body{background:#ebebeb; font-size: 16px; line-height: 1.4em;font-family:arial;}
    *,*:after,*:before{box-sizing:border-box;}
    a,a:hover,a:visited,a[onclick]{color:#ff0000;text-decoration:none;cursor:pointer;}
    a.button,a.button:hover,a.button:visited,.button{font-family:"brandon-grotesque";font-weight:700;color:#fff;text-decoration: none;display:inline-block;background:rgba(0,0,0,0.8);border:#fff solid 2px; border-radius:5px; padding:5px 20px;cursor:pointer;}
    a.button.big{background:#ff0000;position: absolute;z-index: 20;left: 50%;margin-left: -18%;font-size: 1.5em;height: auto;line-height: 1em;padding: 10px 0px;text-transform: uppercase;width: 33.333%;text-align: center;bottom: -40px;margin-bottom:40px;}
    .button.grey{background:#999;pointer-events:none;}
    #sidebar .button{padding:0 5px;text-transform:uppercase;line-height:1.5em;font-size:0.7rem;}
    
    h1,h2,h3,h4,blockquote{font-family:"brandon-grotesque";font-weight:300;color:#ff0000; font-size:2em;}
    h1{font-size:3em;color:#fff;position:absolute;width:100%;top:50%;margin-top:0.375em;text-align:center;z-index: 10}
    .slider li h3{display:block;position:absolute;top:50%;margin-top:-1em;width:100%;text-align:center;margin-bottom:-1em;font-weight:900;font-size:1em;color:#fff;z-index: 10;}
    h4{font-weight:300;float:left;line-height: 1em;margin:15px 0 5px;font-size:1.5em;width:100%;}
    
    blockquote{font-size:3em;color:#666;line-height:1em;}
    blockquote:before{content:"“";font-size:3em;display:inline-block;vertical-align: text-bottom;}
    input[type="text"],input[type="email"]{font-size:1.2em;padding:5px 10px;color:#666;border:none;margin-right:20px;}
    img{max-width:100%;height:auto;width:auto;}
    img[src=""]{display:none!important;}

    #page-wrap{width:100%;transition:1s;opacity:0;padding-top:120px;}
    .giveaway #page-wrap{padding-top:40px;}
    header{width:100%;position:relative;top:0px;z-index:1000;}
    .fixed header{background:none;}

    footer{text-align:center;border-top:1px solid #999;float:left;width:100%;}
    footer .top{background:#fff;padding:40px;}
    footer .bottom{background:#ebebeb;border-top:1px solid #999;text-align:left;padding:20px 10%;}
    footer ul{list-style:none;padding:0;margin:0;float;right;text-align:right;margin-top:-40px;}
    footer ul li:last-child img{width:40px;display:inline-block;margin-left:10px;}
    
    nav{width:100%;height:120px;transition:0.350s height;overflow:hidden;position:fixed;top:0px;background:rgba(255,255,255,0.8) url("images/wqw-logo.svg") no-repeat 50% 0%;background-size:400px;box-shadow:0 3px 10px #000;}
    .customize-support nav{top:32px;}
    .fixed nav,.giveaway nav{height:50px;background:rgba(255,255,255,0.8) url("images/wqw-logo.svg") no-repeat 40px 105%;background-size:20%;}
    nav ul{text-align: center;list-style:none;display:block;width:100%;margin:0;padding:0;position:absolute;bottom:0;}
    nav ul li{line-height:40px;display:inline-block;padding:5px 10px;text-transform:uppercase;color:#000;font-size:0.8em;}
    nav ul li a,nav ul li a:visited{color:inherit;display:block;}
    nav ul li a:hover{color:#ff0000;}
    #searchform{display:none; position: absolute;top: 117px;left: 0;width:25%;}
    nav input#s{width:100%;display:block;background:#ebebeb url('images/icon-search.png') no-repeat 5px 50%;background-size:20px; padding:5px 10px 5px 30px!important;border:none;border-bottom:1px solid #999;position:absolute;left:10px;bottom:10px;font-size:0.8em!important;z-index:10;}
    .fixed nav input#s{display:none;}

    .section{width:100%;max-width:1024px;min-width:320px;overflow:hidden;text-align:left;position:relative;margin:0 auto;float:none;}
    .section.main-content{margin-bottom:30px;}
    header+.section{width:100%;max-width:100%!important;overflow:hidden;text-align:left;float:left;position:relative;margin-bottom:30px;}
    header+.section.posts,header+.section.events{width:100%;max-width:1024px!important;float:none;}
    .section.posts img{display:inline-block;margin:1em;}
    #news-signup{width:100%;max-width:100%;text-align: center;color:#fff;margin-bottom:1px;}
    .section.text{background:#ebebeb;}
    .section h2{display:block;text-align:center;overflow:visible;z-index: 10;font-size:3em;background:#ebebeb;position:relative;line-height:1em;margin-bottom:1.5em;text-shadow:-20px 0px 0px #ebebeb,-18px 0px 0px #ebebeb,-16px 0px 0px #ebebeb,-14px 0px 0px #ebebeb,-12px 0px 0px #ebebeb,-10px 0px 0px #ebebeb, -8px 0px 0px #ebebeb, -6px 0px 0px #ebebeb, -4px 0px 0px #ebebeb, -2px 0px 0px #ebebeb, 2px 0px 0px #ebebeb, 4px 0px 0px #ebebeb, 6px 0px 0px #ebebeb, 8px 0px 0px #ebebeb, 10px 0px 0px #ebebeb, 12px 0px 0px #ebebeb, 14px 0px 0px #ebebeb, 16px 0px 0px #ebebeb, 18px 0px 0px #ebebeb, 20px 0px 0px #ebebeb;}
    .section h2:after{content:'';display:block;border-bottom:1px solid #999;margin-top:-0.4em;width:100%;height:1px;position:absolute;z-index:-1;}
    .section .half h2{font-size:2em;}
    .small{font-size:0.7em;line-height:1.3em;}
    hr{float:none;width:100%;clear:both;margin:1em 0;}

    #top-ad{width:728px;height:90px;background:#666;color:#fff;text-align:center;line-height:90px;margin:10px auto;display:none;}
    .grid{width:66.66666%;margin-top:-40px;}
    .grid .section{padding:20px;}
    .grid h2{margin-bottom:0em;}
    .grid img{max-width:100%!important;height:auto!important;margin:0!important;}
    #sidebar{width:33.33333%;float:right;margin-top:60px;min-height:500px;overflow:auto;}
    #sidebar ul{list-style: none;padding:0;margin:0;}
    #sidebar ul li{display:block;float:left;width:100%;}
    #sidebar ul li ul {margin-top:0em;perspective:300px;}
    #sidebar ul li ul li{line-height:1em;border-bottom:1px solid #ebebeb;perspective:300px;perspective-origin:bottom;}
    #sidebar ul li ul li a{font-size:0.7em;background:#666;display:block;color:#fff;padding:10px;transition:0.25s;box-shadow:0 0 0 rgba(0,0,0,0);}
    #sidebar ul li ul li a:hover{transform:translateZ(10px);color:#ff0000;background:#fff;box-shadow:0 3px 5px rgba(0,0,0,0.5);}
    #sidebar .ad{width:300px; height:250px;background:#666;color:#fff;line-height:250px;text-align:center;display:none;}
    .section #sidebar h2{font-size:1.3em;background:#fff;padding:5px;display:block;height:auto;text-shadow:none;margin:0;}
    .section #sidebar h2:after{content:none;}
    .widget{margin-bottom:20px;}
    .widget label strong{color:#f00;}
    .mc4wp-form-theme label.half {width: 50%!important;padding:0;}
    .mc4wp-form-theme label.half:first-child{padding-right:20px;}
    .mc4wp-form-theme-light input#win-submit {color: #fff!important;background-color: #f00!important;border-color: #d9d9d9;
}

    .proper-contact-widget{background:#666;color:#fff;float:left;}
    .proper-contact-widget label{margin-top:1em;display:block;}
    .proper-contact-widget p{padding:1em 20px 0;margin:0px;}
    .proper_contact_form_wrap{padding:20px;}
    .proper-contact-widget textarea,.proper-contact-widget input[type="text"],.proper-contact-widget input[type="email"]{width:100%;}
    .proper-contact-widget input[type="submit"]{border:2px solid #fff;border-radius:5px;appearance:none;background:#333;float:right;margin:20px 0;color:#ffffff;padding:5px 15px;}
 
    article{display:block;float:left;width:48%;padding:15px;margin:1%;}
    article.full{width:98%;margin:1%;}
    .section article h2{font-size:2em;text-shadow:none;border:none;background:none;display:inline-block;height:auto;margin-bottom:10px;}
    .section article h2:after{content:none;}
    .normal{width:48%;height:0;}

    .full{width:100%;float:left;padding:40px 20px;}
    .half{width:50%;float:left;padding:0 20px;position:relative;z-index:1;display:block;margin-bottom:2px;}
    .section > .half:only-child{float:none;margin:0 auto;width:65%;}
    .third{width:33.33333%;float:left;padding:0px 7px; position:relative;margin-bottom:-1px;z-index: 1;}
    .item{padding:10px;border-radius:5px;background:#fff;width:100%;display:block;}
    .item.third{width:33.33333%;background:none;}
    .item.third .search-content{padding:0 20px;background:#fff;border-radius:5px;position:relative;}
    
    .drop-shadow{background:#fff;border-radius:5px;position: relative;float: left;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;margin-bottom:10px;}
    .drop-shadow:before,.drop-shadow:after{content: "";position: absolute;z-index: -2;}
    .drop-shadow:after,.drop-shadow:before{bottom: 15px;left: 10px;width: 50%;height: 20%;max-width: 300px;max-height: 100px;box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);transform: rotate(-3deg);}
    .drop-shadow:after{right: 10px;left: auto;transform: rotate(3deg);}

    .list-left{float:left;width:78%;}
    .calendar-list .list-left{padding-left:2%;border-left:1px #999 solid;}
    
    #calendar{padding-bottom:60px;}
    .cal{position:absolute;right:10px;width:100px;float:left;margin-right:0px;}
    .cal .container{border-radius:5px;float:left;margin-bottom:5px;width:100%;}
    .cal .month{background:#ff0000;border-radius:5px 5px 0 0;padding:3px 5px;color:#fff;text-align:center;width:100%;float:left;}
    .cal .date{background:#fff;border-radius:0 0 5px 5px;padding:5px 0px;text-align:center;width:100%;color:#333;font-size:3em;float:left;font-weight:bold;line-height: 1em;}
    .cal .day{font-size:0.8em;width:100%;text-align:center; margin-bottom:0px;}
    .calendar-list{list-style: none;margin:0;padding:0;display:block;width:100%;float:left;}
    .calendar-list li{display:block;width:100%;float:left;border-bottom:1px solid #999;position:relative;min-height:120px;}
    .calendar-list li .cal{zoom:0.65;position: static;float: left;width:15%;height:100%;margin-right:1%}
    .tribe-events-page-title{font-size:3em!important;}
    .tribe-events-list-separator-month{color:#fff;background-color:#ff0000!important;border-radius:10px;position:relative;}
    .tribe-events-list-separator-month:after{content:"";display:block;background-color:#ebebeb;position:absolute;right:0;top:0;bottom:1px;left:150px;border-radius:0 0 0 10px;}
    #calendar .item>img{width:100%!important;height:auto!important;margin-bottom:1em;}
    #calendar .item.drop-shadow{padding-right:120px;}
    
    .vevent .cal{right:auto;left:15px;z-index:11;}
    .tribe-events-list .vevent{background: #fff;border-radius: 4px;width: 30%;position: relative;overflow:hidden;text-overflow: ellipsis;height:480px;display:inline-block;margin-top:20px!important;margin-left:4.5%!important;padding:15px!important;}
    .tribe-events-list span.tribe-events-list-separator-month+div.vevent{margin-left:0px!important;}
    .tribe-events-list .vevent h2{text-shadow:none;background:none;padding-left:0px!important;line-height:1em!important;}
    .tribe-events-list .vcard{padding-left:0px;float:left;}
    .tribe-events-list .vevent h2:after{content:none;}
    .tribe-events-list .vevent p{font-size:0.8em;}
    .tribe-events-list .vevent .tribe-events-event-image{width:100%;margin-bottom:10px;}
    .tribe-events-list .tribe-events-event-image+div.tribe-events-content{width:100%!important;}
    .tribe-events-list .cal{position:relative;left:auto;right:auto;}
    .tribe-events-loop .tribe-events-event-meta {clear:none!important;}
    .event-list-content{height:2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
    .type-tribe_events{padding-left:100px!important;}

    .section .slider{overflow:hidden;margin:0;padding:0;transition:0.5s;}
    .section .slider>li{background-color:#FCF5D2;display:block;float:left;overflow:hidden;position:relative;text-align:center;min-height:280px;}
    .slider>li a{position:absolute;top:50%;margin-top:4em;left:50%;margin-left:-75px;min-width:150px;z-index: 10}
    .slider li .info_content a{position:static;display:inline-block;margin:0;width:auto;}
    .slider>li:after{content:"";display:block;position:absolute;top:40%;left:0;right:0;bottom:20%;background: rgba(0,0,0,0.6);background: linear-gradient(to right, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.6) 30%,rgba(0,0,0,0.6) 70%,rgba(0,0,0,0.3) 100%);z-index: 9; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */;}
    .slider>li#map-container:after{background:none;content:none;}
    .dot{width:10px;height:10px;border-radius:50%;background:#999;display:inline-block;margin:10px;cursor: pointer;}
    
    #quote{text-align:center;}
    #quote h2{color:#333;line-height:1em;border:none;height:auto;}

    #news-signup .full{background:url('images/board/board-bg.jpg') repeat-x;background:cover; font-size:1.3em;}
    
    #map-container{width:100%;height:210px;overflow:hidden;position:relative;}
    #map-container svg{display:block;transition:all 0.5s;transform-origin: 50% 50%;height:100%;position: absolute;left: 50%;margin-left: -678px;}
    /*#map-container object:hover{width:500%;left:-250%;top:-175%;}*/
    #buildings polygon:hover{fill:#900;}

    /* GOOGLE MAP API STYLES */
    #map-canvas{width:100%;height:250px;background:none;}
    #map-canvas:after{display:none;}
    #map-canvas ~ li:after{display:none;}

    table{font-size:0.8em;}
    table th{background:#333;color:#fff;font-weight:bold;}
    table tr:nth-child(odd){background:#fff;}
    table tr:nth-child(even){background:#fee;}
    table td,table th{padding:5px 10px;}

    .address{background:none;border-top:1px solid #ccc;padding:5px;color:#333;margin:0;}
    .menu-item-object-forum{display:none;}
    .customize-support .menu-item-object-forum{display:inline-block;}
    .filter{appearance: none;cursor: pointer;width: 25%;border: none;color: #ffffff!important;background-color: #ff0000;font-weight: bold;text-transform: uppercase;border-right: 2px solid #ebebeb;outline:none;}

    .bbpress-forums{font-size:inherit!important;}
    .social{background-repeat:none;background-color:#333;background-image:url("images/social-sprites.png");background-size:60px;border-radius:50%;float:right;width:40px;height:40px;border:2px solid #fff;text-indent:-999999em;}
    .social.facebook{background-position:4px 4px;}
    .social.twitter{background-position:35px 5px;}
    .social.instagram{background-position:5px 34px;}

    ul.post-categories{list-style:none;margin:0;padding:0;}
    ul.post-categories li {display:inline-block;font-style:italic;padding:0px 10px;border-radius:5px;background:#ebebeb;font-size:0.8em;width:auto;}
    
    .business-type{font-size:0.7em;font-style:italic;line-height:1em;}

    .right{float:right;}
    .left{float:left;}

    .hidden-info{display:none;}

    #overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:100022;}
    #overlay #model{overflow:hidden;overflow-y:auto;overflow-x:hidden;position:absolute;top:50%;left:50%;height:450px;width:800px;border-radius:5px;background:#fff;margin-top:-225px;margin-left:-400px;}
    #overlay #model .close{display:block;position:absolute;right:10px;top:10px;width:30px;height:30px;background:#000;border-radius:50%;z-index:10}
    #overlay #model .close:before,#overlay #model .close:after{transform:rotate(45deg);transform-origin:center;content:"";position:absolute;left:50%;top:50%;margin-left:-7px;margin-top:-2.5px;width:14px;height:5px;background:#fff;border-radius:10px;}
    #overlay #model .close:after{transform:rotate(-45deg);}
    #overlay #model img{width:100%!important;height:auto!important;}
    #overlay #model .half{height:100%;overflow-y:auto;}
    #overlay #model .half h2{line-height:0.9em}

    .section article.drop-shadow h2{text-align:left!important;}
    
    #events-calendar .k-content{width:100%!important;}
    #events-calendar .k-content tr{background:#fff;}
    #events-calendar td[role='gridcell']{vertical-align:top;height:90px;padding:10px;border:1px solid #999;font-weight:bold;}
    #events-calendar td.k-today{box-shadow:inset 0 0 30px #999;}
    #events-calendar td.k-other-month{color:#ccc;background:#ebebeb;border:1px solid #fff;}
    #events-calendar td.k-other-month a{color:inherit;}
@media only screen and (max-width:1050px) {
    #sidebar{padding-right:50px;}
}
@media only screen and (max-width: 1010px) {
    /* Style adjustments for viewports that meet the condition */
    body{font-size:14px;}
}
@media only screen and (max-width: 875px) {
    /* Style adjustments for viewports that meet the condition */
    body{font-size:12px;}
}
@media only screen and (max-width:782px){
    #page-wrap{padding-top:106px;}
    article{width:98%;}
    .grid,#sidebar{width: 100%;position:relative;}
}
@media only screen and (max-width: 750px) {
    /* Style adjustments for viewports that meet the condition */
    .half,.third,.tribe-events-list .vevent,.stack{width:100%!important;margin-top:0px!important;margin-left:0!important;height:auto;min-height:auto;display:block;border:none;} 
    .tribe-events-loop{padding:15px;}
    .section.text{padding:0px;} 
    .section h2{font-size:2em;} 
    a.button.big{left:10px;margin-left:0;width:auto;}
    #news-signup input{width:270px;margin-bottom:10px;}
    footer ul{float:none;margin:20px auto;width:100%;text-align:center;}
    nav#top-nav{overflow:visible;background-size:400px;}
    .fixed nav#top-nav{background-size:200px;background-position:10px 105%;}
    #top-nav ul.nav{width:100%;background:#333;position:absolute;width:100%;right:-100%;top:0;transition:0.350s;z-index:99;}
    #top-nav ul.nav:after{content:"";display:block;position:absolute;top:10px;left:-30px;width:30px;height:30px;  border-top:18px double #666; border-bottom: 6px solid #666;}
    #top-nav ul.nav li{width:100%;background:#333;width:100%;border:1px solid #999;float:left;padding:0;color:#fff;}
    #top-nav ul.nav.open {right:0px;}
    #top-ad{width:100%;}
    #searchform{display:none;width:100%;height:40px;top:auto;bottom:0px;}
    nav input#s{left:0px; height:40px;bottom:0;}
}
@media only screen and (max-width:620px){
    .section.posts{padding:10px;}
    #sidebar{position:static;margin:0 auto;}
    nav#top-nav{background-size:250px;background-position:50% -40%;}
    .item.third{width:100%;}


}