@media only screen and (min-width: 1280px) {
    .search-type {
        right: 224px;
    }
}

@media only screen and (min-width:960px) and (max-width: 1280px) {
    .search-type {
        right: 224px;
    }
}

@media only screen and (max-width:1280px) {
    
    .digital-container .wysiwyg-accordion h2 {
        width:72%;
        font-size:16px;
    }


    .slick-track {
        overflow: hidden;
    }

    .wrap {
        padding: 0 40px;
    }

    .close-cookie-banner {
        right: 40px;
    }

}

@media only screen and (min-width:960px) {
    
    .teaser:focus h2,
    .teaser:hover h2 {
        background: rgba(0,103,131,0);
        margin-bottom: 100px;
    }

    .teaser:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,103,131,0);
        transition: all .4s;
        -ms-transition: all .4s;
        -webkit-transition: all .4s;
    }

    .teaser:focus:before,
    .teaser:hover:before {
        background: rgba(0,103,131,1);
    }

    .landing-page-slide p,
    .main-item.teaser p {
        padding: 16px 20px 0 20px!important;
        position: absolute;
        bottom: 20px;
        left: 0;
        font-size: 18px;
        line-height: 30px;
    }

    .news-row .teaser p,
    .medium-item.teaser p,
    .small-item.teaser p {
        padding: 12px 16px 0 16px!important;
        position: absolute;
        bottom: 10px;
        left: 0;
        font-size: 14px;
        line-height: 26px;
    }

    .teaser p {
        opacity: 0;
        color: #fff!important;
        display: block;
        width: 100%;
        font-family: univers-light, sans-serif;
        font-weight: normal;
        margin-bottom: 0;
    }

    .teaser:focus p,
    .teaser:hover p {
        opacity: 1;
        color: #fff!important;
        z-index: 10;
        transition: all .8s;
        -ms-transition: all .8s;
        -webkit-transition: all .8s;
    }

    .teaser h2 {
        transition: all .3s ease;
        -ms-transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }

    .teaser:focus h2,
    .teaser:hover h2 {
        background: rgba(0,103,131,0);
        margin-bottom: 100px;
    }
    
    .small-item.teaser:focus h2, 
    .small-item.teaser:hover h2 {
        margin-bottom: 50px;
    }

    .landing-page-slide .teaser:focus h2,
    .landing-page-slide .teaser:hover h2,
    .medium-item.teaser:focus h2,
    .medium-item.teaser:hover h2 {
        margin-bottom: 80px;
    }

    #header .header-nav > .menu > li > a {
        border-bottom: 3px solid transparent;
    }

    #header nav > .menu > li.active > a,
    #header .menu > li > a.active,
    #header .menu > li > a:hover    {
        color: #006783;
	text-decoration: none;
	border-bottom-color: #006783;
    }
	
    /* changes background of main navigation links on hover */
    #header .menu > li > a:hover    {
        background: rgba(0,0,0,0.02);
    }

    #header nav > .menu > li > a:hover:before {
        background: rgba(0,0,0,0.05);
    }
	
    #header nav > .menu > li.has-sub > a {
        padding-right: 36px;
    }

    #header nav > .menu > li li.has-sub > a:before {
        content: "\e208";
        text-align: center;
        font-size: 18px;
        height: 30px;
        line-height: 30px;
        width: 30px;
        display: block!important;
        margin-left: 8px;
        transition: all .6s ease;
        -ms-transition: all .6s ease;
        -webkit-transition: all .6s ease;
        font-family: auditscotland;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -15px;
    }

    #header nav .sub-menu-toggle {
        position: absolute;
        right: 0;
        font-size: 0;
        top: 4px;
        background: 0;
        border: 0;
        z-index: -1;
    }

    #header nav .sub-menu-toggle:before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23666' d='M316 366l196 196 196-196 60 60-256 256-256-256z' stroke='inherit'%3E%3C/path%3E%3C/svg%3E");
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        background-repeat: no-repeat;
        background-size: 16px 16px;
        background-position: center center;
        width: 16px;
        height: 16px;
        transform: translateY(-50%) translateX(-50%);
    }

    .menu ul .sub-menu-toggle {
        background: rgba(255,255,255,0.1);
        right: 2px;
        top: 5px;
        transform: rotate(-90deg);
        padding: 6px 19px;
    }

    .menu ul .sub-menu-toggle:before {
    /*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23fff' d='M316 366l196 196 196-196 60 60-256 256-256-256z' stroke='inherit'%3E%3C/path%3E%3C/svg%3E");
    */
    }

    #header .menu > li ul {
        display: none;
        position: absolute;
        top: 100%;
        width: 260px;
        background: #00718e;
        overflow: hidden;
        padding: 0;
        z-index: 100;
        border-radius: 2px;
        -webkit-transform: translatez(0);
        -ms-transform: translatez(0);
        transform: translatez(0);
    }

    #header nav > .menu > li:after {
        content: "";
        display: block;
        width: 1px;
        background: rgba(0,0,0,0.1);
        height: 32px;
        position: absolute;
        right: 0;
        top: 5px;
    }

    #header .menu > li > ul li {
        display: block;
        width: 100%;
        border-bottom: 1px solid rgba(255,255,255,0.075);
        border-right: 0;
        padding: 0;
    }

    #header .menu > li > ul li a {
        display: block;
        width: 100%;
        padding: 12px;
        color: #fafafa;
    }

    #header .menu > li > ul li a:hover {
        color: #fafafa;
    }

    #header .menu > li > ul li.active,
    #header .menu > li > ul li:hover,
    #header .menu > li > ul li a:focus {
        background: rgba(0,0,0,0.4);
        color: #fafafa!important;
    }

    #header .menu > li > ul li.active a {
        color: #fafafa!important;
    }

    /* #header .menu > li > ul li.has-sub:after {
        content: "\e208";
        position: absolute;
        font-family: 'auditscotland';
        right: 12px;
        top: 11px;
        color: #fafafa;
    } */
    
    #header .menu > li > ul a:focus {
        outline-color: #fafafa!important;
    }

    #header .menu li > button[aria-expanded="true"] + ul {
        display: block;
        overflow: visible;
        border: 1px solid rgba(0,0,0,0.05);
    }

    #header .menu > li ul li ul {
        right: -260px;
        top: -1px;
        border: 1px solid rgba(0,0,0,0.05);
    }

    #header .menu > li ul li ul#menu-780-3.sub-menu-left,
    #header .menu > li ul li ul#menu-776-3.sub-menu-left {
        right: auto;
	left: -100%;
    }


    .search-type {
        width: 280px;
        position: absolute;
        bottom: 0;
        background: #00728f;
        color: #f0f0f0;
        padding: 0;
        z-index: 10;
        visibility: visible;
        height: 36px;
        line-height: 36px;
        border-radius: 3px;
        margin: 0;
        top: -10000px;
    }

    .search-type:after {
       content: "\f0da";
       font-family: auditscotland; 
       position: absolute;
       right: -4px;
       color: #00728f;
    }

    .search-type input[type="radio"] + label {
        display: block;
        padding: 0 12px;
        width: 50%;
        float: left;
        position: relative;
        font-weight: normal;
        font-size: 12px;
        cursor: pointer;
        font-family: UniversLTStd-Light, sans-serif;
        text-align: left;
    }
    
    .search-type input[type="radio"]:focus + label {
        outline-style: dotted!important;
        outline-width: 1px!important;
        outline-color: #72CCD2!important;
    }

    .search-type input[type="radio"] + label:last-of-type {
        border-left: 1px solid rgba(255,255,255,0.3);
    }

    .search-type input[type="radio"]:checked + label:after {
       content: "\f00c";
       font-family: auditscotland;
       float: right; 
    }

	#search-button {
        display:none;
    }

    .prev-slide-title,
    .next-slide-title {
        position: absolute;
        font-family: univers-bold, sans-serif;
        font-weight: normal;
        font-size: 24px;
        top: 50%;
        width: 280px;
        text-align: center;
        transform: rotate(-90deg) translateY(-50%);
        -ms-transform: rotate(-90deg) translateY(-50%);
        -webkit-transform: rotate(-90deg) translateY(-50%);
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        color: #00728f;
    }

    .prev-slide-title {
        left: -190px;
    }

    .next-slide-title {
        right: -210px;
    }

}

@media only screen and (max-width:959px) {
    
    .has-sub > ul > li:first-child {
        display: none !important;
    }
    
     .digital-background {
        height: 300px;
     }

    
    .user-menu,
    #skiptocontent {
        display: none;
    }

    .view-display-id-community_planning_partnership .view-filters,  
    .view-display-id-best_value .view-filters, 
    .view-display-id-annual_audits .view-filters, 
    .view-display-id-as_diversity_equality .view-filters, 
    .view-display-id-as_corporate .view-filters, 
    .view-display-id-ac_diversity_equality .view-filters, 
    .view-display-id-ac_corporate .view-filters {
        position: relative;
        top: auto;
        right: auto;
        float: left;
        margin: -10px 0 5px 0;
        clear: right;
    }

    .rows {
        width: 100%;
        clear: both;
    }
    
    .news-row:last-child a h3,
    .news-row a h3,
    .slide-main-wrap a h3 {
        min-height: 0;
    }

    .slide-medium-bottom-wrap a h3 {
        min-height: 0;
    }

    .slide-small-left-wrap a h3 {
        min-height: 0;
    }

    .ac-careers-slider {
        height: 400px;
    }

    .slide-inner {
        max-width: 100%;
        padding: 16px;
    }

    .slide-inner h2 {
        font-size: 28px;
        line-height: 36px;
    }

    .landing-page-logo {
        width: 100%;
        height: auto;
    }

    .wrap {
        padding: 0 4%;
    }

    .close-cookie-banner {
        right: 4%;
    }

    #header input[type="checkbox"] + label {
        margin: 0;
    }

    #header .social-links {
        display: none;
    }

    .search-type {
        transition: all .4s;
        -ms-transition: all .4s;
        -webkit-transition: all .4s;
    }

    .search-type {
        padding-top: 30px !important;
	position: relative;
    }

    .search-type legend {
        top: 0 !important;
        left: 50% !important;
        transform: translateX(-50%); 
    }

    .search-type input {
        display: none;
    }

    .search-type label {
        width: 135px;
        display: inline-block;
        padding: 7px 12px;
        color: #fafafa;
        background: #00728f;
        font-size: 12px;
        text-align: left;
        font-weight: normal;
        cursor: pointer;
        margin: 0 0 12px 0;
        font-family: Univers-Bold, sans-serif;
        border-radius: 3px;
    }

    .search-type input:checked + label:after {
        content: "\f00c";
        font-family: auditscotland;
        float: right;
    }

    .news-rows {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .front-section-links a:before {
        width: 24px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        color: #006783;
        height: auto;
        margin-right: 8px;
        font-size: 24px;
        background: none;
    }

    .front-section-links a.active:before,
    .front-section-links a:hover:before {
        background: none;
    }
    
    .front-section-links a.section-3603::before, .front-section-links a.section-3602::before,.front-section-links a.section-3308::before {
         background:none !important;
    }

    .front-section-links a {
        display: block;
        float: left;
        position: relative;
        width: calc(33.333333333333% - 13.33333333333333px);
        margin-right: 20px;
        background: rgba(0,0,0,0.03);
        padding: 8px 24px 8px 8px;
        height: 40px;
        overflow: hidden;
    }

    .front-section-links a h5 {
        margin-top: 0!important;
    }

.front-section-links a h2 {
    margin-top: 0 !important;
}

    .front-section-links a.active {
        background: rgba(0,0,0,0.075);
    }

    .front-section-links a p {
        display: none;
    }

    #header {
        text-align: center;
    }

    #logo {
        display: inline-block;
        height: 34px;
        width: 220px;
        margin: 20px 0 18px 0;
        float: none;
    }
    
    #logo object,
    #logo img   {
        height: 34px;
        width: 220px;
    }

    /* Menu */

    #header nav {
        max-height: 0;
        overflow: hidden;
        transition: all .8s ease;
        -ms-transition: all .8s ease;
        -webkit-transition: all .8s ease;
    }

    #mobile-search-trigger {
        display: none!important;
    }

    #mobile-menu-trigger {
        display: block;
        position: absolute;
        left: 4%;
        top: 26px;
        display: block;
        width: 36px;
        text-align: left;
        font-size: 0;
    }

    #mobile-search-trigger + label {
        right: 4%;
        position: absolute;
        top: 26px;
        display: block;
        width: 36px;
        text-align: right;
        font-size: 0;
    }

/*    #mobile-search-trigger + label:before {
        content: "";
        display: none;
    }*/

    #mobile-menu-trigger {
        right: 4%;
        position: absolute;
        top: 26px;
        display: block;
        width: 36px;
        text-align: right;
        font-size: 0;
        background: none;
        height: 36px;
        border: none;
        padding: 0;
        text-align: center;
        color: #555!important;
        line-height: 36px;
    }

    #mobile-search-trigger + label:after,
    #mobile-menu-trigger:after {
        content: "\e20e";
        font-family: 'auditscotland';
        font-size: 20px;
        text-align: left;
        position: absolute;
        top: -4px;
        left: 0;
    }

    #mobile-search-trigger + label:after {
        content: "\e986";
        font-size: 16px;
        text-align: right;
        left: auto;
        right: 0;
    }

    #mobile-search-trigger:checked + label:after,
    #mobile-menu-trigger.active:after {
        content: "\e209";
    }

    #mobile-menu-trigger.active ~ nav {
        max-height: 2000px;
    }

    #mobile-menu-trigger ~ nav ul {
        display: none;
    }

    #mobile-menu-trigger.active ~ nav ul {
        display: block;
    }

    #mobile-search-trigger + label ~ form {
        max-height: 0;
        overflow: hidden;
        height: auto;
        width: 100%;
        transition: all .6s ease;
        -ms-transition: all .6s ease;
        -webkit-transition: all .6s ease;
        display: none;
    }

       header #header-search {
        width: 70%;
        margin-bottom: 20px;
    }

    #mobile-search-trigger:checked + label ~ form {
        content: "\e209";
        max-height: 120px;
        width: 100%;
        display: block;
    }

    #header .menu {
        width: 100%;
        clear: both;
    }

    #header .menu > li {
        list-style-type: none;
        display: block;
        padding: 0;
        margin: 0;
        width: 100%;
        position: relative;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        border-right: none;
        text-align: left;
    }

    #header nav > .menu > li:after,
    #header .menu li:after {
        content:""!important;
        display:table!important;
        clear:both!important;
    }

    #header .menu > li > a {
        padding: 12px 0;
        width: 100%;
        display: block;
    }

    #header .menu > li ul {
        background: rgba(0,0,0,0.03);
        padding: 0 16px;
    }

    .sub-menu-toggle,
    .sub-menu-toggle + label:before:not(#header .sub-menu-toggle) {
        display: none!important;
    }

    #header .sub-menu-toggle {
        font-size: 0;
        overflow: visible!important;
    }

    #header .sub-menu-toggle {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        height: 30px;
        line-height: 30px;
        width: 45px;
        margin: 8px 0 0 0;
        text-align: center;
        z-index: 10;
        padding: 0;
        border: none;
        border-left: 1px solid rgba(0,0,0,0.1);
        background: none;
        border-radius: 0;
    }

    #header .sub-menu-toggle:before {
        content: "\e208";
        text-align: center;
        font-size: 18px;
        height: 30px;
        line-height: 30px;
        width: 30px;
        display: block;
        margin-left: 8px;
        transition: all .6s ease;
        -ms-transition: all .6s ease;
        -webkit-transition: all .6s ease;
        font-family: auditscotland;
        color: #444!important;
    }


    #header .sub-menu-toggle.active:before {
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }

    #header .sub-menu-toggle ~ ul {
        display: none!important;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: all .4s ease;
        -ms-transition: all .4s ease;
        -webkit-transition: all .4s ease;
    }

    #header .sub-menu-toggle:before:hover,
    #header .sub-menu-toggle:before {
        color: #fff!important;
        background: #006783;
        border-radius: 50%;
        font-weight: normal;
    }

    #header .sub-menu-toggle.active ~ ul {
        display: block!important;
        max-height: 1000px;
        opacity: 1;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }

    .sections {
        display: none;
    }

    .landing-page-slide a h3,
    .slide-main-wrap a.main-item h2 {
        font-size: 30px;
        line-height: 36px;
        padding: 12px 16px!important;
        letter-spacing: 0;
    }

    .as-slide a.medium-item h2 {
        font-size: 18px;
        line-height: 24px;
        padding: 3px 8px 4px 8px!important;
        letter-spacing: 0;
    }

    .slide-small-left-wrap h2,
    .slide-small-right-wrap h2 {
        font-size: 14px;
        line-height: 18px;
        padding: 3px 8px 4px 8px;
        letter-spacing: 0!important;
    }

    .prev-slide-title,
    .next-slide-title {
        display: none;
    }

    .search-type {
        overflow: hidden;
    }

    #mobile-search-trigger:checked + label ~ div.search-type {
        max-height: 100px;
    }

}

@media only screen and (max-width:860px) {
    
     /* ehub exhibits 5 columns */
     .gallery-col-5 figure {
    width: 18% !important;
     }
    
    /* ELC hub side menu */
    .side-menu ul img {
  	  width:3% !important;
 	  margin-top:0px !important;
	}


    .report-item {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .view-filters {
        width: calc(30% - 20px);
        margin: 20px 20px 40px 0;
    }

    .view-filters + .rows,
    .view-filters + main {
        width: 70%;
    }

    .total-reports {
        width: 70%;
    }

    .front-section-links a h5 {
        font-size: 12px;
    }

.front-section-links a h2 {
    font-size: 12px;
}

    .page-publications-search .item-list {
        width: 70%;
        float: right;
        position: relative;
    }
    
     .landing-page-slide-ac {
        width: 100%! important;
        padding-bottom:0;
    }
    
    .landing-page-slide-ac .slide-inner h2 {
        font-size: 12px;
        padding: 5px;
    }

    .landing-page-slide a h3,
    .news-row a h3,
    .slide-main-wrap a.main-item h2 {
        font-size: 26px;
        line-height: 34px;
        padding: 12px 16px!important;
        bottom: 0;
        letter-spacing: 0;
    }

    .as-slide a.medium-item h2 {
        font-size: 14px;
        line-height: 22px;
        padding: 3px 8px 4px 8px!important;
        bottom: 0;
        letter-spacing: 0;
    }


    .slide-small-left-wrap h2,
    .slide-small-right-wrap h2 {
        font-size: 12px;
        line-height: 16px;
        padding: 3px 8px 4px 8px;
        letter-spacing: 0!important;
        bottom: 0!important;
    }

    [class^="column-"] {
        width: 100%!important;
        margin-right: 0!important;
        margin-bottom: 30px!important;
    }

    .column-rows [class^="column-"]:last-child {
        margin-bottom: 0!important;
    }

    .offset-fourth {
        margin-left:  0;
    }

}

@media only screen and (min-width:700px) and (max-width: 1020px) {
 /*Filter buttons on report search */
    input[type="submit"] {
        padding-right: 8px;
        padding-left: 8px;
    }
}

@media only screen and (max-width:700px) {
    
     .digital-background {
        height: 180px;
    }
    .digital-container #digital {
        width:28%;
    }
    
    .digital-container #auditing {
        width:50%;
    }
    
    .digital-container #capacity {
        width:80%;
        margin-left:30%;
        margin-right:0;
	margin-bottom:0
    }
  
    .digital-container .wysiwyg-accordion h2 {
        font-size:16px;
    }


    .landing-page-slide-ac {
        width: 100%! important;
        padding-bottom:0;
    }
    
    .landing-page-slide-ac .slide-inner h2 {
        font-size: 12px;
        padding: 5px;
    }
    .landing-page-slide {
        width: 100%;
        margin: 0;
        padding-bottom: 60%;
    }

    .landing-page-slide + p:first-of-type {
        padding-top: 20px;
    }

    .landing-page-slide + p {
        display: block;
        width: 100%;
        overflow: hidden;
    }

    #footer .col-1-3.right {
        padding-right: 0;
        border-right: none;
    }

    .ac-careers-slider {
        margin-top: 30px;
    }

    .col-1-3.profile {
        width: 100%;
        margin-right: 0;
    }

    .view-filters + main,
    main#content.right-sidebar,
    #sidebar {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .node-type-report .audit-share {
        position: absolute;
        right: auto;
        top: auto;
        float: none;
        width: 100%;
        text-align: center;
        border-top: 1px solid rgba(0,0,0,0.1);
        border-bottom: 1px solid rgba(0,0,0,0.1);
        padding-top: 10px;
    }

    .node-type-blog-entry .audit-share,
    .node-type-news-article .audit-share {
        position: relative;
        right: auto;
        top: auto;
        float: none;
        width: 100%;
        text-align: left;
        line-height: 32px;
    }

    .node-type-news-article .audit-share:after {
        font-size: 14px;
        width: 32px;
        height: 32px;
        line-height: 28px;
        margin: 0 8px 0 0;
        float: left;
    }

    .spider-share {
        right: auto;
        left: 0;
    }

    .node-type-news-article span.date-display-single {
        font-size: 12px;
        margin: 8px 0;
        display: block;
        overflow: hidden;
    }

    .audit-share:hover .spider-share:before {
        right: auto;
        left: 8px;
    }

    .node-type-news-article h1.page-title {
        padding-right: 0;
    }

    h3.all-files,
    h3.all-files:before {
        display: none;
    }

    #breadcrumb {
        display: none;
    }

    h1.page-title {
        margin-top: 16px;
        font-size: 20px;
        line-height: 28px;
    }

    .node-type-report .file-link a {
        display: block;
        width: 100%;
        background: rgba(0,0,0,0.05);
        margin: 0 0 12px 0;
        padding: 12px;
        border-radius: 2px;
    }

    .call-to-action {
        width: 100%;
        padding: 40px 20px;
    }

    .page-media-embargoed-reports #filter-toggle + label,
    .pagename-news-page #filter-toggle + label,
    .page-publications-search #filter-toggle + label {
        display: block;
        width: 100%;
        margin-bottom: 0!important;
        transition: all .4s ease;
        -ms-transition: all .4s ease;
        -webkit-transition: all .4s ease;
    }

    .page-media-embargoed-reports #filter-toggle + label:after,
    .pagename-news-page #filter-toggle + label:after,
    .page-publications-search #filter-toggle + label:after {
        font-family: auditscotland;
        content: "\e213";
        position: absolute;
        right: 12px;
        top: 5px;
        font-size: 16px;
        color: rgba(0,0,0,0.7);
    }


    .news-teaser,
    .report-item {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .page-media-embargoed-reports .view-filters,
    .pagename-news-page .view-filters,
    .page-publications-search .view-filters,
    .pagename-news-page .view-filters {
        width: 100%;
        margin: 20px 0 0 0;
    }

    .page-media-embargoed-reports #filter-toggle + label ~ div.views-exposed-form,
    .pagename-news-page #filter-toggle + label ~ div.views-exposed-form,
    .page-publications-search #filter-toggle + label ~ div.views-exposed-form {
        width: 100%;
        margin: 20px 0 20px 0;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: all .6s ease;
        -ms-transition: all .6s ease;
        -webkit-transition: all .6s ease;
    }

    .page-media-embargoed-reports #filter-toggle:checked + label ~ div.views-exposed-form,
    .pagename-news-page  #filter-toggle:checked + label ~ div.views-exposed-form,
    .page-publications-search #filter-toggle:checked + label ~ div.views-exposed-form {
        opacity: 1;
        max-height: 2000px;
    }

    .page-media-embargoed-reports  #filter-toggle:checked + label,
    .pagename-news-page  #filter-toggle:checked + label,
    .page-publications-search #filter-toggle:checked + label {
        background: #00728f;
        color: #fafafa;
    }

    .page-media-embargoed-reports #filter-toggle:checked + label:after,
    .pagename-news-page #filter-toggle:checked + label:after, 
    .page-publications-search #filter-toggle:checked + label:after {
        color: #fafafa;
    }

    .view-filters + .rows {
        width: 100%;
    }

    .total-reports {
        width: 100%;
    }

    .page-publications-search .item-list {
        width: 100%;
        float: left;
        position: relative;
    }

    .front-section-links a {
        width: 100%;
        margin: 0 0 4px 0;
    }

    .front-section-links a:last-child {
        margin-bottom: 0;
    }

    .front-section-links a h5 {
        font-size: 14px;
    }

.front-section-links a h2 {
    font-size: 14px;
}

    #logo {
        width: 220px!important;
        height: auto!important;
    }

    #logo object,
    #logo img {
        width: 220px!important;
        height: auto!important;
        margin-top: 4px;
    }

    #search-form span:first-child,
    #search-form span  {
            width:100%;
            padding-right: 0;
    }

    #search-form span:first-child {
            margin-top: 6px;
    }

    #search-form select,
    #search-form input {
            margin-bottom: 0px;
    }

    #search-form label {
            margin-top: 4px;
    }

    #search-form #report-search-submit {
            margin: 24px 0;
            width: 100%;
    }

    #footer-left p:last-child {
            margin-bottom: 0;
    }

    #footer .menu {
        text-align: center;
        margin-bottom: 24px;
    }

    .social-links {
        margin-bottom: 24px;
        text-align: center!important;
    }

    .social-links a {
        margin: 0 6px;
    }

    body [class^="col-"],
    body [class*=" col-"] {
        float: left;
        position: relative;
        overflow: hidden;
        margin: 0  0 30px 0!important;
        width: 100%;
    }

    .social-links a.dac-certificate {
        display: block;
        position: relative;
        float: none;
        margin-left: -60px;
        left: 50%;
    }

    .node-type-landing-page .col-1-3, 
    .landing-page-block.col-1-3, 
    .front .col-1-3,
    body .col-1-3 {
        margin: 0  0 30px 0!important;
    }

    node-type-landing-page div.col-1-3:last-child, 
    .landing-page-block.col-1-3:last-child, 
    .front .col-1-3:last-child, 
    body .col-1-3:last-child {
        margin: 0  0 0 0!important;
    }

    body .col-group > article:last-child,
    body .col-group {
        margin-bottom: 0!important;
    }

    /* Slider */

    .slick-dots {
        bottom: -40px;
    }

    .as-slider,
    .as-slide {
        height: auto!important;
    }
    
    .slick-prev, .slick-next {
        display: none!important;
    }
    
    .play-pause {
        bottom: -36px;
    }
    
    .slick-slider {
        margin-bottom: 40px;
    }
    
    .slick-dots li button {
        font-size: 0;
    }

    .as-slide-left,
    .as-slide-right {
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
    }

    .slide-small-left-wrap,
    .slide-medium-top-wrap {
        display: none;
    }
    
    .slick-dots li {
        vertical-align: middle;
        display: block;
        width: 12px;
        margin-top: 8px;
        float: left;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        line-height: 0;
        font-size: 0;
        height: 12px;
        background: rgba(0,103,131,0.7);
        position: relative;
        margin: 16px 8px 0 0;
        border-radius: 50%;
    }
    
    .slick-dots li.slick-active {
        background: rgba(0,103,131,1);
    }

    .slide-medium-top-wrap,
    .slide-medium-bottom-wrap {
        width: 50%;
        float: left;
        position: relative;
    }

    .landing-page-slide a h3,
    .slide-main-wrap a.main-item h2 {
        font-size: 20px;
        line-height: 26px;
        padding: 12px 16px!important;
        bottom: 0;
    }

    .news-row a h3 {
        font-size:16px;
        line-height: 22px;
        padding: 6px 12px 6px 12px!important;
    }


    .news-row:first-child a h3,
    .as-slide a.medium-item h2 {
        font-size: 12px;
        line-height: 14px;
        padding: 6px 12px 6px 12px!important;
        bottom: 0;
        letter-spacing: 0;
    }

    /* Footer */

    #footer [class^="col-"],
    #footer [class*=" col-"] {
        text-align: center;
    }

    #footer .as-icon {
        display: none;
    }

    #footer .menu {
        margin: 0;
    }

    #footer .menu li {
        margin-left: 0;
    }

    .social-links .mail-us {
        margin: 0;
    }

    .copyright {
        text-align: center;
    }

    #footer [class^="col-"]:last-of-type,
    #footer [class*=" col-"]:last-of-type {
        margin-bottom: 0;
    }


    /* Latest reports */

     .latest-reports .date-display-single:before {
        content: "";
        display: none;
    }

    .latest-reports h3.article-title {
        min-height: auto;
    }

    .latest-reports .report-cover-link {
        width: 90px;
        float: left;
        position: relative;
        margin: 0 12px 0 0;
    }

    .latest-reports article:last-of-type .button {
        width: auto;
        padding-left: 12px;
        padding-right: 12px;
    }

    .latest-reports h3.article-title {
        display: block;
    }


    /* Reports */

    .file-link {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .node-type-report .file-link {
        width: 100%;
        margin: 0 0 0 0!important;
    }

    .node-type-report .file-link.main-file {
        margin: 84px 0 0 0!important;
    }

    .node-type-report .spider-share {
        right: calc(50% - 60px);
    }

    .left-right-sidebar {
        width: 100%;
        float: left;
        position: relative;
        margin: 0 0 40px 0;
    }

    .wysiwyg-accordion > h2 {
        padding-bottom: 52px;
    }
    
    .wysiwyg-accordion > button {
        position: relative;
        float: left;
        margin-top: 0;
        line-height: 0; 
        width: auto;
        margin-top: -44px;
        letter-spacing: -200px;
    }

    .wysiwyg-accordion > button span {
        letter-spacing: 0;
    }

    .webform-progressbar {
        display: none;
    }
    
    /*ELC ehub drop down and video tabs */
	#guide .wysiwyg-accordion > button {
	    margin-left:10px;
	}

	#tabList a img {
		width:28% !important;
	}

	#tabList {
        margin-left:40px !important;
    }
    
}

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

	/*ELC ehub video tabs */
	#tabList {
		margin-left:25px !important;
	}
}


@media only screen and (min-width: 480px) {

	/*ELC ehub add side menu to top of page in mobile*/
	.elc-menu-mob {
		display:none;
	}

}



@media only screen and (max-width:400px) {
    
     .digital-background {
        height: 150px;
    }
    
    .digital-container #auditing {
        width:30%;
    }


    .ac-careers-slider {
        height: 300px;
    }

    .slide-inner {
        max-width: 100%;
        padding: 12px;
    }

    .slide-inner h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .latest-reports .report-cover-link {
        width: 60px;
        margin-top: 4px;
    }

    .latest-reports h3.article-title,
    .latest-reports div.article-date {
        padding-left: 76px;
    }

    .news-row a h3,
    .slide-main-wrap a.main-item h2 {
        font-size: 16px;
        line-height: 20px;
        padding: 8px 10px!important;
        bottom: 0;
    }

    .news-row a h3,
    .news-row:first-child a h3,
    .as-slide a.medium-item h2 {
        font-size: 10px;
        line-height: 14px;
        padding: 3px 8px 4px 8px!important;
        bottom: 0;
        letter-spacing: 0;
    }

    .news-row a {
        display: block;
        height: 0;
        padding-bottom: calc(56% - 4px);
    }

    .news-row:first-child div,
    .news-row > div {
        width: calc(50% - 2px)!important;
        margin-right: 4px;
        float: left!important;
        position: relative!important;
    }

    .news-row:first-child {
        height: 0;
        padding-bottom: calc(28% - 4px);
        margin: 0 0 4px 0;
    }

    .news-row:first-child div:nth-of-type(2) {
        margin-right: 0;
    }

    .news-row > div:nth-of-type(3) {
        display: none;
    }

}


/* Create more nav space */
@media only screen and (min-width:960px) and (max-width: 1080px) {
    #header #header-search {
        width: 200px;
    }

    .search-type {
        right: 204px;
    }
}