/*
* Responsive styles using media queries.
*/

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 985px) {

    .menu-container .navigation {
        width: 750px;
        margin: 0 auto;
    }

    .navigation > div > ul > li > a {
    padding: 11px 10px 12px 10px;
    }


    .sf-depth-1 .sf-description {
        display:none;
    }

    .sf-depth-1 a, .sf-depth-1 a:visited {
        padding: 5px 7px 2px 7px;
        font-size:14px
    }

    .last .sf-depth-1 {
        line-height: 17px;
        font-size:16px;
    }

    .container .column, .container .columns {
        margin-left: 10px;
        margin-right: 10px;
    }

    .page-header {
        margin: 0px 0px 20px 10px;
        padding: 20px 0px 14px 0px;
    }

    /* menu responsive */



    .menu-container {
        background:#3d3d3e;
    }


    .responsive-nav {
        display: none;
    }


    .hover-effect h4 {
        font-size: 12px;
    }

    /* fixed promo overlay mobile */
    .hover-effect .overlay.with-title {
        height: 100%;
    }


    /* thumbnail box overlay mobile */

    .thumbnail-box .hover-effect .overlay {
        height:100%;
    }

    .thumbnail-block .field-items a {
        float: left;
        line-height: 14px;
        margin-bottom: 10px;
        clear:both;
    }

    /* hide subnav */

    .sidebar-menu {
        display:none;
    }

    .region-sidebar-left {
        display:none;
    }

    .recent-pet {
        display:none;
    }


    /* make adoption filters visible */
    .page-adopt .sidebar-menu, .page-adopt .region-sidebar-left, .sidebar #block-views-exp-network-partners-page {
        display: block !important;

    }

    /* make network partners search visible */
    .page-our-work-supporting-network-partners .region-sidebar-left {
        display: block !important;
    }

    .page-our-work-supporting-network-partners #sidebar h2, .page-our-work-supporting-network-partners #sidebar .heading-2 {
        border-top: none;
        padding: 0px 0px 4px 0px;
    }

    .page-adopt .menu-block-wrapper {
        display: none !important;
    }

    .page-adopt .sidebar-menu, .page-adopt .region-sidebar-left h2 {
        display: none !important;

    }

    /* Donation page */
    .donate-top {
        min-height: 200px;
    }

    .donate-hl {
        color: #ffffff;
        padding: 10px;
        text-align: center;
        font-size: 20px;
        line-height: 30px;
        margin: 0px;
    }

    .lnk-container {
        padding: 10px;
        margin-bottom: 10px;
    }

    .donate-lnk {
        margin: 10px 0px;
        max-width: 100%;
        padding: 5px;
    }

    .donate-bot {
        display: none;
    }

    /* fix for in-content images having fixed height */
    img {
        height: auto !important;
    }

    /* bottom orange footer styling*/

    #footer-bottom #logo img {
        clear: both !important;
        margin: 15px !important;
        float: none !important;
    }

    #footer-bottom div {
        text-align: center;
        width: 100% !important;
    }

    #footer-bottom p {
        clear: both !important;
        text-align: center;
        font-size: 10px !important;
    }

    #footer-bottom a {
        float: none !important;
    }

}

/* move social icons to bottom bar*/
@media only screen and (max-width: 1105px) {

    .addtoany_list {
        position: fixed;
        left: 0px;
        top: auto;
        bottom: 11px;
        width: 100%;
        background-color: #ffffff;
        border-top: solid 1px #d4d4d4;
        border-right: solid 1px #d4d4d4;
        border-bottom: solid 1px #d4d4d4;
        padding-bottom: 5px;
        z-index: 998;
        height: 40px;
        text-align: center;
    }

    .addtoany_list br {
        display: none;
    }

    .addtoany_list a {
        display: inline-block;
        padding: 0px;
    }

    /* bottom  footer making room for social icons*/
    #footer-bottom {
        padding: 5px 15px 50px 15px;
    }
}



/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 984px) {

    .sf-menu li.sfHover > ul {
        left: -2px;
        top: 35px;
    }

}


    /* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 800px) {

    .logo {
        width:300px;
    }

    #header {
        height: 80px;
        display:block;
        clear:both;
    }

    #header .container, #header .eight.columns {
        width:100%;
    }

    .dskshop {
        display:none;
    }

    .reshop {
        display: inline-block;
        font-size: 12px;
        margin-right: 50px;
    }


    .sf-accordion-toggle a {
        position: absolute;
        right: 10px;
        top: 10px;
        left: auto;
    }


    h1, .heading-1 {
        margin-top:0px;
    }

    .navigation {
        display: block;
        margin:10px;
    }

    .menu-container {
        background:none;
        height: 0px;
        margin-top: 0px;
        display: inline-block;
    }

    .responsive-nav {
        display:none;
    }

    #logo {
        margin-top:0px;
        margin-bottom: 0px;
    }


    #top_links {
        margin: 8px 20px 20px 10px;
        font-size: 10px;
    }

    .search-wrapper {
        position:absolute;
        padding-top: 0px;
        right: 0px;
        top: 30px;
        margin-top: 0px;
        margin-right:10px;
        width: 150px;
        border:1px solid #ececec;
    }

    .search-wrapper .submit-search {
        top: 2px;
    }


    .item-list .pager {
        position: relative;
        margin-top: 10px;
        padding-top: 10px;
    }

    #sidebar h2 {
        padding: 10px 0px 4px 0px;
        margin-bottom: 4px;
        border-top: none;
    }

    #edit-sort-by-title, .toolbar-tab, .bef-select-as-links a, .toolbar-tabs span  {
        border-right: none !important;
    }

    #youtubechannel-list {
        overflow-y: visible;
    }

    .rg-pet-main {
        height:auto;
    }

    .gss-thumbnail-image {
        clear:both;
        float: none;
    }

    .region-header-right {
        position:relative;
        width:100%;
    }

    .search-wrapper input[type="text"] {
        max-width: 150px;
    }

    .region-logo {
        height: 50px;
    }



    .page-header {
        padding: 10px 0px 14px 0px;
    }

    .heading-xl {
        line-height: 42px;
        font-size: 40px;
    }

    #title-head {
        line-height: 38px;
    }

    .fixed-promo .jcarousel-prev, .fixed-promo .jcarousel-next, #block-views-related-promo-block-view-block .jcarousel-prev, #block-views-related-promo-block-view-block .jcarousel-next {
        top: 5px;
    }


    /* top right header */

    .head-top-right {
        position:relative;
        top: -50px;
        text-align: right;
        width: 100%;
        margin-top: 0px;
        margin-right: 10px;
    }

    .site_cues {
        display:none;
    }

    .head-top-right a {
        color: #636466;

    }

    /* National Presence Map */

    .fluid-width-map-wrapper {
        position: relative;
        padding-bottom: 600px;
        margin: 15px 0px 15px 0px;
        height: 0;
        overflow: hidden;
    }

}

/* superfish mobile */
@media only screen and (max-width: 800px) {

    #superfish-1-accordion {
        max-width:100%;
        margin-top: 4px;
    }

    .sf-depth-1 a, .sf-depth-1 a:visited {
        border-right: none;
    }

    .sf-depth-1 ul, .sf-depth-2 ul, .sf-depth-3 ul, .sf-depth-4 ul {
        border: none;
    }

    .last > a.sf-depth-2, .last > a.sf-depth-3, .last > a.sf-depth-4, .last > a.sf-depth-5, .last > a.sf-depth-6, .firstandlast > a.sf-depth-2, .firstandlast > a.sf-depth-3, .firstandlast > a.sf-depth-4, .firstandlast > a.sf-depth-5, .firstandlast > a.sf-depth-6 {
        margin-bottom: inherit;
    }

    .sf-clone-parent a.sf-depth-1.menuparent {
        background: #FFFFFF;
        text-transform: none;
        color:#F58220;
    }

    .sf-clone-parent > a.sf-depth-2.menuparent > .rightarrowclass::after, .sf-clone-parent > a.sf-depth-3.menuparent > .rightarrowclass::after, .sf-clone-parent > a.sf-depth-4.menuparent > .rightarrowclass::after, .sf-clone-parent > a.sf-depth-5.menuparent > .rightarrowclass::after {
        content: "\f0c1";
    }

    .navigation .sf-expanded .rightarrowclass::after {
        float:none;
    }

    .sf-clone-parent > a.sf-depth-1.menuparent > .downarrowclass::after {
        font-family: FontAwesome;
        content: "\f0c1";
        font-size: 14px;
        margin-left: 5px;
        color: #f58220;
        display:inline;
    }

    .last .sf-clone-parent > .sf-depth-1 {
        background: #FFFFFF !important;

    }
    .sf-expanded .hover a.sf-depth-1  {
        color:#F58220 !important;
    }

    .sf-expanded a.sf-depth-1 {
        padding: 5px;
    }

    .first .sf-depth-1  {
        border-left: none;
    }

    .sf-depth-2, .sf-depth-2 a {
        background: #FFFFFF !important;
    }

    li.sf-depth-2 a {
        margin-left: 8px;
    }

    li.sf-depth-3 a {
        margin-left:16px;
    }

    li.sf-depth-4 a{
        margin-left: 24px;
    }

    li.sf-depth-5 a {
        margin-left: 32px;
    }


    a.sf-accordion-button {
        text-transform:none;
        background: none !important;
        font-size: 16px;
        line-height: 17px;
        margin:0px 10px 0px 0px;
        padding:3px  !important;
        background:none;
        float:right;
        clear:both;
        display:inline-block;
        z-index:888;
        border:none;
    }

    .sf-depth-2 a.sf-accordion-button, li.sf-expanded a.sf-accordion-button {
        color: #3d3d3e !important;
    }

    .sf-depth-1 a.sf-accordion-button {
        color: #FFFFFF !important;
    }

    .sf-expanded > a.sf-depth-1.menuparent,  .sf-expanded > a.sf-depth-1.menuparent .hover {
        background:#3d3d3e;
    }

    .navigation > div > ul > li:hover > a, .navigation > div > ul > li:active > a {
        background-color: #3d3d3e !important;
    }


}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

    .logo-responsive {
        display:block;
        left: 10px;
        top:0px;
        width:130px;
        height:auto;
    }

    .logo {
        display:none;
    }


    .footer-email, .footer-mobile {
        margin: 5px;
    }

    .footer-email input[type="submit"] {
           left: 125px;
           top: -30px;
    }

    .footer-mobile input[type="submit"] {
        left: 125px;

    }

    #footer-middle {
        display:none;
    }

    #newsletter-signup-block h2, #newsletter-signup-block .heading-2, #text-alert-block h2, #text-alert-block .heading-2, .footer-email .heading-2 {
        font-size: 20px !important;
        line-height: 24px;
    }

    .signup-body-text p {
      line-height: 17px;
    }

    /* homepage slideshow sizing for 768 */

    #fp-slideshow, .slides {
        height: 350px
    }

    #fp-slideshow .flex-active-slide section.caption {
        bottom: 0px;
    }

    /* 2016 memorials */





    #memorial_content h1 {
        font-family: 'Cookie', cursive;
        font-size: 40px;
        line-height: 44px;
        margin: 20px
    }

    #memorial_content h2 {
        font-family: 'HelveticaNeueW02-55Roma', Arial, sans-serif;
        font-size: 20px;
        margin-bottom:20px;
    }

    .memorial-message {
        font-family: "HelveticaNeueW02-75Bold", Arial, sans-serif;
        font-size: 16px;
        line-height: 18px;
        margin: 20px;
    }

    .memorial-to, .memorial-from {
        font-family: 'HelveticaNeueW02-55Roma', Arial, sans-serif;
        font-size: 16px;
        line-height: 20px;
    }

    .memorial-date {
        font-size: 16px;
        line-height: 20px;
        margin:20px;
    }

    .memorial-share {
        font-size: 16px;
        line-height: 20px;
    }

    .field-name-field-memorial-image-1 img, .field-name-field-memorial-image-2 img, .field-name-field-memorial-image-3 img {
        border: #FFFFFF solid 5px;
        margin:0px;
    }



}


@media screen and (max-width: 800px) {
    /* tablet fix for thumbnail boxes */
    .thumbnail-box {
        border: none;
    }

    .thumbnail-block .thumbnail-box:nth-child(-n+3) {
        border-top: none;
    }

    .thumbnail-block .thumbnail-box:nth-child(3n) {
        border-right: none;
    }

    /* fix for list titles at smaller resolutions */

    .list-item-title {
        clear:both;
    }

}