/* Joes Cycle Repair */
/*inspiro slider*/
.flickity-button.previous:before { content: "\e92f"; margin-right: 2px; }

.flickity-button.next:before { margin-left: 4px; content: "\e930"; }

/*dark styling*/
body { background-color: black; color: white; }
#header { height: 150px; }
    #header .header-inner { background-color: black; }
#header #mainMenu-trigger{background-color:white;width:22px;border-radius:2px;height:40px;top:20px;}
#mainMenu nav > ul > li > a { color: white; }
#header.header-sticky .header-inner, #header.header-sticky #header-wrap { background-color: black; }
section { background-color: black; color: white; }
.divHomeContent section h2, .divHomeContent p { color: white; }
.divAboutWrapper, .divAboutContent { background-color: black; color: white; }
h1, h2, p { color: white; }
.heading-text.heading-section > h1 { position: relative; font-size: 48px; line-height: 56px; }

/*General styling*/
.divHitCounter { text-align: center; }
.imgJoesGirlLeft { float: left; }
.imgJoesGirlRight { float: right; }
#header #mainMenu:not(.menu-overlay) nav > ul > li.dropdown:before { content: ""; }
#mainMenu nav > ul > li .dropdown-submenu:before { content: "\e930"; }
.divHomeContent { text-align: center; }
    .divHomeContent img { width: 95%; }
#header .header-inner #logo a > img { height: 100px; }
/*Legacy Styling*/
.divLocation iframe{min-height:500px;width:90%;margin:0% 5%;border:1px solid white;border-radius:5px;}

/* Dyno Reports*/
.divSponsor { display: inline-block; width: 216px;padding: 10px 8px; margin: 5px; border: 1px solid #CCC; box-shadow: 0px 2px 3px #DDD; border-radius: 5px; float: left; }
    .divSponsor h2 { text-align: center; }
    .divSponsor a { text-decoration: none; color: white; }
.divDynoContent .divSponsor{height:150px;}
.divReportContent{text-align:center;}
.imgSponsor { width: 100%; max-width: 200px; max-height: 150px; }
.imgSponsorbpi { width: 100%; max-width: 337px; }
#aboutImage { float: right; margin: 0px 10px 10px 15px; }

/*Injection */
.divInjection { padding: 0px 20px; }
.divInjectionImages { text-align: center; }
.imgInjection { max-width: 300px; margin: 15px 15px; }


/*Mobile Compatibility*/
@media screen and (max-width:768px) {
    #header{height:100px;}
    .divSponsor { width: 95%; }
        .divSponsor img { width: 100%; }
    .divFAQ { width: 100%; }
    #header .header-inner #logo a > img { width: 80%; }
    .heading-text h3 { margin-bottom: 0px; }
    .portfolio-item { width: 100% !important; margin: 0px 0px 10px 0px; }
    .divPagerWrap { width: 110%; margin: 0px; }
    .services-overview img { width: 100%; }
}