﻿/* WebmontonMedia Responsive v6 Copyright 2016 Webmonton Ltd. */

@media screen and (max-width:799px) {

    /* ------------------------------------------- */
    /* Common */

    html, body, p, li, .normal, .Normal, table, Table { }
    Body { -webkit-text-size-adjust: none; }

    h1 { font-size: 21px; }
    h2 { font-size: 19px; }
    h3 { font-size: 17px; }
    h4 { font-size: 14px; }

    /* ------------------------------------------- */
    /* Page Shell - Desktop Display*/

    /* Define screen and page */
    .wscreenwidth { min-width: 0; }
    .wpagewidth { max-width: 100%; min-width: 0; }

    /* Multilayered BG */
    .wbodybk0 { }
    .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 0 0 0; }
    .FooterPane2 { float: none; width: auto; margin: 0px 0 0 0; }
    .FooterPane3 { float: none; width: auto; margin: 0px 0 0 0; }
    .FooterPane4 { float: none; width: auto; margin: 0px 0 0 0; }
    
    /* ------------------------------------------- */
    /* 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; }

    /* Logo */
    .wheader1 { float: none; top: 0px; width: 100%; }

    .wlogoblock { float: none; width:100%; margin: 3px 0 3px 0; }
    .wlogoblock img { max-height:120px;max-width: 90%; }
    .wlogoblock > img { display: none; }

    /* Search */
    .wheader2 { display: none; }

    .wsearch { margin-right: 0px; }

    /* Menu */
    .wheader3 { display: none; }

.wheaderpane {position:absolute;display:inline-block;box-sizing: border-box;top: 8px;right:1%;z-index: 1000;}

.wloginbtn .wlogintext {display:none;}
.wloginbtn .dnnPrimaryAction {min-width:10px;}
    /* ------------------------------------------- */
    /* Menu Location */

    .wskinmenu { clear: both; width:100%; float: none; padding: 0; margin: 0; top: 0px; border-top: 0px solid #fff; }
    .wskinmenu .wpanes {text-align: left;}

    .wheader.sticky { height: auto; margin-top: 0px;position:relative;}
    /*.wheader.sticky .wlogoblock { float: left; width: 45%; margin: 0px 0 0px 19%;padding:8px 18px 8px 18px; }
    .wheader.sticky .wlogoblock img { max-height: 60px; margin-top: 0px; }
    .wheader.sticky > .wpanes { max-width: 100%; margin: auto; }
    .wheader.sticky .wheader1 { float: none; top: 0px; width: 100%; max-width: 100%; margin: auto; position: relative; }
    .wheader.sticky .wskinmenu { clear: both; float: none; padding: 0; margin: 0; top: 0px;width:98%;}
    .wheader.sticky .wskinmenu .wpanes {text-align: left;}*/


    /* ------------------------------------------- */
    /* Define page block 1 */

    .wpageblock1 { margin: 0px 0px; }

    /* ------------------------------------------- */
    /* Define page block 2 ?? */

    .wpageblock2 { -webkit-box-shadow: 0 0 0px 0px #000; -moz-box-shadow: 0 0 0px 0px #000; box-shadow: 0 0 0px 0px #000; margin-top: 0px; }
    .wpageblock2 .wpanes { padding: 0px 0px; }
    .wpageblock2 img { max-width: 100%; }
    .wbodybk1 .wpagepadding { padding: 0px 10px; }

    /* ------------------------------------------- */
    /* Define Footer */

    .wfooter { padding: 15px 0px 20px 0px; }
    .wfooter .wpanes div { text-align: center; }

    /* ------------------------------------------- */
    /* 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; }

/* off set to match curve */
/* off set to match curve */
.wlegalbox {padding-left:0;}
.wfootericons {padding-left:0;}


    /* ------------------------------------------- */
    /* AP Menu */

    /* Menu Button*/
    .wmenubox { background: url("../img/wmenu55-gold.jpg") no-repeat scroll 0 0 transparent; width: 47px; height: 36px; display: inline-block; text-indent: -9999em;float: none;
margin: 0;position: absolute;top: 7px;left: 2%;}

    .wmenubox:hover { background: url("../img/wmenu55-green.jpg") no-repeat scroll 0 0 transparent; width: 47px; height: 36px;  display: inline-block; text-indent: -9999em;float: none;
margin: 0;position: absolute;top: 7px;left: 2%;}

    /* 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: Amiri,Arial, Helvetica, Sans-Serif; display: block; text-transform: uppercase; font-size: 14px; font-weight: 200; padding: 8px 15px; border-bottom: 1px solid #888; }

    /* Menu Level 1 */
    div#apmenu ul.menu { position: relative; padding: 5px 0px; background-color: transparent; }
    div#apmenu ul.menu > li > a span { color: #d2ccb8; background-color: transparent; font-size: 18px; }
    div#apmenu ul.menu > li:hover > a span { color: #ffc400; }
    div#apmenu ul.menu > li.current > a.head span { color: #ffffff;}

    /* 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; }

    /* ------------------------------------------- */
    /* Buttons */
    .wbutton1 /*, .dnnFormItem input[type="submit"], input[type="button"]*/, a.wbutton1 { padding: 8px 12px; font-size: 14px; }
    .wbutton1:hover /*, .dnnFormItem input[type="submit"]:hover, input[type="button"]:hover*/, a.wbutton1:hover { padding: 8px 12px; font-size: 14px; }

    /* ------------------------------------------- */
    /* 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%; }

    /* Dynamic Reg */

    .DR-FieldRow .dnnFormItem { float: none; width: 100%; text-align: left; }
    .DR-FieldRow .DynamicRegistration_QuestionTopDiv { float: none; width: 100%; }

    .DynamicRegistration_MainPanel input[type="text"], .DynamicRegistration_MainPanel [type="textarea"], .DynamicRegistration_MainPanel [type="password"],
    .DynamicRegistration_MainPanel select { width: 90% !important; }
}

/* ------------------------------------------- */

@media handheld, only screen and (max-width: 480px) {
    html, body, p, li, .normal, .Normal, table, Table { font-size: 14px; }
    .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) {
}
