/*
Theme Name: Sprung-Total
Theme URI: 
Description: 
Author: Sprung Interactive
Author URI: http://madebysprung.com
Template: Total
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

.post-edit,
.swpm-login-widget-logged {
    display: none;
}

sup {
    font-size: .8em;
}

#main {
    margin-top: 60px;
}

body.home #main {
    margin-top: 0;
}

#top-bar-wrap-sticky-wrapper {
    position: relative;
    z-index: 1000;
}

.topbarcontent {
    float: right;
}

.topbarcontent .topsection {
    float: left;
    margin: 0 10px;
}

.topbarcontent .socialicons a {
    margin: 0 5px;
    display: inline-block;
}

.topbarcontent .socialicons a:last-child {
    margin-right: 0;
}

#top-bar-content a:hover {
    text-decoration: none !important;
    color: #acd037 !important;
}

.topbarcontent .divider {
    background: #b1d043;
    height: 23px;
    width: 1px;
    margin-top: 2px
}

.topbarcontent .link a {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
}

#site-navigation li.megamenu>ul.sub-menu>li.menu-item-has-children>a {
	color: #fff !important;
}

.theme-button, input[type="submit"], button {
    color: #000000;
    background: #ffffff;
    border: 2px solid #000;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: bold;
    padding: 4px 10px;
}

#google_translate_element {
    float: right;
    top: 8px;
    position: relative;
    right: 9px;
}

.goog-te-gadget-simple {
    padding: 0 !important;
    font-size: 12px !important;
}

#footer-builder {
    margin-top: 40px;
}

.sponsorslideshow .wpex-carousel-slide {
    background: #fff;
}

#filterrow .wpex-vc-column-wrapper {
    margin-bottom: 10px !important;
}

#filterrow.zims img {
    width: 165px;
    height: auto;
    text-align: center;
}

#filterrow.membership img {
    width: 175px;
    height: auto;
}

.navbar-style-one {
    right: 0;
    margin-top: 0;
}

.navbar-style-one .dropdown-menu > li > a {
    height: 36px;
    padding: 0;
}

.navbar-style-one .dropdown-menu > li > a > span.link-inner {
    padding-left: 0;
    padding-right: 0;
}


body #site-navigation .dropdown-menu .megamenu ul {
    border: 0;
}

body #site-navigation .dropdown-menu .megamenu ul a {
    color: #fff;
}

body #site-navigation .dropdown-menu .megamenu.membership ul a {
    text-align: center;
}

body #site-navigation li.megamenu > ul.sub-menu {
    width: 1280px;
}

body #site-navigation li.megamenu > ul.sub-menu > li {
    border: 0;
}

body #site-navigation li.megamenu > ul.sub-menu {
    top:34px !important;
    font-size: 13px;
    line-height: 23px;
}

body #site-navigation li.megamenu.aboutus ul.sub-menu {
    background: #b1d043;
}

body #site-navigation li.megamenu.membership ul.sub-menu {
    background: #710036;
}

body #site-navigation li.megamenu.products ul.sub-menu {
    background: #207891;
}

body #site-navigation li.megamenu.serving ul.sub-menu {
    background: #f06331;
}

body #site-navigation li.megamenu ul.sub-menu {
    padding: 40px;
}

body #site-navigation li.current-menu-ancestor.aboutus {
    border-bottom: 2px solid #b1d043;
}

body #site-navigation li.current-menu-ancestor.membership {
    border-bottom: 2px solid #710036;
}

body #site-navigation li.current-menu-ancestor.products {
    border-bottom: 2px solid #207891;
}

body #site-navigation li.current-menu-ancestor.serving {
    border-bottom: 2px solid #f06331;
}

#site-navigation li.megamenu > ul.sub-menu > .menu-item-has-children > a {
    color: #fff;
}

#site-navigation li.megamenu > ul.sub-menu > .menu-item-has-children li {
    list-style-type: disc;
}

#site-navigation li.megamenu.products > ul.sub-menu > li {
    width: 24% !important
}

#site-navigation li.megamenu > ul.sub-menu > .menu-item-has-children ul {
    margin-left:30px;
    color: #fff;
}

#site-navigation li.megamenu > ul.sub-menu > .menu-item-has-children li a {
    text-transform: none;
    padding: 0;
}

#site-navigation .dropdown-menu ul a:hover {
    text-decoration: underline;
}


.sub-menu .noclick > a:hover {
    text-decoration: none !important;
    cursor: default;
}

#site-navigation > .noclick a:hover {
    cursor: pointer !important;
}

.sf-menu > li {
    margin: 0 10px !important;
}

.aboutus.megamenu ul {
    background:#b1d043 !important;
    border: 0 !important;
}

#site-navigation li.megamenu.col-3 > ul.sub-menu > li:nth-child(4n) {
    clear: none !important;
}

#site-navigation .dropdown-menu ul a:hover {
    background: none !important;
}


.fa-search.show {
    color: #b1d043;
}

#searchform-dropdown {
    margin-top: 3px;
    border: 0;
    width: 200px !important;
    right: 106px !important;
    padding: 5px;
}

#searchform-dropdown input {
    border: 1px solid #e4e4e4;
    color: #000;
}

#top-bar .searchform input {
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    font-size: 13px;
}

#site-header-sticky-wrapper.is-sticky #site-header {
    box-shadow: none;
}

#site-header-sticky-wrapper.is-sticky #site-header #site-header-inner {
    box-shadow: 0 2px 3px -3px rgba(0,0,0,0.8);
}

span.lcase {
    text-transform: lowercase;
}

.pagetopimage,
.pagetopimage.centeralign {
    background-position: center center;
}

.pagetopimage.leftalign {
    background-position: left center;
}

.pagetopimage.rightalign {
    background-position: right center;
}



.card {
    cursor: pointer;
    min-height: 284px;
}


.card {
    
}

.card .front {
    min-height: 284px;
    text-align: center;
    padding-top: 70px;
}

.card .back {
    background: #fff;
    display: none;
    margin: 0 50px;
}

.card.about .front {
    background: #b1d043;
}

.card.membership .front {
    background: #710036;
}

.card.products .front {
    background: #207891;
}

.card.serving .front {
    background: #f06331;
}

.card .back img.backimg {
    margin: 25px 0 5px;    
}

.card .back .backtitle {
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 5px;
}

.card .back .backtext {

}

.card .back .backbutton a {
    display: inline-block;
    padding: 5px 20px;
    border: 2px solid #000;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    text-align: center;
    margin: 20px 0;
    transition: all .15s ease;
}

.card .back .backbutton a:hover {
    background: #000;
    color: #fff;
}

.homereadmore a {
    padding: 0 0 3px 0 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    color: #40c8f0 !important;
    border-bottom: 2px solid #40c8f0 !important;
}

.homeposttitle {
    font-size: 30px;
    font-weight: bold;
    line-height: 35px;
    margin-top: 10px;
}


#leopard {
    padding-top: 27px;
}

.btn-member {
    border: 2px solid #000;
}

.footersponsors {
    font-size: 12px;
}

.footercopyright p {
    font-size: 10px;
    margin: 0;
}

.footermenu {
    line-height: 15px;
    text-transform: uppercase;
}

.footermenu a:hover {
    text-decoration: none !important;
}

.footermenu .vcex-navbar-inner a:last-child {
    padding-right: 0 !important;
    margin-right: 0 !important;
    border-right: 0 !important;
}

.wpex-carousel.no-margins .owl-prev, .wpex-carousel.no-margins .owl-next {
    background: rgba(0,0,0,0) !important;
    opacity: 1;
    font-size: 2em;
    margin: -44px 0 0;
}

.wpex-carousel .owl-dot {
    margin-top: 10px;
}

.wpex-carousel.no-margins .owl-prev {
    left: -41px;
}

.wpex-carousel.no-margins .owl-next {
    right: -37px;
}

.pagetitle {
    font-size: 2.25em;
    font-weight: bold;
}

.swpm-join-us-link {
    display: none;
}

.swpm-login-widget-form,
.swpm-pw-reset-widget-form {
    text-align: center;
}

.swpm-login-submit {
    margin: 20px 0;
}


/* Responsive Overrides */

/* Greater then tablets
-------------------------------------------------------------- */
@media only screen and (min-width: 768px) {

    
}


/* Tablet & Small Desktop Widths 768px - 1280px
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1280px) {
    

}


/* All Devices under 960px
--------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
    
}

/* Tablet Landscape
--------------------------------------------------------------*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
   
}

/* Tablet Portrait
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

@media only screen and (max-width: 700px) {
    
    .footer-builder .vcex-navbar-inner a {
        margin-right: 13px !important;
        padding-right: 13px !important;
    }
    
}


@media only screen and (max-width: 568px) {
    
    #google_translate_element {
        float: none;
        display: block;
        top: 19px;
        position: relative;
        right: 0;
        clear: both;
    }
    
    #main {
        margin-top: 30px;
    }
    
    #site-header-inner {
        padding-bottom: 30px !important;
    }
    
    #mobile-menu {
        margin-top: -40px;
    }

    .footer-builder .vcex-navbar-inner a {
        margin-right: 5px !important;
        padding-right: 5px !important;
    }


}

/* Between Phone and Mobile
--------------------------------------------------------------*/
@media only screen and (max-width: 500px) {
    .footer-builder .vcex-navbar-inner a {
        margin-right: 0 !important;
        padding-right: 0 !important;
        border: 0 !important;
        display: block !important;
        margin-bottom: 8px;
    }
    
    .footer-builder .vcex-spacing {
        height: 20px !important;
    }
    
    .footer-builder .wpex-vc-column-wrapper {
        margin-bottom: 0 !important;
    }

}

@media only screen and (max-width: 440px) {
    
    .topbarcontent .topsection {
        margin: 0 5px;
    }

}

@media only screen and (min-width: 768px) {
    .wpex-vc-row-wrap .five_box_wrap.wpb_row .vc_col-sm-2 {
        float: left;
        width: 18.8%;
        padding: 0;
        margin-right: 1.2%;
        min-height: 0;
    }
}

/* Phone Portrait and Landscape
--------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
    .homeblogimage {
        display: none;
    }
    
    #filterrow.membership img {
        margin: 0 auto;
    }
    
    #filterrow .vcex-image-swap-secondary {
        display: none !important;
    }
    
     .pac-container, .pac-item { width: 100px !important;}
    
}

/* Phone Landscape
--------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
     
}

/* Phone Portrait
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
    .goog-te-gadget {
        font-size: 9px !important;
    }
}


@media only screen and (max-width: 350px) {
    
    .topbarcontent {
        font-size: 12px;
    }
    
    .topbarcontent .link a {
        font-size: 10px;
    }
    
    .topbarcontent .topsection {
        margin: 0 4px;
    }

}