.clc-border-top {border-top:  solid 1px #d6d7d9;}
.bg-white {background-color: #ffffff;}
.text-left { text-align: left !important;}
.margin-btm {margin-bottom: 1em !important;}
.flipbook {border:none;width:100%;height:600px;}
.pubthumb {box-shadow: 0 0 0 1px #d6d7d9;}
/* timeline, process */
.cancelled {color:red !important;}
.covidBanner, covidBannerhp {  color: #212b32; border: solid 1px #d6d7d9;   padding: 1em 1em 1em .5em !important; }
/*.covidBanner {  background-color: #fff16c; }*/
.covidBannerhp {/*background-color: #fbf6f2;*/ padding-bottom: 1em; border-top: solid 1px #d6d7d9;border-bottom: solid 1px #d6d7d9; }
.covidBannerhp h2 {margin-top: 1em;}
.covidBanner h2, covidBanner h2 {   /*font-size: 2.2rem;*/ margin-bottom: 0 !important;}
.covidBanner .clc-button, .covidBannerhp .clc-button { margin-bottom: auto; font-size: 2rem !important; padding: 1em !important;}
.covidBanner .clc-button {background-color: #4B4B4B !important; color: #ffffff !important;}
.covidBannerhp .clc-button {background-color: #fedc01 !important; color: #4B4B4B !important;}

.covidBanner .contact-element-content .fa-layers, .covidBannerhp .contact-element-content .fa-layers { font-size: 2em; color: #ffffff !important;  }
.covidBanner .contact-element-content, .covidBannerhp .contact-element-content  { font-size: 2rem; }
.covidBanner .contact-element-left .fa-layers { font-size: 2em; color: #ffffff !important; padding-left: 0; }
.covidBannerhp .contact-element-left .fa-layers { font-size: 2em; !important; padding-left: 0; color: #4B4B4B !important;}

.covidBanner .contact-element-wrapper, .covidBannerhp .contact-element-wrapper {  border: none !important;  margin: auto; padding: 0; }
.impnote h2 {margin-top: 0 !important;}
.iconlinks .contact-element-left-top .fa-layers {font-size: 3em !important;}
.iconlinks li {font-size: 2rem !important;}
.iconlinks ul {padding-left:0 !important;}
.iconlinks .contact-element-left-top .farm {color: green !important;}

@media screen and (max-width: 600px) {
.covidBanner .contact-element-content {display: block; }
.covidBanner .contact-element-left {display: block; width: auto; display: block;}
}
@media screen and (max-width: 340px){.covidBanner .clc-button {width: auto;}}

.covidTop {background-color: #FFEB3B; color: #212b32; box-shadow: 0 0 0 1px #d6d7d9; padding: 10px !important; color: #212b32; box-shadow: 0 0 0 1px #d6d7d9; font-size: 2rem;}
.contacts .covid, .clc-dept .covid {padding-top: .5em !important; padding-bottom: .5em !important; background-color: #FFEB3B; color: #212b32; box-shadow: 0 0 0 1px #d6d7d9; }

.back2top { margin-top: 1em !important;}
.clc-width-one-third .contacts, .clc-grid-full .contacts, .contacts 
{background-color: #fafafa;  box-shadow: 0 0 0 1px #d6d7d9;  padding: .5em .5em;     margin: 0 auto;   overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  margin-bottom: 1rem !important; }
/*.contacts-container {width: 100%;}*/
.clc-width-one-third .contacts h2, .clc-width-two-thirds .contacts h2,  .clc-grid-full .contacts h2 {font-size: 2rem; margin-top: 0 !important; }
.process .icon {  padding: 0; margin-top: .25em;  text-align: center;  color: #22b8cf;}
.process h2 {/*color: #ffffff;*/text-align: center; margin-top: 0 !important;}
.process h3, .timeline-container h3 {font-size: 1.75rem;}
.timeline { margin: 0;} 
.timeline-container h2 {text-align: center; padding-top: 1rem;}
.timeline-container {  /*background-color: #22b8cf;*/  
box-shadow: 0 0 0 1px #d6d7d9; 
border-radius: .5rem;
background-color: rgb(255, 249, 219);
box-sizing: border-box; 
position: relative;  
max-width: 1200px; 
margin: 0 auto; padding: 0;
}
.timeline .container { 
box-sizing: border-box; 
padding: 0px 40px; 
padding: 0 0 1.5rem 40px;  
position: relative;  
background-color: inherit;  
width: 90%;  
left: 2%; right: 8%;
}
.timeline .fa-layers {    float: left;  margin: 0;    margin-top: 1.75rem;    color: white;    font-size: 2.5em;    z-index: 1;}
/*.timeline h2, .timeline h3 {margin-top: 0 !important;}
.timeline h2 {text-align: center;}*/
.timeline .end {  margin-left: 8px;    width:30px; height:6px;  background-color: #fab005;}
.timeline .inside {color: #fab005;}
.timeline li, process li {list-style-type: none;}
/* Timeline vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 5px;
  background-color: white;
  top: 8em;
  bottom: 7px; 
  left: 3em; /*  left: 62px;*/
}
/* Arrows to left */
.timeline .container::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 1em;
  width: 0;
  z-index: 1;
  left: 40px;
/*  border: medium solid white;  border-width: 10px 10px 10px 0;  border-color: transparent white transparent transparent;*/
  box-sizing: border-box;
  border: 1em solid #d6d7d9;
  border-color: transparent transparent white white;
  transform-origin: 0 0;
  -webkit-transform: translate(-315deg);
  transform: rotate(-315deg);
  box-shadow: -2px 2px 2px 0 #d6d7d9;
}

.timeline .content {
  box-sizing: border-box;
  margin: 0;
  width: 90%;
  margin-right: auto;
  padding: .5em 1.25em;
  background-color: white;
  position: relative;
  border-radius: 6px;
  /*box-shadow: 0 0 0 1px #d6d7d9;*/
  box-shadow: 0px 3px 3px 0 #d6d7d9; 
  max-width: 77rem;
}

.process .fa-arrow-alt-down {   font-size: 3em; }
.process {  /*position: relative;*/  max-width: 1200px;  
box-sizing: border-box;  
/*background-color: #0b7285; */ 
box-shadow: 0 0 0 1px #d6d7d9;  
border-radius: .5rem;
/*-webkit-box-shadow:inset 0 .25rem .125rem 0 rgba(0,0,0,0.1);
box-shadow:inset 0 .25rem .125rem 0 rgba(0,0,0,0.1);*/
padding-top: 1.5em;  padding-bottom: 1em;  margin: 0 auto; margin-top: 1em;}

.process li { list-style-type: none;  margin-bottom: 1em;  margin-left: 1em;  margin-right: 3em;}
/* circles */
.process .content {
  padding: .5em 2em;
  position: relative;
  /*border-radius: 6px;*/
background-color:rgba(255,255,255,.9);
background-color: #66d9e8;
  border-width: 1px;
  border-bottom-width: .0625rem;
  border-bottom-width: calc(.2rem + .0625rem);
  border-radius: .5rem;
  border-style: solid;
  border-color: rgba(0,0,0,0.2);
  max-width: 77rem;
  margin: auto;
 }

@media screen and (min-width: 375px) { .timeline .container {  left: 4%;} }
@media screen and (min-width: 768px) {
  .timeline .container {  left: 8%; right: 8%;}
  .timeline::after { top: 5em; }}
@media screen and (min-width: 1024px) {  .timeline .container { left: 6%;}}
@media screen and (max-width: 600px) {
/* Full-width containers */
  .timeline .container {    width: 100%;    padding-left: 70px;    padding-right: 25px;  }
  .process .container {    width: 100%;    padding-left: 1rem;  padding-right: 1rem ;    }
  .process h3, .timeline-container h3 {    font-size: 1.6rem;}
  
/* Make sure that all arrows are pointing leftwards */
  .timeline .container::before {    left: 70px;  }
}

.clc-txt-center {text-align: center;}
.clc-service-cat .fa-check-circle  { color: #008000; }
.clc-service-cat .fa-times-circle  { color: #cc0000; }
.clc-width-one-half ul.ccc-service-list-l, .clc-width-one-half ul.ccc-service-list-r {	padding-left: .75em; }
@media screen and (min-width: 600px) {.clc-width-one-whole .contact-element-wrapper p {  max-width: 77rem;}}
@media screen and (max-width: 599px){
.clc-width-one-half ul.ccc-service-list-r  {padding-bottom: .5em; padding-top:0 !important;}
.clc-width-one-half ul.ccc-service-list-l  {padding-bottom: 0 !important; padding-top: .5em;}
}

@media screen and (min-width: 600px){
.clc-width-one-half ul.ccc-service-list-l, .clc-width-one-half ul.ccc-service-list-r   {
padding-top: .75em;	
padding-bottom: .75em; 
}
}

.ccc-service-list-l > li, .ccc-service-list-r > li {    
	font-family: "Merriweather", "Georgia", "Cambria", "Times New Roman", "Times", serif;
	list-style: none; 
	padding-left: 30px;
	position: relative;
}
.ccc-service-list-l li::before, .ccc-service-list-r li::before {
	background-image: url("https://www.clarecoco.ie/images/ds/arrow-right.png");
	background-image: url("https://www.clarecoco.ie/images/ds/arrow-right.svg");
	background-size: 10px 10px;
	display: block;
	width: 10px; 
	height: 10px;
	content: ' ';
	position: absolute;
	top: 8px;
	left: 10px;
}

ol.privacy li {
	display:block;
} /* hide original list counter */

ol.privacy > li:first-child {
	counter-reset: item;
} /* reset counter */

ol.privacy > li {
	counter-increment: item;
	position: relative;
} /* increment counter */

ol.privacy > li:before {
	content:counters(item, ".") ". ";
	position: absolute;
	margin-right: 100%;
	right: 10px;
} /* print counter */

ol.privacy ol.privacy ul li {
    display: list-item;
}

ol.privacy ol.privacy ul.privacy li {
    display: block;
}

.menu-hide{ 
	display: none;
	padding: 10px 0px 10px 0px; 
} 

@media all and (max-width: 599px) {
  .menu-hide {   
  	display: block;
  }  
}

/*
.menu-hide-drawer{ 
	display: none;
	padding: 10px 0px 10px 0px; 
} 


@media all and (max-width: 599px) {
  .menu-hide-drawer {   
  	display: none;
  }  
}
*/

_:-ms-lang(x) and (max-width: 599px), .menu-hide  { 

	display: block; 
}

.ccc-contact-row article:hover {
  background: #cccccc;
}

.ccc-contact-row .card-profile, .content-element-content .card-description {
text-decoration: none;
}

.content-element-content .card-description, .content-element-content > h3 {
text-decoration: none;
}

.a11y--hidden {
    display: block;
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    top: -100px;
}
.clc-section-x-light {  background-color: #ffffff;}
.clc-noImg {background: url(http://www.clarecoco.ie/images/icons/calendar.svg);background-size: 580px;}
.gsc-control-cse .gsc-table-result {    margin-top: 1px !important;}
.gcsc-branding {    display: none !important;}
.gsc-result-info-container {    border: none !important;}
.gsc-orderby-container {    border: none !important;}
.gsc-above-wrapper-area-container {    margin: 0 !important;}
.gsc-control-cse .gsc-table-result {     padding: 0 !important;} 
.gsc-webResult .gsc-result {    padding: 0 !important;}
.gsc-resultsHeader td.gsc-twiddleRegionCell {    display: none !important;}
.gsc-resultsHeader td.gsc-configLabelCell {   display: none !important;}
.gsc-table-cell-snippet-close, .gsc-table-cell-snippet-open {	border: none !important;}
form.gsc-search-box table { 	margin: 0;	border: none;}
form.gsc-search-box td,  form.gsc-search-box th { 	border: none;}
.cookie-banner-content h3 {font-size: 1.6rem; margin-top: .5rem; font-weight: 700; font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;}
#noticediv {display:none;background:#DDDEDE}
/* legacy inserts to be revised*/
.lhsAlpha {margin:0; padding:0; display:block; border: 1px solid #8b2388; font-size: 3em; text-align:center;  width: 100%;}
ul.atozList {margin:0px 10px !important; margin: 0px; padding:10px 0; height:100%; width: 100%;  list-style:none}
ul.atozList li {margin:10px 0; padding:0; float:left; font-size:1.0em; background:#F4F4F4; border:1px solid #E9E9E9; border-width:1px 0}
ul.atozList a {padding:1em; color:#000; display:block; float:left}
ul.atozList li a:hover {background:#CDDF59; text-decoration:none}
ul.atozList li.on a {background:#CDDF59; text-decoration:none}
h2 span.atozh2, span.atoz {background:#CDDF59; font-weight:normal; color:#163B52; padding: 1rem 1.5rem; font-size: 2rem;}
ul.azDetails {margin-top: 1rem; padding:0; list-style:none; /* border:1px solid #CBE0EE */}
ul.azDetails li {padding:5px 10px; border:1px solid #8b2388; overflow: hidden;}
ul.azDetails li.alt {background: #FBF8FB;}
ul.azDetails p{ font-size: 1.2em !important;}
ul.azDetails p{ font-size: 1.0em !important;}
div.atoz {height: 3.5em; padding: 0 }
.rhsPanel {margin:6px 1px 0 0; padding:0;}
.rhsPanel img {padding:14px 0 0 8px}
.rhsPanel a {text-decoration:underline}
.rhsPanel h2 {margin:0;padding:4px 2px 3px 10px; color:#133246; background:#D0D0D0}
.sitemapPanel.grey {background:#F0F0F0}
ul.feedback-panel {padding-top: 2rem; padding-bottom: 2rem;}
.publications { margin-top: 1rem;  padding:0;}
.publications li {    list-style-type: none;    margin: 0 0 15px 0;    margin-bottom: 1rem;	padding:5px 10px; border:1px solid #8b2388; 	overflow: hidden;}
.publications li ul li {border:0;}
.fancylist p, .fancylist h3, .fancylist h4, .fancylist .clc-dept .contact-element-wrapper {    margin-left: 5rem;    padding-left: 0;}
.fancylist ol li li {    margin-left: 4rem;    padding-left: 0rem;}
.fancylist ol li li.clc-dept {margin-left: 0 !important;}
.fancylist ol { padding: 0 0 0 0;}
.fancylist ol li {list-style-type: none;    position: relative;    margin-left: 0;}
.fancylist ol > li {counter-increment: step-counter;}
.fancylist ol ul li {list-style-type: disc;}
.fancylist ol li {margin-left: 0; }
.fancylist ol li {line-height: 2;}
.fancylist ol > li::before {content: counter(step-counter);
    position: absolute;    width: 40px;    height: 40px;    font-size: 20px;    color: white;    font-size: 22px;
    font-weight: 400;    background-color: #8b2388;    border-radius: 99px;
    text-align: center;    line-height: 1.9; border: solid 1px #8b2388; /*#fe6e04;*/}
.fancylist  {counter-reset: step-counter; }
.fancylist ol:not([start]) {counter-reset: step-counter;}
/*.ccc-cdp {    display: -webkit-box;    display: -ms-flexbox;    -js-display: flex;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;
    -ms-flex-direction: column;    flex-direction: column;}*/
.ccc-b--g .cdp-l:hover {
    background-color:   background: #cccccc;
}
.ccc-profile-l {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    width: 100%;
}
.ccc-profile-l2 {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
@media screen and (min-width: 840px){	.ccc-profile-l { 	display: block;   text-align: center; }	}
.ccc-profile-l {  background-color: #fff; text-align: left;}
.ccc-profile-l2 { background-color: #8b2388;  display: block; text-align: center;}
.ccc-profile-l:hover { background-color: #f3f3f3} 
.ccc-profile-l:hover .ccc-cdp-t { color: #091f2f}
.ccc-profile-l2:hover { background-color:#f3f3f3} 
/*.ccc-profile-l2:hover .ccc-cdp-t {    color: #f3f3f3;}*/
/*.ccc-cdp-t {line-height: 1.1; color: #091f2f}*/
/*.ccc-cdp-i {    display: block;    width: 110px;    height: 110px;    object-fit: cover;    border-radius: 100%;    margin-right: 16px;    margin-right: 1rem}
@media screen and (min-width: 840px) {
    .ccc-cdp-i {        width:120px;        height: 120px;        margin: 0 auto 1rem    }
}
@media screen and (min-width: 980px) { .ccc-cdp-i {        width:148px;        height: 148px;        margin: 0 auto 1.7225rem    }}
@media screen and (min-width: 1280px) {.ccc-cdp-i {        width:173px;        height: 173px    }}
.p-a300 {    padding: 16px;    padding: 1rem;}
.ccc-g--1 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(99.9% * 12/12 - 0rem);
    flex-basis: calc(99.9% * 12/12 - 0rem);
    max-width: calc(99.9% * 12/12 - 0rem);
    width: calc(99.9% * 12/12 - 0rem);
}
.g--3--sl {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(99.9% * 6/12 - 0.75rem);
        flex-basis: calc(99.9% * 6/12 - 0.75rem);
        max-width: calc(99.9% * 6/12 - 0.75rem);
        width: calc(99.9% * 6/12 - 0.75rem)
    }

    .g--3--sl:nth-child(1n) {
        margin-right: 1.5rem;
        margin-left: 0
    }

    .g--3--sl:last-child {
        margin-right: 0
    }

    .g--3--sl:nth-child(2n) {
        margin-right: 0;
        margin-left: auto
    }
    */
.ccc-contact-circle1  { padding: 1rem;}
.card-profile :link {text-decoration: none;}
.ccc-contact-links {line-height: 2;     /*box-shadow: 0 0 0 1px #d6d7d9; background-color: #8b2388;*/}
.ccc-contact-links a, .ccc-contact-links a:visited {color: #ffffff;}
.ccc-contact-links a:visited:hover {color: #8b2388;}
.ccc-contact .fa-layers {font-size : 2em; color: #8b2388;}
.ccc-contact .contact-element {padding-bottom: 2rem;}
.ccc-contact-row {   /* display: inline-block;    width: 24.85rem;    vertical-align: top;*/}
.ccc-contact-circle  { padding: 1rem; vertical-align:middle; text-align:center   }
.ccc-contact-circle .ccc-contact-img-style {    border-radius: 50%;}
.ccc-profile {    display: block;    width: 110px;    height: 110px;    object-fit: cover;     border-radius: 100%;     margin-right: 16px;     margin-right: 1rem;}
@media screen and (min-width: 840px) {
    .card-image-p {min-height: 134px;}
    .ccc-profile {
        width:120px;
        height: 120px;
        margin: 0 auto 1rem;
    }
    .ccc-contact {
    display: block;
    text-align: center;
    }
    .ccc-profile-t {
    display: block;
    text-align: center;
 	}   
   
}
@media screen and (min-width: 980px) {
    .ccc-profile {
        width:148px;
        height: 148px;
        margin: 0 auto 1.7225rem;
    }
}
@media screen and (min-width: 1280px) {
    .ccc-profile {
        width:173px;
        height: 173px;
    }
}
.b-cap {    text-transform: uppercase;}
.clc-emergency {color: #ce2029;}
.card-image-p, .card-image-single {padding-bottom:1rem;}
.contact-element-wrapper {    border-top: 0;    border-right: 0;    border-bottom: 1px solid #e0e0e0;    border-left: 0;    padding: 0 0 10px;    margin-bottom: 10px; margin-top: 10px;}
.contact-element-wrapper-nest{   border-top: 0;    border-right: 0; border-bottom: 1px solid #e0e0e0;    border-left: 0;    padding: 0 0 10px;    margin: 0 0 10px;}
.contact-element-wrapper-item { padding: 0 0 6px;}
.contact-element-wrapper-item-name { text-transform: uppercase}
.contact-p-element-wrapper {  border-top: 0;    border-right: 0;    border-left: 0; padding: 0 0 10px;  /*  margin: 0 0 10px;*/ margin-left: 8px; }
.contact-element-left, .contact-element-social { width: 30px;    line-height: 0; display: table-cell;    vertical-align: middle; }
.contact-element-left { padding-right: .5em}
.contact-element-left-top { display: table-cell;   vertical-align: top;}
.contact-element-social {font-size: 3em;}
.contact-element-content {    display: table-cell;    vertical-align: middle; line-height: 1.5em !important;}
.contact-element-wrapper .contact-element-content li {margin-left: 0 !important; line-height: 1.5em !important;}
.clc-circle-block1 {margin-top: 1rem;margin-bottom: 1rem;padding-top: 1rem;padding-bottom: 1rem;}
.related-links #RelatedLinks {text-decoration: none;}
.related-links { box-shadow: 0 0 0 1px #d6d7d9;  margin-bottom: 2rem !important; padding-bottom: 2rem !important;}
.related-links h2 {    background-color: #eeefef;    color: #5c5c5c;    font-size: 1em;    padding: 1em;    text-transform: uppercase; margin: 0;}
.related-links li  { /* margin-left: 2rem;*/}
.pagination li a {color: #000; }
/* ------------- */
.pagination .clc-width-one-third {    text-align: center;    margin-top: 1rem;}
.publications li:nth-child(odd) {    background: #f7f7f7;}
.publications li:nth-child(even) {    background: #ffffff;}
.alert-banner {border-top: 1px solid #9d9d9e;border-bottom: 1px solid #9d9d9e;border: 4px solid #fdb81e; /*#31bfd7; /*#a7bc3d*/;padding-left: 5rem;}
.alert-banner-content { background-color: #fff; position: relative;  padding: 1rem; /*1rem t/b*/  margin-right: 4rem;}
.alert-banner .btn-close {top: 1rem; position: absolute; padding: 2rem 2rem; right: 3rem; margin: 0;    color: #8b2388;    background-color: transparent;    text-decoration: none;    width: auto;}
.alert-banner .btn-info {top: 1rem;    position: absolute; /* padding: 1rem 1.5rem;*/    left: 2rem;    margin: 0;     color: #8b2388;    padding-right: 2rem;    color: #8b2388;     background-color: transparent;    text-decoration: none;    width: auto;}
.cookie-banner .fa-layers {font-size 3em; color: #8b2388; top: 1rem;}
.cookie-banner .fa-layers a {color: #8b2388; }
.cookie-banner .fa-layers a:hover{color: #6F1C6C; }

.clc-action-row .clc-action-item h3, .clc-action-row-ct .clc-action-item h3 {  clear:none;  margin-left: 2em;   margin-top: 1rem;  font-weight: 700 !important;  font-size: 1.7rem;  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;}
.top-action-bar .fa-fw {    text-align: left;    width: auto;}
.clc-top-requests {background-color: #7b1e79;}
.clc-accordion1Not{  list-style-type: none;}
.clc-button-no-bg1 {width: 99.5%; }
.clc-button-no-bg1:hover {   background-color: #7b1e79;}
.clc-button-no-bg1 .fa-layers{   font-size : 4em;  color: #fff;  text-align: center;}
.clc-button-no-bg1 #taskIcon {  position: absolute;    padding-top: 0px;    margin-top: 20px;  margin-left: -45px;    text-align: center;}
.clc-button-no-bg1 .roadText {  text-align: center; /*padding-top: 10px;*/}
@media screen and (min-width: 1201px){/*2311*/
.clc-button-no-bg1 .fa-layers {    font-size: 4em;}
}
.noticeIcon {
  position: absolute;
  padding-top: 0px;
  margin-top: -15px;
  margin-left: -1px;
}
.noticesText {
  padding-top: 2px;
  /*padding-left:30px;*/
}

.clc-footer-logo .fa-layers{ 
  font-size : 3em;
  margin-top: 1rem;
}

.clc-footer-logo .social-icons a, .contact-element-social a, .contact-element-social a:visited {  color: #3e8ede;}
.clc-footer-logo .social-icons a:hover, .contact-element-social a:hover  {    color: #336699;}
.icon-accordions .fa-layers{ 
  font-size: 3em;
  color: #4B4B4B; /*#000000;*/
}

.bcranesbill {background-color: #8b2388;}

/* new for svc cat */
.icon-accordions .card-top-heading, .clc-service-cat .card-top-heading  {
    margin: 0;    padding: 1rem;   /* font-size: 1.6rem; */   letter-spacing: .1em;    
    /*text-transform: uppercase;*/
    background-color: #8b2388; color: #ffffff; 
    font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-weight: 600;    line-height: 1;    width: initial;
}
.clc-service-cat .card-top-heading {  padding-top: 1.5rem; padding-bottom: 1.5rem;  margin-bottom: 1.3rem;  margin-top: 1.3rem;}
.icon-accordions .card-top-heading h3, .clc-service-cat .card-top-heading h3 {color: #ffffff;}

.icon-accordions .card-top-heading, nav .card-top-heading  {
    margin: 0;
    padding: 1rem;
    font-size: 1.6rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    background-color: #4B4B4B; /*#8b2388; #31bfd7; #660066;  #7A007A; #B700B7;  e91802;*/
 	 color: #ffffff; /*nw  #000000; /*#5b616b;*/
      font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  /*  padding: 1.3rem 1.5rem 2.2rem;*/
    font-weight: 600;
    line-height: 1;
    width: initial;
}

.icon-accordions .card-top-heading h3 
{color: #ffffff;}

.icon-accordions h4 {
  font-weight: 400;
  /*font-size: 1.4rem;*/
}

.fa-layers-counter{
  background-color: red;
}

@media screen and (min-width: 375px){
  
  .noticesText {
  padding-top: 10px;
  padding-left:0;}

  .icon-accordions h4 span {
/*margin-left: 1rem;*/
display: inline-block;
  }

  .icon-accordions .fa-layers{ 
  font-size : 3em;
  }
  
  .clc-footer-logo .fa-layers{
   font-size : 3em;
   }

}

.icon-accordions {
    margin: 0 auto 5.6rem;
}

@media screen and (min-width: 600px) {
    .icon-accordions p {
        padding-right: 1rem;
    }
  .icon-accordions .fa-layers{ 
  font-size : 3em;
  }
  
  .clc-footer-logo .fa-layers{
   font-size : 3em;
   }

}

@media screen and (min-width: 768px){
.clc-accordion-button-no-bg { 
 }

.noticeIcon {
  position: absolute;
  margin-top: 10px;
  margin-left: -1px;
}

.noticesText {
	/* note 3 padding-top: 10px;*/
	padding-left: 40px;
}
  
}

.icon-accordions  h4 span {
      margin-left: 1rem; /* 75px;*/
      display: block; }

 .icon-accordions  .fa-layers {
  font-size: 3em;
  }
.icon-accordions  h4:before {
    content: "";
    display: inline-block;
    float: left;
    border-radius: 100px;
    border: 2px solid #5EAFF8;
    width: 4.4rem; /*6.4rem;*/
    height: 4.4rem; /*6.4rem;*/
    margin-top: -10px;
    margin-right: 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-size: 65%;
    background-position: center center;
}
@media screen and (min-width: 600px) and (max-width: 800px) {
.icon-accordions  h4:before {
          width: 3.2rem;
          height: 3.2rem;
          margin-top: 5px;
          } 
  .noticeIcon {
  position: absolute;
  margin-top: 2px;
  margin-left: 1px;
}
  
  .icon-accordions .fa-layers {
  font-size: 2em;
  }

.clc-footer-logo .fa-layers {
  font-size: 2em;
}

 .icon-accordions .clc-accordion-button-no-bg {
   /* note 4 padding: .5rem .5rem .5rem .5rem;*/
}
 .icon-accordions  h4 span {
    margin-left: 46px; }
}

.icon-accordions 
{
    
}

.clc-dept h3 {padding-top: .5rem;}
.contact-element-content .contact-op-hrs {text-transform: uppercase;}
.contact-element-content .contact-op-hrsvals h3 {font-size: 1.8rem;}
.clc-accordion1Not{list-style-type: none; margin-left: 0; padding:0 !important;}
.newDiv #roadIcon {  position: relative; /*absolute;*/  padding-top: 10px;   }
.newDiv .roadText {  text-align: center;  }
.newDiv  {background: #7b1e79; }
.newDiv .clc-button-no-bg1 {width: 99.5%;  margin: 0 !important;  padding-top: 1rem !important;}
.newDiv .clc-button-no-bg1:hover {background-color: #7b1e79;}
.newDiv .fa-layers {color:  #7b1e79;} /*bdt*/
.contact-element-left .fa-layers, .contact-element-left-top .fa-layers { font-size: 2.2em;  color: #0071bc;}
.newDiv h4 {font-weight: 500; color: #fff; margin-top:1em }
.newDiv a {text-decoration: none;}
.newDiv a:hover {color: #fff; text-decoration: underline;}
@media screen and (min-width: 375px){
  .newDiv .roadText {  padding-left:0;}
  .newDiv h4 span {/*margin-left: 1rem;*/display: inline-block;  }
  .newDiv .fa-layers {  display: none;  }
  .newdiv #roadIcon {
  display:none;  
  margin-top: 0px; 
position: relative /*absolute*/;
}
}
.newDiv h4 span {
      display: block;
      }
@media screen and (min-width: 600px) and (max-width: 800px) {
/*  .newDiv h4 span {
    margin-left: 6px; }*/
}

@media screen and (min-width: 375px)and (max-width: 768px) {
.clc-button-no-bg1 h4:before { 
/* float: left;   
    content: "";    display: inline-block;  border-radius: 100px;    border: 1px solid #7b1e79;    width: 4.4rem;
    height: 4.4rem;  margin-right: 10px;    background-color: #7b1e79;    background-repeat: no-repeat;
    background-size: 65%;    background-position: center center;*/
    }

 } 

@media screen and (min-width: 375px)and (max-width: 413px) {
.newDiv #roadIcon {
}
/*.clc-button-no-bg1 h4:before {  float: left;   
    content: "";    display: inline-block;       border-radius: 100px;    border: 1px solid #7b1e79;    width: 4.4rem;
    height: 4.4rem;  margin-right: 10px;    background-color: #7b1e79;    background-repeat: no-repeat;
    background-size: 65%;    background-position: center center;
    }*/

 }  

 
@media screen and (min-width: 414px)and (max-width: 767px) {
.newDiv #roadIcon {  }
/*.clc-button-no-bg1 h4:before {  float: left;   
    content: "";    display: inline-block;       border-radius: 100px;    border: 1px solid #7b1e79;    width: 4.4rem;
    height: 4.4rem;  margin-right: 10px;    background-color: #7b1e79;    background-repeat: no-repeat;
    background-size: 65%;    background-position: center center;
    }*/
 }  
 
@media screen and (min-width: 768px)and (max-width: 1023px) {
.newDiv .clc-button-no-bg1 {min-height: 165px;}
.newDiv #roadIcon {}
.clc-button-no-bg1 h4:before {  
/*float: left;   
    content: "";    display: inline-block;       border-radius: 100px;    border: 1px solid #7b1e79;    width: 4.4rem;
    height: 4.4rem;    margin-top: 10px;    margin-right: 10px;    background-color: #7b1e79;    background-repeat: no-repeat;
    background-size: 65%;    background-position: center center;*/
    }
}


@media screen and (min-width: 1024px) {
.newDiv .clc-button-no-bg1 {min-height: 240px; }
  .newDiv #roadIcon {  
  
}
.newDiv .roadText {
  text-align: center;   /*padding-top: 10px;*/
 }
  .newDiv .fa-layers { font-size : 4em;}
.newDiv h4 span {     margin-left: 0; /*40px;*/ /*display: inline; */  }
.newDiv h4:before {
   /* content: "";
    display: inline-block;
    border-radius: 100px;
    border: 1px solid #7b1e79;
    width: 6.4rem;
    height: 6.4rem;
    margin-top: 0px;
    margin-right: 0px;
    background-color: #7b1e79;
    background-repeat: no-repeat;
    background-size: 65%;
    background-position: center center;*/
}

}

/*.notices-counters {margin-left: 0;   vertical-align: middle !important;}
.notice-counters .fa-layers {
 float: left; 
}
.notice-counters { }
.icon-text {
  vertical-align: middle;
    font-weight: 400 !important;
    font-size: 1.7rem;
    font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
}
.notices-counters  {
    padding-top: 0 !important;padding-bottom: 0 !important;
    padding-left: 1rem !important;
}
.notice-counters  .fa-fw {
	width: 1em !important;
    margin-right: 1rem;
    margin-top: 0;
    padding: 0 !important;
}
.fa-layers-counter {
    background-color: #ff253a;
    border-radius: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    height: 1.5em;
    line-height: 1;
    max-width: 5em;
    min-width: 1.5em;
    overflow: hidden;
    padding: .25em;
    right: 0;
    text-overflow: ellipsis;
    top: 0;
    -webkit-transform: scale(.25);
    transform: scale(.25);
    -webkit-transform-origin: top right;
    transform-origin: top right;
}
.fa-layers-counter, .fa-layers-text {
    display: inline-block;
    position: absolute;
    text-align: center;
}
.fa-fw {
    text-align: center;
    width: 3em;
    color: #0071bc;
}
*/
/* don't need this now. end of layered font awesome css */

.clc-action-item .clc-btn-online-action{
  background-color: #31bfd7 !important;
  width:90% !important; /* display on small screens */
}

.clc-action-row {padding-top: 2rem; padding-bottom: 2rem !important;}
.clc-action-row-ct {padding-top: 1rem;}
.clc-action-row .fa-layers, .clc-action-row-ct .fa-layers{ float: left; margin:0;color:#65d9e8; /*#ffffff*/;}
.clc-action-row ul, .clc-action-row-ct ul {    list-style-type: none;}
/* action bar */
/* COLOUR FOR FONTAWSOME color: #31bfd7; */ 
.top-action-bar {border-bottom: solid 1px #d6d7d9;}
/*.actionbar .fal
.actionbar .utility-section [class*=" icon-"],.utility-section .actionbar [class*=" icon-"],.actionbar .utility-section [class^="icon-"],.utility-section #actionbar [class^="icon-"],.actionbar .glyphicons,.actionbar .glyphicons-icon,.actionbar .glyphicons::before {
    display: none;
    /*font-size: 30px;
    padding: 10px 0 20px;
    color: #fff;
    margin: 0 auto;
    width: 30px*/
}
*/

.card-icon-beside .svg-inline--fa /*.card-icon-beside .fas, .card-icon-beside .fal,*/ .card-icon-beside a:visited {
        color: #31bfd7;
        text-decoration: none;
}

.card-icon-beside a {
        text-decoration: none;
}
.card-icon-beside a:visited {
        color: #31bfd7;
        text-decoration: none;
}

@media screen and (max-width: 600px){
.card-icon-beside .svg-inline--fa /*.card-icon-beside .fas, .card-icon-beside .fal, .card-icon-beside a:visited */{
        display: none !important; 
        color: #31bfd7;
        text-decoration: none;
}

@media screen and (min-width: 600px){
.card-icon-beside .svg-inline--fa /* .card-icon-beside .fas, .card-icon-beside .fal */{
        display: inline-block !important;}

.card-icon-beside h3 {
	margin-top: 1rem; 
}
}
@media screen and (min-width: 768px) {
   /* #actionbar {
        padding:0
    }

    #actionbar .col-sm-6 {
        padding: 14px 0*/  
}

@media screen 
  and (min-device-width: 600px) 
  and (max-device-width: 1024px) 
/*  and (orientation: portrait) */
  and (-webkit-min-device-pixel-ratio: 2) {
  .card-icon-beside {  
  border: 1px solid #254c68;
    }
}
@media screen and (min-width: 600px) {
  .card-icon-beside {  
  border-right: 1px solid #ffffff; /*254c68;*/
	padding: 1.5rem;
  /*padding-top: 2rem;*/	
   /* border: 1px solid #254c68;*/

  /*border-bottom: 1px solid #254c68;
  
  border-left: 1px solid #254c68;
  border-right: 1px solid #254c68;
  border-bottom: 1px solid #254c68;*/
  
  
  }
}

@media screen and (max-width: 600px) {
  .card-icon-beside {   
  padding-top: 0;
   border-bottom: 1px solid #254c68 !important; 
   margin-top: 0 !important;
  }
}


/*.hp-n >h2 {text-align:center;*/

}
a.dark-hover {
        display: block;
        height: 100%;
        text-align: center;
}

.darkhover:hover {
    background-color: yellow; /*#08425d;*/
}


.action-bar li a:hover {
    background: #045779;/*blue; /*#0e738f; */       border: 1px solid #023c54; 
}

}



/*@media screen and (min-width: 951px) {*/

.action-bar-light {
border: 1px solid #27b0c8; /*31bfd7;*/
   background-color: #31bfd7; /* lt blu*/
   
}

.action-bar-lt-inverse {
border: 1px solid ##7b1e79; /*31bfd7;*/
background-color: #82b2388 /*#27b0c8;*/
padding: 1rem;
} 

    .action-bar {
      clear: both;
      display: block;
      padding-left: 1.5rem;
      z-index: 10;
      }

  .action-bar ul {
    /*margin-top: 0;
    margin-bottom: 0;*/
    list-style-type: none;
    padding-left: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    }
    .action-bar li {
      background-color:  #0e738f;      /*mid dark bl*/
     /* margin-bottom: 0; */
    float: left; 
}
   
.action-bar ul li {
  display: inline; 
  border: 1px #27b0c8 solid; /*#202125 solid;*/ 
  }
  
.action-bar a {
    color: #5b616b;
    font-weight: 500;
  /*  line-height: 5rem;*/
   /* padding: 1rem;*/
    text-decoration: none;
    -webkit-font-smoothing: antialiased; 
    color: white;
    text-align: center;
    text-decoration: none;
}

.action-bar li a:hover {
    background: #045779;/*blue; /*#0e738f; */       border: 1px solid #023c54; 
}

.action-bar a:hover span {
      color:  #bad6da; 
}

.action-bar .fas  {
    color: #31bfd7; 
}
 .fal, .fas  {
    color: #31bfd7; 
}


.icon-background2 {
/*  color: red; */
  /*#31bfd7;/*#564363;*/
  /*background-color: #31bfd7;*/
  /*padding: 0;*/
}

.action-bar .fa-credit-card {
  /*color: #0e738f; *//*#0e738f;*/
  margin: .5rem;
}


.card-icon-beside {
   text-align: center; 
   margin-right: -1px;
   box-shadow: none !important; 
   border-right: 1px solid #7b1e79; /*#31bfd7;/*#254c68;*/
margin: .5rem !important;
  background-color: #8b2388; /*#112e51 */ 
   color: #fff !important;
}

.card-icon-beside h3 
{color: #fff !important; margin-top: 0.5em;
font-weight:600;}

@media screen and (min-width: 600px) {
     .clc-img-circle1 {
       /* float:left;*/
       /* margin-right: 2rem *//* bd was 3*/
    }
    
    .clc-img-circle {
       /* float:left;*/
       /* margin-right: 2rem *//* bd was 3*/
    }

    .clc-graphic-list-heading {
        clear: none;
        margin-top:0; /*.5em;  aws 0*/
      /* color: #8b23bb;*/
        font-weight: 600;
     
    }

    .clc-graphic-list-text {
        overflow: hidden
    }
}


.card-icon1 i {
    /*display: block;*/
  /*  left: 15px;*/
   /* margin: 0 15px 0 0;*/
   /* position: absolute;*/
    /* text-align:center; */
    text-decoration: none;
    -webkit-transition: opacity 0.2s linear 0s;
    -o-transition: opacity 0.2s linear 0s;
    transition: opacity 0.2s linear 0s;
    border: 2px solid;
    padding: 20px;
    font-size: 2.2em;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #5b0c8b;
}


#content .clc-button {
margin-bottom: 1rem;
}

/* news and events */
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}

.project-container-outer {
    /* box-shadow: 0 0 0 1px #d6d7d9; */
}

.news-bar {
background-color: #fbf6f2; border-top: solid 1px #d6d7d9; border-bottom: solid 1px #d6d7d9;}

.event-bar {background-color: #4C4C4C; /* #e6e6e6; #31bfd2; */ }
.event-bar h2 {color: #ffffff;}

.news-bar-inner { /* similar to action-bar */
    /*    box-shadow: 0 0 0 1px #d6d7d9; */
    /*  background-color: #ffffff;  lt blu*/
      clear: both;
      display: block;
	/*  padding-bottom: 2rem; moved to media quer*/
 	 margin: 0;
 }
 
 .event-bar .news-date, .news-bar .news-date { 
	padding-top: .5rem;
	display: inline-block;
}

.news-bar .clc-button { padding-bottom: 1rem; }
/*.news-bar a {    padding: 0rem;    text-decoration: none;}*/

.news-h-p {overflow:hidden;}
.inline-media-news-h-p {
  margin-right: 1rem; 
  margin-bottom: 0rem;
  margin-top: 0rem; 
}

.news-bar-inner { padding-bottom: 1rem;}
@media screen and (max-width: 600px){.news-bar-inner .news-inner {/*border-bottom: 1px solid #bbc2d4;*/}}
@media screen and (min-width: 600px) {
	.inline-media-xxs {
	     /*width: 15rem;*/
	     width: 150px;
	}
	.inline-media-news-h-p {
	  float: left;
	}
	.news-listing {
	/*min-height: 140px;*/
	padding-top: 0;
	margin-bottom: 0;
	margin-top: 0;
	
	}
	.news-bar-inner { /*padding-bottom: 2rem;*/  padding-right: 2rem; }
		
}

@media screen and (min-width: 1440px) {
.inline-media-xxs {/*  width: 25rem; height: 150px; */
width: 260px;resize: both;}}

@media screen and (max-width: 600px) {
  .news-listing, .notice-listing {
	padding: 1rem;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}

.news-h-p{ margin-right: .5rem; }
.inline-media-news-h-p {
	width: 100%;
    max-height: 85px;
    width: 39%;
    margin-bottom: 1rem;
    margin-top: 0rem;
    float: left;
}
}

.card .clc-accordian-button 
.card .svg-inline--fa, .news-date .svg-inline--fa {
/* not working for icons on notices */
margin-right: .5rem;
}

.news-listing {	background-color: #ffffff;}

.news-listing h2 {
	border-top: 1px solid #9d9d9e;
	padding-top: 1rem !important;
	margin-top: 0 !important;
} 

.clc-accordion .clc-dept h2, .clc-accordion-bordered .clc-dept h2 {font-size: 2rem;}

.notice-listing h2 {
	border-top: 1px solid #9d9d9e;
	padding-top: 1rem !important;
	margin-top: 0 !important;
	font-size: 2rem;
} 

.clc-layout-docs-main_content  article {margin-top: 1rem;}

/* start new css for event listing */
.news-item > h2, .news-item > h2 > a {font-size: 1.75rem; text-decoration: none; font-weight: 400;}
.news-item .title {background: #31bfd7;/* #EFEFEF;*/ padding: 1rem 1rem 1rem 1rem;}
/* Start new css for vent item */
.event-item{ margin-top: 2rem;}
.event-bar .svg-inline--fa,.news-bar .svg-inline--fa, .news-date .fal, .news-date .fab {
 color: #31bfd7; /* use dark blue used in the common tasks panel */
}

  
/* Review this - may look different with light version  */
@media screen and (max-width: 650px) {
 .news-date .fal, .news-date .fab {}
 }

.news-nav {
	border-bottom: 1px solid #e1e1e2;
}

.news-item {
	background: #efefef; /*red ;/*#f5f5f5;*/
}

.news-item {
	/*padding-left: 0;*/ 
 	overflow:auto;
 	margin-bottom: 2rem;
}
.news-item-inner { 
	 overflow:auto;
	 padding-left: 1rem !important;
	 padding-bottom: 1rem;
	 margin-left: 0 !important;
	 margin-bottom:.5rem; 
}

.news-item-inner:last-child {
   	 border-bottom: 1px solid #e1e1e2;
}

.news-item-inner:first-child {
     padding-top: 1rem !important;
     border-top: 1px solid #e1e1e2;
}

@media screen and (min-width: 768px) {.news-container {box-shadow: 0 0 0 1px #d6d7d9;}}
@media screen and (max-width: 600px) {.news-container {/*border-bottom: 1px solid #bbc2d4;*/}}

.news-container > news-h-p {margin-left: 1rem;}
.news-listing .card-text {padding-left: 1rem;}
.news-txt {
	color: #6D6D6D; 
	padding-left:0 !important; 
	margin-left:0 !important;
}
/* twitter */
.twitter-row {
     overflow:hidden; 
    padding-bottom: 2rem;
    background-color: #000;
}

.svg-inline-fa fa-twitter {
float: left;}

.tweet-panel {
    color: #fff;
    padding: 1em 1em;
}


@media screen and (min-width: 650px) {
    /*.widget_custom-tweet-panel .interact-panel-wrapper div {
        padding:0 2em 2em 0;
    }*/
}


@media screen and (min-width: 650px) {
    
    .tweet-panel {
        padding: 2em 2em;
    }
}

.tweet-panel h3 {
   /* font-size: 20px;
    font-size: 1.25rem; */
}

@media screen and (min-width: 960px) {
    .tweet-panel {
       /* margin:0 auto*/
    }

   .tweet-panel h3 {
       /* font-size: 28px;
        font-size: 1.75rem;
        line-height: 1.7142857143;*/
    }
}


.tweet-panel h3 {
    font-weight: 400;
   /* line-height: 1;
    margin-bottom: .8em;
    margin-top: .65em;*/
    text-transform: uppercase
}

@media screen and (min-width: 650px) {
    .tweet-panel h3 {
        margin-top:0
    }
}

.tweet-panel p {
    /*font-size: 1em;*/
    /*margin-bottom: 0*/
}

@media screen and (min-width: 960px) {
    .tweet-panel p {
        /*font-size:1.4em*/
    }
}

.tweet-panel a {
    /*color: #bfc0c0;*/
    /*font-weight: 500;*/
    text-decoration: none
}
/* css for hero image */
div#sb_article_hero {
   /* background-color: #f1f1f1;
    height: 300px;*/
    object-fit: cover;
    width: 100%;
    background-position: center;
}

#sb_article_hero > img {
    /*height: 300px;*/
    object-fit: cover;
    width: 100%;
}
/* Event listing */
.news-item > h2, .news-item > h2 > a {font-size: 1.75rem; text-decoration: none; font-weight: 400;}
.news-item .title {background: #31bfd7;/* #EFEFEF;*/ padding: 1rem 1rem 1rem 1rem;}
.event-item{ margin-top: 2rem;}
.news-date svg-inline--fa, .news-date .fas, .news-date .fal, .news-date .fab {
color: #31bfd7; /* use dark blue used in the common tasks panel */
}
/* Review this - may look different with light version  */
@media screen and (max-width: 650px) {
 .news-date .fas, .news-date .fal, .news-date .fab {}
}

.news-nav {
  border-bottom: 1px solid #e1e1e2;
  
}
.news-item {
 /*padding-left: 0;*/ 
 overflow:auto;
 margin-bottom: 2rem;
}
.news-item-inner { 
  overflow:auto;
  padding-left: 1rem !important;
  padding-bottom: 1rem;
  margin-left: 0 !important;
  margin-bottom:.5rem; 
}

.news-item-inner:last-child {
    border-bottom: 1px solid #e1e1e2;
}

.news-item-inner:first-child {
    padding-top: 1rem !important;
    border-top: 1px solid #e1e1e2;
}



.news-item {
    background: #efefef; /*red ;/*#f5f5f5;*/
}

.news-txt { 
  /*margin-right: 0 !important;
  padding-right: 0!important;*/
}

.news-txt {
  color: #6D6D6D; 
  padding-left:0 !important; 
  margin-left:0 !important;
}
/* End new css for this item */
/****************************************************************/

/***************************/
/*additional css for events listing   */
.inline-media {
  margin-right: 2rem; /*don't need for grid */
  margin-bottom: 2rem;
  float: left;
  margin-top: 1rem; 
}

.inline-media-s {
     width: 25rem;
 }

.inline-media-l {
     width: 50rem;
 }
 
 .inline-media-xs {
     width: 30rem;
 }
/*********************/




/* WS 11/09/18 */
.visually-hidden { 
  display: block;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(1px);
  white-space: nowrap;
  position: absolute;
}

.articlePg {
margin-top: 1.5rem;
}
   .action-bar {
   border: 1px solid #27b0c8; /*31bfd7;*/
   background-color: #31bfd7; /* lt blu*/
      clear: both;
      display: block;
      padding-left: 1.5rem;
      z-index: 10;
      }

  .action-bar ul {
    /*margin-top: 0;
    margin-bottom: 0;*/
    list-style-type: none;
    padding-left: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    }
    .action-bar li {
      background-color:  #0e738f;      /*mid dark bl*/
     /* margin-bottom: 0; */
     min-height: 70px;   /* WS */
    float: left; 
}
   
.action-bar ul li {
  display: inline; 
  border: 1px #27b0c8 solid; /*#202125 solid;*/ 
  }
 
.action-bar a:visited {
color: #ffffff;
}
.action-bar a {
    color: #5b616b;
    font-weight: 500;
    line-height: 5rem;
    padding: 5rem;
    text-decoration: none;
    -webkit-font-smoothing: antialiased; 
    color: white;
    text-align: center;
    text-decoration: none;
}

.action-bar > li .i:hover{
/*background-color: #202125;*/ 
}

.action-bar li a:hover {
    background: #045779;/*blue; /*#0e738f; */       border: 1px solid #023c54; 
}

.action-bar a:hover span {
      color:  #bad6da; 
}

.action-bar .fal  {
    color: #31bfd7; 
}

/* bd font */
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700" rel="stylesheet">
/* background: #eeefef; */


/*.clc-circle-block img {
    width: 80px  was 100px
*/

.clc-width-one-half .card-image {

}

/* moving .card .card-profile - restored here */
.card {
   box-shadow: 0 0 0 1px #d6d7d9;
    display: block;
    margin-bottom: 2rem; /* bs was 3em */
    padding-bottom: 2rem; /* bs was 3em */
    position: relative;
    text-decoration: none;
    background-color: #fff;   
}
	
.card-profile {
   box-shadow: 0 0 0 1px #d6d7d9;
   display: block;
   margin-bottom: 1rem; 
 /*  padding-bottom: 1rem; */
   position: relative;
   text-decoration: none;
   background-color: #fff;   
}

.card-icon-new {
	background-color: #ffffff;
    box-shadow: 0 0 0 1px #8b2388; 
    padding-top: 2rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    text-decoration: none;*/
    text-align: center;
}

/* do shorter 1 line version of padding etc when sorted */
.card-icon, .card-noicon {
    text-align: center; 
    box-shadow: 0 0 0 1px #d6d7d9; /* #8b2388;*/
   /* display: block;*/
    padding-top: 2rem;
    padding-left: 1.5rem;
     padding-right: 1.5rem;
 /*   padding-bottom: 3rem;*/
 /*   position: relative;
    text-decoration: none;*/
      text-align: center;
}

card-noicon: hover {
background-color: #8b2388;}

/* testing */
.card h3, .card-icon-beside h3, .card-profile h3, .card-icon-new h3 {
     font-size: 1.75rem;
}

.card-icon a, .card-noicon a, card-icon-beside a, .card-icon-new a {
  text-decoration: none;
}

.card-icon1 i {
    /*display: block;*/
  /*  left: 15px;*/
   /* margin: 0 15px 0 0;*/
   /* position: absolute;*/
    /* text-align:center; */
    text-decoration: none;
    -webkit-transition: opacity 0.2s linear 0s;
    -o-transition: opacity 0.2s linear 0s;
    transition: opacity 0.2s linear 0s;
    border: 2px solid;
    padding: 20px;
    font-size: 2.2em;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #5b0c8b;
}

/* moved .card, card profile 800 - restored here */
@media all and (min-width: 800px) {
  .card, .card-profile {
        display: flex;
        flex-direction: column;
        margin-right: 2.3%;
       /* min-height: 400px; *//*was 450*/
        width: 31%;
    }
   
   .card-photo {
        /*display: flex;
        flex-direction: column;
        margin-right: 2.3%;*/
        min-height: 400px; /*was 450*/
        /*width: 31%;*/
    }
    
  .card-icon {
        min-height: 190px; /*was 450 then 100*/
    }
    
    .card-noicon {
        min-height: 90px; 
    }
    .card-icon-beside {
        min-height: 160px; 
    }
    
   }
   
.card:active {
    box-shadow: #3e94cf;
}
.card-banner {
    margin: 3rem;
}

@media all and (min-width: 800px) {
    .card-banner {
        flex: 1 0 auto;
    }
}

.card-description.card-description {
    color: #0071bc;
    margin-top: 0;
}


.card-summary, .news-date {
    font-size: 16px;
    margin-bottom: 0;
}

.card-summary-profile {
    line-height: 1.75; 
    display: block;
    padding-left: .5rem; 
    padding-right: .5rem;
}

.card-summary em {
    font-style: normal;
}

.card-link {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
}

/* moved .card-image card-image:hover - restored */
.card-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 150px;
    width: 100%;
}

.card-image:hover {
   /* box-shadow: 0 0 0 1px #0071bc;*/
}



.card-read {
    margin: 0 3rem;
    color: #0071bc;
   /* font-size: 14px;*/
   /* font-weight: bold;*/
   /* text-decoration: none;*/
}

.card-read:visited {
    color: #0071bc;
}

.card-read svg {
    display: inline-block;
    height: 1.2rem;
    margin-bottom: -1px;
    width: 1.2rem;
    margin-left: 4px;
}


.social-icons li:first-child {
    margin-left: 0;
}

/* added bd */
.clc-sidenav-list, .clc-centrenav-list   {  display: none; }
.clc-sidenav-list, .clc-centrenav-list, .clc-sn-l { background-color: #ffffff;}
.clc-sn-l {box-shadow: 0 0 0 1px #dedad8; display: block;}

/* WS In This Section was 951px below */
@media screen and (min-width: 768px) {
    .clc-sidenav-list,  .clc-centrenav-list,  .clc-sn-l  {
      display: block;
      margin-top: 50px;
      padding-left: 3rem;
      overflow-y: auto;
      top: 5rem;
       background-color: #f7f7f7;
   } 
}

.clc-centrenav-list  { padding-right: 1.5rem;}
.smallnav h2 {font-size: 2rem}

.sidenav {  display: none; }


/* WS In This Section was 951px below */
@media screen and (min-width: 768px) {
    .sidenav {
      display: block;
      float: left;
      margin-bottom: 525px;
      margin-top: 50px;
      padding-right: 1rem;
      padding-left: 3rem;
      overflow-y: auto;
      top: 5rem;
      width: 250px;
     } 
}
  .lt-ie9 .sidenav { width: 25%;}
  .sidenav .clc-navigation-submenu[aria-hidden="false"] {    display: block; }
  
  .sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  }
  .sticky:before, .sticky:after {
    content: '';
    display: table; }
  

.social-icons span  {
  position: absolute;
  left: -999em;
}
.social-icons li a {
  text-decoration: none;
}
.social-icons li {
  margin-bottom: 0em;
    font-size: 16px;
    font-size: 2rem;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    height: 50px;
    margin-left: 5%;
    text-align: center;
    width: 50px;
}

/*.social-icons li span {
    height: 100%;
    vertical-align: middle
}*/

.social-icons .facebook {
    background: #537bbd
}
.social-icons .twitter {
    background: #78cdf0
}

.social-icons .instagram {
   background: #5383a9
}

footer .social li {
      margin-left: 4%
}

.social-icons li a,
.social-icons li {
    color: #fff
}

.social-icons li a:hover,.social-icons li:hover {
    	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1); 

}

.social-icons li:first-child {
    margin-left: 0
}

.social-icons li:after {
    display: inline-block;
    vertical-align: middle;
    content: '';
    height: 100%;
  /*  margin-left: -8px*/
}

.social-icons li span {
    height: 100%;
    vertical-align: middle
}

@media screen and (max-width: 600px) {
 footer .social li {
        margin-left: 3%
    }
}

@media screen and (min-width: 650px) {
    .cookie-banner {
       /* padding:2em 8em 2em 2em*/
    }
}

.cookie-banner {
    background: #eeefef;
    margin: 0;
    padding: 1rem 0 1rem 1em;
    /* color: #272301; */
}

.cookie-banner .cookie-banner-content {
    display:inline-block;
    padding-right: 1em;
    vertical-align: top;
    width: 100%;
}

@media screen and (min-width: 960px) {
    .cookie-banner .cookie-banner-content {
        display:inline-block;
        padding-right: 1em;
        vertical-align: top;
        width: 100%
    }
}

a.cookie-banner-link:link {
 /*   color: #2453c3; newly updated
    text-decoration: underline*/
}

a.cookie-banner-link:active,a.cookie-banner-link:focus,a.cookie-banner-link:hover {
    text-decoration: none
}


/* */
#searchIcon {cursor:pointer;}
.s-tr:checked~.h .h-s{display:block;}
/*.h-s{display:none;}*/
#s-tr{display:none;}

#srch{width:30px;height:30px;margin-left:2rem;}

.sf-i {
    position: relative
}

.sf-i-f,.sf-i .form-item {
    margin: 0
}

.sf-i-f {
    background-color: transparent;
   border: none; 
/* border-bottom: 7.111px solid #091f2f;*/
    border-bottom: .44444444444rem solid #091f2f;
    border-radius: 0;
  /*  bs change color to blue color: #fb4d42;*/
  /*  font-family: Lora,Georgia,serif;*/
    font-size: calc(30px + 45 * ((100vw - 480px) / 960));
    height: auto;
 /*   letter-spacing: -1px;*/
    line-height: 1.3;
    padding: 0 50px 0 10px; /*left was 0*/
    width: 100%
}

@media screen and (min-width: 1440px) {
    .sf-i-f {
        font-size:75px
    }
}

@media screen and (max-width: 480px) {
    .sf-i-f {
        font-size:30px
    }
}

.sf-i-f:focus {
    outline: none
}

.sf-i-f::-webkit-input-placeholder {
    color: #000000; /*bd change to blue fb4d42; red */
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.sf-i-f:-ms-input-placeholder {
    color: #000000; /*bd change to blue fb4d42; red */
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.sf-i-f::placeholder {
    color: #000000; /*bd see above*/
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

 /* check if duplicate */
/* sf--sm not present */
/*.sf--sm .sf-i-f {
    font-size: 16px;
    letter-spacing: 0;
    border-bottom-width: 2px
}*/

/* check - sf--md not present */
/*
.sf--md .sf-i-f {
    font-size: calc(18px + 10 * ((100vw - 480px) / 960));
    border-bottom-width: 2px
}*/

/* check - sf--md not present */
/*
@media screen and (min-width: 1440px) {
    .sf--md .sf-i-f {
        font-size:28px
    }
}
*/

/* bd check - sf--md not present */
/*
@media screen and (max-width: 480px) {
    .sf--md .sf-i-f {
        font-size:18px
    }
}
*/

/* bd check - note there isn't an equivalent of this for 768px
sf--md not present */
/*
@media screen and (min-width: 768px) {
    .sf--md .sf-i-f {
        border-bottom-width:3px
    }
}
*/

/* Search button for input field */
.sf-i-b {
    background: url(https://www.clarecoco.ie/images/svg/search.svg) no-repeat 50%;
    background-size: contain;
    background-color: transparent!important;
    border: none;
    cursor: pointer;
    height: 25px;
    width: 25px;
  /* remove bd next line - check POSITION of icon in mobile */
  margin-top: -3px!important;
    padding: 0;
    position: absolute;
    right: 0;
    text-indent: -999em; /*hides the text */
    top: 50%;
   /* -webkit-transform: translateY(-50%);*/
    transform: translateY(-50%)
}

@media screen and (min-width: 768px) {
    .sf-i-b {
        height:35px;
        width: 35px;
       margin-top: -4px /* bd added from a def with sd-md cla*/
    }
}

@media screen and (min-width: 980px) {
    .sf-i-b {
        height:55px;
        width: 55px;
        margin-top: 0;
    }
}

.sf-i-b:hover {
    background-color: transparent
}


 /* bd check - sf--m not present */
/*.sf--sm .sf-i-b {
  height: 18px;
    width: 18px;
    margin-top: -2px
}
*/

 /* bd check - sf--md not present */
/*
.sf--md .sf-i-b {
    height: 20px;
    width: 20px;
    margin-top: -2px
}
*/

 /* bd check - sf--md not present */
/*
@media screen and (min-width: 768px) {
    .sf--md .sf-i-b {
        height:26px;
        width: 26px;
        margin-top: -4px
    }
}
*/

@media screen and (min:width: 768px)
.h-s
{
padding: 2rem 20%;
  /*.h-s: 2rem 20%; bd check if need above*/
}

.h-s {
display: none;
  left: 0;
  right: 0;
  z-index: 9999; /*-1;*/
  padding: 2rem 10%; 
  background-color: #f3f3f3;
}


@media screen and (min-width: 951px) {
  .h-s::before {
    background-color: #f3f3f3; 
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%; /*was 1000%*/
    right: 100%;
  }
  #srch{width:40px;height:40px;}/* bd starte dat 50 optimise this */
}


@media screen and (min-width: 951px) {
  .h-s::after {
   background-color: #f3f3f3; 
     content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%; /* was 1000?*/
    left: 100%;
  }
}

/* green: #a7bc3d grey #d6d7d9; */

@media screen and (min-width: 600px) {
    .project-container {
        display: flex;
        flex-wrap: wrap;
        width: 102.5%;
     }
}

/* not doing anything */
/* bd nb check original source for this - which elemebnts should ve in media query? */
@media screen and (min-width: 951px){
 .project-container::before {
    background-color: #eeefef;
    content: '';
    display: block;
    /*height: 100%;
    position: absolute;
    top: 0;
    width: 1000%;
    right: 100%;*/
}
}

.full-row-medium {
    /*background-color: #eeeae1;*/
    background: #eeefef;
}


.img-responsive {
    width: 100%\9;
    width: 100%;
    display: block;
    max-width: 100%;
    height: auto;
}


/* */
/*! uswds v1.6.4 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}



/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

.nv-h svg {
 /*   max-width: 70%; bd could set this to 100% */
    width: auto;
    height: auto;
}


/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */

}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.

 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* stylelint-disable at-rule-empty-line-before */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/sourcesanspro-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-light-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-light-webfont.woff") format("woff"), url("../fonts/sourcesanspro-light-webfont.ttf") format("truetype");
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/sourcesanspro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-regular-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-regular-webfont.woff") format("woff"), url("../fonts/sourcesanspro-regular-webfont.ttf") format("truetype");
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/sourcesanspro-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-italic-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-italic-webfont.woff") format("woff"), url("../fonts/sourcesanspro-italic-webfont.ttf") format("truetype");
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/sourcesanspro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-bold-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-bold-webfont.woff") format("woff"), url("../fonts/sourcesanspro-bold-webfont.ttf") format("truetype");
}

@font-face {
  font-family: "Merriweather";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/merriweather-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/merriweather-light-webfont.woff2") format("woff2"), url("../fonts/merriweather-light-webfont.woff") format("woff"), url("../fonts/merriweather-light-webfont.ttf") format("truetype");
}

@font-face {
  font-family: "Merriweather";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/merriweather-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/merriweather-regular-webfont.woff2") format("woff2"), url("../fonts/merriweather-regular-webfont.woff") format("woff"), url("../fonts/merriweather-regular-webfont.ttf") format("truetype");
}

@font-face {
  font-family: "Merriweather";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/merriweather-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/merriweather-italic-webfont.woff2") format("woff2"), url("../fonts/merriweather-italic-webfont.woff") format("woff"), url("../fonts/merriweather-italic-webfont.ttf") format("truetype");
}

@font-face {
  font-family: "Merriweather";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/merriweather-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/merriweather-bold-webfont.woff2") format("woff2"), url("../fonts/merriweather-bold-webfont.woff") format("woff"), url("../fonts/merriweather-bold-webfont.ttf") format("truetype");
}

/* stylelint-enable */
/*bd? update for width */
.clc-grid,
.clc-grid-full {
  max-width: 1220px; /* bd updated for width was 1040px; */
  margin-left: auto;
  margin-right: auto;
}

.clc-grid::after,
.clc-grid-full::after {
  clear: both;
  content: "";
  display: block;
}

.clc-grid {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

@media screen and (min-width: 600px) {
  .clc-grid {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}

.clc-grid-full {
  padding: 0;
}


/*@media screen and (min-width: 951px){
.clc-section ::before{
  background: #eeefef; }
}

.clc-section ::before {
    background-color: #eeefef;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 1000%;
    right: 100%;
}
*/


@media screen and (min-width: 600px) {
  .clc-width-one-whole {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%;
  }
  .clc-width-one-whole:last-child {
    margin-right: 0;
  }
  .clc-width-one-half {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
  }
  .clc-width-one-half:last-child {
    margin-right: 0;
  }
  .clc-width-one-third {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%;
  }
  .clc-width-one-third:last-child {
    margin-right: 0;
  }
  .clc-width-two-thirds {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 65.05695%;
  }
  .clc-width-two-thirds:last-child {
    margin-right: 0;
  }
  .clc-width-one-fourth {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
  }
  .clc-width-one-fourth:last-child {
    margin-right: 0;
  }
  .clc-width-one-fourth:nth-child(2n) {
    margin-right: 0;
  }
  .clc-width-three-fourths {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%;
  }
  .clc-width-three-fourths:last-child {
    margin-right: 0;
  }
  .clc-width-one-sixth {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%;
  }
  .clc-width-one-sixth:last-child {
    margin-right: 0;
  }
  .clc-width-one-sixth:nth-child(3n) {
    margin-right: 0;
  }
  .clc-width-five-sixths {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 65.05695%;
  }
  .clc-width-five-sixths:last-child {
    margin-right: 0;
  }

  .clc-width-one-twelfth {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%;
  }
  .clc-width-one-twelfth:last-child {
    margin-right: 0;
  }
  .clc-width-one-twelfth:nth-child(3n) {
    margin-right: 0;
  }
  .clc-width-five-twelfths {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%;
  }
  .clc-width-five-twelfths:last-child {
    margin-right: 0;
  }
  .clc-width-seven-twelfths {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 65.05695%;
  }
  .clc-width-seven-twelfths:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1201px) {
  .clc-width-one-whole {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .clc-width-one-whole:last-child {
    margin-right: 0;
  }
  .clc-width-one-half {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
  }
  .clc-width-one-half:last-child {
    margin-right: 0;
  }
  .clc-width-one-third {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .clc-width-one-third:last-child {
    margin-right: 0;
  }
  .clc-width-two-thirds {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
  }
  .clc-width-two-thirds:last-child {
    margin-right: 0;
  }
  .clc-width-one-fourth {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
  }
  .clc-width-one-fourth:last-child {
    margin-right: 0;
  }
  .clc-width-one-fourth:nth-child(2n) {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
  }
  .clc-width-one-fourth:nth-child(2n):last-child {
    margin-right: 0;
  }
  .clc-width-one-fourth:nth-child(4n) {
    margin-right: 0;
  }
  .clc-width-three-fourths {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%;
  }
  .clc-width-three-fourths:last-child {
    margin-right: 0;
  }
  .clc-width-one-sixth {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%;
  }
  .clc-width-one-sixth:last-child {
    margin-right: 0;
  }
  .clc-width-one-sixth:nth-child(3n) {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%;
  }
  .clc-width-one-sixth:nth-child(3n):last-child {
    margin-right: 0;
  }
  .clc-width-one-sixth:nth-child(6n) {
    margin-right: 0;
  }
  .clc-width-five-sixths {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%;
  }
  .clc-width-five-sixths:last-child {
    margin-right: 0;
  }
  .clc-width-one-twelfth {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 6.17215%;
  }
  .clc-width-one-twelfth:last-child {
    margin-right: 0;
  }
  .clc-width-one-twelfth:nth-child(3n) {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 6.17215%;
  }
  .clc-width-one-twelfth:nth-child(3n):last-child {
    margin-right: 0;
  }
  .clc-width-one-twelfth:nth-child(12n) {
    margin-right: 0;
  }
  .clc-width-five-twelfths {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%;
  }
  .clc-width-five-twelfths:last-child {
    margin-right: 0;
  }
  .clc-width-seven-twelfths {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%;
  }
  .clc-width-seven-twelfths:last-child {
    margin-right: 0;
  }
}

.clc-end-row {
  margin-right: 0;
}

.clc-offset-one-twelfth {
  margin-left: 8.5298%;
}

.clc-offset-one-sixth {
  margin-left: 17.05961%;
}

.clc-offset-one-fourth {
  margin-left: 25.58941%;
}

.clc-offset-one-third {
  margin-left: 34.11922%;
}

.clc-offset-five-twelfths {
  margin-left: 42.64902%;
}

.clc-offset-one-half {
  margin-left: 51.17883%;
}

.clc-offset-seven-twelfths {
  margin-left: 59.70863%;
}

.clc-offset-two-thirds {
  margin-left: 68.23843%;
}

.clc-offset-three-fourths {
  margin-left: 76.76824%;
}

.clc-offset-five-sixths {
  margin-left: 85.29804%;
}

.clc-offset-eleven-twelfths {
  margin-left: 93.82785%;
}

.clc-sr-only {
  position: absolute;
  left: -999em;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  background-color: #ffffff;
  color: #212121;
  overflow-x: hidden;
}

.lt-ie9 * {
  -webkit-filter: none !important;
  filter: none !important;
  /* stylelint-disable-line declaration-no-important */
}

[hidden] {
  display: none !important;
  /* stylelint-disable-line declaration-no-important */
}

*:focus,
.clc-focus {
  /*outline: 2px dotted #aeb0b5;*/
  outline: 2px solid #aeb0b5;
  outline-offset: 3px;
}

/* stylelint-disable selector-no-qualifying-type */
.clc-button,
.clc-button-primary,
.clc-button:visited,
.clc-button-primary:visited,
button,
[type=button],
[type=submit],
[type=reset],
[type=image] {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-top: 0.5em;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #a7bc3d; /*#4b4b4b; #0071bc;*/
  border: 0;
  border-radius: 5px;
  color: #000000; /*#ffffff;*/
  cursor: pointer;
  display: inline-block;
  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1.7rem;
  font-weight: 400; /*bd was 700*/
  line-height: 1;
  padding: 1rem 1rem;
  text-align: center;
  text-decoration: none;
  /* width: 100%;*/
}

@media screen and (min-width: 481px) {
  .clc-button,
  .clc-button-primary,
  .clc-button:visited,
  .clc-button-primary:visited,
  button,
  [type=button],
  [type=submit],
  [type=reset],
  [type=image] {
    width: auto;
  }
}

.clc-button:hover, .clc-button.clc-button-hover,
.clc-button-primary:hover,
.clc-button-primary.clc-button-hover,
.clc-button:visited:hover,
.clc-button:visited.clc-button-hover,
.clc-button-primary:visited:hover,
.clc-button-primary:visited.clc-button-hover,
button:hover,
button.clc-button-hover,
[type=button]:hover,
[type=button].clc-button-hover,
[type=submit]:hover,
[type=submit].clc-button-hover,
[type=reset]:hover,
[type=reset].clc-button-hover,
[type=image]:hover,
[type=image].clc-button-hover {
  background-color: #323232; /*#205493;*/
  border-bottom: 0;
  color: #ffffff;
  text-decoration: none;
}

.clc-button:active, .clc-button.clc-button-active,
.clc-button-primary:active,
.clc-button-primary.clc-button-active,
.clc-button:visited:active,
.clc-button:visited.clc-button-active,
.clc-button-primary:visited:active,
.clc-button-primary:visited.clc-button-active,
button:active,
button.clc-button-active,
[type=button]:active,
[type=button].clc-button-active,
[type=submit]:active,
[type=submit].clc-button-active,
[type=reset]:active,
[type=reset].clc-button-active,
[type=image]:active,
[type=image].clc-button-active {
  background-color: #a7bc3d;
}

.clc-button.clc-button-primary-alt,
.clc-button-primary.clc-button-primary-alt,
.clc-button:visited.clc-button-primary-alt,
.clc-button-primary:visited.clc-button-primary-alt,
button.clc-button-primary-alt,
[type=button].clc-button-primary-alt,
[type=submit].clc-button-primary-alt,
[type=reset].clc-button-primary-alt,
[type=image].clc-button-primary-alt {
  background-color: #02bfe7;
  color: #212121;
}

.clc-button.clc-button-primary-alt:hover, .clc-button.clc-button-primary-alt.clc-button-hover,
.clc-button-primary.clc-button-primary-alt:hover,
.clc-button-primary.clc-button-primary-alt.clc-button-hover,
.clc-button:visited.clc-button-primary-alt:hover,
.clc-button:visited.clc-button-primary-alt.clc-button-hover,
.clc-button-primary:visited.clc-button-primary-alt:hover,
.clc-button-primary:visited.clc-button-primary-alt.clc-button-hover,
button.clc-button-primary-alt:hover,
button.clc-button-primary-alt.clc-button-hover,
[type=button].clc-button-primary-alt:hover,
[type=button].clc-button-primary-alt.clc-button-hover,
[type=submit].clc-button-primary-alt:hover,
[type=submit].clc-button-primary-alt.clc-button-hover,
[type=reset].clc-button-primary-alt:hover,
[type=reset].clc-button-primary-alt.clc-button-hover,
[type=image].clc-button-primary-alt:hover,
[type=image].clc-button-primary-alt.clc-button-hover {
  background-color: #00a6d2;
}

.clc-button.clc-button-primary-alt:active, .clc-button.clc-button-primary-alt.clc-button-active,
.clc-button-primary.clc-button-primary-alt:active,
.clc-button-primary.clc-button-primary-alt.clc-button-active,
.clc-button:visited.clc-button-primary-alt:active,
.clc-button:visited.clc-button-primary-alt.clc-button-active,
.clc-button-primary:visited.clc-button-primary-alt:active,
.clc-button-primary:visited.clc-button-primary-alt.clc-button-active,
button.clc-button-primary-alt:active,
button.clc-button-primary-alt.clc-button-active,
[type=button].clc-button-primary-alt:active,
[type=button].clc-button-primary-alt.clc-button-active,
[type=submit].clc-button-primary-alt:active,
[type=submit].clc-button-primary-alt.clc-button-active,
[type=reset].clc-button-primary-alt:active,
[type=reset].clc-button-primary-alt.clc-button-active,
[type=image].clc-button-primary-alt:active,
[type=image].clc-button-primary-alt.clc-button-active {
  background-color: #046b99;
  color: #ffffff;
}

.clc-button.clc-button-secondary,
.clc-button-primary.clc-button-secondary,
.clc-button:visited.clc-button-secondary,
.clc-button-primary:visited.clc-button-secondary,
button.clc-button-secondary,
[type=button].clc-button-secondary,
[type=submit].clc-button-secondary,
[type=reset].clc-button-secondary,
[type=image].clc-button-secondary {
  background-color: #ffffff;
  box-shadow: inset 0 0 0 2px #4b4b4b;/*#0071bc;*/
  color: #0071bc;
}

.clc-button.clc-button-secondary:hover, .clc-button.clc-button-secondary.clc-button-hover,
.clc-button-primary.clc-button-secondary:hover,
.clc-button-primary.clc-button-secondary.clc-button-hover,
.clc-button:visited.clc-button-secondary:hover,
.clc-button:visited.clc-button-secondary.clc-button-hover,
.clc-button-primary:visited.clc-button-secondary:hover,
.clc-button-primary:visited.clc-button-secondary.clc-button-hover,
button.clc-button-secondary:hover,
button.clc-button-secondary.clc-button-hover,
[type=button].clc-button-secondary:hover,
[type=button].clc-button-secondary.clc-button-hover,
[type=submit].clc-button-secondary:hover,
[type=submit].clc-button-secondary.clc-button-hover,
[type=reset].clc-button-secondary:hover,
[type=reset].clc-button-secondary.clc-button-hover,
[type=image].clc-button-secondary:hover,
[type=image].clc-button-secondary.clc-button-hover {
  box-shadow: inset 0 0 0 2px #205493;
  color: #205493;
}

.clc-button.clc-button-secondary:active, .clc-button.clc-button-secondary.clc-button-active,
.clc-button-primary.clc-button-secondary:active,
.clc-button-primary.clc-button-secondary.clc-button-active,
.clc-button:visited.clc-button-secondary:active,
.clc-button:visited.clc-button-secondary.clc-button-active,
.clc-button-primary:visited.clc-button-secondary:active,
.clc-button-primary:visited.clc-button-secondary.clc-button-active,
button.clc-button-secondary:active,
button.clc-button-secondary.clc-button-active,
[type=button].clc-button-secondary:active,
[type=button].clc-button-secondary.clc-button-active,
[type=submit].clc-button-secondary:active,
[type=submit].clc-button-secondary.clc-button-active,
[type=reset].clc-button-secondary:active,
[type=reset].clc-button-secondary.clc-button-active,
[type=image].clc-button-secondary:active,
[type=image].clc-button-secondary.clc-button-active {
  box-shadow: inset 0 0 0 2px #a7bc3d;
  color: #a7bc3d;
}

.clc-button.clc-button-secondary-inverse, .clc-button.clc-button-outline-inverse,
.clc-button-primary.clc-button-secondary-inverse,
.clc-button-primary.clc-button-outline-inverse,
.clc-button:visited.clc-button-secondary-inverse,
.clc-button:visited.clc-button-outline-inverse,
.clc-button-primary:visited.clc-button-secondary-inverse,
.clc-button-primary:visited.clc-button-outline-inverse,
button.clc-button-secondary-inverse,
button.clc-button-outline-inverse,
[type=button].clc-button-secondary-inverse,
[type=button].clc-button-outline-inverse,
[type=submit].clc-button-secondary-inverse,
[type=submit].clc-button-outline-inverse,
[type=reset].clc-button-secondary-inverse,
[type=reset].clc-button-outline-inverse,
[type=image].clc-button-secondary-inverse,
[type=image].clc-button-outline-inverse {
  background: transparent;
  box-shadow: inset 0 0 0 2px #ffffff;
  color: #ffffff;
}

.clc-button.clc-button-secondary-inverse:hover, .clc-button.clc-button-secondary-inverse.clc-button-hover, .clc-button.clc-button-outline-inverse:hover, .clc-button.clc-button-outline-inverse.clc-button-hover,
.clc-button-primary.clc-button-secondary-inverse:hover,
.clc-button-primary.clc-button-secondary-inverse.clc-button-hover,
.clc-button-primary.clc-button-outline-inverse:hover,
.clc-button-primary.clc-button-outline-inverse.clc-button-hover,
.clc-button:visited.clc-button-secondary-inverse:hover,
.clc-button:visited.clc-button-secondary-inverse.clc-button-hover,
.clc-button:visited.clc-button-outline-inverse:hover,
.clc-button:visited.clc-button-outline-inverse.clc-button-hover,
.clc-button-primary:visited.clc-button-secondary-inverse:hover,
.clc-button-primary:visited.clc-button-secondary-inverse.clc-button-hover,
.clc-button-primary:visited.clc-button-outline-inverse:hover,
.clc-button-primary:visited.clc-button-outline-inverse.clc-button-hover,
button.clc-button-secondary-inverse:hover,
button.clc-button-secondary-inverse.clc-button-hover,
button.clc-button-outline-inverse:hover,
button.clc-button-outline-inverse.clc-button-hover,
[type=button].clc-button-secondary-inverse:hover,
[type=button].clc-button-secondary-inverse.clc-button-hover,
[type=button].clc-button-outline-inverse:hover,
[type=button].clc-button-outline-inverse.clc-button-hover,
[type=submit].clc-button-secondary-inverse:hover,
[type=submit].clc-button-secondary-inverse.clc-button-hover,
[type=submit].clc-button-outline-inverse:hover,
[type=submit].clc-button-outline-inverse.clc-button-hover,
[type=reset].clc-button-secondary-inverse:hover,
[type=reset].clc-button-secondary-inverse.clc-button-hover,
[type=reset].clc-button-outline-inverse:hover,
[type=reset].clc-button-outline-inverse.clc-button-hover,
[type=image].clc-button-secondary-inverse:hover,
[type=image].clc-button-secondary-inverse.clc-button-hover,
[type=image].clc-button-outline-inverse:hover,
[type=image].clc-button-outline-inverse.clc-button-hover {
  box-shadow: inset 0 0 0 2px #d6d7d9;
  color: #d6d7d9;
}

.clc-button.clc-button-secondary-inverse:active, .clc-button.clc-button-secondary-inverse.clc-button-active, .clc-button.clc-button-outline-inverse:active, .clc-button.clc-button-outline-inverse.clc-button-active,
.clc-button-primary.clc-button-secondary-inverse:active,
.clc-button-primary.clc-button-secondary-inverse.clc-button-active,
.clc-button-primary.clc-button-outline-inverse:active,
.clc-button-primary.clc-button-outline-inverse.clc-button-active,
.clc-button:visited.clc-button-secondary-inverse:active,
.clc-button:visited.clc-button-secondary-inverse.clc-button-active,
.clc-button:visited.clc-button-outline-inverse:active,
.clc-button:visited.clc-button-outline-inverse.clc-button-active,
.clc-button-primary:visited.clc-button-secondary-inverse:active,
.clc-button-primary:visited.clc-button-secondary-inverse.clc-button-active,
.clc-button-primary:visited.clc-button-outline-inverse:active,
.clc-button-primary:visited.clc-button-outline-inverse.clc-button-active,
button.clc-button-secondary-inverse:active,
button.clc-button-secondary-inverse.clc-button-active,
button.clc-button-outline-inverse:active,
button.clc-button-outline-inverse.clc-button-active,
[type=button].clc-button-secondary-inverse:active,
[type=button].clc-button-secondary-inverse.clc-button-active,
[type=button].clc-button-outline-inverse:active,
[type=button].clc-button-outline-inverse.clc-button-active,
[type=submit].clc-button-secondary-inverse:active,
[type=submit].clc-button-secondary-inverse.clc-button-active,
[type=submit].clc-button-outline-inverse:active,
[type=submit].clc-button-outline-inverse.clc-button-active,
[type=reset].clc-button-secondary-inverse:active,
[type=reset].clc-button-secondary-inverse.clc-button-active,
[type=reset].clc-button-outline-inverse:active,
[type=reset].clc-button-outline-inverse.clc-button-active,
[type=image].clc-button-secondary-inverse:active,
[type=image].clc-button-secondary-inverse.clc-button-active,
[type=image].clc-button-outline-inverse:active,
[type=image].clc-button-outline-inverse.clc-button-active {
  box-shadow: inset 0 0 0 2px #aeb0b5;
  color: #d6d7d9;
}

.clc-button.clc-button-gray,
.clc-button-primary.clc-button-gray,
.clc-button:visited.clc-button-gray,
.clc-button-primary:visited.clc-button-gray,
button.clc-button-gray,
[type=button].clc-button-gray,
[type=submit].clc-button-gray,
[type=reset].clc-button-gray,
[type=image].clc-button-gray {
  background-color: #5b616b;
}

.clc-button.clc-button-gray:hover, .clc-button.clc-button-gray.clc-button-hover,
.clc-button-primary.clc-button-gray:hover,
.clc-button-primary.clc-button-gray.clc-button-hover,
.clc-button:visited.clc-button-gray:hover,
.clc-button:visited.clc-button-gray.clc-button-hover,
.clc-button-primary:visited.clc-button-gray:hover,
.clc-button-primary:visited.clc-button-gray.clc-button-hover,
button.clc-button-gray:hover,
button.clc-button-gray.clc-button-hover,
[type=button].clc-button-gray:hover,
[type=button].clc-button-gray.clc-button-hover,
[type=submit].clc-button-gray:hover,
[type=submit].clc-button-gray.clc-button-hover,
[type=reset].clc-button-gray:hover,
[type=reset].clc-button-gray.clc-button-hover,
[type=image].clc-button-gray:hover,
[type=image].clc-button-gray.clc-button-hover {
  background-color: #323a45;
}

.clc-button.clc-button-gray:active, .clc-button.clc-button-gray.clc-button-active,
.clc-button-primary.clc-button-gray:active,
.clc-button-primary.clc-button-gray.clc-button-active,
.clc-button:visited.clc-button-gray:active,
.clc-button:visited.clc-button-gray.clc-button-active,
.clc-button-primary:visited.clc-button-gray:active,
.clc-button-primary:visited.clc-button-gray.clc-button-active,
button.clc-button-gray:active,
button.clc-button-gray.clc-button-active,
[type=button].clc-button-gray:active,
[type=button].clc-button-gray.clc-button-active,
[type=submit].clc-button-gray:active,
[type=submit].clc-button-gray.clc-button-active,
[type=reset].clc-button-gray:active,
[type=reset].clc-button-gray.clc-button-active,
[type=image].clc-button-gray:active,
[type=image].clc-button-gray.clc-button-active {
  background-color: #212121;
}

.clc-button.clc-button-red,
.clc-button-primary.clc-button-red,
.clc-button:visited.clc-button-red,
.clc-button-primary:visited.clc-button-red,
button.clc-button-red,
[type=button].clc-button-red,
[type=submit].clc-button-red,
[type=reset].clc-button-red,
[type=image].clc-button-red {
  background-color: #e31c3d;
}

.clc-button.clc-button-red:hover, .clc-button.clc-button-red.clc-button-hover,
.clc-button-primary.clc-button-red:hover,
.clc-button-primary.clc-button-red.clc-button-hover,
.clc-button:visited.clc-button-red:hover,
.clc-button:visited.clc-button-red.clc-button-hover,
.clc-button-primary:visited.clc-button-red:hover,
.clc-button-primary:visited.clc-button-red.clc-button-hover,
button.clc-button-red:hover,
button.clc-button-red.clc-button-hover,
[type=button].clc-button-red:hover,
[type=button].clc-button-red.clc-button-hover,
[type=submit].clc-button-red:hover,
[type=submit].clc-button-red.clc-button-hover,
[type=reset].clc-button-red:hover,
[type=reset].clc-button-red.clc-button-hover,
[type=image].clc-button-red:hover,
[type=image].clc-button-red.clc-button-hover {
  background-color: #cd2026;
}

.clc-button.clc-button-red:active, .clc-button.clc-button-red.clc-button-active,
.clc-button-primary.clc-button-red:active,
.clc-button-primary.clc-button-red.clc-button-active,
.clc-button:visited.clc-button-red:active,
.clc-button:visited.clc-button-red.clc-button-active,
.clc-button-primary:visited.clc-button-red:active,
.clc-button-primary:visited.clc-button-red.clc-button-active,
button.clc-button-red:active,
button.clc-button-red.clc-button-active,
[type=button].clc-button-red:active,
[type=button].clc-button-red.clc-button-active,
[type=submit].clc-button-red:active,
[type=submit].clc-button-red.clc-button-active,
[type=reset].clc-button-red:active,
[type=reset].clc-button-red.clc-button-active,
[type=image].clc-button-red:active,
[type=image].clc-button-red.clc-button-active {
  background-color: #981b1e;
}

.clc-button.clc-button-big,
.clc-button-primary.clc-button-big,
.clc-button:visited.clc-button-big,
.clc-button-primary:visited.clc-button-big,
button.clc-button-big,
[type=button].clc-button-big,
[type=submit].clc-button-big,
[type=reset].clc-button-big,
[type=image].clc-button-big {
  border-radius: 8px;
  font-size: 2.4rem;
  padding: 1.5rem 3rem;
}

.clc-button:disabled,
.clc-button-primary:disabled,
.clc-button:visited:disabled,
.clc-button-primary:visited:disabled,
button:disabled,
[type=button]:disabled,
[type=submit]:disabled,
[type=reset]:disabled,
[type=image]:disabled {
  background-color: #d6d7d9;
  pointer-events: none;
}

.clc-button:disabled:hover, .clc-button:disabled.clc-button-hover, .clc-button:disabled:active, .clc-button:disabled.clc-button-active, .clc-button:disabled:focus, .clc-button:disabled.clc-focus,
.clc-button-primary:disabled:hover,
.clc-button-primary:disabled.clc-button-hover,
.clc-button-primary:disabled:active,
.clc-button-primary:disabled.clc-button-active,
.clc-button-primary:disabled:focus,
.clc-button-primary:disabled.clc-focus,
.clc-button:visited:disabled:hover,
.clc-button:visited:disabled.clc-button-hover,
.clc-button:visited:disabled:active,
.clc-button:visited:disabled.clc-button-active,
.clc-button:visited:disabled:focus,
.clc-button:visited:disabled.clc-focus,
.clc-button-primary:visited:disabled:hover,
.clc-button-primary:visited:disabled.clc-button-hover,
.clc-button-primary:visited:disabled:active,
.clc-button-primary:visited:disabled.clc-button-active,
.clc-button-primary:visited:disabled:focus,
.clc-button-primary:visited:disabled.clc-focus,
button:disabled:hover,
button:disabled.clc-button-hover,
button:disabled:active,
button:disabled.clc-button-active,
button:disabled:focus,
button:disabled.clc-focus,
[type=button]:disabled:hover,
[type=button]:disabled.clc-button-hover,
[type=button]:disabled:active,
[type=button]:disabled.clc-button-active,
[type=button]:disabled:focus,
[type=button]:disabled.clc-focus,
[type=submit]:disabled:hover,
[type=submit]:disabled.clc-button-hover,
[type=submit]:disabled:active,
[type=submit]:disabled.clc-button-active,
[type=submit]:disabled:focus,
[type=submit]:disabled.clc-focus,
[type=reset]:disabled:hover,
[type=reset]:disabled.clc-button-hover,
[type=reset]:disabled:active,
[type=reset]:disabled.clc-button-active,
[type=reset]:disabled:focus,
[type=reset]:disabled.clc-focus,
[type=image]:disabled:hover,
[type=image]:disabled.clc-button-hover,
[type=image]:disabled:active,
[type=image]:disabled.clc-button-active,
[type=image]:disabled:focus,
[type=image]:disabled.clc-focus {
  background-color: #d6d7d9;
  border: 0;
  box-shadow: none;
}

/* stylelint-disable */
.clc-button-disabled {
  background-color: #d6d7d9;
  pointer-events: none;
}

.clc-button-disabled:hover, .clc-button-disabled.clc-button-hover, .clc-button-disabled:active, .clc-button-disabled.clc-button-active, .clc-button-disabled:focus, .clc-button-disabled.clc-focus {
  background-color: #d6d7d9;
  border: 0;
  box-shadow: none;
}

.clc-button-secondary-disabled,
.clc-button-secondary-inverse-disabled,
.clc-button-secondary:disabled,
.clc-button-secondary-inverse:disabled,
.clc-button-outline-inverse:disabled {
  box-shadow: inset 0 0 0 2px #d6d7d9;
  pointer-events: none;
  color: #d6d7d9;
}

.clc-button-secondary-disabled:hover, .clc-button-secondary-disabled.clc-button-hover, .clc-button-secondary-disabled:active, .clc-button-secondary-disabled.clc-button-active, .clc-button-secondary-disabled:focus, .clc-button-secondary-disabled.clc-focus,
.clc-button-secondary-inverse-disabled:hover,
.clc-button-secondary-inverse-disabled.clc-button-hover,
.clc-button-secondary-inverse-disabled:active,
.clc-button-secondary-inverse-disabled.clc-button-active,
.clc-button-secondary-inverse-disabled:focus,
.clc-button-secondary-inverse-disabled.clc-focus,
.clc-button-secondary:disabled:hover,
.clc-button-secondary:disabled.clc-button-hover,
.clc-button-secondary:disabled:active,
.clc-button-secondary:disabled.clc-button-active,
.clc-button-secondary:disabled:focus,
.clc-button-secondary:disabled.clc-focus,
.clc-button-secondary-inverse:disabled:hover,
.clc-button-secondary-inverse:disabled.clc-button-hover,
.clc-button-secondary-inverse:disabled:active,
.clc-button-secondary-inverse:disabled.clc-button-active,
.clc-button-secondary-inverse:disabled:focus,
.clc-button-secondary-inverse:disabled.clc-focus,
.clc-button-outline-inverse:disabled:hover,
.clc-button-outline-inverse:disabled.clc-button-hover,
.clc-button-outline-inverse:disabled:active,
.clc-button-outline-inverse:disabled.clc-button-active,
.clc-button-outline-inverse:disabled:focus,
.clc-button-outline-inverse:disabled.clc-focus {
  background-color: #ffffff;
  border: 0;
}

html .clc-button-secondary-disabled,
.clc-button-secondary:disabled {
  background-color: #ffffff;
}

html .clc-button-secondary-inverse-disabled,
.clc-button-secondary-inverse:disabled {
  background-color: transparent;
  color: #5b616b;
  box-shadow: inset 0 0 0 2px #5b616b;
}

.clc-button-unstyled {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-align: left;
  -webkit-font-smoothing: auto;
}

.clc-button-unstyled:hover {
  background-color: transparent;
}

.clc-embed-container iframe,
.clc-embed-container object,
.clc-embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.clc-embed-container {
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

img {
  max-width: 100%;
}

.media_link {
  display: inline-block;
  line-height: 0;
}

/* stylelint-disable selector-no-qualifying-type */
input,
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0.1rem solid #5b616b;
  border-radius: 0;
  box-sizing: border-box;
  color: #212121;
  display: block;
  font-size: 1.7rem;
  height: 4.4rem;
  line-height: 1.3;
  margin: 0.2em 0;
  max-width: 46rem;
  padding: 1rem 0.7em;
  width: 100%;
}

input.clc-input-success,
textarea.clc-input-success,
select.clc-input-success {
  border: 3px solid #4aa564;
}

/* stylelint-enable */
.clc-input-error {
  border-left: 4px solid #cd2026;
  margin-top: 3rem;
  padding-bottom: 0.8rem;
  padding-left: 1.5rem;
  padding-top: 0.8rem;
  position: relative;
  right: 1.9rem;
}

.clc-input-error input,
.clc-input-error textarea,
.clc-input-error select {
  border: 3px solid #cd2026;
  width: calc(100% + 1.9rem);
}

.clc-input-error label {
  margin-top: 0;
}

.clc-input-error .clc-input-inline {
  border: 0.1rem solid #5b616b;
  width: inherit;
}

.clc-input-error .clc-input-inline-error {
  border: 3px solid #cd2026;
}

.clc-input-error-label {
  display: block;
  font-size: 1.7rem;
  font-weight: 700;
}

.clc-input-error-message {
  color: #cd2026;
  display: block;
  font-size: 1.7rem;
  font-weight: 700;
  padding-bottom: 3px;
  padding-top: 3px;
}

.clc-input-required:after {
  color: #981b1e;
  content: ' (*required)';
}

.clc-input-optional:after {
  color: #757575;
  content: ' (optional)';
}

.clc-input-label-helper {
  color: #757575;
}

.clc-input-label-required {
  color: #981b1e;
}

label {
  display: block;
  margin-top: 3rem;
  max-width: 46rem;
}

textarea {
  height: 16rem;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #ffffff;
  background-image: url("https://www.clarecoco.ie/images/icons/arrow-both.png"); /* ../images/icons/arrow-both.png");*/
  background-image: none, url("https://www.clarecoco.ie/images/icons/arrow-both.svg"); /*  ../images/icons/arrow-both.svg");*/
  background-position: right 1.3rem center;
  background-repeat: no-repeat;
  background-size: 1rem;
  padding-right: 3rem;
}

select::-ms-expand {
  display: none;
}

select:-webkit-autofill {
  -webkit-appearance: menulist;
  appearance: menulist;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000000;
}

option:first-child {
  font-weight: 700;
}

legend {
  font-size: 3rem;
  font-weight: 700;
}

.clc-fieldset-inputs label {
  margin-top: 0;
}

.clc-form-hint {
  color: #757575;
  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  margin-bottom: 0;
}

[type=checkbox],
[type=radio] {
  position: absolute;
  left: -999em;
}

.lt-ie9 [type=checkbox], .lt-ie9
[type=radio] {
  border: 0;
  float: left;
  margin: 0.4em 0.4em 0 0;
  position: static;
  width: auto;
}

[type=checkbox] + label,
[type=radio] + label {
  cursor: pointer;
  font-weight: 400;
  margin-bottom: 0.65em;
}

[type=checkbox] + label::before,
[type=radio] + label::before {
  background: #ffffff;
  border-radius: 2px;
  box-shadow: 0 0 0 1px #757575;
  content: '\a0';
  display: inline-block;
  height: 2rem;
  line-height: 2rem;
  margin-right: 0.6em;
  text-indent: 0.15em;
  vertical-align: middle\0;
  width: 2rem;
}

[type=radio] + label::before {
  border-radius: 100%;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #757575;
  height: 1.4rem;
  line-height: 1.4rem;
  margin-right: 0.75em;
  width: 1.4rem;
}

[type=checkbox]:checked + label::before,
[type=radio]:checked + label::before {
  background-color: #0071bc;
  box-shadow: 0 0 0 1px #0071bc;
}

[type=radio]:checked + label::before {
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0071bc;
}

[type=checkbox]:checked + label::before,
[type=checkbox]:checked:disabled + label::before {
  background-image: url("https://www.clarecoco.ie/images/ds/correct8.png");
  background-image: url("https://www.clarecoco.ie/images/ds/correct8.svg");
  background-position: 50%;
  background-repeat: no-repeat;
}

[type=radio]:focus + label::before {
 /* outline: 2px dotted #aeb0b5;*/
  outline: 2px solid #aeb0b5;
  outline-offset: 6px;
}

[type=checkbox]:disabled + label {
  color: #d6d7d9;
}

[type=checkbox]:focus + label::before {
  outline: 2px dotted #aeb0b5;
  outline-offset: 3px;
}

[type=checkbox]:disabled + label::before,
[type=radio]:disabled + label::before {
  background: #f1f1f1;
  box-shadow: 0 0 0 1px #aeb0b5;
  cursor: not-allowed;
}

[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding-left: 0;
  width: 100%;
}

[type=range]::-webkit-slider-runnable-track {
  background: #aeb0b5;
  border: 1px solid #757575;
  cursor: pointer;
  height: 1.2rem;
  width: 100%;
}

[type=range]::-moz-range-track {
  background: #0071bc;
  border: 1px solid #757575;
  cursor: pointer;
  height: 1.2rem;
  width: 100%;
}

[type=range]::-ms-track {
  background: transparent;
  color: transparent;
  cursor: pointer;
  height: 1.2rem;
  width: 100%;
}

[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid #757575;
  height: 2.2rem;
  border-radius: 1.5rem;
  background: #f1f1f1;
  cursor: pointer;
  margin-top: -.65rem;
  width: 2.2rem;
}

[type=range]::-moz-range-thumb {
  background: #f1f1f1;
  border: 1px solid #757575;
  border-radius: 1.5rem;
  cursor: pointer;
  height: 2.2rem;
  width: 2.2rem;
}

[type=range]::-ms-thumb {
  background: #f1f1f1;
  border: 1px solid #757575;
  border-radius: 1.5rem;
  cursor: pointer;
  height: 2.2rem;
  width: 2.2rem;
}

[type=range]::-ms-fill-lower {
  background: #aeb0b5;
  border: 1px solid #757575;
  border-radius: 2rem;
}

[type=range]::-ms-fill-upper {
  background: #aeb0b5;
  border: 1px solid #757575;
  border-radius: 2rem;
}

[type='file'] {
  border: none;
  padding-left: 0;
}

.clc-date-of-birth label {
  margin-top: 0;
}

.clc-date-of-birth [type=number]::-webkit-inner-spin-button,
.clc-date-of-birth [type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.clc-date-of-birth [type=number] {
  -moz-appearance: textfield;
}

.clc-form-group-day,
.clc-form-group-month,
.clc-form-group-year {
  clear: none;
  float: left;
  margin-right: 1.5rem;

  width: 5rem;
}

.clc-form-group-year {
  width: 7rem;
}

.clc-label, .clc-label-big {
  background-color: #5b616b;
  border-radius: 2px;
  color: #ffffff;
  font-size: 1.5rem;
  margin-right: 0.5rem;
  padding: 0.1rem 0.7rem;
  text-transform: uppercase;
}

.clc-label:only-of-type, .clc-label-big:only-of-type {
  margin-right: 0;
}

.clc-label-big {
  font-size: 1.7rem;
  padding-left: 0.9rem;
  padding-right: 0.9rem;
}

ul,
ol {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 1.94em;
}

li {
  line-height: 1.5;
  margin-bottom: 0.5em;
}

li:last-child {
  margin-bottom: 0;
}

.clc-unstyled-list {
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  padding-left: 0;
}

.clc-unstyled-list > li {
  margin-bottom: 0;
}

table {
  border-spacing: 0;
  margin: 2em 0;
}

thead th {
  font-weight: 700;
}

thead th,
thead td {
  background-color: #f1f1f1;
}

th {
  text-align: left;
}

th,
td {
  background-color: #ffffff;
  border: 1px solid #5b616b;
  font-weight: 400;
  padding: 1rem 1.5rem;
}

.clc-table-borderless thead th {
  background-color: transparent;
  border-top: 0;
}

.clc-table-borderless th,
.clc-table-borderless td {
  border-left: 0;
  border-right: 0;
}

.clc-table-borderless th:first-child {
  padding-left: 0;
}

caption {
  font-size: 1.5rem;
  font-weight: 700;
  font-family: "Merriweather", "Georgia", "Cambria", "Times New Roman", "Times", serif;
  margin-bottom: 1.2rem;
  text-align: left;
}

html {
  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 10px; /* bd was 10 px */ 
}

body {
  font-size: 1.7rem;
}

p {
  line-height: 1.5;
  margin-bottom: 1em;
  margin-top: 1em;
}

a {
  color: #0071bc;
  text-decoration: underline;
}

a:hover, a:active {
  color: #205493;
}

a:focus {
 /* outline: 2px dotted #aeb0b5;*/
  outline: 2px solid #aeb0b5;
  outline-offset: 3px;
}

a:visited {
  color: #4c2c92;
}


.clc-external_link::after {
  background: url("https://www.clarecoco.ie/images/ds/external-link.png") no-repeat 0 0;
  background: url("https://www.clarecoco.ie/images/ds/external-link.svg") no-repeat 0 0;
  background-size: 100%;
  content: '';
  display: inline-block;
  height: 0.65em;
  margin-bottom: -1px;
  margin-left: 4px;
  width: 0.65em;
}

.clc-external_link:hover::after {
  background-image: url("https://www.clarecoco.ie/images/ds/external-link-hover.png");
  background-image: url("https://www.clarecoco.ie/images/ds/external-link-hover.svg");
}

.clc-external_link-alt::after {
  background: url("https://www.clarecoco.ie/images/ds/external-link-alt.png") no-repeat 0 0;
  background: url("https://www.clarecoco.ie/images/ds/external-link-alt.svg") no-repeat 0 0;
  background-size: 100%;
  content: '';
  display: inline-block;
  height: 0.65em;
  margin-bottom: -1px;
  margin-left: 4px;
  width: 0.65em;
}

.clc-external_link-alt:hover::after {
  background-image: url("https://www.clarecoco.ie/images/ds/external-link-alt-hover.png");
  background-image: url("https://www.clarecoco.ie/images/ds/external-link-alt-hover.svg");
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-family: "Merriweather", "Georgia", "Cambria", "Times New Roman", "Times", serif;
  line-height: 1.3;
  margin-bottom: 0.5em;
  margin-top: 1.5em;
 }
 
/* move this to targeted area for section home page letter-spacing: .05rem; bd added */

h1 {font-size: 3.5rem; font-weight: 400;}

h2 {
  font-size: 3rem;
  font-weight: 400;
}

h3 {
  font-size: 2.5rem;
  font-weight: 400;
}

h4 {
  font-size: 2rem;
  font-weight: 700; /* reverting to 7 for footer */
}

h5 {
  font-size: 1.9rem;
  font-weight: 400;
}

h6 {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.5;
  text-transform: uppercase;
  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
}

cite,
var,
address,
dfn {
  font-style: normal;
}	

.clc-content p,
.clc-content ul:not(.clc-accordion):not(.clc-accordion-bordered),
.clc-content ol:not(.clc-accordion):not(.clc-accordion-bordered) {
  max-width: 66ch;
}

.clc-content-list {
  max-width: 66ch;
}

.clc-sans p,
.clc-sans a,
.clc-sans li,
.clc-sans span {
  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
}

.clc-sans a {
  border-bottom: none;
  font-weight: 700;
}

.clc-serif p,
.clc-serif a,
.clc-serif li,
.clc-serif span {
  font-family: "Merriweather", "Georgia", "Cambria", "Times New Roman", "Times", serif;
}

.clc-display {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0;
}

@media screen and (min-width: 481px) {
  .clc-display {
    font-size: 4rem;
    font-weight: 700;
  }
}

@media screen and (min-width: 600px) {
  .clc-display {
    font-size: 5.2rem;
    font-weight: 700;
  }
}

.clc-font-lead {  font-family: "Merriweather", "Georgia", "Cambria", "Times New Roman", "Times", serif;  font-size: 2rem;  font-weight: 400;  line-height: 1.7;  max-width: 77rem;}
.clc-info {  font-family: "Merriweather", "Georgia", "Cambria", "Times New Roman", "Times", serif; font-size: 1.8rem;}

.clc-background-dark {
  background-color: #323a45;
}

.clc-background-dark p,
.clc-background-dark span {
  color: #ffffff;
}

.clc-background-dark a {
  color: #d6d7d9;
}

.clc-background-dark a:hover {
  color: #ffffff;
}

.clc-text-small {
  font-size: 1.3rem;
  margin-top: 0;
}

.clc-section > :first-child,
.clc-grid > :first-child,
.clc-grid-full > :first-child {
  margin-top: 0;
}

.clc-section > :last-child,
.clc-grid > :last-child,
.clc-grid-full > :last-child {
  margin-bottom: 0;
}
.clc-section-condensed > :first-child,
.clc-grid > :first-child,
.clc-grid-full > :first-child {
  margin-top: 0;
}

.clc-section-condensed > :last-child,
.clc-grid > :last-child,
.clc-grid-full > :last-child {
  margin-bottom: 0;
}

.clc-width-one-whole:first-child > :first-child,
.clc-width-one-half:first-child > :first-child,
.clc-width-one-third:first-child > :first-child,
.clc-width-two-thirds:first-child > :first-child,
.clc-width-one-fourth:first-child > :first-child,
.clc-width-three-fourths:first-child > :first-child,
.clc-width-one-sixth:first-child > :first-child,
.clc-width-five-sixths:first-child > :first-child,
.clc-width-one-twelfth:first-child > :first-child {
  margin-top: 0;
}

@media screen and (min-width: 600px) {
  .clc-width-one-whole > :first-child,
  .clc-width-one-half > :first-child,
  .clc-width-one-third > :first-child,
  .clc-width-two-thirds > :first-child,
  .clc-width-one-fourth > :first-child,
  .clc-width-three-fourths > :first-child,
  .clc-width-one-sixth > :first-child,
  .clc-width-five-sixths > :first-child,
  .clc-width-one-twelfth > :first-child {
    margin-top: 0;
  }
}

.clc-width-one-whole:last-child > :last-child,
.clc-width-one-half:last-child > :last-child,
.clc-width-one-third:last-child > :last-child,
.clc-width-two-thirds:last-child > :last-child,
.clc-width-one-fourth:last-child > :last-child,
.clc-width-three-fourths:last-child > :last-child,
.clc-width-one-sixth:last-child > :last-child,
.clc-width-five-sixths:last-child > :last-child,
.clc-width-one-twelfth:last-child > :last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 600px) {
  .clc-width-one-whole > :last-child,
  .clc-width-one-half > :last-child,
  .clc-width-one-third > :last-child,
  .clc-width-two-thirds > :last-child,
  .clc-width-one-fourth > :last-child,
  .clc-width-three-fourths > :last-child,
  .clc-width-one-sixth > :last-child,
  .clc-width-five-sixths > :last-child,
  .clc-width-one-twelfth > :last-child {
    margin-bottom: 0;
  }
}

.clc-accordion,.clc-accordion-bordered {
  margin-top: 0;
  list-style-type: none;
  padding-left: 0;
  color: #212121;
  margin: 0;
  padding: 0;
  width: 100%;
}

.clc-accordion-bordered {  margin-bottom: 0;}
.clc-accordion {  margin-bottom: 2em;}

.clc-accordion > li,
.clc-accordion-bordered > li {
  margin-bottom: 0;
}

.clc-accordion > ul li ul,
.clc-accordion-bordered > ul li ul {
  list-style: disc;
}

.clc-accordion > ul li ul > li > ul,
.clc-accordion-bordered > ul li ul > li > ul {
  list-style: circle;
}

.clc-accordion > ul li ul > li > ul > li > ul,
.clc-accordion-bordered > ul li ul > li > ul > li > ul {
  list-style: square;
}

.clc-accordion + .clc-accordion,
.clc-accordion + .clc-accordion-bordered,
.clc-accordion-bordered + .clc-accordion,
.clc-accordion-bordered + .clc-accordion-bordered {
  margin-top: 1rem;
}

.clc-accordion > ul,
.clc-accordion-bordered > ul {
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  padding-left: 0;
  color: #212121;
  margin: 0;
  padding: 0;
  width: 100%;
}

.clc-accordion > ul > li,
.clc-accordion-bordered > ul > li {
  margin-bottom: 0;
}

.clc-accordion > ul > li,
.clc-accordion-bordered > ul > li {
  background-color: #f1f1f1;
  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  list-style: none;
  margin-bottom: 0.5rem;
  width: 100%;
}

.clc-accordion > ul button,
.clc-accordion-bordered > ul button {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-align: left;
  -webkit-font-smoothing: auto;
  background-color: #f1f1f1;
  background-image: url("https://www.clarecoco.ie/images/ds/minus.png"); /* bd url("../images/icon/minus.png");*/
  background-image: url("https://www.clarecoco.ie/images/ds/search.png"); /* bd url("../images/icons/minus.svg");*/
  background-position: right 2rem center;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  color: #212121;
  cursor: pointer;
  display: inline-block;
 /* font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;*/
  font-weight: 700;
  margin: 0;
  padding: 1.5rem 5.5rem 1.5rem 2rem;
  width: 100%;
}

.clc-accordion > ul button:hover,
.clc-accordion-bordered > ul button:hover {
  background-color: transparent;
}

.clc-accordion > ul button:hover,
.clc-accordion-bordered > ul button:hover {
  background-color: #d6d7d9;
  color: #212121;
}

.clc-accordion > ul button h1,
.clc-accordion > ul button h2,
.clc-accordion > ul button h3,
.clc-accordion > ul button h4,
.clc-accordion > ul button h5,
.clc-accordion > ul button h6,
.clc-accordion-bordered > ul button h1,
.clc-accordion-bordered > ul button h2,
.clc-accordion-bordered > ul button h3,
.clc-accordion-bordered > ul button h4,
.clc-accordion-bordered > ul button h5,
.clc-accordion-bordered > ul button h6 {
  margin: 0;
}

.clc-accordion > ul [aria-expanded=false],
.clc-accordion-bordered > ul [aria-expanded=false] {
  background-image: url("https://www.clarecoco.ie/images/ds/plus.png"); /*  ../images/icons/plus.png");*/
  background-image: url("https://www.clarecoco.ie/images/ds/plus.svg"); /*  ../images/icons/plus.svg");*/
  background-repeat: no-repeat;
  background-size: 1.5rem;
}

.clc-accordion > li,
.clc-accordion-bordered > li {
  background-color: #f1f1f1;
  /*font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;*/
  list-style: none !important;
  margin-bottom: 0.5rem;
  width: 100%;
}

.clc-accordion-bordered .clc-accordion-content {
  border-bottom: 2px solid #f1f1f1;
  border-left: 2px solid #f1f1f1;
  border-right: 2px solid #f1f1f1;
}


.clc-accordion-bordered .clc-accordion-content-no-b {
  border: none;
  border-bottom: 1px solid #f1f1f1;
}

.clc-accordion-content {
  background-color: #ffffff;
  overflow: auto;
  padding: 1.5rem 2rem;
}

.clc-accordion-content > *:first-child {
  margin-top: 0;
}

.clc-accordion-content > *:last-child {
  margin-bottom: 0;
}

.clc-accordion-content:not([aria-hidden]) {
  position: absolute;
  left: -999em;
}

.clc-accordion-content[aria-hidden=true] {
  display: none;
}

.clc-accordion-button {

  background-color: transparent;
  border: 0;
  border-radius: 0;
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-align: left;
  -webkit-font-smoothing: auto;
  background-color: #f1f1f1;
  background-image: url("https://www.clarecoco.ie/images/ds/minus.png"); /* ../images/ds/minus.png");*/
  background-image: url("https://www.clarecoco.ie/images/ds/minus.svg"); /*  ../images/ds/minus.svg");*/
  background-position: right 2rem center;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  color: #212121;
  cursor: pointer;
  display: inline-block;
  /* font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;*/
  margin: 0;
  padding: 1.5rem 5.5rem 1.5rem 2rem; /* Change relative to master */
  /*padding: 1rem 3.5rem .5rem 1rem;*/
  width: 100%;
}

.clc-accordion-button:hover {
  background-color: transparent;
}

.clc-accordion-button:hover {
  background-color: #d6d7d9;
  color: #212121;
}

.clc-accordion-button h1,
.clc-accordion-button h2,
.clc-accordion-button h3,
.clc-accordion-button h4,
.clc-accordion-button h5,
.clc-accordion-button h6 {
  margin: 0;
}

.clc-accordion-button[aria-expanded=false] {
  background-image: url("https://www.clarecoco.ie/images/ds/plus.png"); /* bd ../images/ds/plus.png");*/
  background-image: url("https://www.clarecoco.ie/images/ds/plus.svg"); /* bd ../images/ds/plus.svg");*/
  background-repeat: no-repeat;
  background-size: 1.5rem;
}

.clc-accordion-button-no-bg {
  	color: #212121;
    padding: 2rem 2.5rem 1rem 1rem;
    background-color: #ffffff; /* #fbf6f2 */
}

.clc-accordion-button-no-bg:hover {
 /* background-color: #d6d7d9;
  color: #212121;*/
}

@media screen and (min-width: 1201px) {
   
.icon-accordions  h4:before {
    width: 4.4rem; /*6.4rem;*/
    height: 4.4rem; /*6.4rem;*/
    margin-top: -7px;
    margin-right: 15px; } 
 .icon-accordions .fa-layers {
  font-size : 3em;
  }
 .clc-accordion-button-no-bg {
   padding: 2rem 3.5rem 1rem 1rem;}
  .clc-footer-logo .fa-layers {
  font-size: 3em;
  }
}

 .clc-accordion-button-roomy {
  padding: 1.5rem 5.5rem 1.5rem 2rem; /* from default */

 }
 
 .icon-accordions  h4 span {
        margin-left: 0; /*40px;*/
/*display: inline; */     
    }
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  /* check this */
/*    .icon-accordions .clc-width-one-third h4 span {*/
/*        margin-left: 0; /*40px;*/
/*display: inline;      
    }*/
}

@media screen and (min-width: 768px and max-width:980px) {
 /*  .icon-accordions .fa-layers {
  font-size : 2em;
  }
  */
}
@media screen and (min-width: 1024px) {
 
  /* .icon-accordions .fa-layers {
  font-size : 3em;
  }*/
  
  
  }

.clc-alert {
  background-color: #f1f1f1;
  background-position: 2rem 2rem;
  background-repeat: no-repeat;
  background-size: 5.2rem;
  padding-bottom: 1.4rem;
  padding-left: 3rem;
  padding-right: 2rem;
  padding-top: 2rem;
  position: relative;
}

.clc-alert::before {
  background-color: #8b8b8b;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 1rem;
}

.clc-alert a {
  color: #205493;
}

.clc-alert a:focus, .clc-alert a:hover {
  color: #a7bc3d;
}

.clc-alert ul {
  margin-bottom: 0;
  margin-top: 1rem;
  padding-left: 1rem;
}

.clc-alert-slim {
  background-position: 2rem 1rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.clc-alert-slim .clc-alert-text:only-child {
  margin-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.clc-alert-icon {
  display: table-cell;
  padding-right: 1rem;
}

.clc-alert-body {
  display: table-cell;
  vertical-align: top;
}

.clc-alert-heading {
  margin-top: 0;
  margin-bottom: 0;
}

.clc-alert-text {
  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  margin-bottom: 0;
  margin-top: 0;
}

.clc-alert-text:only-child {
  margin-bottom: 1rem;
  padding-top: 0.5rem;
}

.clc-alert-success {
  background-color: #e7f4e4;
  background-image: url("https://www.clarecoco.ie/images/ds/alerts/success.png");
  background-image: url("https://www.clarecoco.ie/images/ds/alerts/success.svg");
}

.clc-alert-success::before {
  background-color: #2e8540;
}

.clc-alert-success .clc-alert-body {
  padding-left: 5rem;
}

.clc-alert-warning {
  background-color: #fff1d2;
  background-image: url("https://www.clarecoco.ie/images/ds/alerts/warning.png");
  background-image: url("https://www.clarecoco.ie/images/ds/alerts/warning.svg");
}

.clc-alert-warning::before {
  background-color: #fdb81e;
}

.clc-alert-warning .clc-alert-body {
  padding-left: 5rem;
}

.clc-alert-error {
  background-color: #f9dede;
  background-image: url("https://www.clarecoco.ie/images/ds/alerts/error.png");
  background-image: url("https://www.clarecoco.ie/images/ds/img/alerts/error.svg");
}

.clc-alert-error::before {
  background-color: #e31c3d;
}

.clc-alert-error .clc-alert-body {
  padding-left: 5rem;
}

.clc-alert-info {
  background-color: #e1f3f8;
  background-image: url("https://www.clarecoco.ie/images/ds/alerts/info.png");
  background-image: url("https://www.clarecoco.ie/images/ds/alerts/info.svg");
}

.clc-alert-info::before {
  background-color: #02bfe7;
}

.clc-alert-info .clc-alert-body {
  padding-left: 5rem;
}

.clc-alert-no_icon {
  background-image: none;
}

.clc-alert-paragraph {
  width: 66ch;
}

.clc-alert {
  margin-top: 1.5em;
}

.clc-banner {
  background-color: #f1f1f1;
  padding-bottom: 0.7rem;
}

@media screen and (min-width: 481px) {
  .clc-banner {
    font-size: 1.3rem;
    padding-bottom: 0;
  }
}

.clc-banner-content {
  padding-right: 1.5rem;
  padding-bottom: 3px;
  padding-left: 1.5rem;
  background-color: transparent;
  font-size: 1.5rem;
  padding-top: 2rem;
  width: 100%;
}

@media screen and (min-width: 600px) {
  .clc-banner-content {
    padding-bottom: 2.3rem;
    padding-top: 4rem;
  }
}

@media screen and (min-width: 951px) {
  .clc-banner-content {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}

.clc-banner-content p:first-child {
  margin-top: 1rem;
}

@media screen and (min-width: 600px) {
  .clc-banner-content p:first-child {
    margin-top: 0;
  }
}

.clc-banner-inner {
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.clc-banner-inner::after {
  clear: both;
  content: "";
  display: block;
}

@media screen and (min-width: 951px) {
  .clc-banner-inner {
    padding-right: 3rem;
    padding-left: 3rem;
  }
  
  .clc-megamenu-col > li > a:after {
        content: '\00a0\00bb';
    }
}

.clc-banner-header {
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  font-size: 1.2rem;
  font-weight: 400;
}

@media screen and (min-width: 481px) {
  .clc-banner-header {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.clc-banner-header p {
  margin-top: 0;
  margin-bottom: 0;
  display: inline;
  overflow: hidden;
  vertical-align: middle;
}

@media screen and (min-width: 481px) {
  .clc-banner-header p {
    margin-top: 2px;
    margin-bottom: 2px;
    display: inline-block;
  }
}

.clc-banner-header img {
  float: left;
  margin-right: 1rem;
  margin-top: 1px;
  width: 2.4rem;
}

@media screen and (min-width: 481px) {
  .clc-banner-header img {
    margin-right: 0.7rem;
    width: 2rem;
  }
}

.clc-banner-header-expanded {
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #aeb0b5;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
  min-height: 5.6rem;
  padding-right: 3rem;
}

@media screen and (min-width: 481px) {
  .clc-banner-header-expanded {
    border-bottom: none;
    display: block;
    font-size: 1.2rem;
    font-weight: 400;
    min-height: 0;
    padding-right: 0;
  }
}

.clc-banner-header-expanded > .clc-banner-inner {
  margin-left: 0;
}

@media screen and (min-width: 481px) {
  .clc-banner-header-expanded > .clc-banner-inner {
    margin-left: auto;
  }
}

.clc-banner-header-expanded img {
  margin-right: 2.4rem;
}

@media screen and (min-width: 481px) {
  .clc-banner-header-expanded img {
    margin-right: 0.7rem;
  }
}

.clc-banner-header-expanded p {
  line-height: 1.3;
  vertical-align: top;
}

@media screen and (min-width: 481px) {
  .clc-banner-header-expanded p {
    line-height: 1.5;
    vertical-align: middle;
  }
}

.clc-banner-button {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-align: left;
  -webkit-font-smoothing: auto;
  padding-top: 1.3rem;
  padding-left: 4.8rem;
  background-position-x: right;
  color: #0071bc;
  display: block;
  font-size: 1.2rem;
  height: 4.3rem;
  left: 0;
  position: absolute;
  text-decoration: underline;
  top: 0;
  width: 100%;
}

.clc-banner-button:hover {
  background-color: transparent;
}

@media screen and (min-width: 481px) {
  .clc-banner-button {
    padding-top: 0;
    padding-left: 0;
    /* stylelint-disable declaration-block-no-ignored-properties */
    display: inline;
    height: auto;
    margin-left: 3px;
    position: relative;
    vertical-align: middle;
    width: auto;
    /* stylelint-enable */
  }
}

.clc-banner-button:hover {
  color: #205493;
  text-decoration: underline;
}

.clc-banner-button[aria-expanded=false] {
  background-image: none;
}

.clc-banner-button[aria-expanded=false]::after {
  background-image: url("https://www.clarecoco.ie/images/ds/angle-arrow-down-primary.png"); /*  ../images/ds/angle-arrow-down-primary.png");*/
  background-image: url("https://www.clarecoco.ie/images/ds/angle-arrow-down-primary.svg"); /*  ../images/ds/angle-arrow-down-primary.svg");*/
  background-size: 100%;
  content: '';
  display: inline-block;
  height: 1rem;
  width: 1rem;
  /* stylelint-disable block-closing-brace-newline-after, at-rule-empty-line-before */
  margin-left: 0;
  /* stylelint-enable */
}

.clc-banner-button[aria-expanded=false]:hover::after {
  background-image: url("https://www.clarecoco.ie/images/ds/angle-arrow-down.png"); /*../images/ds/angle-arrow-down-primary-hover.png");*/
  background-image: url("https://www.clarecoco.ie/images/ds/angle-arrow-down.svg"); /*../images/ds/angle-arrow-down-primary-hover.svg");*/
}

.clc-banner-button[aria-expanded=false]::after {
  background-position-y: 1px;
}

.clc-banner-button[aria-expanded=true] {
  background-image: none;
  height: 5.6rem;
}

.clc-banner-button[aria-expanded=true]::after {
  background-image: url("../images/ds/close.png");
  background-image: url("../images/ds/close.svg");
  background-size: 100%;
  content: '';
  display: inline-block;
  height: 1.3rem;
  width: 1.3rem;
  /* stylelint-disable block-closing-brace-newline-after, at-rule-empty-line-before */
  margin-left: 0;
  /* stylelint-enable */
}

@media screen and (min-width: 481px) {
  .clc-banner-button[aria-expanded=true] {
    height: initial;
    padding: 0;
    position: relative;
  }
  .clc-banner-button[aria-expanded=true]::after {
    background-image: url("https://www.clarecoco.ie/images/ds/angle-arrow-up-primary.png") ; /* bd ../images/ds/angle-arrow-up-primary.png");*/
    background-image: url("https://www.clarecoco.ie/images/ds/angle-arrow-up-primary.svg"); /* bd ../images/ds/angle-arrow-up-primary.svg");*/
    background-size: 100%;
    content: '';
    display: inline-block;
    height: 1rem;
    width: 1rem;
    /* stylelint-disable block-closing-brace-newline-after, at-rule-empty-line-before */
    margin-left: 0;
    /* stylelint-enable */
  }
  .clc-banner-button[aria-expanded=true]:hover::after {
    background-image: url("https://www.clarecoco.ie/images/ds/angle-arrow-up-primary-hover.png"); /* bd ../images/ds/angle-arrow-up-primary-hover.png");*/
    background-image: url("https://www.clarecoco.ie/images/ds/angle-arrow-up-primary-hover.svg"); /* bd ../images/ds/angle-arrow-up-primary-hover.svg");*/
  }
  .clc-banner-button[aria-expanded=true]::after {
    background-position-y: 1px;
  }
}

.clc-banner-button[aria-expanded=true]::after {
  position: absolute;
  right: 1.5rem;
  top: 2.15rem;
}

@media screen and (min-width: 481px) {
  .clc-banner-button[aria-expanded=true]::after {
    position: static;
  }
}

.clc-banner-button[aria-expanded=true] .clc-banner-button-text {
  display: none;
}

@media screen and (min-width: 481px) {
  .clc-banner-button[aria-expanded=true] .clc-banner-button-text {
    display: inline;
  }
}

.clc-banner-icon {
  width: 3.8rem;
}

.clc-footer .clc-unstyled-list, .content .clc-unstyled-list {
  display: block;
}

/* service cat */ 
.clc-footer .clc-footer-primary-link {
  color: #212121;
  display: block;
  font-weight: 700;
  margin-top: 0;
  padding-bottom: 2rem;
  padding-top: 2rem;
  text-decoration: none;
}

/* override as js cntrolled */
@media screen and (min-width: 600px) {
.clc-footer .clc-footer-drawer-primary-link {
  padding-bottom: 2rem !important;
  padding-top: 2rem !important;
  text-decoration: none !important;
}
}

@media screen and (min-width: 600px) {
  .clc-footer .clc-footer-primary-link {
    border-top: none;
  }
}

.clc-footer .clc-footer-primary-link:hover
{
  cursor: pointer;
  text-decoration: underline;
}

@media screen and (min-width: 600px) {
  .clc-footer .clc-footer-primary-link:hover
 {
    cursor: auto;
    text-decoration: none;
  }
}

.clc-footer .clc-footer-primary-link ~ li a, 
.clc-footer .clc-footer-secondary-link, 
{
  text-decoration: none;
}

.clc-footer-contact_info {
  display: inline-block;
}

.clc-footer-contact_info a {
  color: #212121;
  text-decoration: none;
}

.clc-footer-contact_info:hover {
  text-decoration: underline;
}

.clc-footer-return-to-top {
  padding-bottom: 2rem;
  padding-top: 2rem;
}

.clc-footer-primary-section {
  background-color: #f1f1f1;
}

.clc-footer-primary-section .clc-footer-primary-content {
  padding-left: 1.5rem;
  padding-right: 2.5rem;
}

@media screen and (min-width: 600px) {
  .clc-footer-primary-section .clc-footer-primary-content {
    padding-left: 0;
    padding-right: 0;
  }
}

.clc-footer-primary-section .clc-footer-primary-content li {
  margin-left: 1rem;
}

@media screen and (min-width: 600px) {
  .clc-footer-primary-section .clc-footer-primary-content li {
    margin-left: 0;
  }
}

@media screen and (min-width: 600px) {
  .clc-footer-primary-section .clc-grid-full  {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.clc-footer-medium .clc-footer-contact_info p {
  margin: 0 1rem 0 0;
}

@media screen and (min-width: 600px) {
  .clc-footer-medium .clc-footer-contact_info p {
    margin: 0 0 0 1rem;
  }
}

.clc-footer-medium .clc-footer-contact-heading {
  margin-top: 0;
}

@media screen and (min-width: 600px) {
  .clc-footer-medium .clc-footer-contact-heading {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}

.clc-footer-medium .clc-footer-logo {
  padding: 1rem 0;
}

@media screen and (min-width: 600px) {
  .clc-footer-medium .clc-footer-logo {
    padding: 2rem 0;
  }
}

.clc-footer-medium .clc-footer-primary-link {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}

.clc-footer-medium .clc-footer-primary-section > .clc-grid {
  padding: 0;
}

@media screen and (min-width: 600px) {
  .clc-footer-medium .clc-footer-primary-section > .clc-grid {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media screen and (min-width: 1201px) {
  .clc-footer-medium .clc-footer-primary-section .clc-footer-primary-content {
    margin-right: 5%;
    width: inherit;
  }
}

@media screen and (min-width: 1201px) {
  .clc-footer-medium .clc-footer-primary-section .clc-footer-primary-content:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 600px) {
  .clc-footer-medium .clc-footer-nav ul {
    -ms-flex-align: center;
    align-items: center;
  }
}

.clc-footer-slim .clc-footer-nav a {
  display: block;
}

@media screen and (min-width: 1201px) {
  .clc-footer-slim .clc-footer-nav .clc-footer-primary-content {
    margin-right: 5%;
    width: inherit;
  }
}

@media screen and (min-width: 1201px) {
  .clc-footer-slim .clc-footer-nav .clc-footer-primary-content:last-child {
    margin-right: 0;
  }
}

.clc-footer-slim .clc-footer-primary-link {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}

.clc-footer-slim .clc-footer-primary-section > .clc-grid {
  padding: 0;
}

@media screen and (min-width: 600px) {
  .clc-footer-slim .clc-footer-primary-section > .clc-grid {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media screen and (min-width: 600px) {
  .clc-footer-slim .clc-footer-primary-section {
    padding-bottom: 0;
    padding-top: 0;
  }
  .clc-footer-slim .clc-footer-primary-section .clc-grid-full {
    -ms-flex-align: center;
    align-items: center;
  }
}

@media screen and (min-width: 600px) {
  .clc-footer-slim .clc-footer-contact_info > * {
    margin: 0;
  }
}

@media screen and (min-width: 600px) {
  .clc-footer-slim .clc-footer-contact_info {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

@media screen and (min-width: 600px) {
  .clc-footer-slim .clc-footer-contact_info {
    width: 100%;
  }
}

@media screen and (min-width: 1201px) {
  .clc-footer-slim .clc-footer-contact_info {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
  }
  .clc-footer-slim .clc-footer-contact_info:last-child {
    margin-right: 0;
  }
}

/* stylelint-disable selector-no-qualifying-type */
ul.clc-footer-primary-content,
li.clc-footer-primary-content,
li.clc-footer-primary-content {
  border-top: 1px solid #aeb0b5;
}

@media screen and (min-width: 600px) {
  ul.clc-footer-primary-content,
  li.clc-footer-primary-content,
  li.clc-footer-primary-content {
    border: none;
  }
}

ul.clc-footer-primary-content:last-child,
li.clc-footer-primary-content:last-child,
li.clc-footer-primary-content:last-child {
  border-bottom: 1px solid #aeb0b5;
}

@media screen and (min-width: 600px) {
  ul.clc-footer-primary-content:last-child,
  li.clc-footer-primary-content:last-child,
  li.clc-footer-primary-content:last-child {
    border-bottom: none;
  }
}

/* stylelint-enable */
.clc-sign_up-block {
  padding-bottom: 4.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media screen and (min-width: 600px) {
  .clc-sign_up-block {
    float: right;
    padding: 0;
  }
}

.clc-sign_up-block label:first-of-type {
  margin-top: 0;
}

.clc-sign_up-block button {
  float: none;
  margin-right: 0;
  margin-top: 1.5rem;
}

.clc-sign_up-block input {
  width: 100%;
}

.clc-footer-secondary_section {
  background-color: #8b2388; /* ds #d6d7d9;*/
  color: #ffffff; /*nw*/
  padding-bottom: 2rem;
  padding-top: 2rem;
}

.clc-footer-secondary_section a {
  color: #ffffff;
  /* color: #212121;*/
}

@media screen and (min-width: 600px) {
  .clc-footer-big-secondary-section {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media screen and (min-width: 600px) {
  .clc-footer-contact-links {
    text-align: right;
  }
}

.clc-social-links a {
  text-decoration: none;
}

.clc-footer-big .clc-footer-contact_info {
  display: block;
}

.clc-footer-big .clc-footer-contact_info p {
  margin: 0 1rem 0 0;
}

@media screen and (min-width: 600px) {
  .clc-footer-big .clc-footer-contact_info p {
    margin: 0.5rem 0 0 0;
  }
}

@media screen and (min-width: 600px) {
  .clc-footer-big .clc-footer-contact-links {
    padding-top: 2rem;
  }
}

.clc-footer-big .clc-footer-logo {
  padding: 1rem 0;
}

@media screen and (min-width: 600px) {
  .clc-footer-big .clc-footer-logo {
    padding: 2rem 0;
  }
}

@media screen and (min-width: 600px) {
  .clc-footer-big .clc-footer-primary-section {
    padding-bottom: 4rem;
    padding-top: 3rem;
  }
}

.clc-footer-big .clc-footer-primary-section > .clc-grid {
  padding: 0;
}

@media screen and (min-width: 600px) {
  .clc-footer-big .clc-footer-primary-section > .clc-grid {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.clc-footer-big .clc-footer-primary-section .clc-footer-primary-content {
  padding-left: 0;
  padding-right: 0;
}

.clc-footer-big .clc-footer-primary-section .clc-footer-primary-content li {
  margin-left: 1.5rem;
}

@media screen and (min-width: 600px) {
  .clc-footer-big .clc-footer-primary-section .clc-footer-primary-content li {
    margin-left: 0;
  }
}

.clc-footer-big .clc-footer-primary-section .clc-footer-primary-content .clc-footer-primary-link
{
  margin-left: 0;
}

.clc-footer-big ul {
  padding-bottom: 2.4rem;
}

@media screen and (min-width: 600px) {
  .clc-footer-big ul {
    padding-bottom: 0;
  }
}

.clc-footer-big ul:last-child {
  border-bottom: 1px solid #aeb0b5;
}

@media screen and (min-width: 600px) {
  .clc-footer-big ul:last-child {
    border-bottom: none;
  }
}

.clc-footer-big ul li:not(.clc-footer-primary-link)
{  line-height: 1.3;  padding-bottom: 0.35em;  padding-top: 0.35em;}

.clc-footer-big ul .clc-footer-primary-link {
  background-image: url("https://www.clarecoco.ie/images/ds/arrow-down.png"); 
  background-image: url("https://www.clarecoco.ie/images/ds/arrow-down.svg");
  background-position: 1.5rem center;
  background-repeat: no-repeat;
  background-size: 1.3rem;
  margin-left: 0;
  padding-left: 3.5rem;
}

/* override */ 
.clc-footer-big ul .clc-footer-drawer-primary-link {
  background-image: url("https://www.clarecoco.ie/images/ds/arrow-down.png") !important; 
  background-image: url("https://www.clarecoco.ie/images/ds/arrow-down.svg") !important;
  background-position: 1.5rem center !important;
  background-repeat: no-repeat !important;
  background-size: 1.3rem !important;
  margin-left: 0 !important;
  padding-left: 3.5rem !important;
}

@media screen and (min-width: 600px) {
  .clc-footer-big ul .clc-footer-primary-link {
    background: none;
    margin-bottom: .8rem;
    padding-bottom: 0;
    padding-left: 0;
  }
}

/* Override above - show/hide controlled by JS so avoid new JS */
 .clc-footer-big ul .clc-footer-drawer-primary-link {
  	background-image: url("https://www.clarecoco.ie/images/ds/arrow-right.png") !important;
  	background-image: url("https://www.clarecoco.ie/images/ds/arrow-right.svg") !important;
  	cursor: pointer !important;
  	display: block !important;
}


.clc-footer-big ul .clc-footer-primary-link > * {  margin-top: 0;  margin-bottom: 0;}
.clc-footer-big ul.hidden {  /* stylelint-disable-line selector-no-qualifying-type */  padding-bottom: 0;}
.clc-footer-big ul.hidden li {  display: none;}
.clc-footer-big ul.hidden .clc-footer-primary-link {
  background-image: url("https://www.clarecoco.ie/images/ds/arrow-right.png");
  background-image: url("https://www.clarecoco.ie/images/ds/arrow-right.svg");
  cursor: pointer;
  display: block;
}

@media screen and (min-width: 600px) {
  .clc-footer-big ul.hidden .clc-footer-primary-link 
 {
    background: none;
    padding-left: 0;
  }
}

/* override to avoid new JS */
@media screen and (min-width: 600px) {
  .clc-footer-big ul.hidden .clc-footer-drawer-primary-link 
 {
 	background-image: url("https://www.clarecoco.ie/images/ds/arrow-right.png") !important;
  	background-image: url("https://www.clarecoco.ie/images/ds/arrow-right.svg") !important;
  	cursor: pointer !important;
  	display: block  !important;
    /*padding-left: 3rem !important;*/
  }
}


.clc-footer-topic {
  margin: 0;
  padding: 2rem 0;
}

@media screen and (min-width: 600px) {
  .clc-sign_up-header {
    margin: 0;
    padding: 2rem 0;
  }
}

.clc-footer-logo-img {
  max-width: 8rem;
}

@media screen and (min-width: 600px) {
  .clc-footer-logo-img {
    float: left;
  }
}

.clc-footer-big-logo-img {
  max-width: 10rem;
}

.clc-footer-slim-logo-img {
  float: left;
  max-width: 5rem;
}

.clc-footer-logo-heading {
  display: block;
  margin-top: 1rem;
}

@media screen and (min-width: 600px) {
  .clc-footer-logo-heading {
    display: inline-block;
    margin-top: 3rem;
    padding-left: 1.5rem;
  }
}

.clc-footer-big-logo-heading {
  margin-top: 1.5rem;
}

@media screen and (min-width: 600px) {
  .clc-footer-big-logo-heading {
    margin-top: 2rem;
  }
}

.clc-footer-slim-logo-heading {
  display: inline-block;
  margin-top: 1.5rem;
  padding-left: 1.5rem;
}

.clc-footer-contact-heading {
  margin-top: 0;
}

@media screen and (min-width: 600px) {
  .clc-footer-contact-heading {
    margin-top: 1rem;
  }
}

.clc-social_link, .clc-link-facebook, .clc-link-twitter, .clc-link-youtube, .clc-link-rss {
  margin: 2.5rem 1rem 1.5rem 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 3rem;
  display: inline-block;
  height: 4.4rem;
  left: -1.6rem;
  position: relative;
  text-align: center;
  width: 4.4rem;
}

@media screen and (min-width: 600px) {
  .clc-social_link, .clc-link-facebook, .clc-link-twitter, .clc-link-youtube, .clc-link-rss {
    margin: 0 0 0 0.5rem;
    left: 1.5rem;
  }
}

.clc-social_link span, .clc-link-facebook span, .clc-link-twitter span, .clc-link-youtube span, .clc-link-rss span {
  position: absolute;
  left: -999em;
}

.clc-link-facebook {
  background-image: url("https://www.clarecoco.ie/images/social-icons/png/facebook25.png");
  background-image: url("https://www.clarecoco.ie/images/social-icons/svg/facebook25.svg"); /*../images/social-icons/social-icons/svg/facebook25.svg");*/
}

.clc-link-twitter {
  background-image: url("https://www.clarecoco.ie/images/social-icons/png/twitter16.png");
  background-image: url("https://www.clarecoco.ie/images/social-icons/svg/twitter16.svg") /*../images/ds/social-icons/svg/twitter16.svg");*/
}

.clc-link-rss {
  background-image: url("https://www.clarecoco.ie/images/social-icons/pngrss25.png");
  background-image: url("https://www.clarecoco.ie/images/social-icons/svg/rss25.svg");
}

@media screen and (min-width: 600px) {
  [type=submit] {
    margin-top: calc(3rem - .2em);
  }
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 600px) {
  .clc-form {
    max-width: 32rem;
  }
}

@media screen and (min-width: 600px) {
  .clc-input-tiny {
    max-width: 6rem;
  }
}

@media screen and (min-width: 600px) {
  .clc-input-medium {
    max-width: 12rem;
  }
}

.clc-form-note {
  float: right;
  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1.5rem;
  margin: 0 0 1.5rem;
}

.clc-form-note + * {
  clear: both;
}

@media screen and (min-width: 600px) {
  .clc-form-large {
    max-width: 46rem;
  }
}

@media screen and (min-width: 600px) {
  .clc-input-grid {
    padding-right: 5%;
  }
}

@media screen and (min-width: 600px) {
  .clc-input-grid:last-of-type {
    padding-right: 0;
  }
}

@media screen and (min-width: 600px) {
  .clc-input-grid-small {
    float: left;
    width: 35%;
  }
}

.clc-input-grid-small input {
  margin-bottom: 3rem;
}

.clc-input-grid-small select {
  margin-bottom: 3rem;
}

@media screen and (min-width: 600px) {
  .clc-input-grid-medium {
    float: left;
    width: 65%;
  }
}

.clc-input-grid-medium input {
  margin-bottom: 3rem;
}

.clc-input-grid-medium select {
  margin-bottom: 3rem;
}

@media screen and (min-width: 600px) {
  .clc-input-grid-large {
    float: left;
    width: 100%;
  }
}

.clc-input-grid-large input {
  margin-bottom: 3rem;
}

.clc-input-grid-large select {
  margin-bottom: 3rem;
}

.clc-additional_text {
  font-weight: normal;
}

.clc-checklist {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.clc-checklist li {
  display: inline-block;
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 3em;
  text-indent: -2em;
}

.clc-checklist li::before {
  content: ' ';
  display: inline-block;
  height: .8em;
  margin-right: .2em;
  width: 1.8em;
}

.clc-checklist-checked::before {
  background-image: url("https://www.clarecoco.ie/images/ds/correct9.png");
  background-image: url("https://www.clarecoco.ie/images/ds/correct9.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.clc-graphic_list .clc-graphic_list-row .clc-media_block {
  margin-bottom: 3rem;
}

@media screen and (min-width: 600px) {
  .clc-graphic_list .clc-graphic_list-row .clc-media_block {
    margin-bottom: 6rem;
  }
}

@media screen and (min-width: 600px) {
  .clc-graphic_list .clc-graphic_list-row:last-child .clc-media_block {
    margin-bottom: 0;
  }
}

.clc-graphic_list .clc-graphic_list-row:last-child .clc-media_block:last-child {
  margin-bottom: 0;
}

.clc-graphic_list .clc-media_block-img {
  margin-right: 3rem;
}

.clc-graphic_list .clc-media_block-body > :first-child {
  margin-top: 0;
}

.clc-header {
  width: 100%;
  z-index: 7000;
 /* border: 1px solid #d6d7d9; bd */ /*#ffffcc;*/
}

@media screen and (min-width: 951px) {
  .clc-header {
   /* border-bottom: 1px solid #d6d7d9;*/
  }
}

.clc-header a {
  border-bottom: none;
}

@media screen and (min-width: 951px) {
  .clc-header .clc-search {
    float: right;
    max-width: 21.5rem;
  }
}

.clc-logo {
 line-height: 4rem; 
 margin-left: 1.5rem;
 margin-left: 0;
}

.clc-logo a {
  color: #212121;
  text-decoration: none;
}

.clc-logo br {
  /* bd commenting out display: none;*/
}

@media screen and (min-width: 951px) {
  .clc-logo br {
   display: block;
  }
}

.clc-logo-text {
  display: inline; 
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400; /* bd was 700; */
  margin: 0;
  /* bd text-transform: uppercase; */
}

@media screen and (min-width: 951px) {
  .clc-logo-text {
    display: inline; /* bd block; */
    font-size: 2.4rem;
    line-height: 1.3;
  }
}

.clc-menu-btn {
/*added border for testing*/
  border: 1px solid #091f2f;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-align: left;
  -webkit-font-smoothing: auto;
  /* bd check this white on blue */
  background-color: #a7bc3d; /* bd #0071bc; */
  color: #000000;/* bd #ffffff;*/
  display: inline;
  float: right;
  font-size: 1.3rem;
  height: 4rem;
  line-height: 4rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 5.8rem; 
}

.clc-menu-btn:hover {
  background-color: transparent;
}
 .secondNav {   display:none}

@media screen and (min-width: 951px) {
  .clc-menu-btn {
    display: none;
  }
   .secondNav { display:block}
}

.clc-menu-btn:hover {
  color: #ffffff;
  /* bd check */
  background-color: #4b4b4b; /* bd  #205493; */
}

.clc-menu-btn:visited {
  /* bd check */
  color: #ffffff;
}

.clc-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000000;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  visibility: hidden;
  z-index: 8000;
}

.clc-overlay.is-visible {
  opacity: 0.1;
  visibility: visible;
}

@media screen and (min-width: 951px) {
  .clc-header-extended .clc-header {
    border-bottom: none   
  }
}


 .clc-header-extended .clc-navbar  {
   padding-left: 3rem;
   display: block;
   height: auto;
   padding-top:.5rem;
   padding-bottom:.5rem;
  }
 

@media screen and (min-width: 951px) {
  .clc-header-extended em { 
    font-size: 3.2rem; 
    line-height: 1; 
  }
}

/* bd - adding a non-media qurey as a fix for the search bar display issue */
 .clc-header-extended .clc-navbar::after
  {
    clear: both;
    content: "";
    display: block;
  }

/* bd end added */
@media screen and (min-width: 951px) {   
  .clc-header-extended .clc-navbar,
  .cookie-banner .cookie-banner-content {
  max-width: 1220px;
 /* max-width: 1040px; 10042020 */
    margin-left: auto;
    margin-right: auto;
    padding-right: 3rem;
    padding-left: 3rem;
    display: block;
    height: auto;
  }
  /* bd can poss. delete this segment as non-media query version also added as fix for search bar issue */
  .clc-header-extended .clc-navbar::after
  {
   clear: both;
    content: "";
    display: block;
  }
}

/*bd adding for width*/
@media screen and (min-width: 1440px) {   
  .clc-header-extended .clc-navbar,
  .cookie-banner .cookie-banner-content {
  max-width: 1220px;
  /*  margin-left: auto;
    margin-right: auto;
    padding-right: 3rem;
    padding-left: 3rem;
    display: block;
    height: auto;*/
  }
}

/* ccc-nav-s is based on .clc-nav*/
/*
   .clc-header-extended .ccc-nav-s {
    border-top: 1px solid #d6d7d9;
    float: none;
    padding: 0;
    width: 100%;
    z-index: 9999; don't need
  }*/

@media screen and (min-width: 951px) {
   .clc-header-extended .clc-nav
    {
    border-top: 1px solid #d6d7d9;
    border-bottom: 1px solid #d6d7d9; /* WS added */
    /* bd potential colour change */
    float: none;
    padding: 0;
    width: 100%;
    z-index: 9999; /*don't need*/  
  }
  
  /* same def as above - based on .clc-nav*/
   .clc-header-extended .ccc-nav-s {
  /*  border-top: 1px solid #d6d7d9;*/
    /* bd potential colour change */
    float: none;
    padding: 0;
    width: 100%;
    z-index: 9999; /*don't need*/  
    /* display: none;*/
  }
  
}

@media screen and (min-width: 951px) {
    .clc-header-extended .clc-nav-inner {
     max-width: 1220px;
 /*   max-width: 1040px;*/
    margin-left: auto;
    margin-right: auto;
    padding-right: 3rem;
    padding-left: 1.5rem;
    margin-top: -1px;
    position: relative;
  }
 
   .h-s {
    float: none;
    width: 100%;
    /* moved above 3 from above section */ 
    /*max-width: 1040px;*/
    margin-left: auto;
    margin-right: auto;
    padding-right: 3rem;
    padding-left: 1.5rem;
    margin-top: -1px;
    position: relative;
  }
 
  .clc-header-extended .clc-nav-inner::after {
    clear: both;
    content: "";
    display: block;
  }
}

/* bd can bring this into the above MQ */
@media screen and (min-width: 951px) {
  .clc-header-extended .clc-nav-primary::after {
    clear: both;
    content: "";
    display: block;
  }
}

/* bd? added for width */ 
@media screen and (min-width: 1440px) {
    .clc-header-extended .clc-nav-inner {
    max-width: 1220px;
  }
}
.clc-header-extended .clc-nav-primary button[aria-expanded=false], .clc-header-extended .clc-nav-primary button[aria-expanded=true] {
}

@media screen and (min-width: 951px) {
  .clc-header-extended .clc-nav-primary button[aria-expanded=false], .clc-header-extended .clc-nav-primary button[aria-expanded=true] {
    background-position: right 1.5rem top 53%;
  }
}

@media screen and (min-width: 951px) {
  .clc-header-extended .clc-nav-link {
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
  }
}

@media screen and (min-width: 951px) {
  .clc-header-extended .clc-nav-submenu .clc-grid-full {
    padding-left: 1.2rem;
  }
}

@media screen and (min-width: 951px) {
  .clc-header-extended .clc-megamenu {    padding-left: 3rem;  }
  .clc-hero {    /*bd for ipad pro up*/ margin-top: 0;  }
}

@media screen and (max-width: 768px) {
  .clc-hero {  /* margin-top: 5rem; */ }  
}


.clc-hero {
 /*for mobiles next line */
 /* margin-top: 3rem;*/
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-position: center;
  background-size: cover;
/*  border-bottom: solid 12px #ffb900; /*#60aac0; /*  here */
/*  border-top: solid 12px #ffb900; /*#60aac0; /*#a7bc3d; bd */
}


.topactionbar h2 {font-size: 2rem;}

/*
.clc-grid .clc-button, 
.topactionbar .clc-button, 
.event-bar .clc-button, 
.news-bar .clc-button, 
.clc-width-two-thirds .clc-button, 
.clc-layout-docs-main_content .clc-button, 
.clc-hero .clc-button, 
.cookie-banner .clc-button, 
clc-footer .clc-button{
  color: #ffffff;  color: #000000;
  background-color: #a7bc3d; 
}
*/

.clc-section-light {
background-color: #fbf6f2; /* #fbf6f2; #f1f1f1;*/
padding-bottom: .5em;
}

.clc-section-mid {
background-color: #31bfd7; 
padding-bottom: 1em;
}

.clc-section-light-alt {
background-color: #eeefef;  /* #fbf6f2; #f1f1f1;*/
border-top: 1px solid #d6d7d9;
border-bottom: 1px solid #d6d7d9;
/*background-color: #8b2388;*/
padding-bottom: 2rem;
/*padding-top: 1rem;*/
}

/*colours: 
background-color: #31bfd7;*/

/*delete */
.background-bold-blue {
    background-color: #9BDAF1;
}

/* references to below item should be replaced by .clc-section-light */
.background-lightest {
  /*  background-color: #F3F3F3;*/
}

.clc-section-dark .clc-hero-link {
  color: #02bfe7;
}

.clc-hero-callout {
  /*background-color: #a7bc3d;*/
  padding: 1.5rem;
}

.clc-hero-callout h2 {
  font-size: 3rem;
}

@media screen and (min-width: 481px) {
  .clc-hero-callout {
    max-width: 30rem;
  }
}

@media screen and (min-width: 1024px) {
  .clc-hero-callout {
    max-width: 35rem;
  }
 
}
/* added bd */
@media (max-width: 480px) {
    .full-row-feature .feature-description .learn-more {
        width:100%;
        text-align: center
    }
}


.clc-hero-callout > *:first-child {
  margin-top: 0;
  margin-bottom: 2rem;
}

.clc-hero-callout-alt {
  color: #ffffff;
  display: block;
}

.clc-layout-docs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 1201px) {
  .clc-layout-docs {
    display: inherit;
  }
}

.clc-layout-docs .clc-grid > :first-child:not(.clc-width-*) {
  margin-top: 0;
}

.clc-layout-docs .clc-grid > :last-child:not(.clc-width-*) {
  margin-bottom: 0;
}

.clc-layout-docs-sidenav {
  -ms-flex-order: 2;
  order: 2;
}

.clc-layout-docs-main_content {
  margin-bottom: 3rem;
  -ms-flex-order: 1;
  order: 1;
}

.clc-layout-docs-main_content h1 {
    border-left: 0.6rem solid #a7bc3d;
    padding-left: 1rem;
}

@media screen and (min-width: 768px){
}

@media screen and (min-width: 1201px) {
  .clc-layout-docs-main_content {
    margin-bottom: 0;
  }
}

.clc-layout-docs-main_content > :first-child {
  margin-top: 0;
}

.clc-media_block-img {
  float: left;
  margin-right: 1rem;
}

.clc-media_block-body {
  overflow: hidden;
}

.clc-navbar {
  border-bottom: 1px solid #aeb0b5;
  height: 4rem; /*bd? added 24/8*/
}

@media screen and (min-width: 951px) {
  .clc-navbar {
    border-bottom: none;
    display: inline-block;
    height: 7.8rem;
  }
}

.clc-nav-link {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

@media screen and (min-width: 951px) {
  .clc-nav-link:hover span {
    border-bottom: 0.4rem solid #a7bc3d; /*#0071bc;*/
    padding-bottom: 0.6rem;
  }
}

@media screen and (min-width: 951px) {
  .clc-nav-link.clc-accordion-button span {
    margin-right: 0;
    padding-right: 1.5rem;
  }
}

/* BD don't think using this style */
@media screen and (min-width: 951px) {
  .clc-nav-container {
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 3rem;
    padding-left: 3rem;
  }
  .clc-nav-container::after {
    clear: both;
    content: "";
    display: block;
  }
}

.clc-nav {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  background: #ffffff;
  border-left: 1px solid #aeb0b5;
  border-right: 0;
  display: none;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-y: auto;
  padding: 2rem;
  width: 26rem;
  z-index: 9000;
}

@keyframes slidein-left {
  from {
    transform: translateX(26rem);
  }
  to {
    transform: translateX(0);
  }
}

@media screen and (min-width: 951px) {
  .clc-nav {
    padding-top: 4.5rem;
    padding-right: 0;
    padding-bottom: 0;
    border-left: none;
    display: block;
    float: right;
    overflow-y: visible;
    position: relative;
    -ms-transform: translateX(0);
    transform: translateX(0);
    width: auto;
  }
}

.clc-nav.is-visible {
  animation: slidein-left 0.3s ease-in-out;
  display: -ms-flexbox;
  display: flex;
}

.clc-nav nav {
  margin-top: 6rem;
  min-height: 100%;
}

@media screen and (min-width: 951px) {
  .clc-nav nav {
    margin-top: 0;
  }
}

.clc-nav .clc-current {
  border-left: 4px solid #0071bc;
  color: #a7bc3d; /*#0071bc;*/
  font-weight: 700;
  padding-left: 1.4rem;
}

@media screen and (min-width: 951px) {
  .clc-nav .clc-current {
    color: #212121;
  }
}

.clc-nav .clc-button {
  width: 100%;
}

@media screen and (min-width: 951px) {
  .clc-nav .clc-search {
    margin-left: 1.5rem;
    top: 4px;
  }
}

.clc-nav-primary {
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  padding-left: 0;
  margin-top: 1.5rem;
  -ms-flex-order: 2;
  order: 2;
}

.clc-nav-primary > li {
  margin-bottom: 0;
}

.clc-nav-primary > li {
  background-color: transparent;
  border-top: 1px solid #5b616b;
  font-size: 1.7rem;
}

.clc-nav-primary > li:first-child {
  border-top: none;
}

.clc-nav-primary a {
  border: none;
  color: #212121;
  display: block;
  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  line-height: 1.3;
  padding: 0.85rem 1rem 0.85rem 1.5rem;
  text-decoration: none;
}

@media screen and (max-width: 951px){
.clc-nav-primary h2 {font-size: 2rem; margin-top: 0; margin-bottom: 0}
.clc-nav-primary h2 > a {  /*  display: none; */ }
}

.clc-nav-primary a:hover {
  background-color: #f1f1f1;
  color: #a7bc3d; /*#0071bc;*/
  text-decoration: none;
}

.clc-nav-primary a:focus {
  outline-offset: 0;
  position: relative;
  z-index: 1;
}

.clc-nav-primary a.clc-current {
  /* stylelint-disable-line selector-no-qualifying-type */
  border-left: 0.4rem solid #0071bc;
  color: #a7bc3d; /*#0071bc;*/
  font-weight: 700;
  padding-left: 1.1rem;
}

@media screen and (min-width: 951px) {
  .clc-nav-primary {
    display: inline;
  }
}

@media screen and (min-width: 951px) {
  .clc-nav-primary li {
    border-top: none;
  }
}

.clc-nav-primary > li {
  width: auto;
}

@media screen and (min-width: 951px) {
  .clc-nav-primary > li {
    display: inline-block;
  }
}

@media screen and (min-width: 951px) {
  .clc-nav-primary > li > a {
    padding: 1.3rem 1.5rem 2.2rem;
    color: #5b616b;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
  }
}

@media screen and (min-width: 951px) {
  .clc-nav-primary > li > a:hover {
    background-color: transparent;
  }
}

@media screen and (min-width: 951px) {
  .clc-nav-primary a {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}

.clc-nav-primary button {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-align: left;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1.3;
  padding: 0.85rem 1.5rem 0.85rem 1.8rem;
}

.clc-nav-primary button:hover {
  background-color: transparent;
}

@media screen and (min-width: 951px) {
  .clc-nav-primary button {
    padding: 1.3rem 1.5rem 2.2rem;
    color: #5b616b;
    font-size: 1.6rem; /* increased was 1.5rem;*/
    font-weight: 700;
    line-height: 1;
    width: initial;
  }
}

.clc-nav-primary button:focus, .clc-nav-primary button:active {
  box-shadow: 2px solid #aeb0b5;

  /*box-shadow: 2px dotted #aeb0b5;*/
}

.clc-nav-primary button:hover {
  background-color: #f1f1f1;
  color: #4b4b4b; /*#a7bc3d; #0071bc;*/
}

@media screen and (min-width: 951px) {
  .clc-nav-primary button:hover {
    background-color: transparent;
  }
}

.clc-nav-primary button[aria-expanded=false] {
  /* stylelint-disable-line selector-no-qualifying-type */
  background-image: url("https://www.clarecoco.ie/images/ds/plus-alt.png");
  background-image: url("https://www.clarecoco.ie/images/ds/plus-alt.svg");
  background-repeat: no-repeat;
  background-position: right 0 center;
  background-size: 1rem;
}

@media screen and (min-width: 951px) {
  .clc-nav-primary button[aria-expanded=false] {
    background-image: url("https://www.clarecoco.ie/images/ds/angle-arrow-down.png"); /*../images/ds/angle-arrow-down.png");*/
    background-image: url("https://www.clarecoco.ie/images/ds/angle-arrow-down.svg"); /* ../images/ds/angle-arrow-down.svg");
    background-position: right 1.5rem top 40%;*/
  }
}

@media screen and (min-width: 951px) {
  .clc-nav-primary button[aria-expanded=false]:hover {
    background-image: url("https://www.clarecoco.ie/images/ds/angle-arrow-down.png"); /*../images/ds/angle-arrow-down-primary.png");*/
    background-image: url("https://www.clarecoco.ie/images/ds/angle-arrow-down.svg"); /*../images/ds/angle-arrow-down-primary.svg");*/
  }
}

.clc-nav-primary button[aria-expanded=true] {
  /* stylelint-disable-line selector-no-qualifying-type */
  background-image: url("https://www.clarecoco.ie/images/ds/minus-alt.png");
  background-image: url("https://www.clarecoco.ie/images/ds/minus-alt.svg");
  background-repeat: no-repeat;
  background-position: right 0 center;
  background-size: 1rem;
}

@media screen and (min-width: 951px) {
  .clc-nav-primary button[aria-expanded=true] {
    background-color: #4B4B4B; /*#a7bc3d;*/
    color: #ffffff;
    background-image: url("https://www.clarecoco.ie/images/ds/angle-arrow-down.png"); /* bd../images/ds/angle-arrow-down-hover.png");*/
    background-image: url("https://www.clarecoco.ie/images/ds/angle-arrow-down.svg"); /* ../images/ds/angle-arrow-down-hover.svg");*/
    background-position: right 1.5rem top 40%;
  }
  .clc-nav-primary button[aria-expanded=true]:hover {
    background-color: #4B4B4B; /*#a7bc3d;*/
  }
  .clc-nav-primary button[aria-expanded=true] span {
    border-bottom: 0.4rem solid #a7bc3d; /*#0071bc;*/
    padding-bottom: 0.6rem;
    color: #ffffff;
  }
}

@media screen and (min-width: 951px) {
  .clc-nav-primary a.clc-current,
  .clc-nav-primary .clc-current {
    border-left: 0;
    padding-left: 1.5rem;
  }
  .clc-nav-primary a.clc-current:hover span,
  .clc-nav-primary .clc-current:hover span {
    color: #0071bc;
  }
  .clc-nav-primary a.clc-current span,
  .clc-nav-primary .clc-current span {
    border-bottom: 0.4rem solid #a7bc3d; /*#0071bc;*/
    padding-bottom: 0.6rem;
    color: #212121;
  }
}

@media screen and (min-width: 951px) {
  .clc-header-extended .clc-nav-link:hover span {
   border-bottom: 0.4rem solid #a7bc3d; /*#0071bc;*/
     padding-bottom: 0.9rem;
  }
}

.clc-header-extended .clc-nav-primary button[aria-expanded=true] {
  /* stylelint-disable-line selector-no-qualifying-type */
}

@media screen and (min-width: 951px) {
  .clc-header-extended .clc-nav-primary button[aria-expanded=true] span {
    border-bottom: 0.4rem solid #a7bc3d; /*#0071bc;*/
    padding-bottom: 0.9rem;
  }
}

@media screen and (min-width: 951px) {
  .clc-header-extended .clc-nav-primary .clc-current span {
    border-bottom: 0.7rem solid #0071bc;
    padding-bottom: 0.9rem;
  }
}

.clc-nav-secondary {
  margin-top: 1.5rem;
}

/* using?  */
.clc-nav-breadcrumb-links {
  margin-top: 1rem;
}


@media screen and (min-width: 951px) {
  .clc-nav-secondary {
    /* margin-top: 0; BD */ 
    position: absolute;
    right: 3rem;
    top: 0rem; /* was 5.7*/
  }
}

.clc-nav-secondary .clc-search {
  margin-top: 1.5rem;
  margin-bottom: 0;
}

@media screen and (min-width: 951px) {
  .clc-nav-secondary .clc-search {
    margin-top: -0.9rem;
    margin-bottom: 0;
    margin-left: 0;
    float: left;
  }
}

/* using ? */
.clc-nav-secondary-links {
  margin-top: 2.4rem;
}


.clc-horizontal-list li {
    display: inline-block;
}

.clc-horizontal-list-docs li {
margin-right: 1rem;
}

.clc-horizontal-list-depts li {
margin-right: 2rem;
}

.clc-topic-nav {
    width: 100%;
    left: 0;
    background-color: #fff;
    transition: background-color .25s ease;
    display: none;
    z-index: 10;
    margin-bottom: 12px; /*42px;*/
}



@media (min-width: 768px){ /* was 980*/
.clc-topic-nav {
    display: block;
    position: relative;
    top: 0;
    margin-bottom: 12px; /*45px;*/
    margin-top: 20px;
}


.clc-topic-nav ul {
    width: 100%;
    margin: 0 auto
}
}

@media (min-width: 980px) {
    .clc-topic-nav ul {
        width:100%;
        text-align: center;
        max-width: none
    }
}

@media (min-width: 980px) {
    .clc-topic-nav.clc-topic-nav-left ul {
        text-align:left
    }
    .clc-topic-nav.clc-topic-nav-left li {
        margin:0 2em 0 0
    }
}

.clc-topic-nav li {
    border-style: solid;
    border-width: 1px 1px 0;
    border-color: #e0e0e0;
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: center;
    background-image: none;
    line-height: 46px;
    line-height: 2.55556rem
}

.clc-topic-nav li:last-child {
    border-bottom: 1px solid #e0e0e0
}

.clc-topic-nav li:hover {
    /*background-color: #288be4;*/
    cursor: pointer
}

.clc-topic-nav li:hover a,.clc-topic-nav li:hover a:active,.clc-topic-nav li:hover a:hover,.clc-topic-nav li:hover a:link,.clc-topic-nav li:hover a:visited {
    /*color: #fff*/
}

.clc-topic-nav li:before {
    content: none
}

@media (min-width: 980px) {
    .clc-topic-nav li {
        display:inline-block;
        margin: 0 1em;
        border: none
    }

    .clc-topic-nav li:last-child {
        border-bottom: none
    }

   .clc-topic-nav li:hover {
        background-color: #fff
    }
}

.clc-topic-nav a {
    display: block;
    font-weight: 700
}

.clc-topic-nav a:hover {
    /*color: #fff*/
}

.clc-topic-nav a:active,.clc-topic-nav a:focus {
}

@media (min-width: 980px) {
    .clc-topic-nav a {
        display:inline
    }

    .clc-topic-nav a:active,.clc-topic-nav a:focus,.clc-topic-nav a:hover {
        /*color: #fb4d42*/
    }
}


.clc-breadcrumbs {
  /* background-color: #f7f7f7;*/
  /* position: relative; */
  color: #4d4d4f; 
  font-size: 1.5rem;
  letter-spacing: .1rem;
  border-bottom: 1px solid #d6d7d9;
  padding-bottom: 1rem;
}

.clc-breadcrumbs a {
   color: #000;
   text-decoration: underline;
}


.clc-breadcrumbs li:not(:last-child):after {
    content: '>  ';
}

@media screen and (min-width: 951px) {
  .clc-nav-secondary-links {
    float: left;
    margin-top: 0;
    /* bd adding to hide the links */
    display: none;
  }
  
   .clc-horizontal-list li {
   /* display: none;}*/
  } 
  .clc-breadcrumbs 
   { /*    display: none;*/
  margin-top: 0;}
}

/* headings wrapped in anchors */
h2 > a, h3 > a
{
text-decoration: none;
}


@media screen and (min-width: 951px) {
  .clc-nav-secondary-links li {
    display: inline;
    padding-left: 0.5rem;
  }
}

@media screen and (min-width: 951px) {
  .clc-nav-secondary-links li:not(:last-child)::after {
    color: #d6d7d9;
    content: '|';
    padding-left: 0.5rem;
  }
}

.clc-nav-secondary-links a,
.clc-nav-secondary-links .clc-header-search-button {
  color: #5b616b;
  display: inline-block;
  font-size: 1.5rem;
  text-decoration: none;
}

.clc-nav-secondary-links a:hover,
.clc-nav-secondary-links .clc-header-search-button:hover {
  color: #0071bc;
  text-decoration: underline;
}

.clc-nav-secondary-links .clc-header-search-button {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-align: left;
  -webkit-font-smoothing: auto;
  display: none;
}

.clc-nav-secondary-links .clc-header-search-button:hover {
  background-color: transparent;
}

@media screen and (min-width: 951px) {
  .clc-nav-secondary-links .clc-header-search-button {
    background-image: url("https://www.clarecoco.ie/images/ds/search-alt.png"); /*bd ../images/ds/search-alt.png");*/
    background-image: url("https://www.clarecoco.ie/images/ds/search-alt.svg"); 
    /* bd ../images/ds/search-alt.svg");*/
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 2.2rem;
    display: inline-block;
    padding-left: 2.3rem;
  }
}

@media screen and (min-width: 951px) {
  .clc-nav-secondary-links .clc-header-search-button.is-hidden {
    display: none;
  }
}

@media screen and (min-width: 951px) {
  .clc-nav-secondary-links a.clc-current {
    border-left: 0;
    padding-left: 0;
  }
}

.clc-nav-submenu {
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  width: 100%;
}

.clc-nav-submenu > li {
  margin-bottom: 0;
}

.clc-nav-submenu li {
  border: none;
  /*font-size: 1.5rem;*/
}

.clc-nav-submenu a {
  padding-left: 2.8rem;
  line-height: 1.3;
}

.clc-nav-submenu a:hover, .clc-nav-submenu a.clc-current {
  /* stylelint-disable-line selector-no-qualifying-type */
  border: none;
  padding-left: 2.8rem;
}

.clc-nav-submenu .clc-sidenav-sub_list a, .clc-nav-submenu .clc-sn-s_l a {
  padding-left: 3.8rem;
}

.clc-nav-submenu .clc-sidenav-sub_list a:focus, .clc-nav-submenu .clc-sn-s_l a:focus {
  outline-offset: 0;
}

.clc-nav-submenu .clc-sidenav-sub_list a:hover, .clc-nav-submenu .clc-sn-s_l a:hover {
  padding-left: 3.8rem;
}

@media screen and (min-width: 951px) {
  .clc-nav-submenu {
    margin-top: 0;
    margin-bottom: 0;
    list-style-type: none;
    padding-left: 0;
    padding-top: 0.75rem;
    padding-bottom: 0.9rem;
    background-color: #4B4B4B; 
    width: 21.5rem;
    position: absolute;
  }
  .clc-nav-submenu > li {
    margin-bottom: 0;
  }
}

.clc-nav-submenu[aria-hidden=true] {
  display: none;
}

@media screen and (min-width: 951px) {
  .clc-nav-submenu a {
    color: #ffffff;
    padding-left: 1.5rem;
    /*letter-spacing: .05em;*/
  }
}

@media screen and (min-width: 951px) {
  .clc-nav-submenu a:hover {
    background-color: #ffffff; /*#4B4B4B; /*#a7bc3d;*/
    color: #8b2388; /*#ffffff;*/
    padding-left: 1.5rem;
    text-decoration: underline;
  }
}

.clc-nav-submenu li {
 /* font-size: 1.5rem; */
  margin-bottom: 0;
}

.clc-nav-close {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-align: left;
  -webkit-font-smoothing: auto;
  margin: -1.2rem -1.5rem 1.5rem auto;
  color: currentColor;
  float: right;
  height: 4.4rem;
  text-align: center;
  width: 4.4rem;
}

.clc-nav-close:hover {
  background-color: transparent;
}

.clc-nav-close:hover {
  color: currentColor;
}

@media screen and (min-width: 951px) {
  .clc-nav-close {
    display: none;
  }
}

.clc-nav-close img {
  width: 1.3rem;
}

.clc-nav-close + * {
  clear: both;
}

.clc-mobile_nav-active {
  overflow: hidden;
}

@media screen and (min-width: 951px) {
  .clc-megamenu {
    padding-top: 3.15rem;
    padding-bottom: 3.15rem;
    left: -1rem;
    width: 100%;
  }
}

@media screen and (min-width: 951px) {
  .clc-megamenu::before {
    background-color: #4B4B4B; /* #a7bc3d;*/
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 1000%;
    right: 100%;
  }
}

@media screen and (min-width: 951px) {
  .clc-megamenu::after {
    background-color: #4B4B4B; /*#a7bc3d;*/
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 1000%;
    left: 100%;
  }
}

@media screen and (min-width: 951px) {
  .clc-header-basic-megamenu .clc-nav {
    padding-left: 0;
    padding-top: 0;
    width: 100%;
  }
}

.clc-header-basic-megamenu .clc-nav-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 951px) {
  .clc-header-basic-megamenu .clc-nav-inner {
    display: block;
    float: right;
    margin-top: -3.8rem;
  }
}


@media screen and (min-width: 951px) {
  .clc-header-basic-megamenu .clc-nav-submenu .clc-grid-full {
    margin-left: -1.8rem;
  }
}

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

  .clc-megamenu-col {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
  }
  .clc-megamenu-col:last-child {
    margin-right: 0;
  }
  .clc-megamenu-col:nth-child(2n) {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
  }
  .clc-megamenu-col:nth-child(2n):last-child {
    margin-right: 0;
  }
  .clc-megamenu-col:nth-child(4n) {
    margin-right: 0;
  }
}

.clc-megamenu-col > ul {
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  padding-left: 0;
}

.clc-megamenu-col > ul > li {
  margin-bottom: 0;
}

.clc-search {
  max-width: none;
  position: relative;
}

.clc-search::after {
  clear: both;
  content: "";
  display: block;
}

.clc-search [type=submit],
.clc-search .clc-search-submit {
  background-image: url("https://www.clarecoco.ie/images/ds/search.png"); /* bd  url("../images/ds/search.png");*/
  background-image: url("https://www.clarecoco.ie/images/ds/search.svg"); /* bd url("../images/ds/search.svg");*/
  background-position: 50%;
  background-repeat: no-repeat;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  height: 3.3rem;
  margin: 0;
  padding: 0;
  width: 4.5rem;
}

@media screen and (min-width: 481px) {
  .clc-search [type=submit],
  .clc-search .clc-search-submit {
    background-image: none;
    width: 8.5rem;
  }
}

@media screen and (min-width: 481px) {
  .clc-search.clc-search-big [type=search],
  .clc-search.clc-search-big .clc-search-input {
    font-size: 1.7rem;
    height: 4.4rem;
    width: calc(100% - 11.6rem);
  }
  .clc-search.clc-search-big [type=submit],
  .clc-search.clc-search-big .clc-search-submit {
    font-size: 2rem;
    height: 4.4rem;
    width: 11.6rem;
  }
}

@media screen and (min-width: 481px) {
  .clc-search.clc-search-small [type=search],
  .clc-search.clc-search-small .clc-search-input {
    width: calc(100% - 4.5rem);
  }
  .clc-search.clc-search-small [type=submit],
  .clc-search.clc-search-small .clc-search-submit {
  background-image: url("https://www.clarecoco.ie/images/ds/search.png"); /* bd  url("../images/ds/search.png");*/
  background-image: url("https://www.clarecoco.ie/images/ds/search.svg"); /* bd url("../images/ds/search.svg");*/
    background-position: 50%;
    background-repeat: no-repeat;
    width: 4.5rem;
  }
}

@media screen and (max-width: 950px) {
  .clc-search.clc-search-small.clc-sr-only {
    left: auto;
    position: relative;
  }
}

input[type=search] {
  /* stylelint-disable-line selector-no-qualifying-type */
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

[type=search],
.clc-search-input {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom-right-radius: 0;
  border-right: none;
  border-top-right-radius: 0;
  box-sizing: border-box;
  float: left;
  font-size: 1.4rem;
  height: 3.3rem;
  margin: 0;
  width: calc(100% - 4.5rem);
}

@media screen and (min-width: 481px) {
  [type=search],
  .clc-search-input {
    width: calc(100% - 8.5rem);
  }
}

.clc-search-submit-text {
  position: absolute;
  left: -999em;
}

.clc-section {/*    border-bottom: 1px solid #d6d7d9;*/ }

@media screen and (min-width: 481px) {  
.clc-search-submit-text {
	position: static;  
	}
}
 
.clc-section {  padding-top: 2rem;  }
.clc-section-condensed {  
padding-top: 0;   
padding-bottom: 1rem !important;   
padding-top: 1rem !important;   
margin-top: 1rem;
}

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

.clc-section-condensed {
  padding-top: 1rem; 
}
  .clc-section {
  /*  padding-top: 6rem;
    padding-bottom: 6rem;*/
  }
}

.clc-section-x-light {  background-color: #ffffff;}
.clc-section-dark {  background-color: #a7bc3d;  color: #ffffff;}
.clc-section-dark h1,
.clc-section-dark h2,
.clc-section-dark h3,
.clc-section-dark h4,
.clc-section-dark h5,
.clc-section-dark h6 {
  color: #02bfe7;
}

.clc-section-dark p {
  color: #ffffff;
}

.clc-section-dark a {
  color: #d6d7d9;
}

.clc-section-dark a:hover {
  color: #ffffff;
}

.clc-sidenav-list,  .clc-sn-l {
  margin-top: 0;
  margin-bottom: 2rem;
  list-style-type: none;
  padding-left: 0;
 /* border-bottom: 1px solid;  border-top: 1px solid;*/
}

.clc-sidenav-list > li,  .clc-sn-l > li {
  margin-bottom: 0;
}

.clc-sidenav-list > li {
  background-color: transparent;
 /* font-size: 1.7rem;*/
}

.clc-sidenav-list > li:first-child {
  /*border-top: none;*/
    border-top: 1px solid #dedad8;
}

.clc-sidenav-list a {
border-bottom: 1px solid #dedad8; 
  /*border: none;*/
  color: #212121;
  display: block;
  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  line-height: 1.3;
  padding: 0.85rem 1rem 0.85rem 1.5rem;
  text-decoration: none;
}

.clc-sn-l a.clc-arrow::before{ 
  background: url("https://www.clarecoco.ie/images/ds/angle-arrow-up-primary.png") no-repeat 0 0;
  background: url("https://www.clarecoco.ie/images/ds/angle-arrow-up-primary.svg") no-repeat 0 0;
  background-size: 100%;
  content: '';
  display: inline-block;
  height: .75em;
  margin-bottom: -1px;
  margin-left: 4px; 
  margin-right: 4px;
  width: .75em;
 }
  
.clc-sn-l a.clc-arrow-left::before{  transform: rotate(-90deg); }
.clc-sn-l a.clc-arrow-down::before{   content: '\00a0\00a0\00a0\00a0'; }
  
.clc-sn-l a {border-bottom: 1px solid #dedad8;   display: block;  padding: 0.85rem 1rem 0.85rem 1.5rem;  text-decoration: none; border-left: 0.4rem solid #a7bc3d;}

.clc-sidenav-list a:hover, .clc-sn-l a:hover {background-color: #f1f1f1;  color: #0071bc;  text-decoration: none;}

.clc-sidenav-list a:focus, .clc-sn-l a:focus {
  outline-offset: 0;
  position: relative;
  z-index: 1;
}

.clc-sidenav-list a.clc-current {
  /* stylelint-disable-line selector-no-qualifying-type */
  background-color: #f1eeec; 
 /*  border-bottom: 1px solid #dedad8; */
  border-left: 0.4rem solid #a7bc3d; 
  color: #8b2388; /*#0071bc;*/
  font-weight: 700;
  padding-left: 1.1rem;
}

.clc-sidenav-list a.clc-current, .clc-sn-l a.clc-current {
  background-color: #f1eeec; 
  border-left: 0.4rem solid #a7bc3d; 
  color: #0071bc;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
/* updated from 1201px */
  .clc-sidenav-list, .clc-sn-l {
    border-bottom: none;
    border-top: none;
  }
}

.clc-grid .clc-sidenav-list {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}

@media screen and (min-width: 600px) {
  .clc-grid .clc-sidenav-list {
    margin-right: 0;
    margin-left: 0;
  }
}

.clc-sidenav-sub_list, .clc-sn-s_l  {
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  width: 100%;
  /*background-color: #f7f7f7;*/
}

.clc-sidenav-sub_list > li, .clc-sn-s_l > li{
  margin-bottom: 0;
}

.clc-sidenav-sub_list li {
  border: none;
  font-size: 1.5rem;
}

.clc-layout-docs-sidenav .clc-sidenav-sub_list a, .clc-layout-docs-sidenav .clc-sn-s_l a  {  padding-left: 2.8rem;}
.clc-layout-docs-sidenav .clc-sidenav-sub_list a, .clc-layout-docs-sidenav .clc-sn-s_l a, .related-links li   {line-height: 1.5;}
.clc-layout-docs-sidenav .clc-sidenav-sub_list a:hover, .clc-sidenav-sub_list a.clc-current { border: none;  padding-left: 2.8rem;}/*.clc-layout-docs-sidenav .clc-sn-s_l a:hover,*/
.clc-layout-docs-sidenav .clc-sidenav-sub_list .clc-sidenav-sub_list a, .clc-layout-docs-sidenav .clc-sn-s_l .clc-sn-s_l a {  padding-left: 3.8rem;}
.clc-layout-docs-sidenav .clc-sidenav-sub_list .clc-sidenav-sub_list a:focus, .clc-layout-docs-sidenav .clc-sidenav-sub_list .clc-sn-s_l a:focus {  outline-offset: 0;}
.clc-layout-docs-sidenav .clc-sidenav-sub_list .clc-sidenav-sub_list a:hover, .clc-layout-docs-sidenav .clc-sn-s_l .clc-sn-s_l a:hover {  padding-left: 3.8rem;}
.clc-layout-docs-sidenav .clc-sidenav-sub_list .clc-sidenav-sub_list .clc-sidenav-sub_list a, .clc-layout-docs-sidenav .clc-sn-s_l .clc-sn-s_l .clc-sn-s_l a {  padding-left: 4.8rem;}
.clc-layout-docs-sidenav .clc-sidenav-sub_list .clc-sidenav-sub_list .clc-sidenav-sub_list a:focus, .clc-layout-docs-sidenav .clc-sn-s_l .clc-sn-s_l .clc-sn-s_l a:focus {  outline-offset: 0;}
.clc-layout-docs-sidenav .clc-sidenav-sub_list .clc-sidenav-sub_list .clc-sidenav-sub_list a:hover, .clc-layout-docs-sidenav .clc-sn-s_l .clc-sn-s_l .clc-sn-s_l a:hover {  padding-left: 4.8rem;}
.clc-layout-docs-sidenav .clc-sidenav-sub_list .clc-sidenav-sub_list .clc-sidenav-sub_list .clc-sidenav-sub_list a, .clc-layout-docs-sidenav .clc-sn-s_l .clc-sn-s_l .clc-sn-s_l .clc-sn-s_l a {  padding-left: 5.8rem;}
.clc-layout-docs-sidenav .clc-layout-docs-sidenav {  padding-top: 0;}

@media screen and (min-width: 1201px) {
  .clc-layout-docs-sidenav {
    padding-top: 0;
  }
}

.clc-skipnav {
  background: transparent;
  color: #212121;
  left: 0;
  padding: 1rem 1.5rem;
  position: absolute;
  top: -4.2rem;
  transition: all 0.2s ease-in-out;
  z-index: 100;
}

.clc-skipnav:focus {
  background: #ffffff;
  left: 0;
  outline: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s ease-in-out;
}

.clc-logo img.ccc-ImgL {
  display: block;
  float: left; 
  max-width: 50%;
}

@media screen and (min-width: 320px) {
  .clc-logo img.ccc-ImgL {max-width: 55%;}
}

@media screen and (min-width: 360px) {
  .clc-logo img.ccc-ImgL {max-width: 60%;}
}

@media screen and (min-width: 375px) {
  /*.clc-logo img.ccc-ImgL {max-width: 50%;}*/
}
/* iphone 6+, 6s+, 7+, 8+ */
@media screen and (min-width: 414px) {
   .clc-logo img.ccc-ImgL {max-width: 60%;}
}
@media screen and (min-width: 768px) {
  .clc-logo img.ccc-ImgL {max-width: 100%;}
}

/*.clc-logo-text span.ccc-logo-top-line::after
  {content: '\2003 \2003 \2003' ;} 
}*/

.clc-footer-secondary-section {
  border-top: 1px solid #d6d7d9;
}
.clc-footer-primary-section {
  border-top: 1px solid #d6d7d9;/*#a7bc3d;*/
}

.clc-footer-primary-section {
  border-bottom: 1px solid #d6d7d9; /*#a7bc3d;*/
  /*color: #ffffff;
  background-color: #4b4b4b; *//* bd  #205493; */
}

.clc-footer-primary-section a {
 /* color: #ffffff;*/
}

.clc-footer-primary-section h4{
 /* color: #a7bc3d;*/
}

/*.feature1 {
    margin: 3px 0px; 
    border-bottom: 1px solid #d6d7d9;
}
*/


.h .nv-h {
  /* bd optimise */
    margin-left: auto;
}

.nv-h-l, .nv-h-l-i {
    margin: 0;
    padding: 0;
}

.nv-h-l {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nv-h /*.ccc-search */{
 float: right;
  /* bd remove float to sit search over menu button*/
 /*border: 1px solid #091f2f;*/
/* line-height: 4rem;*/
 /*margin-right: 1.5rem;*/
 margin: 0rem;
  /* line-height: 4rem; */ /* bd changing for crest and 2 lines - was 4rem*/
/* margin-left: 1.5rem;*/
}

.ccc-label {
  display: inline;
  /* bd above keeps search icon to the left of its border boundary */
    margin-top: 0rem !important;
}


 .ccc-search {
   float: right;
   /*padding-right: .5rem;*/
   margin-right: .5rem;
}

@media screen and (min-width: 951px) {
  .ccc-search {
   /* float: right;*/
   /*padding-right: .5rem;*/
 /*   margin-right: 2rem;*/
   /* line-height: 7.5rem;
    margin-left: 0;*/
  }
}



.nv-h-l-a {
    color: #091f2f;
    display: none;
    font-family: Montserrat,Arial,sans-serif;
    font-style: normal;
    font-size: calc(12px + 2 * ((100vw - 1300px) / 140));
    line-height: 65px;
    letter-spacing: 1px;
    margin-left: 20px;
    margin-left: 1.25rem;
    text-decoration: none;
    text-transform: uppercase;
}

@media screen and (min-width: 1440px) {
    .nv-h-l-a {
        font-size:14px
    }
}

@media screen and (max-width: 1300px) {
    .nv-h-l-a {
        font-size:12px;
    }
}

@media screen and (max-width: 1300px) {
    .nv-h-l-a {
        font-size:12px;
    }  
}

@media screen and (min-width: 840px) {
    .nv-h-l-a {
        display:block
    }
}
.svg-icon {
/*fill: #fb4d42;*/
}

.nv-h-l-a-i {
    fill: #0B5073; /*#fb4d42; was red */
    width: 100%;
    height: 100%;
}

.nv-h-l-a-ic {
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin-top: -24px;
}

.clc-footer-big ul.hidden li.clc-drawer-secondary-link {    display: none !important;}

/* moved card .card-profile from up - marked position - restored ab ove */
/* moved .card, card profile 800 from above - restored above */