/* special formatting while developing and testing to indicate which site is being viewed. */

xxx.sub-header .title {
    text-shadow: #e46ddb 0 0 10px, #c558d9 7pt 10pt 10pt
}

xxx.sub-header .title a {
    color: #f480b1;
}


/* test for hamburger menu */

body .site-header.no-fixed-header { z-index: 999 !important; }

/*.menu .menu-item:focus {*/
    /*position: static;*/
/*}*/

/*.menu .menu-item > a:focus + ul.sub-menu,*/
/*.menu .menu-item.sfHover > ul.sub-menu {*/
    /*left: auto;*/
    /*opacity: 1;*/
/*}*/


/*.menu.responsive-menu .menu-item > a:focus + ul.sub-menu,*/
/*.menu.responsive-menu .menu-item.sfHover > ul.sub-menu {*/
    /*left: auto;*/
    /*opacity: 1;*/
    /*margin-left: 1em;*/
    /*position: relative;*/

    /*z-index:1001;*/
/*}*/



/* ******************************
    header logo, title and search
 * ******************************/






/* ******************************
  mods to genesis menu
 * ******************************/

/*.genesis-nav-menu.responsive-menu .sub-menu li.current-menu-item > a:hover,*/
/*.genesis-nav-menu.responsive-menu li a:hover {*/
    /*!*opacity:1.0;*!*/
    /*z-index:99999;*/
/*}*/
#menu-topnav li:hover {
    /*opacity:1.0;*/
    z-index:99999;
    /*background-color: #54c936;*/
    opacity:.85;
}

#menu-topnav li a {
    /*color:fuchsia;*/
}


/* slide-teasers picbox */

.slide-teaser-icon-box {
    display: none;
}



/* ******************************
 * ******************************
    medium screen:
        shift header utils (search etc.) below title
 * ******************************
 * ******************************/

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

    /* title */

    .sub-header .title a {
        font-size:7.4vw /* vw = view width = 1% of screen width */
    }


    /* header utils */

    .util-search {
        position: static;
        width: 100%;

        font-size: .92em;
        text-align: right;

        color: #e6dfca;

        margin-top: 15pt;

    }

    .util-search ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

    .util-search li {
        display: inline;
        list-style: none;
        width: 33%;
    }

    #searchform #search-box {
        width: 79%;
        background-color: #efefef;
        padding: 7pt 2pt 6pt 8pt;
        margin-left:12pt;
    }

}




/* ******************************
 * ******************************
  small screen (less than 767 pixels wide)
 * ******************************
 * ******************************/

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

    /* title */

    .sub-header .title {
        width: 73%;
        padding: 0em .15em 0em .20em;

        font-size: 38pt;
        line-height: 1;

        text-align: center;
        color: black;
        text-shadow: #ffffff 0 0 10px, #ede6c9 7pt 10pt 10pt;

        background-color: transparent;
    }

    .sub-header .title a {
        font-size: 26pt;
    }

    .sub-header .logo {
        width: 23%;
    }

    img#logo {
        /*width="136" height="136"*/
        max-width: 100%;
    }


    /* hide unnecessary utils when in mobile mode */

    .util-search li {
        width: 100%;
    }

    .util-search li.mobile-hide {
        display: none;
    }


    /* HAMBURGER ICON FOR MENU - A LITTLE BIGGER THAN SYANDARD THEME SETTING */

    .responsive-menu-icon::before {
        font-size: 21pt;
    }

    /* #menu-topnav is: .genesis-nav-menu.responsive-menu */
    #menu-topnav > .menu-item-has-children:before
        /* .genesis-nav-menu.responsive-menu > .menu-item-has-children:before*/
    {
        content: "\f140"; /* f140: arrow-down */
        float: right;
        font: normal 20px/1 'dashicons';
        height: 20px;
        xxpadding: 16px 20px; /* was causing float:rights to stagger with low-height menu items */
        padding: 5px 10px;
        right: 0;
        text-align: right;
        z-index: 9999;
        color: #3889c7
    }

    #menu-topnav > li a {
        xxpadding: inherit;
    }

    /* sub-menus for mobile offset to the right a bit*/
    #menu-topnav > .menu-item > .sub-menu {
        margin-left: 10pt;
    }

    /* hide second-level sub menus for mobile */
    #menu-topnav > .menu-item > .sub-menu .sub-menu {
        display: none;
    }

    #menu-topnav .menu-open.menu-item-has-children:before {
        content: "\f142" !important; /* f142: arrow-up */
    }


    /* slide teaser boxes */

    .slide-teaser-icon-box {
        cursor: pointer;
        display: block;
        text-align: center;
    }

    .slide-teasers {
        display: none;
    }

    .site-inner {
        padding-top: 0;
    }

    .teaser-area.widget {
        margin-top: 0;
        margin-bottom: 8pt;
    }

}


/* ---- old for reference ---*/


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

    .footer-widgets,
    .site-container,
    .wrap {
        max-width: 960px;
    }

    .content-sidebar-sidebar .content-sidebar-wrap,
    .sidebar-content-sidebar .content-sidebar-wrap,
    .sidebar-sidebar-content .content-sidebar-wrap {
        width: 688px;
    }

    .content {
        /*width: 580px;*/
        width: 69%;
    }

    .content-sidebar-sidebar .content,
    .sidebar-content-sidebar .content,
    .sidebar-sidebar-content .content,
    .site-header .widget-area {
        width: 380px;
    }

    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .home-bottom-left,
    .home-bottom-right,
    .sidebar-primary {
        /*width: 272px;*/
        width: 27%;
    }

}


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

    .footer-widgets,
    .site-container,
    .wrap {
        max-width: 772px;
    }

    .content-sidebar-sidebar .content-sidebar-wrap,
    .content-sidebar-sidebar .content,
    .content,
    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .sidebar-content-sidebar .content-sidebar-wrap,
    .sidebar-content-sidebar .content,
    .sidebar-primary,
    .sidebar-secondary,
    .sidebar-sidebar-content .content-sidebar-wrap,
    .sidebar-sidebar-content .content,
    .site-header .widget-area,
    .title-area {
        width: 100%;
    }

}


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

    body {
        font-size: 14px;
    }

    .site-container {
        padding: 20px 5%;
        width: 94%;
    }

    .five-sixths,
    .four-sixths,
    .home-bottom-left,
    .home-bottom-right,
    .one-fourth,
    .one-half,
    .one-sixth,
    .one-third,
    .three-fourths,
    .three-sixths,
    .two-fourths,
    .two-sixths,
    .two-thirds {
        margin: 0;
        width: 100%;
    }

    .site-title {
        font-size: 32px;
    }

    .header-image .site-title a {
        background-size: contain !important;
    }

    /* hide menu items, show hamburger icon instead */

    .genesis-nav-menu.responsive-menu > .menu-item > .sub-menu,
    .genesis-nav-menu.responsive-menu {
        display: none;
    }

    .genesis-nav-menu.responsive-menu .menu-item,
    .responsive-menu-icon {
        display: block;
    }

    .genesis-nav-menu.responsive-menu .menu-item {
        margin: 0;
    }

    .genesis-nav-menu.responsive-menu .menu-item:hover {
        position: static;
    }

    .genesis-nav-menu.responsive-menu li.current-menu-item > a,
    .genesis-nav-menu.responsive-menu .sub-menu li.current-menu-item > a:hover,
    .genesis-nav-menu.responsive-menu li a,
    .genesis-nav-menu.responsive-menu li a:hover {
        background: none;
        border: none;
        display: block;
        line-height: 1;
        padding: 20px;
        text-transform: none;
    }

    .genesis-nav-menu.responsive-menu .current-menu-item > a,
    .genesis-nav-menu.responsive-menu .sub-menu a,
    .genesis-nav-menu.responsive-menu > li:hover .sub-menu a,
    .genesis-nav-menu.responsive-menu a:hover,
    .genesis-nav-menu.responsive-menu li:hover > a {
        color: #fff;
    }

    .genesis-nav-menu.responsive-menu .menu-item-has-children {
        cursor: pointer;
    }

    .genesis-nav-menu.responsive-menu > .menu-item-has-children > a {
        margin-right: 60px;
    }



    .genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
        content: "\f140";   /* f140: arrow-down */
        float: right;
        font: normal 20px/1 'dashicons';
        height: 20px;
        padding: 16px 20px;
        right: 0;
        text-align: right;
        z-index: 9999;
    }

    .genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before {
        content: "\f142";   /* f142: arrow-up */
    }

    .genesis-nav-menu.responsive-menu .sub-menu {
        background-color: rgba(0, 0, 0, 0.025);
        border: none;
        left: auto;
        opacity: 1;
        position: relative;
        -moz-transition:    opacity .4s ease-in-out;
        -ms-transition:     opacity .4s ease-in-out;
        -o-transition:      opacity .4s ease-in-out;
        -webkit-transition: opacity .4s ease-in-out;
        transition:         opacity .4s ease-in-out;
        width: 100%;
        z-index: 99;
    }

    .genesis-nav-menu.responsive-menu .sub-menu .sub-menu {
        background-color: transparent;
        margin: 0;
        padding-left: 25px;
    }

    .genesis-nav-menu.responsive-menu > li:hover .sub-menu a:hover,
    .genesis-nav-menu.responsive-menu > li:hover .sub-menu a,
    .genesis-nav-menu.responsive-menu .sub-menu li a,
    .genesis-nav-menu.responsive-menu .sub-menu li a:hover {
        background: none;
        border: none;
        padding: 12px 20px;
        position: relative;
        text-transform: none;
        width: 100%;
    }

    .nav-primary .genesis-nav-menu.responsive-menu .current-menu-item > a,
    .nav-primary .genesis-nav-menu.responsive-menu .sub-menu a,
    .nav-primary .genesis-nav-menu.responsive-menu > li:hover .sub-menu a,
    .nav-primary .genesis-nav-menu.responsive-menu a:hover,
    .nav-primary .genesis-nav-menu.responsive-menu li:hover > a {
        color: #222222;
    }

    .genesis-nav-menu a {
        font-size: 12px;
    }


}