/**
 *
 * Fonts & elements - Clerk
 *
 */

@import "normalize.css";
@import "animate.css";
@import "layouts/exhibits.css";
@import "layouts/responsive.css";
@import "layouts/sidebars.css";
@import "layouts/pages.css";
@import "components/navigation.css";
@import "components/forms.css";
@import "components/misc.css";
@import "components/tabs.css";

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {
    text-rendering: optimizeLegibility;
}
.contact-address::before,  .contact-email::before,  .contact-phone::before,  .contact-fax::before,  .contact-hours::before {
    font-family: 'Font Awesome 5 Free';
    padding-right: 10px;
}
.contact-address::before {
    content: "\f3c5";
    font-weight: 900;
}
.contact-email::before {
    content: "\f0e0";
    font-weight: 900;
}
.contact-phone::before {
    content: "\f095";
    font-weight: 900;
}
.contact-fax::before {
    content: "\f1ac";
    font-weight: 900;
}
.contact-hours::before {
    content: "\f017";
    font-weight: 400;
}
a {
    color: #18a8a5;
    text-decoration: none;
    opacity: 1.0;
}
a:hover, a:focus {
    text-decoration: none;
    color: #078080;
}
a.button {
	font-weight:500;
}
b,  strong {
    font-weight: 700;
}

p,  pre {
    margin: 0 0 20px 0;
}
.sidebars .navigation-block p {
	margin-bottom:0px;
}
em {
    font-style: oblique;
}
ol, ul, li {
    margin: 0;
    padding: 0;
}
img {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
}
a img {
    display:block;
}
.file img {
	width: auto !important;
}
.file-icon {
	display:none !important;
}
.file a:before {
    font-family: "Font Awesome 5 Free";
	content:'\f1c1';
	font-weight:400;
	padding-right:8px;
}
.field.field-name-field-document .field-label {
	display: none !important;
}
.fab .ext, 
.fas .ext, 
.far .ext, 
.fa .ext {
	display:none;
}

/* Fonts */
html, body, #page div, #page .btn, #page button, #page input, #page textarea {
    font-family: 'Work Sans', sans-serif;
}
html, body, #page, #page input, #page textarea {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-family: 'Work Sans', sans-serif;
    font-weight: 300;
    line-height: 1.3;
    color: #4a5a9b;
}
#content .node-event .field-name-field-event-subtitle p {
	font-family: 'Work Sans', sans-serif;
	font-size: 25px;
	line-height:1.3;
    font-weight: 300;
    color: #4a5a9b;
}
h1,  h1#page-title {
    font-size: 44px;
}
.home h1#page-title {
    margin-bottom: 20px;
}
.title-bar h1#page-title {
    font-size: 34px;
    color: #FFFFFF;
}
h2 {
    font-size: 34px;
}
.region.region-content .block h2.block-title {
	margin-top:30px;
	font-size:30px;
}
.featured-forms h2.block-title {
	margin: -11px auto 50px auto;
    padding: 0px 10px;
    display: block;
    width: 100%;
	max-width:360px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    color: #333333;
    text-transform: uppercase;
    background: #FFFFFF;
	text-align:center;
}
.sidebars h2.block-title {
    margin: 0 0 20px 0;
    padding: 0px 20px 0px 0;
    display: inline-block;
    zoom: 1;
 *display:inline;
    width: auto;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    color: #292c44;
    text-transform: uppercase;
    background: #FFFFFF;
    position: relative;
    top: -11px;
}
.region.region-content .block-views h2.block-title, 
.sidebars .block.last h2.block-title {
    margin: 0 0 15px 0;
}
.region.region-content .popular-forms h2.block-title {
	margin: 20px 0 30px 0;
    font-family: 'Work Sans', sans-serif;
	font-size: 26px;
	font-weight: 300;
	line-height: 1.3;
	color: #4a5a9b;
}
#main h2 {
	margin-bottom: 20px;
}
h3 {
    font-size: 30px;
}
#content h3 {
	margin: 20px 0;
	font-size: 26px;
}
h4 {
    font-size: 22px;
    font-weight: 400;
}
h5 {
    font-size: 20px;
    font-weight: 400;
}
h6 {
    font-size: 18px;
    font-weight: 400;
}

/* Site Title */
header h1.site-title-2020 {
    font-size: 25px;
    line-height: 25px;
    font-weight: 600;
	text-transform: uppercase;
	letter-spacing: -0.01em !important;
}
header h2.clerk-title-2020 {
	margin: -2px 0 0 0;
    font-size: 22px;
    line-height: 22px;
    font-weight: 400;
	text-transform: uppercase;
	letter-spacing: -0.01em !important;
}
.site-title-2020 a {
	color: #4f80bc;
}
.clerk-title-2020 a {
	color: #4f80bc;
}

/* Fonts Content Region */
ol, ul, li {
    list-style: none;
}
#content ol,  #content ul,  #content li,  #content p {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    line-height: 1.6;
    font-weight: 300;
}
#content ol, #content ul {
    margin: 18px 0 18px 36px;
}
#content ol.tabs, #content ul.tabs {
    margin: 20px 0px;
}
#content ol, #content ol li {
    list-style: decimal;
}
#content ul, #content ul li {
    list-style: disc;
}
#content .view-content ul, 
#content .view-content ol {
	margin:0;
}
#content .view-content ul li, 
#content .view-content ol li, 
#content ul.tabs li, 
#content ol.tabs li {
    list-style: none;
}
#content .fa {
    padding-right: 8px;
}
#content p {
    margin-bottom: 18px;
}

/* More Links */
.node-readmore a, 
.more-link, 
.home #page .view-archives-exhibits .views-field-view-node a, 
.home #page .view-document-month .views-field-view-node a {
	font-family: 'Work Sans', sans-serif;
	font-weight:500;
	color: #4f80bc;
	text-transform:uppercase;
}
.page-taxonomy #main h2 {
    margin-bottom: 10px;
}
.page-taxonomy h2 {
    font-size: 24px;
}
.page-taxonomy #content ul.links.inline {
    display: inline;
    margin-top: 0px;
    padding: 0 0 0 10px;
    margin-left: 0;
}
.page-taxonomy #content ul.links.inline .node-readmore {
	font-size: 15px;
	font-weight:400;
}
.page-taxonomy #content ul.links.inline .node-readmore a:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f02e";
	padding-right:8px;
	font-weight:900;
}

/* Fonts Sidebar Region */
.block.block-menu.navigation-block .block-title {
	display:none !important;
}
.sidebars .block.last p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5;
}
.sidebars .block.contact-block li {
    color: #4f80bc;
}
.sidebars .block.contact-block ul + ul {
    margin-top:20px;
}
.sidebars .block-views .views-field.views-field-title {
    font-size: 16px;
    line-height: 20px !important;
    font-weight: 400;
    text-transform: uppercase;
}
.sidebars .block-views .views-row.views-row-odd.views-row-first .views-field-title a {
    color: #3b608d;
}
.sidebars .block-views .views-row.views-row-even .views-field-title a {
    color: #078080;
}
.sidebars .block-views .views-row.views-row-odd.views-row-last .views-field-title a {
    color: #333333;
}


/* Fonts Homepage Slider Region */

.views-field.views-field-field-slide-url {
	display:inline-block;
	zoom:1;
	*display:inline;
}
.views-field.views-field-field-slide-url a {
	color:#FFFFFF;
}

/* Fonts Homepage Icons Region */
.region.region-homeicons .block h6 {
	margin-bottom:8px;
    font-size: 17px;
    line-height: 21px;
    font-wieght: 400;
    color: #1a1a1a;
    text-align: center;
}
.region.region-homeicons .block p,  .region.region-homeicons .block p a,  .region.region-homeicons .block a {
    font-size: 14px;
    line-height: 20px;
    color: #1a1a1a;
}
.region.region-homeicons .block p {
    margin-bottom: 20px;
    text-align: center;
}
.region.region-homeicons .block a.button {
    display: block;
    margin: 0 auto;
    padding: 11px 20px;
    max-width: 130px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    color: #ffffff;
    background: #333333;
    text-align: center;
}

/* Fonts Callout Region */

.region.region-callaction {
    text-align: center;
    color: #ffffff;
}
.region.region-callaction h2, 
.region.region-callaction h2 a {
    font-size: 32px;
    color: #ffffff;
}


/* Interior Above Footer Region */

.region.region-above-footer h4 {
	margin-bottom:12px;
}
.region.region-above-footer h4, 
.region.region-above-footer, 
.region.region-above-footer li::before,  
.region.region-above-footer li a {
    color: #ffffff;
}

.region.region-above-footer a.button {
    display: block;
    margin: 0 auto;
    padding: 6px 20px;
    max-width: 200px;
    color: #ffffff;
    background: #1a1a1a;
    text-align: center;
	text-transform:uppercase;
}


/* Home - Featured Forms */
.link-container .icon-container {
	font-size:24px;
	color:#FFFFFF;
}
.link-container .title-container {
	font-size:16px;
	line-height:19px;
	text-transform: uppercase;
}
.link-container .title-container a {
	color:#1a1a1a;
}
.field-name-field-sub-title {
	padding-right: 6px;
	font-weight:700;
}
.link-container .title-container .views-field-field-sub-title {
	font-weight:700;
}


/* Home Above Footer Region */
.home .region.region-above-footer h4, 
.home .region.region-above-footer li::before {
	color: #18a8a5;
}
.home .region.region-above-footer, 
.home .region.region-above-footer li a {
    color: #333333;
}

/* Contact Information */
.home .region.region-above-footer h4, 
.home .region.region-above-footer li::before {
	color: #4f80bc;
}
.home .region.region-above-footer, 
.home .region.region-above-footer li a {
    color: #333333;
}

/* Footer Region */
#footer {
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    color: #c7cbcc;
}

.region.region-site-links .block-block.inline-links ul.alignright {
	text-align:right !important;
}
.workbench-info-block {
	margin-top:30px;
}


/* Copyright Bar */
.region.region-copyright,  .region.region-copyright a {
    color: #FFFFFF !important;
}
.region.region-copyright .block-block.last {
	text-align:right;
}

/* Interior Page */
.breadcrumb,  .breadcrumb a {
    color: #FFFFFF !important;
}

.node-resource.node-teaser .field.field-name-body {
	display:none;
}
.view-taxonomy-term .ds-2col-fluid > .group-left {
    display:none !important;
}
.view-taxonomy-term .ds-2col-fluid > .group-right {
    width:100% !important;
}

/* Button Links, CTAs */
.btn {
    padding: 5px;
    width: auto;
    color: #FFFFFF;
    text-transform: uppercase;
    background: #333333;
    display: inline-block;
    zoom: 1;
 *display:inline;
}
.btn:hover,  .btn:focus {
    background: #1a1a1a;
    opacity: 1.0;
}
#content .btn {
    margin: 22px 0;
}
.btn.btn-small-pill {
    padding: 5px 40px;
    font-size: 14px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    -ms-border-radius: 500px;
    -o-border-radius: 500px;
    border-radius: 500px;
}
.btn.btn-medium-pill {
    padding: 8px 40px;
    font-size: 15px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    -ms-border-radius: 500px;
    -o-border-radius: 500px;
    border-radius: 500px;
}
.btn.btn-large-pill {
    padding: 15px 40px;
    font-size: 17px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    -ms-border-radius: 500px;
    -o-border-radius: 500px;
    border-radius: 500px;
}

/* Homepage Forms(Block Links) */

.popular-forms {
	margin:20px 0 0 0;
}
.featured-forms {
	margin-top:20px;
    margin-bottom: 30px;
	border-top: 1px solid #dbdbdb;
}
.popular-forms .item-list ul, 
.featured-forms .item-list ul {
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: stretch;
}
.featured-forms .item-list ul li {
	margin-bottom: 3%;
	width: 31.3%;
}
.popular-forms .item-list ul li {
	margin-bottom: 3%;
	width: 100%;
}
.popular-forms .item-list ul li a, 
.featured-forms .item-list ul li a {
	font-family: 'Work Sans', sans-serif;
	font-weight: 400;
	color: #333333;
}
.link-container {
	margin:0px;
	padding:0;
	display:flex;
	flex-flow: row nowrap;
}
.link-container .icon-container {
	margin:0;
	padding: 27px;
	max-width:100px;
	text-align:center;
	flex: 1;
	order: 1;
	background:rgba(51,51,51,1.0);
	align-self: stretch;
}
.link-container .title-container {
	margin:0;
	padding:20px;
	flex: 2;
	order: 2;
	color:#1a1a1a;
	background:rgba(141,141,141,0.20);
	align-self: stretch;
	display:flex;
	align-items: center;
}
.link-container .title-container .title-inner {
	align-self: center;
}

/* Icons */

/* Main Layout */
#page, #main, #header {
	padding:0;
}
.container {
    padding: 0 40px;
}
.region.region-homeicons .container {
    padding: 0;
}
.home .region.region-homeicons .container {
    padding: 0 40px;
}
#main {
	padding-top: 40px;
	padding-bottom: 40px;
}
.home #main {
	padding-bottom:0px;
}
.sliders-container {
	padding-bottom:40px;
}
#content, 
.sidebars {
	padding-bottom: 40px;
}
#content .view-header {
	padding-bottom: 40px;
}
.home #content, 
.home .sidebars {
    padding-top: 0px;
	padding-bottom: 0px;
}
.home #content .view-header {
	padding-bottom: 40px;
}
#footer {
	padding-top: 40px;
}
.home #footer {
	padding-top: 0px;
}


/* Elements */
hr {
    border-top: 1px solid #c2c2c2;
    border-right: none;
    border-bottom: none;
    border-left: none;
    margin: 20px 0;
}
.more-link {
    clear: both;
}
#content ol.flex-control-nav, #content ul.flex-control-nav {
    margin: 0 !important;
}
#content .flex-control-nav {
    bottom: 0px;
	z-index:999;
}
.region.region-content .view-photo-gallery table {
	width:100%;
}
.region.region-content .node-page .field-name-body table, 
.region.region-content .node-page .field-name-body table tr {
	width:100%;
}
.region.region-content .node-page .field-name-body table tr td {
	width:50%;
}
.region.region-content .node-page .field-name-body table tr td a {
 /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.region.region-content .node-page .field-name-body table {
	margin: 20px 0;
	padding: 20px;
	border:1px solid #dbdbdb;
}

/* Calendar */
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default {
    border: none !important;
    background: #e6e6e6;
	background-image: none !important;
    color: #333333;
	font-weight:500;
}
.fc-button-content {
	font-size:14px;
	text-transform: uppercase;
    height: 32px;
    line-height: 32px;
    padding: 0px 12px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px !important;
}
.ui-widget-header {
    border-color: #e6e6e6;
	background: #e6e6e6;
	background-image: none !important;
    color: #333333;
	font-size:14px;
	line-height:32px;
    font-weight: 700;
	text-transform: uppercase;
}
.ui-widget-content {
    border-color: #e6e6e6 !important;
}
.fc-event-default, .fc-event-default .fc-event-skin, .fc-event-default .fc-event-time, .fc-event-default a {
    border-color: #4f80bc;
    background-color: #4f80bc;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #e6e6e6;
    background: #f2f2f2;
	background-image: none !important;
    color: #333333;
}



/* Views */
#views-exposed-form-faq-list-page {
	display:none !important;
}
#content .view-content ul {
	margin:0;
}
#content .view-content ul, 
#content .view-content li {
	list-style: none;
}

/* Resources */

.node-resource.node-teaser {
	margin: 10px 0;
	padding: 0px;
	display:block;
}
.page-taxonomy .link-container .icon-container {
    margin: 0;
    padding: 20px;
    max-width: 80px;
}
.page-taxonomy .link-container .icon-container {
    font-size: 20px;
    background: rgba(51,51,51,1.0);
}
.page-taxonomy .link-container .title-container {
	align-items: center;
    background: rgba(141,141,141,0.15);
}
.page-taxonomy .node-resource .field.field-name-title {
	display:none !important;
}
.page-taxonomy .node-resource.ds-2col > .group-left {
	width: auto;
}
.page-taxonomy .node-resource.ds-2col > .group-right {
	width:100% !important;
}
.page-taxonomy-term-2886.section-countyclerk .group-left {
    display:none !important;
}
.page-taxonomy-term-2886.section-countyclerk .group-right {
    width:100% !important;
    foat:none !important;
}
/* Fees */
.block.fees {
	margin: 30px 0 10px 0;
	padding: 20px;
	font-family: 'Work Sans', sans-serif !important;
	font-size:15px;
    line-height: 1.4;
    font-weight: 400;
	background: #f2f2f2;
}
#content .block.fees li, 
#content .block.fees p {
    font-family: 'Work Sans', sans-serif !important;
	font-size:15px;
    line-height: 1.4;
    font-weight: 400;
}

/* News & Events */
#content .view-faq-list .views-row, 
#content .view-news-feed .views-row, 
#content .view-calendar-list .views-row  {
	margin: 20px 0;
	padding: 20px 0;
	border-bottom:1px solid #dbdbdb;
}
#content .view-faq-list .views-row-first, 
#content .view-news-feed .views-row-first, 
#content .view-calendar-list .views-row-first  {
	margin-top: 0;
}
.view-news-feed .views-field.views-field-title, 
.view-calendar-list .views-field.views-field-title {
	margin: 0 0 20px 0;
	font-size:30px;
	line-height: 36px;
}
.views-field.views-field-created, 
.views-field.views-field-field-event-date, 
.views-field.views-field-field-event-date-1, 
.views-field.views-field-field-event-date-2 {
	margin: 0 0 8px 0;
	padding:0 10px 0 0;
	width:auto;
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align: middle;
}
.post-date, 
.date-display-single, 
.view-calendar-list .views-field .date-display-single {
	margin: 0;
	padding:0;
	font-size:14px;
	line-height: 16px;
	font-weight:500;
	text-transform: uppercase;
	color:#4d4d4d;
}
.view-calendar-list .item-list h3 {
	display:none !important;
}
.post-date:before, 
.date-display-single:before,
.view-calendar-list .views-field .start-date .date-display-single:before, 
.view-calendar-list .views-field .start-time .date-display-single:before {
	font-family: 'Font Awesome 5 Free';
	padding-right:8px;
	font-weight:400;
}
/* Events */

.date-display-single:before, 
.view-calendar-list .views-field .start-date .date-display-single:before {
    content: "\f073";
}
.view-calendar-list .views-field .start-time .date-display-single:before {
    content: "\f017";
}


/* Single */
.section-calendar .field-label {
	font-size:16px;
	line-height: 18px;
	font-weight:500;
	text-transform: uppercase;
	color:#4d4d4d;
}
.section-calendar .field-name-field-address, 
.section-calendar .field-name-field-phone, 
.section-calendar .field-name-field-venue-name {
	font-size:15px;
	line-height: 17px;
	font-weight:400;
	color:#4d4d4d;
}
.section-calendar .field {
	margin: 15px 0;
	padding:0;
}
.section-calendar .field-name-field-contact-address, 
.section-calendar .field.field-name-field-department {
	display:none;
}

/* News */
#main .view-news-feed h2, 
.view-news-feed .views-field.views-field-title {
    margin-bottom: 6px;
}
#content p.submitted {
	margin: 0 0 20px 0;
	padding:0;
	font-size:14px;
	line-height: 16px;
	font-weight:500;
	text-transform: uppercase;
	color:#4d4d4d;
}
#content p.submitted a {
	color:#4d4d4d;
}
#content p.submitted:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f70e";
	padding-right:8px;
	font-weight:900;
}
.post-date:before {
    content: "\f70e";
	font-weight:900;
}
/* FAQ */
#content .view-faq-list .views-field.views-field-title p {
	font-weight: 500;
}

@media screen and (min-width:1000px) {
.region.region-copyright .container .block.last {
	padding-top:20px;
}
.view-header {
	padding-bottom: 40px;
}
.home .view-header, 
.home #main {
	padding-bottom: 0px;
}
}

@media screen and (min-width:1000px) and (max-width:1380px) {
header h1.site-title-2020 {
    font-size: 22px;
    line-height: 24px;
}
header h2.clerk-title-2020 {
    font-size: 18px;
    line-height: 20px;
}
.header .block.block-custom-search-blocks {
    width: 230px !important;
}
}


@media screen and (max-width:1280px) {
.view-clerk-homepage-slider .slide_caption .views-field.views-field-field-icon-class, 
.view-clerk-homepage-slider .slide_caption .views-field.views-field-field-subtitle, 
.view-clerk-homepage-slider .slide_caption .views-field.views-field-field-caption {
	font-size:15px;
}
}

@media screen and (max-width:1180px) {
.header .header-toggle-menu {
    margin-left: 0;
    padding-left: 0;
    width: auto !important;
    border-left: none;
}
.header .block.block-custom-search-blocks {
    display:none;
}
}

@media screen and (max-width:1000px) {
.clerk-logo-seal-2020 img {
    max-width: 53px !important;
    padding: 8px 5px 8px 0px;
}
.view-clerk-homepage-slider .slide_caption {
	width:100%;
}
html, body, #page ol, #page ul, #page p, #page .btn, #page button, #page input, #page textarea {
    font-size: 16px;
    line-height: 1.5;
}
h1,
.title-bar h1#page-title, 
#page .field.field-name-field-exhibit-sub-title.field-type-text.field-label-hidden div {
    font-size: 28px;
	line-height:1.3;
}
h1, h1#page-title {
	font-size: 32px;
	line-height:1.2;
}

h2, 
.region.region-homeexplore h2 {
    font-size: 26px;
}

h3 {
    font-size: 24px;
}
h4 {
    font-size: 22px;
}
h5 {
    font-size: 20px;
}
h6 {
    font-size: 18px;
}
.featured-image .actions {
    padding: 10px 20px;
    font-size: 12px;
}

.view-clerk-homepage-slider .slide_caption .views-field.views-field-field-icon-class, 
.view-clerk-homepage-slider .slide_caption .views-field.views-field-field-subtitle, 
.view-clerk-homepage-slider .slide_caption .views-field.views-field-field-caption {
	font-size:14px;
}
header h1.site-title-2020 {
    font-size: 20px;
    line-height: 22px;
}
header h2.clerk-title-2020 {
    font-size: 16px;
    line-height: 18px;
}
.region.region-header {
	background-color: #ffffff;
}
.home .region.region-header {
	border-bottom: 1px solid #dbdbdb;
}
.header .header-toggle-menu {
    line-height: 30px;
}
.header .block.block-gtranslate {
    margin-left: 20px;
    padding-left: 20px;
    width: 100px !important;
    line-height: 30px;
}
a.gtflag {
    height: 30px !important;
    font-size: 16px !important;
    line-height: 30px !important;
}
a.gtflag::after {
    left: 8px;
}
.alignright.crumbs {
    display:none;
}
/* Main Layout  */
.container {
    padding: 0 30px;
}
#main {
	padding-top: 30px;
	padding-bottom: 30px;
}
.home #main {
	padding-bottom:0px;
}
.sliders-container {
	padding-bottom:30px;
}
#content, 
.sidebars {
	padding-bottom: 30px;
}
.home #content, 
.home .sidebars {
	padding-bottom: 0px;
}
#content .view-header {
	padding-bottom: 30px;
}
.home .view-header {
	padding-bottom: 0px;
}
#footer {
	padding-top: 30px;
}
.home #footer {
	padding-top: 0px;
}
/* Regions & Blocks */
.header .header-site-title-2020 {
	padding: 10px 0px;
}
.region.region-header {
	padding: 0px;
}
.region-callaction, 
.region.region-above-footer, 
.region.region-site-links, 
.region.region-copyright {
	padding: 30px 0;
}
.home .region.region-above-footer {
	padding: 10px 0;
}
.region.region-homeicons {
	padding: 0 0 20px 0;
}
.region.region-homeicons .block {
    padding:20px;
}
.region.region-homeicons .container {
    display: flex;
	flex-flow:row wrap;
}
.region.region-homeicons .container .block {
	margin:0;
    width:50% !important;
    max-width: 50% !important;
}
.region.region-homeicons .container .block.first.odd, 
.region.region-homeicons .container .block.odd {
	border-right:15px solid #ffffff;
	border-top:15px solid #ffffff;
	border-bottom:15px solid #ffffff;
}
.region.region-homeicons .container .block.even, 
.region.region-homeicons .container .block.last.even {
	border-left:15px solid #ffffff;
	border-top:15px solid #ffffff;
	border-bottom:15px solid #ffffff;
}
.home .region.region-sidebar-right, 
.region.region-footer, 
.region.region-below-footer {
	display:none !important;
}
.sidebars .block-block.last {
    margin-bottom: 0px;
}
.region.region-site-links .block-block {
	display:block;
}
.region.region-callaction,
.region.region-copyright .container .block.last {
	display:none !important;
}
.region.region-site-links .block-block ul,
.region.region-copyright .container .block {
	width:100% !important;
}
.region.region-site-links .block-block.inline-links ul li {
	margin: 0 auto;
	text-align: center;
	display: block;
	width: 100%;
}
.region.region-site-links .block-block.inline-links .alignleft, 
.region.region-site-links .block-block.inline-links .alignright,
.region.region-copyright .container .block {
    text-align: center;
}
.region.region-site-links .block-block.inline-links ul li:nth-of-type(2) {
    padding-left: 0px;
}
img.footer-seal {
    max-width: 40px;
}
.region.region-copyright .container .block table {
	margin-left: auto;
	margin-right:auto;
	width: auto;
}
.featured-forms .item-list ul li {
	margin-bottom: 2%;
	width: 48%;
}
.region.region-content .node-page .field-name-body table tr td {
		width: 100%;
		display:block;
}
}

@media screen and (max-width:780px) {
header h1.site-title-2020 {
    font-size: 18px;
    line-height: 20px;
}
.view-clerk-homepage-slider .slide_caption .views-field.views-field-field-subtitle {
	display: none !important;
}
}

@media screen and (max-width:767px) {
.region.region-site-links .block-block, 
.region.region-copyright .container {
    display: block !important;
}
.view-clerk-homepage-slider .slide_caption .views-field.views-field-field-icon-class, .view-clerk-homepage-slider .slide_caption .views-field.views-field-field-subtitle, .view-clerk-homepage-slider .slide_caption .views-field.views-field-field-caption {
    font-size: 13px;
}
.slide_caption {
	display:none !important;
}
.featured-forms .item-list ul li {
	margin-bottom: 2%;
	width: 100%;
}
}

@media screen and (max-width:680px) {
.clerk-logo-seal-2020 img {
    max-width: 53px !important;
    padding: 5px 5px 5px 0px;
}
header h1.site-title-2020 {
    font-size: 17px;
    line-height: 19px;
}
header h2.clerk-title-2020 {
    font-size: 15px;
    line-height: 17px;
}
.header .header-toggle-menu {
	display:none;
}
.header .block.block-gtranslate {
    margin-left: 0;
    padding-left: 0;
	width:80px !important;
	border-left:none;
}
.home #content, 
#content {
    margin-top: 20px;
}
.sidebars {
    margin-top: 0px;
}
.title-bar {
    padding: 20px 0 !important;
}
#main {
	padding-top:0;
}
.view-clerk-block-links .link-container .icon-container, 
.page-taxonomy .link-container .icon-container {
	display:none;
}
.link-container .title-container {
	display:block;
}
.page-taxonomy .link-container .title-container {
    background: rgb(238,238,238);
}
.page-taxonomy #page .field-type-text-with-summary {
	padding: 20px 20px 0px 20px;
    background: rgb(238,238,238);
}
.page-taxonomy #page .field-type-text-with-summary .field-item {
	border-bottom:1px solid #dedede;
}
.page-taxonomy #page .field-type-text-with-summary p {
	margin: 0 0 10px 0 !important;
	font-size:12px;
}
.page-taxonomy .field-name-field-sub-title, 
.page-taxonomy .field-name-field-sub-title .field-items, 
.page-taxonomy .field-name-field-sub-title .field-item, 
.page-taxonomy .field-name-field-resource-url, 
.page-taxonomy .field-name-field-resource-url .field-items, 
.page-taxonomy .field-name-field-resource-url .field-item {
	display:inline !important;
}
.link-container .title-container {
    font-size: 14px;
    line-height: 1.3;
}
}

@media screen and (max-width:580px) {
.region-header .container {
	padding-left:24px;
}
.header .block.block-gtranslate, 
.sliders-container {
	display:none;
}
.clerk-logo-seal-2020 img {
    max-width: 40px !important;
    padding: 12px 5px 11px 0px;
}
header h1.site-title-2020 {
    font-size: 15px;
    line-height: 17px;
}
header h2.clerk-title-2020 {
	margin-top:-3px;
    font-size: 13px;
	font-weight: 500;
    line-height: 15px;
}
}
@media screen and (max-width:480px) {
header h1.site-title-2020 {
    font-size: 14px;
    line-height: 16px;
}
header h2.clerk-title-2020 {
    font-size: 12px;
    line-height: 14px;
}
}
@media screen and (max-width:350px) {
.clerk-logo-seal-2020 {
	display:none;
}
.clerk-logo-2020 {
    padding: 15.5px 0;
}
}