/* WebmontonMedia Responsive v8 Copyright 2018 Webmonton Ltd. */

@media screen and (max-width:768px) {

    /* ------------------------------------------- */
    /* Start reducing font size */
    html { font-size: 15px; }

    /* Semantic Elements */
    header { }
    main { }    
    .wfooter {}

    /* General page padding */
    .wpagepadding { padding: 0 0rem; }

    /* ------------------------------------------- */
    /* Define Top Band */
    .wpagetop { /*display: none;*/font-size:1.1rem; }
    .wpagetopleft {display:inline-block; width:auto; position:absolute; z-index:1; padding:0.3rem 0 0;}
    .wpagetopright {width:100%; padding:0;}

    /* ------------------------------------------- */
    /* Define Header Items */
    .wheader { height: auto; position: relative; padding: 0 0; }
    
    /* Login */
    .wlogin {padding-top:0.3rem;}

    /* Search */
    
    .wsearchsocial {display:block; text-align:center; padding: 0.5rem 0rem 0rem 0rem;}
    .wsearch {padding-bottom:0.3rem;}
    .wsocial {padding-bottom:0.3rem;}
    .wsocial .fab {font-size:2rem;}

    /* Other */
    .wheader2 { display: none; }
    .wheader3 { display: none; }

    /* Edge padding on logo and menu toggler */
    .navbar-brand {}
    .navbar-toggler {}

    /* ------------------------------------------- */
    /* Define Footer */
    .wfooter { padding: 0; padding-top: 1rem;}

    /* Define Legal */
    .wlegal {padding:1rem 0 2rem;}

    .wlegal1 {}
    
    .wlegal2 {}
    .wlegalleft {padding:.2rem; flex-basis:98%; text-align: center; }
    .wlegalright {padding:.2rem; flex-basis:98%; text-align: center; }

    /* ------------------------------------------- */
    /* Hide or Show submenu pointer */
    #navbarNav > ul.navbar-nav > li.nav-item > a.nav-link span.sub-arrow { display: block; }

    /* Match font style of Top Level sub arrows */
    #navbarNav > ul.navbar-nav > li.nav-item > a.nav-link span.sub-arrow { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
   
    /* ------------------------------------------- */
    /* Site and Skin Specific */

    /* Over ride long non-breaking string on mobile */
    .dnnSearchResultItem-Link { overflow: hidden; font-size: 10px; max-width: 100%; }
}
/* ------------------------------------------- */
/* Adjust for mobile */
@media handheld, only screen and (max-width: 480px) {
    html { font-size: 14px; }
    /* Edge padding on logo and menu toggler */
    /*.navbar-brand {margin-left:1rem;}*/
    .navbar-toggler {margin-right:1rem;}
}

/* ------------------------------------------- */
@media handheld, only screen and (max-width: 360px) {
    /* Logo smaller */
    /*.navbar-brand img {max-height:40px;}*/
}