/*

Theme Name: Arcade Legacy

Author: Midwest New Media, LLC

Version: 1.0

Description: Arcade Legacy

*/



/* Media Queries */


@media (max-width: 768px) {

    .logo {
        width: 60%;
        margin: 0 auto;
    }

    h1 {
        font-size: 32px !important;
    }

    p {
        font-size: 16px !important;
    }

    .ls-wp-container {
        height: 300px !important;
    }

    #fatFooter .widget-container{
        padding-bottom:40px;
    }


    html * .ls-wp-container .ls-slide > a, body * .ls-wp-container .ls-slide > a, #ls-global * .ls-wp-container .ls-slide > a {
          left: -300px !important;
    }

    html * .ls-container img, body * .ls-container img, #ls-global * .ls-container img {
        margin-left: 16% !important;
    }

    .ls-wp-container img {
        width: 100% !important;
        margin: 0 auto !important;
    }

    .ls-wp-container a {
        left: inherit !important;
    }

    .heart {
        display: block;
        margin: 0 auto 20px;
    }

}

@media (max-width: 600px) {

    .ls-wp-container {

      /*  height: 120px !important;*/

    }

}

@media (max-width: 500px) {

    .ls-wp-container {

        height: 150px !important;

    }

     html * .ls-container img, body * .ls-container img, #ls-global * .ls-container img {

        margin-left: 22% !important;

    }



}



@media (max-width: 400px) {

     html * .ls-container img, body * .ls-container img, #ls-global * .ls-container img {

        margin-left: 24% !important;

    }

}







@media (min-width: 769px) and (max-width: 992px)

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {}@media (max-width: 992px) {

    #navigation {

        display:none!important;

    }

    #mobile-navigation {

        display: block!important;

    }

    header {

        padding: 20px 0!important;

    }

    footer {

        height: auto!important;

    }

    footer .social {

        text-align: center!important;

        margin-top: 20px;

    }

    body.home img {

        float: none!important;

        margin: 0 auto 20px!important;

    }

    h1:before,

    h1:after {

        content: none!important;

    }

}

@media (min-width: 992px) {} header {

    background:#262b35;

    background:url('/wp-content/uploads/2015/04/header.jpg');

    background-size:cover;

    background-position:center;

    padding-bottom:40px;

}

.logo {

    text-align: center;

}

.logo a {

    display: inline-block;

}

.logo img {

    margin: 0 auto;

}

#toolbar {

    padding: 20px 0;

}

#mobile-toolbar {

    padding: 15px 0;

    background: #13b0dd;

    text-align: center;

}

#mobile-toolbar img {

    margin: 0 10px;

}

body {

    background: url('/wp-content/uploads/2015/04/bg.png');

    font-family: 'lato', sans-serif;

    color: #fff;

    font-weight: 300;

}

h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

}

h1 {

    font-size: 48px;

}

h2 {

    font-size: 36px;

}

h3 {

    font-size: 30px;

}

h4 {

    font-size: 24px;

}

h5 {

    font-size: 21px;

}

p {

    font-size: 21px;

}

html,

body {

    height: 100%;

}

footer {

    background: #262b35;

    padding: 20px 0;

    color: #999;

    height: 75px;

    clear: both;

}

.heading {

    background: #262b35;

    padding: 20px 0;

}

.heading h2 {

    margin: 0px;

}

/* Desktop Navigation */



#navigation {

    font-size: 18px;

    text-align: center;

    font-family: 'Montserrat', sans-serif;

}

#navigation a {

    padding: 20px 15px;

    display: block;

    font-weight: 700;

    -webkit-transition: font-size .3s;

    -moz-transition: font-size .3s;

    -o-transition: font-size .3s;

    transition: font-size .3s;

    transition: box-shadow .3s ease-in-out;

    -webkit-transition: box-shadow .3s ease-in-out;

    -moz-transition: box-shadow .3s ease-in-out;

    -o-transition: box-shadow .3s ease-in-out;

}

#navigation ul {

    padding: 0px;

}

#navigation .menu {

    display: inline-flex;

}

#navigation li {

    display: inline-block;

    position: relative;

}

#navigation a,

#navigation a:hover,

#navigation a:active,

#navigation a:focus {

    text-decoration: none;

}

#navigation .collapse {

    padding: 0px;

}

/* colors */



.navbar-toggle {

    background: #191c23;

    display: inline-block;

    margin: 0 0 0 10px;

    float: none;

    top: 2px;

}

.navbar-toggle .icon-bar {

    background: #fff;

}

#navigation a {

    color: #fff;

}

#navigation .current-menu-ancestor > a,

#navigation .current-menu-item > a {

    color: #fff;

    -webkit-box-shadow: inset 0 4px 0 #fcee21;

}

#navigation .current-menu-ancestor,

#navigation .current-menu-item,

#navigation ul li:hover > a,

#navigation > a:hover,

#navigation > a:active,

#navigation > a:focus {

    color: #fff;

    background: #00dbff;

    -webkit-box-shadow: inset 0 4px 0 #fcee21;

}

#navigation {

    background: #13b0dc;

}

/* sub menu */



#navigation .menu-item-has-children > a:after {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    transform: translate(0, 0);

    content: "\f0d7";

    margin-left: 10px;

}

#navigation .menu-item-has-children .menu-item-has-children > a:after {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    transform: translate(0, 0);

    content: "\f0da";

    margin-left: 10px;

}

#navigation .sub-menu a,

#navigation .sub-menu .current-menu-ancestor,

#navigation .sub-menu .current-menu-item {

    box-shadow: none!important;

}

#navigation .sub-menu a {

    padding: 15px 20px;

}

#navigation .sub-menu a:hover,

#navigation .sub-menu a:active,

#navigation .sub-menu a:focus {

    box-shadow: none;

}

#navigation .sub-menu {

    -moz-transform: translateX(20px);

    -moz-transition: all 0.3s ease-in;

    -ms-transform: translateX(20px);

    -ms-transition: all 0.3s ease-in;

    -o-transform: translateX(20px);

    -o-transition: all 0.3s ease-in;

    -webkit-transform: translateX(20px);

    -webkit-transition: all 0.3s ease-in;

    background-color: #00dbff;

    left: 0px;

    margin: 0px;

    opacity: 0;

    position: absolute;

    top: 100%;

    transform: translateX(20px);

    transition: all 0.3s ease-in;

    visibility: hidden;

    width: 100%;

    z-index: 99;

}

#navigation .sub-menu .sub-menu {

    position: absolute;

    left: 100%;

    top: 0%;

}

#navigation .sub-menu li {

    display: block;

}

#navigation ul li:hover > .sub-menu {

    -moz-transform: translateX(0px);

    -ms-transform: translateX(0px);

    -o-transform: translateX(0px);

    -webkit-transform: translateX(0px);

    opacity: 1;

    transform: translateX(0px);

    visibility: visible;

}

/* End Desktop Navigation */



/* Mobile Navigation */



#mobile-navigation {

    display: none;

    background: #13b0dc;

    font-family: 'Montserrat', sans-serif;

}

#mobile-navigation li {

    display: block;

}

#mobile-navigation li .sub-menu {

    display: none;

    position: relative;

}

#mobile-navigation .sub-menu a {

    border-bottom: 0px;

}

#mobile-navigation .container {

    width: 100%;

}

#mobile-navigation a {

    padding: 8px 0;

    font-size: 14px;

    /* border-bottom: solid 1px #444; */

    border-bottom: none;

    display: block;

    text-decoration: none;

}

#mobile-navigation .menu-item-has-children > a:after,

#mobile-navigation .menu-item-has-children .menu-item-has-children > a:after {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    transform: translate(0, 0);

    content: "\f0d7";

    margin-left: 10px;

    float: right;

    margin-top: 3px;

}

#mobile-navigation ul {

    padding: 0px;

}

#mobile-navigation ul li > .sub-menu {

    opacity: 1;

    transform: translateX(0px);

    visibility: visible;

    border-left: solid 1px #fff;

    padding-left: 15px;

    margin-left: 15px;

    margin: 15px 0;

}

/* colors */



#mobile-navigation a {

    color: #fff;

}

.navbar-collapse {

    border-top: none;

    -webkit-box-shadow: none;

    box-shadow: none;

}

/* End Mobile Navigation */



h2 {

    text-align: center!important;

    margin: 0px 0 30px;

}

h2:after {

    content: '';

    width: 80px;

    height: 6px;

    display: block;

    clear: both;

    margin-top: 10px;

    margin-left: auto;

    margin-right: auto;

    background-color: #fcee21;

}

h1 {

    text-align: center!important;

    margin: 0px;

}

h1:before {

    display: inline-block;

    content: url('/wp-content/uploads/2015/04/stick-yellow.png');

    margin-right: 20px;

}

h1:after {

    display: inline-block;

    content: url('/wp-content/uploads/2015/04/stick-yellow.png');

    margin-left: 20px;

}

footer .social img,

#toolbar .social img {

    margin-left: 10px;

}

footer .social,

#toolbar .social {

    text-align: right;

}

footer .copyright {

    font-size: 14px;

}

footer .copyright a {

    color: #777;

}

footer .copyright span {

    color: #656565;

}

.push {

    height: 75px;

}

.wrapper {

    min-height: 100%;

    margin: 0 auto -75px;

}

.bluesection,

.whitesection,

.greysection {

    padding: 20px 0;

}

.section {

    padding: 40px 0;

}

body.home .section .col-sm-12 {

	background-color: rgba(0, 0, 0, 0.65);

	margin-top: -40px;

	/*text-shadow: 3px 3px 2px #000;*/

}

body.home .section .col-sm-12 p {

	margin: 0;

	padding-bottom: 10px;

}

body.home .section .col-sm-12 p:first-child {

	padding-top: 10px;

}

.bluesection {

    background: #00a1dc;

}

.bluesection a,

.section a {

    color: #fff;

    text-decoration: underline;

}

.whitesection a,

.greysection a {

    text-decoration: underline;

}

.whitesection {

    background: #fff;

    color: #262b35;

}

.greysection {

    background: #eaeaea;

    color: #262b35;

}

.section h1:before,

.bluesection h1:before {

    display: inline-block;

    content: url('/wp-content/uploads/2015/04/stick-yellow.png');

    margin-right: 20px;

}

.section h1:after,

.bluesection h1:after {

    display: inline-block;

    content: url('/wp-content/uploads/2015/04/stick-yellow.png');

    margin-left: 20px;

}

.whitesection h1:before,

.greysection h1:before {

    display: inline-block;

    content: url('/wp-content/uploads/2015/04/stick-blue.png');

    margin-right: 20px;

}

.whitesection h1:after,

.greysection h1:after {

    display: inline-block;

    content: url('/wp-content/uploads/2015/04/stick-blue.png');

    margin-left: 20px;

}

#twitchslide {

    background: #65459b;

}

body.home {

   /* background: url('/wp-content/uploads/2015/04/arcadebg.jpg');

    background-size: cover;

    background-position: center;

    background-attachment: fixed

    */



}



body.home .wrapper {

    background: url('/wp-content/uploads/2015/04/arcadebg.jpg');

    background-size: cover;

    background-position: center;

}



body.home img {

    margin-bottom: 20px;

}

body.home img.alignright {

    float: right;

}

/* woocommerce */



body.woocommerce h1 {

    margin-bottom: 20px;

}

.woocommerce-tabs {

    color: #262b35;

    background: #fff;

    border-radius: 3px;

    padding: 15px;

}

.woocommerce div.product .woocommerce-tabs .panel {

    padding: 15px;

    background: #ebebeb;

}

.woocommerce .stars a {

    color: #fcee21;

}

body.home img {

    -webkit-transition: .3s ease;

    -moz-transition: .3s ease;

    -o-transition: .3s ease;

    -ms-transition: .3s ease;

    transition: .3s ease;

    opacity: 0.94;

    filter: alpha(opacity=94);

}

body.home img:hover {

    -moz-transform: translate(0px, -5px);

    -ms-transform: translate(0px, -5px);

    -o-transform: translate(0px, -5px);

    -webkit-transform: translate(0px, -5px);

    transform: translate(0px, -5px);

    opacity: 1;

    filter: alpha(opacity=100);

}

.gallery-image,

.gallery-title {

    margin-bottom: 40px;

    text-align: center;

}

.gallery-caption {

    margin-top: 20px;

}



.socialBanner{

    padding:40px 0;

}



.socialBanner .fa {

    display: block;

    -moz-border-radius: 60px;

    -webkit-border-radius: 60px;

    border-radius: 60px;

    -moz-box-shadow: 0px 0px 0px 2px #fff;

    -webkit-box-shadow: 0px 0px 0px 2px #fff;

    box-shadow: 0px 0px 0px 2px #fff;

    height: 80px;

    width: 80px;

    line-height: 80px;

    color: #fff;

    text-align: center;

    margin: 0 auto;

    -webkit-transition: all 0.2s ease-out;

    -moz-transition: all 0.2s ease-out;

    -ms-transition: all 0.2s ease-out;

    -o-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out;

    font-size:32px;

}



.socialBanner .fa:hover {

    color: #13b0dc;

    background: #fff;

}



.socialBanner a{

    text-decoration:none;

}



.gform_wrapper .gform_footer input.button{

    background: #262B35;

    border: none;

    padding: 10px;

    border-radius: 3px;

}



.gform_wrapper textarea, .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium, .gform_wrapper .ginput_complex input[type=text], .gform_wrapper .top_label input.small, .gform_wrapper .top_label select.small {

    border: none;

    border-radius: 3px;

    color: #262B35;

    padding: 10px!important;

}


#fatFooter{
    background: #242831;
    padding: 40px 0;
    position: relative;
    clear: both;
    text-align: center;
}

#fatFooter .widget-title{
    margin-bottom:40px;
}

#fatFooter p{
    font-size:14px;
    padding-bottom: 20px;
}

#fatFooter h5 {
    color: #00a1dc;
    font-size: 18px;
    margin: 0 0 5px 0;
}

/* WooCommerce */



/* .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .quantity .qty {

    display: none;

} */

.woocommerce input[type="number"],
.woocommerce select {
    color: #000;
}

.menu-item-645 { min-width:180px; }

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce button.button{ background:#00a1dc !important; }
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{ opacity:1; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{ color:#000; font-size:16px; font-weight:600; padding:6px; }
.woocommerce-checkout #payment{ background:none !important; }
.woocommerce table.shop_table{ background:rgba(2,11,19,0.7); }
.woocommerce table.shop_table, 
.woocommerce table.shop_table td{ border:1px solid #FFF; }
.woocommerce-message{ border-top-color:#00a1dc; }
.woocommerce-message:before{ color:#00a1dc; }
.woocommerce-message .button{ background:#00a1dc !important; color:#FFF !important; }

.product_cat-tickets.outofstock{ display:none !important; }
.product_cat-tickets .woocommerce-loop-product__title{ font-size:18px !important; font-weight:400 !important; min-height:72px; }
.product_cat-tickets .price{ font-size:20px !important; text-align:center; font-weight:600 !important; color:#3fe25b !important; }
.product_cat-tickets .add_to_cart_button{ font-size:18px !important; display:flex !important; justify-content:center; align-items:center; margin-top:10px !important; background:#00a1dc !important; color:#FFF !important; }
.product_cat-tickets a.added_to_cart{ text-align:center; display:block; font-size:17px; font-weight:600; background:#00a1dc !important; margin-top:10px; padding:8px 10px; border-radius:4px; }

.single-product .product_cat-tickets div.summary{ border:1px solid #FFF; padding:30px 30px 40px; }
.single-product .product_cat-tickets div.summary form.cart{ margin-bottom:0; }
.single-product .product_cat-tickets .product_meta{ display:none; }
.single-product .product_cat-tickets .quantity .qty{ padding:3.5px; }
.single-product .product_cat-tickets .price{ text-align:left; }
.single-product .product_cat-tickets .stock{ color:#3fe25b !important; }
.single-product .related.products{ clear:both; overflow:hidden; }
.single-product .related.products > h2{ display:none; }