/***********************
    VARIABLES
************************/


/***********************
    GENERAL
************************/

body, html {
    background-color: transparent;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}
.ccm-page h1, .ccm-page h2, .ccm-page h3, .ccm-page h4, .ccm-page h5, .ccm-page h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}
/*
.vertical-center:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle; 
  width: 0; }*/

.ccm-page .row {
    max-width: 100rem;
}

.ccm-page .accessibilty-hide {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}



.ccm-page table {
	border:none;
width:100%
}
.ccm-page table th {
	background: #a7a7a7;
text-transform:uppercase;
color:white!important;

}
.ccm-page td {padding:10px!important; vertical-align:middle!important;}
.ccm-page table th p {font-size:1.4em!important;margin-bottom:0; }
.ccm-page table p {margin-bottom:0;}

.ccm-page tr:nth-child(even) {background: #ddd!important;}


a img {    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;}
a img:hover {opacity:0.9;}

/***************************************
****************************************
****
****     HEADER
*****
/***************************************
***************************************/

.ccm-page h1 {
    font-size: .01em;
    left: -999px;
    position: absolute;
    top: -999px;
}
.ccm-page #header {
    height: 106px;
    position: relative;
    z-index: 1;
}
.ccm-page #img-bg {
    background-color: transparent;
    height: 432px;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 100%;
}
.ccm-page #img-bg.img-bg-sub {
    background-color: transparent;
    height: 180px;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 100%;
}

.subpage-divider {height:50px; padding-right: 1.75rem; width:100%; background-color:#00338d;}
.subpage-divider .sub-related-fav-container .row {max-width: 96rem;}
.subpage-divider .columns { padding: 0 !important;  }

.ccm-page #img-bg.ineditmode div.ccm-area {
  height: 230px;
}

.ccm-page #img-bg.ineditmode img {
    display: block;
    height: 220px;
    margin: 0 auto;
    width: auto;
}

.ccm-page #img-bg img {
    bottom: 60%;
    position: relative;
    width: 100%;
}

.ccm-page #img-bg.homepage-img img {
    bottom: 100%;
}

.ccm-page #img-bg.img-bg-sub .d3-random-image img {
    bottom: 0%;
}

#sub-head-page-title {position: absolute; top:0; left: 106px;padding:10px 20px; background-color: rgb(255,255,255);}
#sub-head-page-title h2 {color: black; font-weight: normal;}

.ccm-page #header #header-logo {
    background-color: #00338d;
    float: left;
    height: 100%;
    width: 106px;
    position: relative;
}
.ccm-page #header #header-logo-content:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0;
}
.ccm-page #header #header-logo img {
    display: inline-block;
    width: 80%;
    margin-left: 10%;
    vertical-align: middle;
}
.ccm-page #header #menus {
    height: 100%;
    margin-left: 106px;
}
.ccm-page #header #menus #utility-menu {
    background-color: #008b45;
    height: 40%;
    width: 100%;
    overflow: hidden;
}
.ccm-page #header #menus #utility-menu p {
    -moz-transition: background-color .3s;
    -ms-transition: background-color .3s;
    -o-transition: background-color .3s;
    -webkit-transition: background-color .3s;
    display: inline-block;
    margin: 0 0 0 19px;
    position: relative;
    text-align: center;
    transition: background-color .3s;
}
.ccm-page #header #menus #utility-menu p:hover { background-color: #00d76b; }
.ccm-page #header #menus #utility-menu p:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0;
}
.ccm-page #header #menus #utility-menu p a {
    color: #fff;
    font-size: .85em;
    padding: 0 4px 0 8px;
    position: relative;
}
.ccm-page #header #menus #utility-menu .fa { font-size:.7em;position:relative; top:-1px;}

.ccm-page #my-union-county {
    background-color: #00d76b;
    color: #03f;
    font-weight: 400;
    display: inline-block;
    font-size: 1em;
    position: relative;
    text-align: center;
    width: 24%;
    float:right;
    overflow:hidden;
    height: 42px;
    position:absolute;
    top:0;
    right:0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}

.ccm-page .ineditmode #my-union-county { height: 42px; }

li.uc-list {padding-bottom:20px; padding-left:30px;list-style:none;text-indent:-30px;}

li.uc-list:before {
   content: "\f138";
   font-family: "FontAwesome";
padding-right:15px;
color:#00338d;
}

.ccm-page #myunioncounty-title h2 {font-size:1em; height: 42px; line-height: 42px; color: #00338d; margin: 0;}
.ccm-page #myunioncounty-title h2 .fa {font-size: 1.2em; margin-left: 5px; transition: transform .45s; }
.ccm-page #my-union-county.opened #myunioncounty-title h2 .fa { transform: rotateX(180deg) translateY(-1px); }

.ccm-page #myunioncounty-slide-container {
    background-color: #00d76b;
    height: 270px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.ccm-page #myunioncounty-login, .ccm-page #myunioncounty-emp {
    padding: 12px;
    overflow: hidden;
}
.ccm-page #myunioncounty-login img {
    border: 2px solid #00338d;
    display: block;
    margin: 0px auto 6px;
    width: 110px;
}
.ccm-page #myunioncounty-login a {
    display: block;
    color: #00338d;
font-weight: bold;
}
.ccm-page #myunioncounty-emp a {
    background-color: #00338d;
    bottom: 9px;
    color: #fff;
    left: 0;
    padding: 6px 0;
    position: absolute;
    transition: background-color .2s;
    width: 100%;
}

.ccm-page #myunioncounty-emp a:hover {
    background-color: #333;
}

.ccm-page #myunioncounty-login {
    width: 100%;
    height: auto;
    color: white;
}
.new-search-box{margin-left:2%; margin-right:2%;margin-bottom: 30px;}
.ccm-page #header #menus #menu {
    background-color: #dedede;
    height: 60%;
    width: 100%;
}
.ccm-page #header #menus #menu ul {
    display: inline-block;
    height: 100%;
    margin: 0;
    vertical-align: middle;
    width: 94%;
}
.ccm-page #header #menus #menu ul li {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 25%;
}
.ccm-page #header #menus #menu ul li h2 {
    font-size: 1em;
    margin: 0;
}
.ccm-page #header #menus #menu ul li h2 > a {
    color: #00338d;
    font-size: 1.3em;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.ccm-page #header #menus #menu ul li h2 > a:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0;
}
.ccm-page #header #menus #menu ul li:nth-of-type(1) {
    background-color: #d2d2d2;
}
.ccm-page #header #menus #menu ul li:nth-of-type(3) {
    background-color: #ececec;
}
.ccm-page #header #menus #menu ul li:nth-of-type(4) {
    background-color: #fff;
}
.ccm-page #header #menus #menu>div#social-media {
    background-color: #dedede;
    color: #00338d;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    vertical-align: top;
    width: 6%;
}
.ccm-page #header #menus #menu>div#social-media div {
    padding: 10px 0 18px;
}
.ccm-page #header #menus.normal #menu>div#social-media:before {
   content: "";
   cursor: pointer;
   font-family: "SS BlackTie-Regular";
   font-size: 3em;
}
.ccm-page #header #menus #menu>div#social-media .fa {
  display: block;
    font-size: 3em;
    padding-top: 15%;
}
.ccm-page #header #menus #menu ul li:hover {
    background-color: #a0a0a0;
}
.ccm-page #header #menus #menu ul li:hover > a {
    color: white;
}

.ccm-page #header #menus #menu ul li > div[id*='megamenu-col'] { background-color: #d2d2d2; -webkit-box-shadow: 22px 9px 14px 0px #222; -moz-box-shadow: 22px 9px 14px 0px #222; box-shadow: 22px 9px 14px 0px #222; font-size: 1.1em; height: 500px; left: 0; overflow: hidden; padding: 14px 2% 0; position: absolute; width: 25%; }
.ccm-page #header #menus.normal #menu ul li > div[id*='megamenu-col'] { display: none; }
.ccm-page #header #menus #menu ul li > div[id*='megamenu-col']:nth-of-type(2) { left: 25%; }
.ccm-page #header #menus #menu ul li > div[id*='megamenu-col']:nth-of-type(3) { left: 50%; }
.ccm-page #header #menus #menu ul li > div[id*='megamenu-col']:nth-of-type(4) { left: 75%; }

.ccm-page #header #menus #menu ul li > div[id*='megamenu-col'] h3 { border-bottom: 2px solid #008b45; color: #008b45; font-size: 1em; line-height: 22px; margin: 18px 10px 8px 0px; position: relative; }
.ccm-page #header #menus #menu ul li > div[id*='megamenu-col'] h3:first-of-type { margin-top: 0; }
.ccm-page #header #menus #menu ul li > div[id*='megamenu-col'] h3:after { background-color: #008b45; color: #fff; content: "➡"; font-family: "SSGizmo"; font-size: .85em; line-height: 1em; padding: 6px 4px 1px; position: absolute; right: 0; }

.ccm-page #header #menus.ineditmode #menu ul li > div [id*='megamenu-col'] { display: none; height: 100%; position: static; width: 100%; }

.ccm-page #header #menus #menu ul li > div[id*='megamenu-col'] p { margin-bottom: 5px; }
.ccm-page #header #menus #menu ul li > div[id*='megamenu-col'] a { -moz-transition: color .12s; -o-transition: color .12s; -webkit-transition: color .12s; color: #00338d; display: inline-block; font-size: .9em; line-height: 19px; transition: color .12s; }
.ccm-page #header #menus #menu ul li > div[id*='megamenu-col'] a:hover { color: #007d6b; }
.ccm-page #header #menus #menu ul li > div[id*='megamenu-col'] a:hover:before{ color: #007d6b; }
.ccm-page #header #menus.normal #menu ul li > div[id*='megamenu-col'] a:before { color: #03f; content: "\f138"; display: inline-block; font-family: "FontAwesome"; font-size: 1.15em;  line-height: 0; margin-right: 5px; text-align: center; vertical-align: middle; -moz-transition: color .12s; -o-transition: color .12s; -webkit-transition: color .12s; color: #00338d; display: inline-block; font-size: .9em; line-height: 19px; transition: color .12s;}
.ccm-page #header #menus.normal #menu ul li > div[id*='megamenu-col1'] a:before { display: none; }

.ccm-page #header #menus #menu ul li:nth-of-type(2) > div[id*='megamenu-col'] { background-color: #dedede; }
.ccm-page #header #menus #menu ul li:nth-of-type(3) > div[id*='megamenu-col'] { background-color: #ececec; }
.ccm-page #header #menus #menu ul li:nth-of-type(4) > div[id*='megamenu-col'] { background-color: #fff; }

/* Popular Forms */
.ccm-page #header #menus #menu ul li:nth-of-type(3) > div[id*='megamenu-col']:nth-of-type(1) { background-color: #DEDEDE; border: 8px solid #ececec; border-width: 15px 0 35px 30px; padding: 0 !important; }
.ccm-page #header #menus #menu ul li:nth-of-type(3) > div[id*='megamenu-col']:nth-of-type(1) h3 { background-color: #008b45; color: #fff; font-size: 1.3em; padding: 10px 8px; width: 100%; }
.ccm-page #header #menus #menu ul li:nth-of-type(3) > div[id*='megamenu-col']:nth-of-type(1) h3:after { display: none; }
.ccm-page #header #menus #menu ul li:nth-of-type(3) > div[id*='megamenu-col']:nth-of-type(1) p a { font-size: .9em; margin: 6px 12px 4px;  }
.ccm-page #header #menus #menu ul li:nth-of-type(3) > div[id*='megamenu-col']:nth-of-type(1) p a:before { color: #008b45; content: "📄"; display: inline-block; font-family: "SSGizmo"; font-size: 1.25em;}

.ccm-page #header #menus #menu ul li:nth-of-type(4) > div[id*='megamenu-col']:nth-of-type(1) { background-color: #FFFFFF; border: 8px solid #fff; border-width: 15px 0 35px 30px; padding: 0 !important; }
.ccm-page #header #menus #menu ul li:nth-of-type(4) > div[id*='megamenu-col']:nth-of-type(1) h3 {border-bottom: 2px solid #008b45; color: #008b45; font-size: 1em; line-height: 22px; margin: 18px 10px 8px 0px; position: relative;}
.ccm-page #header #menus #menu ul li:nth-of-type(4) > div[id*='megamenu-col']:nth-of-type(1) h3:after { background-color: #008b45; color: #fff; content: "➡"; font-family: "SSGizmo"; font-size: .85em; line-height: 1em; padding: 6px 4px 1px; position: absolute; right: 0;}
.ccm-page #header #menus #menu ul li:nth-of-type(4) > div[id*='megamenu-col']:nth-of-type(1) p a { font-size: .9em; }
.ccm-page #header #menus #menu ul li:nth-of-type(4) > div[id*='megamenu-col']:nth-of-type(1) p a:before { color: #03f; content: "\f138"; display: inline-block; font-family: "FontAwesome"; font-size: 1.15em;  line-height: 0; margin-right: 5px; text-align: center; vertical-align: middle; -moz-transition: color .12s; -o-transition: color .12s; -webkit-transition: color .12s; color: #00338d; display: inline-block; font-size: .9em; line-height: 19px; transition: color .12s;}
/*MOBILE MENUS*/
#body-container #megamenu-col1 h3, #body-container #megamenu-col2 h3, #body-container #megamenu-col3 h3, #body-container #megamenu-col4 h3 {border: 0; text-transform: none; margin: 0 0 10px; padding:10px; background-color:#00338d; color:white;display:block; position:relative;}
#body-container #megamenu-col1 h3:hover, #body-container #megamenu-col2 h3:hover, #body-container #megamenu-col3 h3:hover, #body-container #megamenu-col4 h3:hover {cursor:pointer;background-color:#03f;}
#body-container #megamenu-col1 h3:after, #body-container #megamenu-col2 h3:after, #body-container #megamenu-col3 h3:after, #body-container #megamenu-col4 h3:after {-moz-transition: transform .3s;-o-transition: transform .3s;-webkit-transition: transform .3s;color: white; content: "\f078"; display: block;position:absolute; right:10px; top:0px; font-family: "FontAwesome";font-size:1.5em;transition: transform .3s;}
#body-container #megamenu-col1 h3.opened:after, #body-container #megamenu-col2 h3.opened:after, #body-container #megamenu-col3 h3.opened:after, #body-container #megamenu-col4 h3.opened:after { transform: rotateX(180deg) translateY(-5px); }
#body-container a {}
#body-container #megamenu-col1 {display:block;}
#body-container #megamenu-col2 a:before, #body-container #megamenu-col3 a:before, #body-container #megamenu-col4 a:before {color: #03f; content: "\f138"; display: inline-block; font-family: "FontAwesome";margin-right: 5px;}
/*.ccm-page #body-container .uc-box h2 {display:none;}*/
#body-container #megamenu-col1 p, #body-container #megamenu-col2 p, #body-container #megamenu-col3 p, #body-container #megamenu-col4 p {height:0px; overflow:hidden;margin:0;  -webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;}

#body-container #megamenu-col1 p.opened, #body-container #megamenu-col2 p.opened, #body-container #megamenu-col3 p.opened, #body-container #megamenu-col4 p.opened {height:27px;margin:10px;}


/* HOME PAGE STAT BOX */
.ccm-page #home-page-top-stats { background-color: #fff; background-color: rgba(255,255,255,.75); left: 4%; margin-top: 24px; position: absolute; top: 0; width: 92%; }
.ccm-page .stat-box { float: left; vertical-align: top; width: 16%; }
.ccm-page .stat-box h2 { background-color: #fff; color: #f60; font-size: .9em; margin: 0; padding: 4px 0 4px 22px; }
.ccm-page .stat-box:last-of-type { border-width: 1px; }
.ccm-page .stat-box p { border-right: 1px solid #00338d; color: #00338d; font-size: 4.2em; font-weight: 700; margin: 0; padding: 0 0 2px; text-align: center; }
.ccm-page .stat-box p i { font-size: .55em; margin-left: 9px; vertical-align: middle; }
.ccm-page .stat-box p span { vertical-align: middle; }
.ccm-page .trending-pages { width: 52%; }
.ccm-page .trending-pages h2 { margin-bottom: 6px; }
.ccm-page .trending-pages a { background-color: #fff; color: #00338d; display: inline-block; margin: 5.5px 2%; padding: 4px; transition: .14s; vertical-align: top; width: 46%; }
.ccm-page .trending-pages a:hover { background-color: #00338d; color: #fff;  }
.ccm-page .trending-pages a i { border: 1px solid #00338d; display: inline-block; margin-right: 3px; padding: 4px 6px 0; vertical-align: middle; }

.ccm-page .ineditmode #home-page-top-stats { top: 238px; }
.ccm-page .ineditmode #home-page-top-stats > div.ccm-area { height: 120px; }

.bestsellers > table { width: 100% !important; }
.bestsellers > table table td:first-of-type { vertical-align: top!important; }
.bestsellers > table table td img { display: block; margin: 0 auto; width: 90%; }

.rslides img { margin-left: -10%; width: 118%; max-width: 130%; }
.cb-container a[href*="library"] { font-size: 1em!important; }
.ccm-page #calendar td { vertical-align: top !important; }

h2.ann-lt-blue { border-color: #008dff !important; font-size: 5em; }
.hp-announcement { background-color: #dedede; color: #000; display: inline-block; font-size: 1em; height: 260px; line-height: 1.3em; margin-right: 1.5%; padding: 8px 2% 14px; vertical-align: top; width: 30%; }
.hp-announcement a { color: #000; }
.hp-announcement:before { color: #fff; content: "1"; display: block; font-size: 4.8em; font-weight: 700; margin: 33px 4px 43px; }
.hp-announcement:nth-of-type(2):before { content: "2"; }
.hp-announcement:nth-of-type(3):before { content: "3"; }
.hp-announcement div { margin-top: 14px; }

.hp-notices h2 { border-bottom: 3px solid #00338d; border-top: 12px solid #00338d; display: inline-block; font-size: 2.4em; font-weight: 700; margin: 0 0 14px; padding: 6px 0; width: 100%; }
.hp-notices .ccm-block-page-list-page-entry { display: inline-block; margin-right: 1.5%; vertical-align: top; width: 30%; }
.hp-notices a { background-color: #dedede; color: #000; display: block; font-size: 1em; font-weight: 400; height: 260px; line-height: 1.3em; padding: 8px 5% 14px; vertical-align: top; width: 100%; }
.hp-notices a:before { color: #fff; content: "1"; display: block; font-size: 4.8em; font-weight: 700; margin: 33px 4px 43px; }
.hp-notices .ccm-block-page-list-page-entry:nth-of-type(2) a:before { content: "2"; }
.hp-notices .ccm-block-page-list-page-entry:nth-of-type(3) a:before { content: "3"; }


/*SEARCH/WANT CONTAINER*/
.ccm-page #searchwant-container {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0);
}
.ccm-page #searchwant-container {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0);
}
.ccm-page #searchwant-container-sub {
    position: absolute;
    bottom: 0px;
    right: 1.2rem;
    width: 45%;
    min-width: 260px;
}
#home-banner-popups-container {position:absolute;bottom:0px;}
#home-banner-popups-container.row {max-width: 100rem;left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);}

/*I WANT TO*/

#iwanto .uc-box, #search-banner .uc-box {margin: 0 2% 25px;position: relative;width: 96%;}
#home-right-column {
  height:70px;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;}
#iwanto {height:70px;}
#iwanto:hover, #home-banner-search:hover {cursor:pointer;}
#iwanto:hover #iwt-title {background-color:#00338d;opacity:0.7;}
#iwanto:hover #iwt-title h2 {opacity:1;color:white;}
#iwanto:hover #iwt-title .fa {opacity:1;color:white;}
#iwt-columns-container {background-color: rgba(255,255,255,0.6);height:200px}
#iwt-column-one, #iwt-column-two {width:49%; float:left;margin-top: 15px;}
#iwt-column-one {margin-right:2%;}
#iwt-title h2 {font-size: 1.8em; margin:0; padding:16px 20px;}
#iwanto #iwt-title {
  background-color:white;
  opacity:0.6;
  -webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;}
#iwt-title .fa {position:absolute; top:10px; right:20px; font-size:3em; color:#808080;-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
transition: transform .45s; }

#home-right-column.opened {height: 243px;}
#home-left-column.open-padded {padding-top:173px;}
.opened #iwanto #iwt-title {background-color:#00338d;opacity:0.7;}
.opened #iwanto #iwt-title h2 {opacity:1;color:white;}
.opened #iwanto #iwt-title .fa {color:white;transform: rotateX(180deg) translateY(-1px); }

#iwt-columns-container {padding: 0px 0px 20px 20px;}
.iwt-item-container .fa, .iwt-pagelink {font-size:1.2em;}
.iwt-item-container, .iwt-item-container a, .iwt-item-container .fa{-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out; }
.iwt-item-container .fa {font-size: 1.5em;color: #00338d;}
.iwt-item-container {margin-bottom:9px;}
.iwt-item-container .fa {margin-right:5px;}
.iwt-item-container a {color:black;font-weight:bold;}
.iwt-item-container:hover {padding-left:6px;}
.iwt-item-container:hover a {color:#565555;}
.iwt-item-container:hover .fa {color:#008b45;}

/*SEARCH*/
#home-left-column {height:70px;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}

#search-banner {height:70px}
#home-banner-search {background-color:rgba(255,255,255,0.8); min-height: 230px;
}
#home-banner-search h2 {margin:0;padding:10px 20px;}
#home-banner-search .ccm-block-page-list-pages {padding-left:20px}
#home-left-column.opened {height: 230px;}
#home-right-column.open-padded {padding-top:160px;}
#home-banner-search .ccm-block-page-list-pages {padding-left:20px; min-height: 92px;}
#home-banner-search .ccm-block-page-list-page-entry {margin-bottom:10px; }
#home-banner-search .ccm-block-page-list-page-entry a{color:black; font-weight:bold;}
#home-banner-search .ccm-block-page-list-page-entry a:hover{color:#00338d; font-weight:bold;}
#home-banner-search .seeAll a {padding:5px 10px; background-color:rgba(0,51,141,.6); display:block; width:100%; text-align:center; font-size:1.3em; color:white; }

/***************************************
****************************************
****
****     BODY/PAGE
*****
/***************************************
***************************************/

.ccm-page #body-container {
    margin-top: 10px;
    padding-bottom: 8px;
    position: relative;
}

#body-container hr {  border: solid rgb(108, 111, 109);}

.ineditmode#body-container {
    margin-top: 40px;
}

.ccm-page #body-container .uc-box {
    background-color: #fff;
    height: auto;
    margin: 0 2% 25px;
    position: relative;
    width: 96%;
    padding: 3%;
}

.ccm-page #body-container .uc-box > h2, h2.ccm-block-page-attribute-display-wrapper {
    border-bottom: 3px solid #03f;
    border-top: 12px solid #03f;
    display: inline-block;
    font-size: 2.1em;
    font-weight: 700;
    margin: 0px 0px 14px;
    padding: 6px 0;
    width: 100%;
}

.uc-box .redactor-editor h2, .uc-box .ccm-area h2 {
    border-bottom: 3px solid #03f;
    border-top: 12px solid #03f;
    display: inline-block;
    font-size: 2.1em;
    font-weight: 700;
    margin: 25px 0px 14px;
    padding: 6px 0;
    width: 100%;
}

.ccm-page #body-container .uc-box > h3, .ccm-page #body-container .uc-box .columns > h3 {
    border-bottom: 3px solid #888;
    border-top: 12px solid #888;
    display: inline-block;
    font-size: 1.6em;
    font-weight: 700;
    margin: 25px 0px 14px;
    padding: 6px 0;
    width: 100%;
    text-transform: uppercase;
}

.uc-box .redactor-editor h3, .uc-box .ccm-area h3 {
    border-bottom: 3px solid #888;
    border-top: 12px solid #888;
    display: inline-block;
    font-size: 1.6em;
    font-weight: 700;
    margin: 25px 0px 14px;
    padding: 6px 0;
    width: 100%;
    text-transform: uppercase;
}
.ccm-page #body-container .uc-box:after {
    /*background-color: #03f;
    bottom: 14px;
    content: "";
    display: block;
    left: 3%;
    height: 2px;
    position: absolute;
    width: 94%;*/
}
.ccm-page #body-container .uc-box.orange h2 {
    border-color: #f60;
}
.ccm-page #body-container .uc-box.orange:after {
    background-color: #f60;
}
.ccm-page #body-container .uc-box.green h2 {
    border-color: #008b45;
}
.ccm-page #body-container .uc-box.green:after {
    background-color: #008b45;
}
.ccm-page #body-container .uc-box.shorter {
    height: 160px;
}

.ccm-page #body-container .posted-news:before {
  font-family: FontAwesome;
     content: "\f073";
     float: left;
margin-right: 7px;
font-size: .8em;

}

.ccm-page #body-container .posted-news p {font-style: italic; float: left; font-size: .8em;
font-weight: 700;}

.ccm-page .uc-event-header {background-color:#dddddd;margin-bottom:3px;}
.ccm-page .uc-event-header p {margin-bottom:0; font-weight:bold;}
.ccm-page .uc-event-header .fa {    padding: 12px 0px;
    background-color: #00338d;
    color: #00d76b;
    width: 40px;
    text-align: center;}
.ccm-page .uc-event-venue p {margin-bottom:2px;}

.uc-big-button a {background-color:#03f; padding:15px; width:100%; display:block;text-align:center;
font-size:1.4em;
border-radius:3px;
color:#00d76b; font-weight:bold;  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;}

  .uc-big-button a:before {content: "\f073";
     cursor: pointer;
     font-family: "FontAwesome";
margin-right:8px;
color: #00d76b;}

  .uc-big-button a:hover {background-color:#00338d;}

.uc-orange-button {    padding: 15px;
    background-color: #f60;
    margin-top: 10px;
    display: inline-block;
    color: white;
    font-weight: bold;
    font-size: 1.2em;-webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out;}

      .uc-orange-button a:before {content: "\f055";
         cursor: pointer;
         font-family: "FontAwesome";}

      .uc-orange-button:hover{background-color:#03f;color:white;}

/** HELPFUL RESOURCES */

div#hr_block > div { display: inline-block; vertical-align: top; }
div#hr_block_options { width: 23%; }
div#hr_block_options > a { background-color: #bbb; color: #fff; display: block; font-size: 1em; line-height: 18px; min-height: 120px; margin: 0; padding: 23px 10px 18px 10px; position: relative; text-align: center; width: 82%;  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s; }
div#hr_block_options > a:hover {background-color: #00338d;}
div#hr_block_options > a:nth-of-type(2) { background-color: #989898; }
div#hr_block_options > a:nth-of-type(3) { background-color: #808080; }
div#hr_block_options > a:nth-of-type(4) { background-color: #666; }
div#hr_block_options > a:before { border: 0 solid transparent; border-width: 8px 14px; border-left-color: #transparent; content: ""; left: 77%; position: absolute; top: 38%; transition .1s; }
div#hr_block_options > a.selected { background-color: #00d76b; color: #000; }
div#hr_block_options > a.selected:before { border-left-color: #00d76b; left: 100%; transition: .3s; }
div#hr_block_options > a img { display: block; height: 52px; margin: 0 auto 5px; }

div#hr_block_screen {padding: 0 3%; width: 75%; }
div#hr_block_screen > div { display: none; padding-top: 10px; }
div#hr_block_screen > div:nth-of-type(1) { display: block; }
div#hr_block_screen > div h3 { color: #008b45; font-size: 1.6em; padding: 1px 0 3px; }
div#hr_block_options > a:hover {background-color: #00338d!important;}
div.formsset p a { color: #000; display: block; margin: 4px 0 11px; padding: 0 3px; width: 100%; font-size:1.2em;-webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;}
div.formsset p a:before { background-color: #f60; color: #fff; content: "📄"; display: inline-block; font-family: "SSGizmo"; margin-right: 11px; padding: 16px 4px 3px; text-align: center; vertical-align: middle; font-size:1.8em; line-height: .8em; -webkit-transition: all 300ms ease-in-out; font-weight:normal!important;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;}
div.formsset p {font-size: .9em;margin-bottom: .8rem;}
div.formsset p a:hover:before {background-color: #03f;margin-right: 12px;}
div.formsset p a{font-weight:bold;}
div.formsset p a:hover{color: #03f;}
div#hr_block_options > a.selected:hover:before { border-left-color: #00338d!important; }
#beheard img {width:90%!important;}
div#mediacontrols { float: right; }
div#mediacontrols a { font-size: 1.3em; vertical-align: middle; }
div#mediacontrols span { font-size: .9em; padding: 0 6px; }
div#mediaitems { clear: both; height: 220px; overflow: hidden; position: relative; }
div#mediaitems > div { left: 0; position: absolute; transition: left .55s; top: 0; width: 400%; }
div#hr_block_screen iframe { height: 204px !important; width: 100% !important;}
div.mediaitem { display: inline-block; height: 210px; margin: 5px 1.5% 15px; vertical-top: top; width: 21.75% !important; }



/* LOGIN PAGE */
#body-container .login-page { margin: 0 auto; width: 90%; }
#body-container .login-page  h1 {position:relative; left:0px; top:0px; font-size:3em;}
#body-container .login-page .login-row {padding:20px; background-color:white;margin-bottom:100px}
#body-container .login-page  h1 {position:relative; left:0px; top:0px; font-size:3em;}
#body-container .login-page .login-row {padding:20px; background-color:white;margin-bottom:100px;}
#body-container .login-page .login-row input[name="uName"], #body-container .login-page .login-row input[name="uPassword"] {height:70px; padding-top: 10px; padding-left:15px;font-size: 1.8rem!important; color:black;}
#body-container .login-page .login-row input:not([type])::-webkit-input-placeholder,
#body-container .login-page .login-row input[type="password"]::-webkit-input-placeholder {
      font-size: 1.8rem!important; color:#808080;font-weight: 700;
}
#body-container .login-page .login-row button {background-color:#03f;}
#body-container .login-page .login-row button:hover {background-color:#00d76b;}

/*USER PROFILE PAGE*/
#body-container div#ccm-profile-avatar {position:relative; background:none; top:0; bottom:0;margin-top:20px;margin-bottom:20px;}
#body-container div#ccm-profile-avatar img {max-width: 140px; max-height: 140px}
#body-container .ccm-profile-header .btn-group a{ color: #00338d!important; }





/***************************************
****************************************
****
****     FOOTER
*****
/***************************************
***************************************/

.ccm-page #footer-uc {
    background-color: white;
    min-height: 185px;
    padding-top: 20px;
}
.ccm-page #footer-uc .footer-top-row {
    height: 130px;
}
.ccm-page #footer-uc .footer-bottom-row {
    border-top: solid 2px black;
    clear: both;
    float: left;
    margin-top: 14px;
    width: 100%;
}
.ccm-page #footer-uc .row {
    max-width: 93.5rem;
}
.ccm-page #footer-uc h2 {
    color: black;
    font-size: 1.2em;
}
.ccm-page #footer-uc .footer-bottom-row a, .ccm-page #footer-uc .footer-bottom-row p {
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
    -webkit-transition: color .2s;
    color: black;
    font-size: 1em;
    margin-top: 3px;
    display: inline-block;
    transition: color .2s;
}

.ccm-page #footer-uc .social-media-link {
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    -webkit-transition: background-color .2s;
    background-color: white;
    display: block;
    float: left;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    height: 44px;
    margin: 11px 20px 0 0;
    width: 44px;
    overflow: hidden;
    position: relative;
    transition: background-color .2s;

}
.ccm-page #footer-uc .social-media-link .fa {
    -ms-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    -webkit-transition: color .3s;
    text-align: center;
    padding: 8px 0px 0px 10px;
    font-size: 1.8em;
    color: black;
    position: relative;
    transition: color .3s;
}
.ccm-page #footer-uc .social-media-link:hover { background-color: #00338d; }
.ccm-page #footer-uc .social-media-link:hover .fa { color: black; }

.ccm-page .explore-links div ul {
    list-style: none;
    margin: 0;
}
.ccm-page .explore-links div li {
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    -webkit-transition: background-color .2s;
    display: block;
    background-color: black;
    margin: 10px 0px;
    padding: 3px 10px;
    position: relative;
    transition: background-color .2s;
}
.ccm-page .explore-links div li a {
    -ms-transition: color .2s;
    -moz-transition: color .2s;
    -o-transition: color .2s;
    -webkit-transition: color .2s;
    color: black;
    display: block;
    font-size: .9em;
    font-weight: 400;
    position: relative;
    transition: color .2s;
    width: 100%;
}

.ccm-page .explore-links div li:hover a { color: black; }
.ccm-page .explore-links div li:hover { background-color: black; }

.ccm-page #footer-uc .footer-top-row #footer-address-container {width:100%; margin-bottom:50px; height: auto;}
.ccm-page #footer-uc .footer-top-row #footer-address-icon {width:5%; min-width:30px;float: left;}
.ccm-page #footer-uc .footer-top-row #footer-address-icon .fa {font-size: 2.3em;margin-top:3px;color: black;}
.ccm-page #footer-uc .footer-top-row #footer-address {width:88%; padding-left: 2%; min-width:120px;float: left;font-size:.9em;color: black;}
.ccm-page #footer-uc .footer-top-row #footer-phone-container {margin-right:2%;}
.ccm-page #footer-uc .footer-top-row #footer-phone-container, .ccm-page #footer-uc .footer-top-row #footer-email-container {width:40%; float: left;margin-top:10px;}
.ccm-page #footer-uc .footer-top-row .contact-icon .fa {font-size: 1.8em;margin-top:3px;color: black;margin-right:5%;}
.ccm-page #footer-uc .footer-top-row #footer-phone-container span, .ccm-page #footer-uc .footer-top-row #footer-email-container a {-ms-transition: color .2s; -moz-transition: color .2s; -o-transition: color .2s; -webkit-transition: color .2s; color: black; font-size: .9em; transition: color .2s;}
.ccm-page #footer-uc .footer-bottom-row a:hover, .ccm-page #footer-uc


/*FILE BLOCK*/
.ccm-block-file {padding:20px 30px 10px 30px; margin: 30px 0px; background-color:#dedede; display:inline-block;border-radius:4px; border: 2px solid #c5c5c5;-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;text-align:center;}

.ccm-block-file:hover {cursor:pointer; background-color:#00d76b; border: 2px solid #05b15b;}

.ccm-block-file:hover p {color:white;}

.ccm-block-file:hover p:before {color:white;}

.ccm-block-file p {font-size:1.5em;color:#00338d;-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;}

.ccm-block-file p:before {content: "📄";
   cursor: pointer;
   font-family: "SSGizmo";
   font-size: 4em;display:block; text-align:center;color:#00338d;-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;    line-height: 1.3em;}

/*form block*/
.ccm-block-type-form input[type=submit], .ccm-input-submit input[type=submit] {padding: 10px 15px 11px;
font-size: 18px;
background-color: #00338d;
font-weight: bold;
text-shadow: 1px 1px #00338d;
color: #ffffff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #00338d;
cursor: pointer;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}

.ccm-block-type-form input[type=submit]:hover, .ccm-input-submit input[type=submit]:hover {background-color: #00d76b;border: 1px solid #00d76b;text-shadow: 1px 1px #00d76b;}

img.ccm-captcha-image {margin: 30px 0px;}

/*Explore Union COunty*/
.ex-uc {width:100%; height:400px;  overflow: hidden; position: relative;}
.ex-uc img {  position: absolute;
  left: 50%;
  top: 50%;
  height: auto;
  width: 100%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);}

          .uc-ex-button a {background-color:#03f; padding:15px; width:100%; display:block;text-align:center;
          font-size:1.4em;
          border-radius:3px;
          color:#00d76b; font-weight:bold;  -webkit-transition: all 300ms ease-in-out;
            -moz-transition: all 300ms ease-in-out;
            -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;}

            .uc-ex-button a:before {content: "\f041";
               cursor: pointer;
               font-family: "FontAwesome";
          margin-right:8px;
          color: #00d76b;}

            .uc-ex-button a:hover {background-color:#00338d;}

p#ex-uc-img {display:block;position:relative; text-align:center;}
#ex-uc-img a span {display:block;position:absolute; bottom:0; width:100%; background-color: rgba(0,0,0,0.5); font-size: 1.5em; color: white; padding:15px;-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;}
p#ex-uc-img:hover img {
-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

p#ex-uc-img:hover a span {background-color: rgba(255,102,0,0.8);}

/*BIDS*/
.ifb {text-align:center;display:inline-block;padding:30px;background-color:rgb(196, 196, 196); width:100%;margin-top:30px;color:#00338d; font-size:1.5em; -webkit-transition: all 300ms ease-in-out;
            -moz-transition: all 300ms ease-in-out;
            -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;border:1px solid grey; padding:5% 0;}
.ifb:hover{background-color:#00338d; color:white;border:1px solid #00338d;}

.s-alert {text-align:center;display:inline-block;padding:30px;background-color:rgb(196, 196, 196); width:300px; height:200px;margin-top:30px;color:#00338d; font-size:1.5em; -webkit-transition: all 300ms ease-in-out;
            -moz-transition: all 300ms ease-in-out;
            -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;border:1px solid grey; padding:5% 0;}
.s-alert:hover{background-color:#00338d; color:white;border:1px solid #00338d;}


/*###########IMAGEn SLIDER*/
.ccm-image-slider-text {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0%;
    top:auto;
    padding: 20px;
background-color: rgba(255,255,255,0.7);
}

.ccm-image-slider-text h2 {margin-bottom:0px;font-size:1.5em; color:#00338d;}
.ccm-image-slider-container {position:relative; z-index:0;}

ul.pagination li { height: auto; margin-bottom: 3px; }
.pagination > li > a, .pagination > li > span { display: inline-block; height: 34px; }

.library-wrapper{background-color: #dedede;}
#library-body{background-color :#dedede;}
/***************************
Library
*/
#sub-head-page-title.library-logo {background-color:rgba(255,255,255,0.7);}
/***************************************
****************************************
****
****     MEDIA QUERIES
*****
/***************************************
***************************************/

@media screen and (min-width: 1510px) {
  p#ex-uc-img { overflow: hidden; height: 300px; }
  #ex-uc-img img { bottom: 0; left: 0; position: absolute; }
  #ex-uc-img a span { left: 0; }
}

@media screen and (max-width: 1250px) {
  .iwt-item-container .fa {font-size: 1.2em;color: #00338d;}
  .iwt-item-container a {font-size:1em;}
  .ex-uc {width:100%; height:350px;}
}

@media screen and (max-width: 1220px) {
  .ccm-page #my-union-county { width: 33%; }
  .ccm-page #img-bg { height: 340px; }
  .ccm-page #img-bg img { bottom: auto; top: -50%; }
  .ccm-page #header #menus #menu ul { width: 90%; }
  .ccm-page #header #menus #menu ul li a { font-size: 1.1em; }
  .ccm-page #header #menus #menu > div#social-media { width: 10%; }
  .ccm-page #header #menus #menu>div#social-media .fa { font-size: 2.2em; padding-top: 19px; }
  .ccm-page .stat-box p { font-size: 3.2em; }
  .ccm-page .trending-pages a { font-size: .9em; padding: 0; }
  .hp-announcement { font-size: .85em; }
  .hp-notices a { font-size: .85em; }
  #sub-head-page-title { padding: 2px 18px; }
  #sub-head-page-title h2 { font-size: 1.8em; }

}

@media screen and (max-width: 1150px) {
    .ccm-page #header #menus #menu ul li:nth-of-type(3) > div[id*='megamenu-col']:nth-of-type(1) h3 { font-size: 1.1em; padding: 4px 8px; }
    .ccm-page #header #menus #menu ul li:nth-of-type(3) > div[id*='megamenu-col']:nth-of-type(1) p a { font-size: .75em; margin: 6px 12px 0;  }
    .ccm-page #header #menus #menu ul li:nth-of-type(4) > div[id*='megamenu-col']:nth-of-type(1) h3 { font-size: 1.1em; padding: 4px 8px; }
    .ccm-page #header #menus #menu ul li:nth-of-type(4) > div[id*='megamenu-col']:nth-of-type(1) p a { font-size: .75em; margin: 6px 12px 0;  }


}

@media screen and (max-width: 1050px) {
  .ccm-page #header #menus #menu ul li > div[id*="megamenu-col"] h3 { font-size: .75em; padding-right: 32px;}
  .ccm-page #header #menus #menu ul li > div[id*="megamenu-col"] a { font-size: .7em; line-height: 16px; }
  .iwt-item-container .fa {font-size: 1em;color: #00338d;}
  .iwt-item-container a {font-size:.8em;}
  .ccm-page #header #menus #utility-menu p { margin-left: 10px; }
  .ccm-page #header #menus #menu ul li h2 a { font-size: .75em; font-weight: 700; }
  .ccm-page #header #menus #menu ul { width: 100%; }
  .ccm-page #header #menus #menu > div#social-media { display: none; }
  .ccm-page #header #menus #utility-menu p a { font-size: .75em; padding: 0 4px; }
  .ccm-page #header #menus #utility-menu { height: 60%; }
  .ccm-page #header #menus #menu { height: 40%; }
  .ccm-page #header #menus #menu ul li > div[id*="megamenu-col"] { display: none !important; }
  .ccm-page #my-union-county { height: 64px; width: 27%; }
  .ccm-page #myunioncounty-title { height: 64px; padding-top: 13px; }
  .ccm-page #myunioncounty-title h2 { height: 64px; }
  .ccm-page #myunioncounty-login img { height: 70px; width: auto;  }
  .ccm-page #myunioncounty-emp a { bottom: 32px; }
  #home-right-column.opened {height: 216px;}
  #home-left-column.open-padded {padding-top:146px;}
  .iwt-item-container {margin-bottom:8px;}
  #iwt-column-one, #iwt-column-two {margin-top: 10px;}
  .ccm-page #searchwant-container-sub { width: 65%; }
  .ex-uc {width:100%; height:300px;}
  .ccm-page #home-page-top-stats { font-size: .8em; }
  div#hr_block_screen > div { font-size: .8em; }
  div#hr_block_screen > div > p { line-height: 18px; }
  div#hr_block_options > a { font-size: .7em; padding: 18px 6px; width: 90%; }
  div#hr_block_options > a:before { border-width: 7px 9px; top: 43%; }
  div#hr_block_options > a img { height: 35px; }
  div#hr_block_screen iframe { height: 144px !important; width: 100% !important; }
  .ccm-page .stat-box h2 { font-size: .8em; padding-left: 6px; }
  .ccm-page .trending-pages a { font-size: .75em; margin: 4px 2%; padding: 0 2px; }
  .ccm-page .trending-pages a i { display: none; }
  .hp-announcement { display: block; height: auto; margin-bottom: 12px; padding: 10px 5% 14px; width: 95%; }
  .hp-announcement:before { font-size: 2.6em; margin: 8px 3px; }
  .hp-notices .ccm-block-page-list-page-entry { display: block; width: 95%; }
  .hp-notices .ccm-block-page-list-page-entry a { height: auto; }
  .hp-notices h2 { font-size: 1.2em; }
  .hp-notices a:before { font-size: 2.6em; margin: 14px 3px; }
}


@media screen and (max-width: 725px) {
  .ccm-page #header #menus #utility-menu { padding-top: 28px; }
  .ccm-page #header #menus #utility-menu p { font-size: .85em; }
  .ccm-page #header { height: 116px; }
  .ccm-page #header #header-logo { width: 94px; }
  .ccm-page #header #header-logo img { margin-left: 15%; padding-top: 28px; width: 70%; }
  .ccm-page #header #menus { margin-left: 94px; }
  .ccm-page #my-union-county { font-size: .8em; height: 28px; width: 100%; }
  .ccm-page #my-union-county.opened { height: 244px; }
  .ccm-page #myunioncounty-title { height: 28px; padding: 0; }
  .ccm-page #myunioncounty-emp a { bottom: 54px; }
  #myunioncounty-login .login_block_container input[type="submit"] { margin-bottom: 3px; padding: 5px; }
  .ccm-page #img-bg { height: 240px; }
  .ccm-page #img-bg.img-bg-sub { height: 220px; }
  .ccm-page #img-bg.img-bg-sub img, .ccm-page #img-bg img { bottom: 0 !important; left: -15%; max-width: 130%; width: 130%; }
  #sub-head-page-title { left: 45px; }
  #sub-head-page-title h2 { font-size: 1.1em; }
  .ccm-page #myunioncounty-title h2 { height: 28px; line-height: 28px;  }


  .subpage-divider { padding-right: .1rem; }
  .ccm-page #searchwant-container-sub { width: 100%; }
  .ex-uc {width:100%; height:250px;}
  .ccm-page #home-page-top-stats { display: none; }

  #body-container .login-page { width: 80%; }
  #body-container .login-page h1 { font-size: 1.4em; }
  #body-container .login-page .login-row input[name="uName"] { margin-bottom: 0; }
  #body-container .login-page .login-row input[name="uName"], #body-container .login-page .login-row input[name="uPassword"] { height: 50px; font-size: .9rem !important; }
  #body-container .login-page .login-row button { padding: 8px 14px; }

  div#hr_block_options { width: 100%; }
  div#hr_block_screen { clear: both; width: 100%; }
  div#hr_block_options > a { display: inline-block; float: left; width: 25%; }
  div#hr_block_options > a:before { left: 39%; top: 90%; }
  div#hr_block_options > a.selected:before { border-left-color: transparent; border-top-color: #00d76b; left: 39%; top: 100%; }
  div#hr_block_options > a.selected:hover:before { border-left-color: transparent!important; border-top-color: #00338d!important; }
}



/* Large only 1024px - 1200px*/
@media screen and (min-width: 1025px) and (max-width: 1200px) {}

/* Large and up  - 1024px+*/
@media screen and (min-width: 64em) {}


/* Medium only 640px - 1024px*/
@media screen and (min-width: 641px) and (max-width: 1024px) {
.ccm-page #footer-uc .footer-top-row #footer-address-icon .fa {font-size: 1.5em;}
.ccm-page #footer-uc .footer-top-row #footer-phone-container span, .ccm-page #footer-uc .footer-top-row #footer-email-container a, .ccm-page #footer-uc .footer-top-row #footer-address {font-size: .7em;}
.ccm-page #footer-uc .footer-top-row #footer-address-icon {width:3%; min-width:20px;}
.ccm-page #footer-uc .footer-top-row #footer-address-container {margin-bottom:20px;}
.ccm-page #footer-uc .footer-top-row #footer-email-container .contact-icon .fa {font-size: 1.4em;}
.ccm-page #footer-uc .footer-bottom-row a, .ccm-page #footer-uc .footer-bottom-row p {font-size: .87em;}
}


/*Medium 640px - 833px*/
@media screen and (min-width: 640px) and (max-width: 833px) {
.ccm-page .explore-links div li a {font-size:.8em;display:table-cell;vertical-align: middle;line-height:1.2em;}
.ccm-page .explore-links div li { width: 100%; height:45px;display:table;vertical-align: middle;}
.ccm-page #footer-uc .footer-top-row #footer-email-container .contact-icon .fa {font-size: 1em;}
.ccm-page .contact-icon {clear: both; display: block;}
.ccm-page #footer-uc .footer-top-row #footer-phone-container {margin-right: 5%;}
.ccm-page #footer-uc .social-media-link {width: 38px;height:38px;margin: 8px 10px 0 0;}
.ccm-page #footer-uc .social-media-link .fa {font-size:1.3em;}
.ccm-page .explore-links div li { width: 110%;display:block;}
.ccm-page #footer-uc .footer-top-row #footer-address-icon {width:100%; clear:both;}
.ccm-page #footer-uc .footer-top-row #footer-address {width:100%;}
.ccm-page #footer-uc .footer-top-row #footer-address-container {margin-bottom:75px;}
.ccm-page #footer-uc .footer-top-row h2 {font-size: 1em;}
.ccm-page #footer-uc .footer-top-row {
    height: 160px;
}
.iwt-item-container .fa {font-size: .7em;color: #00338d;}
.iwt-item-container a {font-size:.6em;}

#home-right-column.opened {height: 180px;}
#home-left-column.open-padded {padding-top:110px;}
.iwt-item-container {margin-bottom:0px;}
#iwt-column-one, #iwt-column-two {margin-top: 5px;}
}




/* Medium 640 px+*/
@media screen and (min-width: 40em) {

}

/* Small up to 640px */
@media screen and (max-width: 640px) {
.ccm-page #footer-uc { padding-top: 6px; }
.ccm-page #footer-uc h2 { font-size: .85em; }
.ccm-page #footer-col-2, #footer-col-3 {border-top: solid 6px #00d76b; padding-top: 5px;}
.ccm-page #footer-uc .social-media-link {width: 45px;height:45px;margin: 8px 10px 0 0;}
.ccm-page #footer-uc .social-media-link .fa {font-size:1.8em;}
.ccm-page .explore-links div li:last-child {margin-bottom:0;}
.ccm-page #footer-uc .footer-top-row #footer-phone-container, .ccm-page #footer-uc .footer-top-row #footer-email-container {width:100%; clear:both;}
.ccm-page #footer-uc .footer-top-row { height: auto; }
  .ccm-page #footer-uc .footer-bottom-row a, .ccm-page #footer-uc .footer-bottom-row p { font-size: .85em; }
  .ccm-page #footer-uc .social-media-link { height: 38px; width: 38px; }
  .ccm-page #footer-uc .social-media-link .fa { font-size: 1.4em; }
  .ccm-page #footer-uc .footer-top-row #footer-address-container, .ccm-page #footer-uc .footer-top-row #footer-phone-container, .ccm-page #footer-uc .footer-top-row #footer-email-container { margin: 0; }
  .ccm-page #footer-uc .footer-top-row #footer-address-icon .fa { font-size: 1.5em; }
  .ccm-page #footer-uc .footer-top-row #footer-email-container .contact-icon .fa { font-size: 1.3em; }
  .ccm-page #footer-uc .footer-top-row #footer-address, .ccm-page #footer-uc .footer-top-row #footer-phone-container span{ font-size: .8em; }
  .ccm-page .explore-links div ul li { display: inline-block; font-size: .8em; margin: 2px  1%; text-align: center; width: 48%; }
  #iwanto {display:none;}
  .ccm-page #body-container .uc-box > h2 { font-size: 1.2em; }
  .columns p { font-size: .85em; line-height: 18px; }
  .columns p.hp-seeall-link { font-size: .6em; line-height: 24px; margin-top: 6px; }
  .columns .ccm-block-file p { line-height: 46px; }
  .ccm-block-file { margin-bottom: 10px; padding-bottom: 0; }
  .ccm-page #body-container .uc-box h2.uc-home-header { font-size: 1.1em; margin: 4px 0; }
  #home-banner-popups-container {bottom: -83px;}
  #home-left-column {height: 82px;}
  #home-left-column.opened {height: 314px;}
  #home-right-column.open-padded {display:none;}
  #home-banner-search-results {font-size:.8em;}
  #home-left-column.columns {padding:0px;}
  #search-banner .uc-box {width: 100%;margin:0;}
  .subpage-divider {height:80px; -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;}
  .subpage-divider.opened {padding-bottom:0%;}
    .ex-uc {width:100%; height:300px;}

    .dtc-favorites { width: 10px; }
 .dtc-favorites a { padding: 0; }
   .divTableCell { font-size: .75em; line-height: 1.2em; padding: 2px 4px; }
}

@media screen and (max-width: 485px) {
    .ccm-page #my-union-county { font-size: .7em; height: 34px; }
    .ccm-page #myunioncounty-title h2 { height: 34px; line-height: 35px;  }
    .ccm-page #img-bg { height: 150px; }
    .ccm-page #myunioncounty-login img { height: 60px; }
    .ccm-page #header #menus #utility-menu { height: 27%; padding-top: 34px; }
    .ccm-page #header #menus #utility-menu p { font-size: .65em; margin-left: 4px; }
    .ccm-page #header #menus #utility-menu p a { padding: 0 0 0 4px; }
    .ccm-page #header #menus #menu { height: 66%; }
    .ccm-page #header { height: 104px; }
    .ccm-page #header #menus { margin-left: 60px; }
    .ccm-page #header #menus #menu ul li { height: 50%; width: 50%; }
    .ccm-page #header #menus #menu ul li h2 a { font-size: .8em; }
    .ccm-page #header #header-logo { width: 60px; }
    .ccm-page #img-bg {height: 170px !important; }
    .ccm-page #img-bg.img-bg-sub img, .ccm-page #img-bg img { max-width: 250%; width: 200%; top: 0!important; }
  #home-left-column.opened {height: 275px;}
  #clear-search-btn.showsb {top: 8px;font-size: 1.6em;right: 45px;}
  .ccm-search-block-form input[type="submit"] {right: 7px;top: 5px;width: 30px;height: 30px;font-size: 1.2em;}
.ccm-search-block-form input[name="query"] {height: 40px;}
  #home-banner-search .ccm-block-page-list-pages {min-height: 83px;}
  .ccm-page #body-container .uc-box {width:100%; margin:0px 0px 15px 0px;}
  .ccm-page #body-container {margin-top:15px;padding-bottom:0px;}
  #sub-head-page-title {left: 0px; width: 100%;}
  .ccm-page #footer-uc .footer-top-row #footer-address {width:86%;}
  .ccm-page #footer-uc .footer-top-row #footer-address, .ccm-page #footer-uc .footer-top-row #footer-phone-container span, .email-text {font-size:.6em;}
  #body-container #megamenu-col1 h3, #body-container #megamenu-col2 h3, #body-container #megamenu-col3 h3, #body-container #megamenu-col4 h3 {    font-size: 1em;}
   #body-container #megamenu-col1 h3:after, #body-container #megamenu-col2 h3:after, #body-container #megamenu-col3 h3:after, #body-container #megamenu-col4 h3:after { font-size: 1em; margin-top: 6px; }
  .ccm-block-file {padding:20px 30px 0px 30px; margin: 20px 0px; text-align:center;}

  .ccm-block-file a {font-size:1em;}

  .ccm-block-file a:before {font-size: 3em;}

}

@media screen and (max-width: 410px) {
  .divTableCell { border: 1px solid #fff; border-width: 0 0 1px 1px; font-size: .6em; word-wrap: break-word; }
  .pagination > li > a, .pagination > li > span { padding: 6px 4px; }
}