/***Version 200922ST1627***/

 /***===================================================
=======================================================
GLOBAL SECTION
=======================================================
====================================================***/

html {
    font-family: 'Libre Franklin', sans-serif; 
}

body {
    font-size: 1.2rem; line-height:1.5
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Roboto", sans-serif;
}

h1 {
	font-weight:700; font-size: 2.5rem; line-height: 2.5rem; margin-bottom: 30px; margin-top:40px;
}
.home-page h1 {
	font-weight:700; font-size: 2.5rem; line-height: 2.5rem; margin-bottom: 25px; margin-top:25px;
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
    .home-page h1 {
       font-size: 3rem; line-height: 3.2rem;
    }
}


h1+.site-content__main {
    padding-top: 1.5rem;
    border-top: 1px solid #ddd;
}

h2 {
font-size: 2rem; margin-top: 0pxt; margin-bottom: 18px; font-weight:500;
}

h3 {
    font-size: 1.8rem; line-height: 30px; margin-top: 0pxt; margin-bottom: 18px; font-weight:500;
    }

h4 {
    font-size: 1.5rem; line-height: 30px; margin-top: 0pxt; margin-bottom: 18px; font-weight:500;
    }

h5 {
    font-size: 1.4rem; line-height: 30px; margin-top: 0pxt; margin-bottom: 18px; font-weight:500;
        }
h6 {
    font-size: 1.3rem; line-height: 30px; margin-top: 0pxt; margin-bottom: 18px; font-weight:500;
            }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 

    h1 {font-size: 3rem; line-height: 3.2rem;}
    h2 {font-size: 2.5rem; }
    h3 {font-size: 2rem; }
    h4 {font-size: 1.8rem; }
    h5 {font-size: 1.5rem; }
    h6 {font-size: 1.3rem; }
}


p {
	font-size: 1.2rem; line-height: 1.5; margin-bottom: 24px; overflow-wrap: break-word;
}



ul {
    font-size: 19px; line-height: 26px; margin-top: 0;
}

li {
line-height: 1.5; margin-bottom: 5px;
}

li>ul, li>ol {
    margin: 0.5rem 0rem 0.5rem 1.5rem;
}

ul>li>ul>li {
    margin-bottom:10px
}

/* ---------------------------------------------
LINKS AND BUTTONS
----------------------------------------------- */

.button {font-family: 'Libre Franklin', sans-serif;}

.buttonn {
    border-bottom-color:#ff2a00;
    background: #f47b20 none repeat scroll 0 0;
	border-color: -moz-use-text-color -moz-use-text-color #ff2a00;
	font-size: 1.25rem;
	color: #000;
}

.button--disabled{
    border-bottom-color:#ccc; background: #ddd none repeat scroll 0 0;
}
.button--disabled:active, .button--disabled:focus, .button--disabled:hover {
    border-bottom-color:#ccc;
    background: #ccc none repeat scroll 0 0;
	border-color: -moz-use-text-color -moz-use-text-color #ccc;
	color: #333;
}

.button--prev  {
    padding: 10.5px 25px 10.5px 50px !important;
}

.button--next {
    padding: 10.5px 50px 10.5px 20px !important;
}

.button--prev::before  {

    line-height: normal; left:13%; font-weight: 700
}
.button--next::before  {
    line-height: normal; right:13%; font-weight:700
}

a { 
    color: #0064a9; font-weight:600; overflow-wrap: break-word
}
a:hover {color:#003e52;}

a.button, button.button {
	line-height: 25px; padding: 13.5px 25px 10.5px; font-size: 24px; font-weight: 500; padding-right: 90px; background: #f47b20;
    color: #000; border-radius: 24px; border-bottom-color: #be5709; margin: 20px 0;
    background-image: url('data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M9.67%2C18.89A1%2C1%2C0%2C0%2C1%2C9%2C17.14L14.89%2C12%2C9%2C6.86a1%2C1%2C0%2C0%2C1%2C1.32-1.5l6.73%2C5.89a1%2C1%2C0%2C0%2C1%2C0%2C1.5l-6.73%2C5.89A1%2C1%2C0%2C0%2C1%2C9.67%2C18.89Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat; background-position: 92% 60%; text-align: left;
}

a.button:hover{
	background-image: url('data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M9.67%2C18.89A1%2C1%2C0%2C0%2C1%2C9%2C17.14L14.89%2C12%2C9%2C6.86a1%2C1%2C0%2C0%2C1%2C1.32-1.5l6.73%2C5.89a1%2C1%2C0%2C0%2C1%2C0%2C1.5l-6.73%2C5.89A1%2C1%2C0%2C0%2C1%2C9.67%2C18.89Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat; background-position: 94% 60%; background-color: #f58938; border-bottom-color: #f58938; color: #000;
}

.item-list--definition .item-list--definition__content a {
    display: inline;  word-break: break-word; 
}

.site-content__main form.form--form-builder button.button, .xfpaction button.button{
background-image:none;
}

.site-content__main form.form--form-builder button.button:hover, .xfpaction button.button:hover {
    background-color: #f58938; border-bottom-color: #f58938; color: #000;
}

.site-content__main form.form--form-builder button:focus, form.form button:active, form.form button:focus:active  {
    background-color:#f47b20 ; box-shadow: 0 -2px #f47b20 , 0 4px #171919; color:#000; text-decoration: none; outline: 3px solid transparent;
 }

.xfpaction button:focus, .xfpaction button.:active, .xfpaction button.:focus:active {
    background-color:#f47b20 ; box-shadow: 0 -2px #f47b20 , 0 4px #171919; color:#000; text-decoration: none; outline: 3px solid transparent;
}

button#librarysubmit {
    padding: 13.5px 50px 10.5px 25px; background-position: 94% 60%; margin:0;
}

button#librarysubmit:hover {
    background-image: url(data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M9.67%2C18.89A1%2C1%2C0%2C0%2C1%2C9%2C17.14L14.89%2C12%2C9%2C6.86a1%2C1%2C0%2C0%2C1%2C1.32-1.5l6.73%2C5.89a1%2C1%2C0%2C0%2C1%2C0%2C1.5l-6.73%2C5.89A1%2C1%2C0%2C0%2C1%2C9.67%2C18.89Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat; background-position: 96% 60%; background-color: #f58938; border-bottom-color: #f58938; color: #000;
}

.alert :last-child.button {
margin:20px
}


.glyph-wrapper{
    margin-left:10px
}
.glyph-ctn {
    transition: all .2s ease-in-out;
 }

.nav--pagination a::before, .nav--pagination a:hover::before, .nav--pagination a em.nav--pagination__direction {
    color: #000;
}

.external-link {
    background: url("https://swindon-cxm.uat.jadu.net/images/external_link.png") center right no-repeat;
    padding-right: 20px;
}



/* -------------------------------------------
END OF LINKS AND BUTTONS
---------------------------------------------- */

/* -------------------------------------------
FORMS
---------------------------------------------- */

.form__label--legend, .form__label  { 
font-size: 1.2rem; font-weight: 700;
}

.form__field,.xfields:not([type="file"]) {
    font-family: 'Libre Franklin', sans-serif;
}

textarea { 
    font-family: 'Libre Franklin', sans-serif;
}

.search-results .gsc-control-cse,.search-results .gsc-control-cse .gsc-table-result {
    font-family: 'Libre Franklin', sans-serif; 
}

     /* ----------------------------
END OF FORMS
----------------------------- */


/***===================================================
=======================================================
HEADER SECTION
=======================================================
====================================================***/

.site-header {
    background: #24282a; height: 6rem !important; padding-top: 10px;
}

.site-header .container {max-width:1100px}

/***Replacing text with logo on the header***/

.site-header__logo {
    background:no-repeat 0/contain url("/site/images/logo.svg");   -webkit-background-size: contain;
    -moz-background-size: contain; -o-background-size: contain; padding: 1.5rem 0 0 0;
    margin-top: 0.2rem; text-indent:-9999px
}

.site-header a {
	color: #fff;
}

.site-header a.site-header__toggle:hover {
	color: #000; background: #f47b20;
}
.site-header__toggle.active, .site-header__toggle.active:focus {
    background-color: #f47b20;
}

.site-header__links {
	    background: #24282a; color:#fff;
}

.site-header__links .item-list li { 
    margin-bottom: 0
}

.site-header__links a {
        color:#fff; background:#f47b20;
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 

    .site-header__links a {
        color:#fff; background-color:transparent;
    }   

}

.site-header__links a:hover::before {
    color: #000;
}

.site-header__links a:hover {
background:#f47b20; color:#000
}

.site-header__search {
    background: transparent;
}

.site-header__search .button {
	background: #f47b20; color: #fff; border: 2px solid #fff; text-align: center;
}

.site-header__search .button:hover {
background: #24282a ; color: #fff; border-bottom: 2px solid #fff;
    }
    
.site-header__toggle.active {
	background: #f47b20; color: #fff;
    }

/* ----------------------------
NAVIGATION
----------------------------- */

.nav .container {max-width:1100px}

.nav--breadcrumb {
    background: #f47b20 !important; color: #000 !important;
	}

.nav--breadcrumb a {
    color: #000 !important;
    }

.nav--breadcrumb .nav--breadcrumb__list {
margin-bottom: -10px !important;
}

.nav--breadcrumb li {
    display:inline-block; margin-bottom: 5px
}

/* ----------------------------
END OF NAVIGATION
----------------------------- */

/***===================================================
=======================================================
MAIN SECTION
=======================================================
====================================================***/

.home-page.one-column .site-main>.container, .site-main>.container {
    max-width: 1100px; padding-left: 15px; padding-right: 15px;
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
    max-width: 1100px; padding-left: 0; padding-right: 0;
}

.home-page h1.page-heading {
    display: none;
}

/* ----------------------------
SITE ANNOUNCEMENT
----------------------------- */

/***Site wide***/

.site-announcement {
    max-width: 1100px;margin: 1rem auto 1rem auto; overflow-wrap: anywhere
}

.site-announcement .container {
    padding: 0;
}

.site-announcement .callout {
    border-radius: 0px; border: none; background-color: #ffffff; padding: 2rem; border: 5px solid #ff9100;  margin: 1rem 1rem 1rem 1rem;
    padding: 0.8rem 1.0rem;
    }
    .site-announcement .callout h2::before {
        font-family: "Font Awesome 5 Free"; content: "\f06a"; color: #000000; margin: 0 10px 0 0; font-weight: 900;
    }

.site-announcement .callout__heading.h2 {
    font-family: "Roboto", sans-serif; font-size:1.7rem;  font-weight:600; border-bottom: 1px solid #d6d9d7; padding-bottom: 1rem; margin-bottom: 1rem;
}

.site-announcement .callout__heading.h2::before {
    font-family: "Font Awesome 5 Free"; content: "\f06a"; color: #000000; margin: 0 10px 0 0; font-weight: 900;
}

/***Homepage Custom***/

.site-main .site-announcement .container {
    padding: 0;
}
.site-main .callout.callout--warning {
    margin: 0;
}
.site-announcement .callout h2, .site-announcement .callout p {
    margin-left: 0;
}

.site-announcement .callout h2 {
    font-weight:600; border-bottom: 1px solid #d6d9d7; font-size:1.7rem; padding-bottom: 1rem; margin-bottom: 1rem;
}

.site-announcement .callout h2 .fa {
    padding-right:10px
}

.site-announcement .callout p {
        margin-bottom:1rem      
    }

.site-announcement .callout p:last-child {
    margin-bottom:0
}

.site-announcement a.button {
    border: 0;border-radius: 0; background: none; padding: 0; color: #0064a9; margin:0;  font-size: 1.2rem; font-weight: 600; text-decoration: underline!important;
}

.site-announcement a.button:hover {
color:#000
}

.site-announcement a:focus, .site-announcement a:active, .site-announcement a:focus:active  {
    background-color:#f47b20 ; box-shadow: 0 -2px #f47b20 , 0 4px #171919; color:#000; text-decoration: none; outline: 3px solid transparent; 
}

/* Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) { 

    .site-announcement .callout {
        margin: 1rem 1rem 1rem 1rem;padding: 0.8rem 1.0rem;
                }
        
    .site-announcement .callout p {
                    font-size: 100%      
                }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
    
    .site-announcement .callout {
        margin: 1rem 1rem 1rem 1rem; padding: 0.8rem 1.0rem;
                }
        
    .site-announcement .callout p {
                    font-size: 100%      
                }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 

    .site-announcement .callout {
        border-radius: 0px; background-color: #ffffff; padding: 2rem; border: 5px solid #ff9100;
        }
    
    .site-announcement .callout h2 {
        font-weight:600; border-bottom: 1px solid #d6d9d7; padding-bottom: 1rem; margin-bottom: 1.3rem;
    }
    
    .site-announcement .callout h2 .fa {
        padding-right:10px
    }
    
    .site-announcement .callout p {
            margin-bottom:1rem      
        }

 }

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 

    .site-announcement .callout {
        border-radius: 0px; background-color: #ffffff; padding: 2rem; border: 5px solid #ff9100; margin: 1rem 0;
        }
    
    .site-announcement .callout h2 {
        font-weight:600; border-bottom: 1px solid #d6d9d7; padding-bottom: 1rem; margin-bottom: 1.3rem;
    }
    
    .site-announcement .callout h2 .fa {
        padding-right:10px
    }
    
    .site-announcement .callout p {
            margin-bottom:1rem      
        }

}

@media only screen and (max-widthH: 500px) {
    .site-announcement .callout {
    margin: 1rem 1rem 1rem 1rem;
    padding: 0.8rem 1.0rem;
            }
.site-announcement .callout h2 {
        font-size:1.4rem
            }
    
.site-announcement .callout p {
                font-size: 100%      
            }
        }
/***Content Page Announcement***/

div.important-message, div.important-info {
            margin-bottom: 2em; 
            padding: 1rem; 
            border: 5px solid #ff9100; 
            overflow-wrap: break-word
            }

/* X-Large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) { 
div.important-message, div.important-info {
            padding: 2rem;
            }
        }
div.important-message h2::before, div.important-message h3::before, div.important-message h4::before {
                font-family: "Font Awesome 5 Free"; 
                content: "\f06a"; color: #000000; 
                margin: 0 10px 0 0; 
                font-weight: 900;
            }
        
div.important-message h2, div.important-message h3, div.important-message h4 {
                font-weight: 600; 
                font-size: 1.7rem; 
                padding-bottom: 0.5rem; 
                border-bottom: 1px solid #ddd;
            }
            
div.important-message p:first-child, div.important-message p:last-child {
            margin-bottom:0
            }
div.important-info h2::before, div.important-info h3::before, div.important-info h4::before {
                font-family: "Font Awesome 5 Free"; 
                content: "\f05a"; color: #000000; 
                margin: 0 10px 0 0; font-weight: 900;
            }
div.important-info h2, div.important-info h3, div.important-info h4 {
                font-weight: 600; 
                font-size: 1.7rem; 
                padding-bottom: 0.5rem; 
                border-bottom: 1px solid #ddd;
            }
            
div.important-info p:first-child, div.important-info p:last-child {
            margin-bottom:0
            }
/***Dark Version***/

.important-info-dark {
    background: #24282a; 
    color: #fff; 
    border: 5px solid #000 !important; 
    display: flex; flex-direction: row; width: fit-content;
}

div.important-info-dark h2{
    border: none;
    padding: 0;
    margin: 0; 
    font-size:1.8rem;
}

div.important-info-dark h3 {
    font-size: 1.1rem; 
    color: #fff; 
    font-style: italic; 
}

div.important-info-dark h2::before, div.important-info-dark h3::before {
    content:none
}

div.important-info-dark a:hover {
    color:#ffff00 !important;
}

.important-info-dark .right {
    margin: 0.8rem 0 0 2rem
}

div.important-info-dark .right p:last-child {
    margin-bottom:0
            }

@media (max-width: 576px) {
    .important-info-dark{
    display: block; 
    flex-direction: row; 
    width: fit-content; 
}

.important-info-dark img  {
    flex-direction: row;
    width: 100%;
    height: fit-content;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.important-info-dark .right {
    margin-left: 0rem;
}

div.important-info-dark h2{
    font-size:1.6rem; text-align:center;
}

div.important-info-dark h3 {
    font-size:1rem; text-align:center;
}

.important-info-dark .right p {
    padding:0 0.5rem
}

 }

/* ----------------------------
END OF SITE ANNOUNCEMENT
----------------------------- */

/* ----------------------------
HOME PAGE
----------------------------- */
.all-services {
background-color:#edf7ff;padding: 1rem 0;margin-bottom: 1rem;
}
.services-link {
    text-align:center;
    }
    
.services-link a {
    color: #003e52; text-decoration: none
    }
    
.services-link a:hover {
    color: #003e52;
}

.services-link a:hover i.glyph-ctn {
    transform: scale(1.3)
 }

 /* Carousel*/

div.widget--custom-carousel__text h2 { margin-top:1rem}
div.widget--custom-carousel__text h2 a {text-align: center!important;}
div.widget--custom-carousel__text a {text-align: center!important;}
div.widget--custom-carousel__text h2+a {display:none}


/* ----------------------------
END OF HOME PAGE
----------------------------- */


/* ----------------------------
NEWS AND ANNOUNCEMENT
----------------------------- */

.callout--feature {
    background-color:#003e52
}
.callout--feature .date, .callout--feature .date a {
    color:#fff
}

div.calendar .button {
    background-image: none; border-radius: 5px; margin: 0; font-size: inherit;
}
}

div.calendar .button:hover {
    background-image: none; 
}

.summary {line-height: 1.5;}


/* adjusts design of site announcement at top of page */

.site-announcement .container .calloutt {
    border-radius: 0px;
    border: none;
    background-color: #ffffff;
    padding: 0.8rem 1.0rem 0.8rem 2rem;
    margin: 1rem 1rem 1rem 4rem;
    border-left: 12px solid #ff9100;
    }
    

/* ----------------------------
SEARCH RESULTS
----------------------------- */
.search-results small {
    display: none;
}

/* ----------------------------
SIDEBAR
----------------------------- */

.sidebar--primary { 
    margin-top:0
}

.sidebar--secondary > *:first-child {
    border-top: 10px solid #f47b20;
}
.sidebar--secondary li.related-links__directory {
    line-height: 1.5; margin-bottom:10px
}

 /* ----------------------------
A to Z list buttons
----------------------------- */

a.button.button--standout {
    margin: 10px 0;
}

.item-list--az .button--disabled {
    color:#3d3d3d !important; margin:10px 0
 }

 .item-list--az>li .button { 
    border-radius: 5px; padding: 8px 12px; background-image: none;
 }

 .item-list--az>li .button:hover { 
    background-image: none;
 }
 /* ----------------------------
End of A to Z list buttons
----------------------------- */

/* orange buttons */

.alert{
width: 100%;
float: left;
background-color: #ddd;
border: 3px solid #ff6600;
box-sizing: border-box;
margin-bottom: 30px;
padding:30px;}

.alert--danger, .alert--error {
    float: none !important;
}


/* ----------------------------
Table
----------------------------- */

.table-wrapper table {
 font-size:1.1rem
}

table thead th, table thead td {
    font-family: "Roboto", sans-serif;
}

table th, table td {
    border-bottom: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; border-left: 1px solid #000000; border-top: 1px solid #000000;
}

table td ul li {
    font-size: 1.1rem;
}


/* Table highlighted cells */

.editor td.highlightCell, .editor tr.highlightRow td {
	background: #f47b20 none repeat scroll 0 0;
	color:#fff;
	font-weight:700;
}
 /* ----------------------------
End of Table
----------------------------- */




/* reduce icon size */
@media screen and (min-width: 850px) {

.widget--custom-tasks__task [class^="icon-"] {
    font-size: 5rem;
	margin-bottom: 0.75rem;
}

.widget--custom-tasks__sub-container .item-list > li {
    padding-top:1.5em;
}

.widget--custom-services__service h3 {
    color: #333;
}

.widget--custom-services__toggle {
    color: #333;
}

}

/* User Guide */

div.userguide{float:left; width:48%; padding:0.5em 1.5% 0; border:2px #ccc solid; border-radius:5px; margin:0.5em 4% 0.5em 0; text-align:center;}
div.userguide:nth-of-type(even){margin:0.5em 0;}
.userguide img{width:100%!important; float:left; margin-bottom:0.5em; border-radius:3px;}


@media screen and (min-width:768px) {
div.userguide{width:23.5%; padding:0.5em 1.5% 0; margin:0.5em 1.5% 0.5em 0; text-align:center;}
div.userguide:nth-of-type(2n) {margin:0.5em 1.5% 0.5em 0;}
.userguide img{width:100%!important; border-radius:3px;}
}


/* Temp presentation override */

@media screen and (min-width: 1000px) and (max-width: 1024px) {

.container, .site-header__links, .widget--custom-services__intro, .widget--custom-carousel__text {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
}

.widget--custom-tasks__task [class^="icon-"] {
    font-size: 4rem;
    margin-bottom: 0.75rem;
}


.widget--custom-tasks__task .fa {
    font-size: 3.75rem;
}

.widget--custom-tasks__task h3 {
    font-size: 1.5rem;
}

.widget--custom-tasks__task h4 {
    font-size: 1.25rem;
}

.widget--custom-tasks__task p {
    font-size: 0.8rem;
}
.styles999 .widget--custom-tasks__task h3 {
    font-size: 1.25rem;
}



div.styles999 h2 {
    font-size: 2.5rem;
}

div.styles999 h2 + p {
    font-size: 1rem;
}

.widget--custom-services__service h3 {
    font-size: 1.25rem;
}

.widget--custom-services__service p {
    font-size: 0.8rem;
}
}


/* start of updates 12.07.18 */


/* puts 'my account', 'menu' and menu items in the nav in lower case */

.site-header a.site-header__toggle, .site-header nav.site-header__links ul.item-list li a, .site-header nav.site-header__links ul.item-list--inline li a {
text-transform: none;
    font-size: 1.1rem;
}

/* reduces the width of the site's content */

.containerR, .site-header__links .item-list {
max-width:1100px;
}

/* reduces the width of a content page's heading in desktop view; meaning it doesn't overlap 'related items' */

@media only screen and (min-width: 500px) {
h1.page-heading {
/*width:66%;*/
}
}

/* end of updates 12.07.18 */

/***===================================================
=======================================================
FOOTER
=======================================================
====================================================***/

.site-footer__logo a { -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; }

.site-footer__logo { 
width: auto; justify-content: center; display:flex; margin-bottom:1rem
}
.site-footer__logo a {
text-align: center;  display: flex; margin-right: 10px; margin-top:10px; margin-left:10px; margin-bottom:0; text-indent:200%; 
}

.site-footer__links {
    margin-bottom:2rem
}

@media screen and (min-width: 850px){
.site-footer__logo {
    width: 30.2542372881%;
}
.site-footer__logo a {
float:left; margin-right:30px;
}

.site-footer__logo .col-2 {
float:left; width:auto
}
.site-footer__links {
    margin-left: 1.9491525424%; margin-bottom:0
}
}

/***===================================================
=======================================================
MEDIA QUERIES
=======================================================
====================================================***/

/***===================================================
=======================================================
ACCESSIBILITY
=======================================================
====================================================***/

/***FOCUS AND HOVER***/

/*Header*/
.site-header a:focus{background-color:#f47b20 ;color:#000; text-decoration: none; outline: 3px solid transparent; }

.site-header__search input.form__field:focus{ background: #fff; outline: 3px solid #f47b20 ; outline-offset: 0;}
.site-header__toggle:focus {background-color:#f47b20 ; box-shadow: none}

/*Navigation*/
.nav--breadcrumb a:focus{background-color:#d6d9d7 ;color:#000; box-shadow: 0 4px #171919; text-decoration: none; outline: 3px solid transparent; }

/*Main*/
.site-main a:focus, .site-main a:active, .site-main a:focus:active  {background-color:#f47b20 ; box-shadow: 0 -2px #f47b20 , 0 4px #171919; color:#000; text-decoration: none; outline: 3px solid transparent; }

.callout--feature a:focus {color:#000 !important}

/*Form*/
input:focus, textarea:focus, select:focus {border: 3px solid #f47b20 ; outline: 3px solid #f47b20  !important; box-shadow: 0 0 3pt 2pt #f47b20 ; outline-offset: 0;}
.form__radio:hover {cursor:pointer}

.site-header__search input.form__field:focus{ background: #fff; outline: 3px solid #f47b20 ; outline-offset: 0;}
.site-header__toggle:focus {background-color:#f47b20 ; box-shadow: none}

/*Home - Latest News and Events*/
.latest-news-events__link:hover .latest-news-events__article-heading, .latest-news-events__link:focus .latest-news-events__article-heading, .latest-news-events__link:active .latest-news-events__article-heading {color:#000}

/*Footer*/
.site-footer a:hover{
    color:#fff
}

.site-footer a:focus{background-color:#f47b20 ;color:#000; text-decoration: none; outline: 3px solid transparent; }



/***Accordion***/
/***Note Using h2, h3, h4 as any can be used in accordion. Moving towards h2***/
.accordion {overflow:hidden; position:relative}

.site-content__main .editor .accordion h2 button {border:none; background:transparent; text-align: left}
.site-content__main .editor .accordion h2 button:focus {background-color:#f47b20 ; box-shadow: 0 -2px #f47b20 , 0 4px #171919; color:#000; text-decoration: none; outline: 3px solid transparent;}
.site-content__main .editor .accordion h3 button {border:none; background:transparent; text-align: left}
.site-content__main .editor .accordion h3 button:focus {background-color:#f47b20 ; box-shadow: 0 -2px #f47b20 , 0 4px #171919; color:#000; text-decoration: none; outline: 3px solid transparent;}
.site-content__main .editor .accordion h4 button {border:none; background:transparent; text-align: left}
.site-content__main .editor .accordion h4 button:focus {background-color:#f47b20 ; box-shadow: 0 -2px #f47b20 , 0 4px #171919; color:#000; text-decoration: none; outline: 3px solid transparent;}


    
/*ACCORDION NEW - This will take over the above when it gets implemented*/

.site-content__main .editor .accordion-new .accordion-controls{text-align: right;margin-bottom: 20px;}
.site-content__main .editor .accordion-new .accordion-controls button:hover {background-color: #ccc}
.site-content__main .editor .accordion-new .accordion-heading{margin-bottom:.75rem; padding: .6em 2em .6em .8em; cursor:pointer; display:block; position:relative; color: #000000;transition: color 0.1s ease 0s, background-color 0.3s ease 0s;
    font-size: 1.5rem; background: #e1e1e1; border-left: 10px solid #ff6600;}
.site-content__main .editor .accordion-new .accordion-heading[aria-expanded="true"]{background-color:#dad6d4}
.site-content__main .editor .accordion-new .accordion-heading:hover {background-color:#ccc;}
.site-content__main .editor .accordion-new .accordion-heading::after {position: absolute;width: 12px;height: 12px;border-right: 3px solid #ff6600; border-bottom: 3px solid #ff6600;right: 12px; content: " "; top: 20px; transform: rotate(45deg);}
.site-content__main .editor .accordion-new .accordion-heading.arrow-up::after {position: absolute;width: 12px;height: 12px;border-right: 3px solid #ff6600;border-bottom: 3px solid #ff6600;right: 12px; content: " "; top: 25px; transform: rotate(225deg);}
.site-content__main .editor .accordion-new .accordion-title {position: relative;}
.site-content__main .editor .accordion-new button.accordion-title{border: none; background: transparent; text-align: left;}
.site-content__main .editor .accordion-new button:focus {background-color:#f47b20 ; box-shadow: 0 -2px #f47b20 , 0 4px #171919; color:#000; text-decoration: none; outline: 3px solid transparent;}
.site-content__main .editor .accordion-new .show {display:block}
.site-content__main .editor .accordion-new .hide {display:none}

/***===================================================
=======================================================
CIVIC COOKIE
=======================================================
====================================================***/

#ccc {
    font-family: 'Libre Franklin', sans-serif!important; background-color:#003e52!important
    }

.ccc-content--dark { 
    background-color:#003e52!important
    }

#ccc .ccc-content--dark .ccc-button-solid, #ccc .ccc-content--dark .ccc-button-solid span  {
    background-color:#f47b20!important;
    }
    
#ccc #ccc-recommended-settings {
background-color:#f47b20!important; color:#000!important;font-weight: 800!important;
    }
    
#ccc-recommended-settings span {
        color: #000!important;
    }
    
#ccc-notify-accept { 
    background-color:#f47b20!important; font-weight: 800!important;
    }
    
    #ccc-notify-accept span { 
color:#000!important
    }

#ccc .ccc-notify-button {
border-width:1px!important
    }
    
#ccc-icon.ccc-icon--dark {
fill: #003e52!important;
    }

#ccc .checkbox-toggle--dark .checkbox-toggle-toggle {
        background-color: #f47b20!important;
    }

.ccc-vendors .ccc-vendor-reveal {
    opacity: 1!important; border: 1px solid #3f6e7d!important; font-size: 75%!important; font-weight: 600!important;
}

#ccc .ccc-vendor-reveal:hover, #ccc .ccc-vendor-reveal:focus, #ccc .ccc-vendor-reveal:active, #ccc .ccc-vendor-reveal:focus:active  {
    border: 1px solid #fff!important; fill:#000; background-color: #f47b20!important; color:#000!important; font-weight: 600!important;
}

#ccc .ccc-vendor-reveal svg {
    width: 10px!important; height: 10px!important;
}

.ccc-vendors h4.optional-vendor-heading {
    padding: 0 !important; font-size: 1rem!important;; margin: 1rem 0 0rem 0!important;;
}

.ccc-vendors .optional-vendor-content {
    padding:0!important;
}
.ccc-vendors .optional-vendor-content p {
    margin:0!important;
}

.ccc-vendors .optional-vendor-content p span {
    padding-right:5px!important;
}

.ccc-vendors .optional-vendor-content p a {
    text-decoration:none!important;
}

.ccc-vendors .optional-vendor-content p a:hover {
    text-decoration:underline!important;
}

#ccc-icon:hover, #ccc-icon:focus, #ccc-icon:active, #ccc-icon:focus:active {
    fill: #0064a9 !important;
    }
/* ----------------------------
ACCESSIBILITY
----------------------------- */
#ccc a:focus {
background-color: #f47b20 !important; box-shadow: 0 -2px #e8ae1b, 0 4px #171919!important; color: #000!important; text-decoration: none!important; outline: 3px solid transparent!important;
    }


#ccc #ccc-notify .ccc-notify-buttons .ccc-link.ccc-tabbable:focus {
background-color: #f47b20!important; border-color:#d6d9d7!important; filter:none
}

#ccc .ccc-content--highlight #ccc-statement .ccc-link.ccc-tabbable {
    padding: 4px; color:#FFF
}

#ccc .ccc-content--dark span.ccc-statement-name {
    color: inherit;
}

#ccc .ccc-content--highlight #ccc-statement .ccc-link.ccc-tabbable:focus {
    filter:invert(0); background-color: #f47b20 !important; box-shadow: 0 -2px #f47b20, 0 4px #0064a9!important;
    }

#ccc .ccc-content--dark span.ccc-statement-name:focus {
    color: #000;
}

#ccc-recommended-settings span:focus {
    color:#fff
}

#ccc .ccc-content--highlight #ccc-recommended-settings.ccc-link.ccc-tabbable:focus {
background-color: #0064a9!important; border-color:#fff
}

#ccc .ccc-content--highlight.ccc-content--dark .ccc-vendors .ccc-link.ccc-tabbable:focus {
    background-color: #0064a9 !important; filter:invert(0);
}

#ccc-icon {display:none}
/***===================================================
=======================================================
END OF CIVIC COOKIE
=======================================================
====================================================***/