﻿/* WebmontonMedia Responsive v6 Copyright 2016 Webmonton Ltd. */

@media screen and (max-width:799px) {

    /* ------------------------------------------- */
    /* Common */

    html, body, p, li, .normal, .Normal, table, Table {font-size:13px; }

    Body { -webkit-text-size-adjust: none; }

    h1 { font-size: 150%; }
    h2 { font-size: 150%; }
    h3 { font-size: 140%; }
    h4 { font-size: 130%; }
    h5 { font-size: 120%; }
    h6 { font-size: 110%; }

    /* ------------------------------------------- */
    /* Page Shell - Desktop Display*/

    /* Define screen and page */
    .wscreenwidth { min-width: 0; }
    .wpagewidth { max-width: 100%; min-width: 0; }
    .wpagewidth .wpanes {padding:0px 5px;}    

    /* Semantic elements */
    .wbodybk0 {border-top:8px solid #73B249}
    .wbodybk1 {}
    .wbodybk2 { }    

    /* ------------------------------------------- */
    /* Editable Panes */

    .BannerPane { padding: 0; margin: 0px auto; width: auto; }

    .ContentPane { padding: 5px 0px; text-align: left; vertical-align: top; }

    .Row1Wide { padding: 5px 0px; text-align: left; vertical-align: top; }
    .Row1Left { float: none; padding: 5px 0px; width: auto; }
    .Row1Right { float: none; padding: 5px 0px; width: auto; }

    .ContentPane2 { padding: 5px 0px; text-align: left; vertical-align: top; }

    .Row2Wide { padding: 5px 0px; text-align: left; vertical-align: top; }
    .Row2Left { float: none; padding: 5px 0px; text-align: left; vertical-align: top; width: auto; }
    .Row2Right { float: none; padding: 5px 0px; text-align: left; vertical-align: top; width: auto; }

    .ContentPane3 { padding: 5px 0px; text-align: left; vertical-align: top; }

    .Row3Wide { padding: 5px 0px; text-align: left; vertical-align: top; }
    .Row3Left { float: none; padding: 5px 0px; text-align: left; vertical-align: top; width: auto; }
    .Row3Right { float: none; padding: 5px 0px; text-align: left; vertical-align: top; width: auto; }

    .ContentPane4 { padding: 5px 0px; text-align: left; vertical-align: top; }

    .Row4Wide { padding: 5px 0px; text-align: left; vertical-align: top; }
    .Row4Left { float: none; padding: 5px 0; width: auto; }
    .Row4Mid { float: none; padding: 5px 0; width: auto; margin: 0; }
    .Row4Right { float: none; padding: 5px 0; width: auto; }

    .ContentPane5 { padding: 5px 0px; text-align: left; vertical-align: top; }

    .Row5Wide { padding: 5px 0px; text-align: left; vertical-align: top; }
    .Row5LeftA { float: none; padding: 5px 0px; width: auto; margin: 0; }
    .Row5LeftB { float: none; padding: 5px 0px; width: auto; margin: 0; }
    .Row5RightA { float: none; padding: 5px 0px; width: auto; margin: 0; }
    .Row5RightB { float: none; padding: 5px 0px; width: auto; margin: 0; }

    .ContentPane6 { padding: 5px 0px; text-align: left; vertical-align: top; }

    .Row6Wide { padding: 5px 0px; text-align: left; vertical-align: top; }
    .Row6Left { float: none; padding: 5px 0; width: auto; margin: 0; }
    .Row6Right { float: none; padding: 5px 0; width: auto; margin: 0; }

    .ContentPane7 { padding: 5px 0px; text-align: left; vertical-align: top; }

    .FooterPane1 { float: none; width: auto; margin: 0px; }
    .FooterPane2 { float: none; width: auto; margin: 0px; }
    .FooterPane3 { float: none; width: auto; margin: 0px; }
    .FooterPane4 { float: none; width: auto; margin: 20px 0 0 0; }
    
    .FooterPane4 img {max-width:200px;}

    /* ------------------------------------------- */
    /* Header Layout */

    /* Pane(s) Container */
    .wpanes { clear: both; }

    /* ------------------------------------------- */
    /* Define Top Band */

    .wpagetop { }

    .wpagetop1 { display: none; }
    .wpagetop2 { width: 47.7%; padding-left: 2%; }
    .wpagetop3 { width: 47.7%; padding-right: 2%; }

    /* ------------------------------------------- */
    /* Define Header Items */

    .wheader { height: auto; position: relative; padding: 0px 0px 10px;margin:0px; }
.wheader .wpanes {z-index:1001;}
    /* Logo */
    .wheader1 { float: none; top: 0px; width: 100%; }

    .wlogoblock { float: none; width: 100%; margin: 3px; }
    .wlogoblock img {}
    .wlogoblock > img { display: none; }

    /* Login Info */
    .wheader2 {position:relative;float:none;width:100%;padding:0px;margin:0px;height:auto;}
    
    /* Search */
    .wheader3 {position:relative;float:none;width:100%;padding:0px;margin:0px;display:block;height:auto;}
#dnn_dnnSearch_txtSearch { color: #999; }
    .wsearch { margin-left: 5px;margin-right:7px;}
    .wsearch input[type="text"] {width:100px;border:0px;background:#555;color:#999;margin: 10px 0px;}
    ul.searchSkinObjectPreview {position:relative;width:100%;}
.searchInputContainer {margin: 0 0 0 0;}
    /* Header pane */
    .wheader4 {width:90%;position:relative;top:-15px;text-align:center;margin:0;left:0;}
   
.wtools {position:relative;top:0px;}
.wtoolsinner {
    text-align: center;
}
.wheader3 a i.fa {color:#555;}
.wheader3 a:hover i.fa {color:#73B249;}


/* Breadcrumb */
.wbreadcrumbspace {padding-top: 40px;}

    /* ------------------------------------------- */
    /* Menu Location */

    .wskinmenu, .wskinmenu.sticky { clear: both; width:100%; float: none; padding: 0; margin: 0; top: 0px; border-top: 0px solid #fff; position:relative; }
    .wskinmenu .wpanes {text-align: left;}

.wtabbump {margin:0 auto;position:relative;bottom:-29px;right:unset;}

   /* Sticky Stuff */
    .wheader.sticky {margin:0px; position:relative;}
    .wheader.sticky .wtools {display:block;}

    /* ------------------------------------------- */
    /* Define Footer */

    .wfooter { padding: 15px 0px 20px 0px; }
    .wfooter .wpanes div { text-align: center; }
    .wfooter ul {display: inline-block;text-align: left;}

    /* ------------------------------------------- */
    /* Define Legal */

    .wlegal { }
    .wlegal .wpanes { }

    .wlegal1 { float: none; width: auto; padding-bottom: 20px; }
    .wlegalbox { text-align: center; }

    .wlegal2 { float: none; width: auto; clear: both; }
    .wlegal2 div { text-align: center; }

    /* ------------------------------------------- */
    /* AP Menu */

    /* Menu Button*/
    .wmenubox { background: url("../img/wmenu_icon01.png") no-repeat scroll 0 0 transparent; width: 50px; height: 50px; display: block; text-indent: -9999em; position:absolute; right:8px; top:10px;}
    .wmenubox:hover { background: url("../img/wmenu_icon02.png") no-repeat scroll 0 0 transparent; width: 50px; height: 50px;}

    /* Main Menu */
    div#apmenu { position: relative; margin: 0; padding: 0; display: none; padding-top: 5px; }

    /* Menu Defaults */
    div#apmenu ul { margin: 0; padding: 0; /*list-style: none;*/ width: auto; position: relative; }
    div#apmenu li { margin: 0; padding: 0; display: block; float: none; width: auto; position: relative; }

    div#apmenu a { white-space: nowrap; padding: 0px; text-decoration: none; }
    div#apmenu a span { position: relative; z-index: 10; font-family: Arial, Helvetica, Sans-Serif; display: block; text-transform: uppercase; font-size: 16px; padding: 10px 15px; border-bottom: 1px solid #444; }

    /* Menu Level 1 */
    div#apmenu ul.menu { position: relative; padding: 5px 0px; background-color: transparent; }
    div#apmenu ul.menu > li > a span { color: #fff; background-color: transparent;display: block; cursor: pointer; font-size:16px; padding: 10px 5px; transition: all 0.4s ease; border-right: 0px solid #ededed;transition: all 0.4s ease;font-family:Arial, Helvetica, Sans-Serif; background-position:right center; text-transform:uppercase;font-weight:700;}
    div#apmenu ul.menu > li.current > a span {color:#fff;background:#73B249;}
    div#apmenu ul.menu > li:hover > a span { color:#fff; background:#73B249;}
    
    
    /* Menu Level 2+ */
    div#apmenu li div { position: relative; z-index: 9999; display: none !important; top: 0px; }
    div#apmenu li:hover > div { display: none !important; }

    div#apmenu ul ul { padding: 0px; opacity: 1; -moz-opacity: 1; width: auto; z-index: 12; border: 0px solid #444; background-color: #222; }

    div#apmenu ul ul li { z-index: 9; text-align: left; }
    div#apmenu ul ul li:last-child { border-bottom: 0px solid #ececec; }

    div#apmenu ul ul li > a span { z-index: -1; color: #ccc; }
    div#apmenu ul ul li:hover > a span { color: #fff; background-color: #111; }
    div#apmenu ul ul li.subcurrent > a span { color: #fff; background-color: #111; }

    /* Menu Parent (hide if dnn roles show indicators for hidden pages)
    div#apmenu ul li > a.parent > span, div#apmenu ul li.subcurrent > a.parent > span { background-image: url(../img/whaschild_down01.png); background-repeat: no-repeat; background-position:98% 50%; padding-right: 10px;}
    div#apmenu ul li:hover > a.parent > span {background-image: url(../img/whaschild_down01.png); background-repeat: no-repeat; background-position:98% 50%; padding-right: 10px;}*/

    /* Indent Children */
    div#apmenu ul ul li > a span { padding-left: 20px; }
    div#apmenu ul ul ul li > a span { padding-left: 40px; }
    div#apmenu ul ul ul ul li > a span { padding-left: 60px; }

    /* Menu Lava Lamp */
    div#apmenu li.back, div#apmenu li.back .left { display: none; }

    /* ------------------------------------------- */
    /* Site and Skin Specific */

    .wmobileonly { display: block; }

    /* Over ride long non-breaking string on mobile */
    .dnnSearchResultItem-Link { overflow: hidden; font-size: 10px; max-width: 100%; }
 
.wthumbnav {margin-bottom: 0px;}
.wthumbnav .wcols4 {margin-bottom: 20px;}

   
}

/* ------------------------------------------- */

@media handheld, only screen and (max-width: 480px) {
    html, body, p, .normal, .Normal, table, Table {}
    .wcontainer02 .wcontent h1.wlight { font-size: 32px; text-shadow: 0 0 8px rgba(198, 77, 0, 1); }
    .wcontainer02 .wcontent h2.wlight { font-size: 32px; text-shadow: 0 0 8px rgba(198, 77, 0, 1); }
    .wcontainer02 .wcontent h3.wlight { font-size: 21px; text-shadow: 0 0 8px rgba(198, 77, 0, 1); }
}

/* ------------------------------------------- */

@media handheld, only screen and (max-width: 320px) {
}
