@charset "UTF-8";
body {
/*	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;*/
    background: #d1d1d1;
    margin: 0;
    padding: 0 0 20px 0;
    color: #444;
    font-size:100%; /* 125 131.25 151 */
	width: 100%;
}


/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
}



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

h1 { /* 254b70 */
    font-size: 1.9em;
	color: #1f405f;
    margin: -0.5em 0 0.5em 0 !important;
}

.page-header {
    font-size: 1.9em;
	color: #1f405f;
    margin: -0.5em 0 0.5em 0 !important;
}

h2 {
	/*color: #1f405f;*/
    color: #333;
    font-size: 20px !important;
}

h3 {
	color: #333;
    font-size: 16px !important;
}

h4 {

}
a img { 
	border: none;
}

a:link {
	color: #075ea8;
	text-decoration: none; 
}
a:visited {
	color: #075ea8;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	text-decoration: underline;
}

input {
    margin: 5px 5px 0 0;
}
.listingBar {
    font-size: 13px !important;
    margin: 0 2px;
    display: block;
}
.listingBar a {
    font-size: 13px;
    color: #436976 !important;
    padding: 0 3px;
}

.listingBar .current {
    padding: 0 5px !important;
}

.listingBar a:hover {
    background: #efefef !important;

}

.ct-container {
	width: 57.5em;
	background: #fff;
	margin: 0 auto; 
	border: 0.063em solid #9e9e9e;
	position: relative;
	padding-bottom: 1.375em;
}

#portal-columns {
	padding: 0;
	float: left;
	min-height:25em;  
    height:auto !important;  
    height:25em;
	position: relative;
	margin: 0.625em 0 0.938em 0.625em;
	width: 100%;
}

#text-size {
	cursor: default;
	margin: 5px 48px 0 0;
	float: right;
	clear: both;
	height: 20px;
	width: 60px;
	text-align: right;
}

#text-size a {
    color: #ddd;
	font-weight: bold;
	font-size: 1em;
}

#text-size a:hover {
    color: #000;
    text-decoration: none;
}

.txt-d {
    font-size: 12px !important;
}
.txt-r {
    font-size: 14px !important;
}

#text-size a.selected {
   color: #aaa;
   text-decoration: underline;
   cursor: default;
}

#ct-logobar h1 {
    width: 400px;
	height: 90px;
	margin: 5px 0 0 18px !important;
	overflow: hidden;
	position: absolute;
}

#ct-logobar h1 a {
    display: block;
	padding-top: 300px;
}

#ct-logobar h2 { display: none; }

.ct-home {
	float: left;
	padding: 0.625em 0 0 1.125em;
}

.ct-home a {
	font-size: 0.813em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;	
}
.ct-home a:hover { text-decoration: underline; }

/* ~~ The footer ~~ */
#ct-footer {
	padding: 0;
	width: 57.5em;
	background: #0033cc;
	position: absolute;
	bottom: 0;

}


.ct-shadow {
	-moz-box-shadow: 3px 3px 8px #aaa;
	-webkit-box-shadow: 3px 3px 8px #aaa;
	box-shadow: 3px 3px 8px #aaa;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#bbbbbb')";
	/* For IE 5.5 - 7 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#bbbbbb'); */
}

#ct-topbar {
	background: #0033cc;
	height: 2.25em;
	position: relative;
	z-index: 1000;
}

#ct-topbar .zoom {
    font-size: 16px;
	width: 920px;
	z-index: 1;
}

#ct-logobar {
	height: 6.125em;
}

#ct-logobar .zoom {
    float: left;
	background: #fff url(../images/logo.png) no-repeat !important;
	height: 98px;
}
.zoom {
    font-size: 16px;
	width: 920px;
}

/* 6b9ed1 */

#ct-social {
	color: #bf131f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.688em;
	font-style: italic;
	font-weight: bold;
	width: 20.545em;
	float: right;
	margin: 1.818em 2.727em 0 0;
}

#ct-social span { float: left; margin: 0.091em 0.455em 0 0; }
#ct-social a span {
	display: block;
	width: 1.909em; /* 21px */
	height: 2em; /* 22px */
	padding: 0;
	margin: 0;
	visibility: hidden;
	overflow: hidden;
}
#ct-social a {
	display: block;
	padding: 0;
	float: left;
	margin: -0.364em 0 0 0.727em; /* -4, 8 */
}

.ct-social-1 { background: url(../images/sprites.png) 0 0 no-repeat; }
.ct-social-2 { background: url(../images/sprites.png) 0 -32px no-repeat; }
.ct-social-3 { background: url(../images/sprites.png) 0 -64px no-repeat; }
.ct-social-4 { background: url(../images/sprites.png) 0 -96px no-repeat; }

.ct-toplinks {
	width: 100%;
	float: right;
	margin: 0.2em 0.313em 0 0;
}
.ct-toplinks ul {
	list-style: none; 	
	float: right;
}
.ct-toplinks ul li {
	float: left;
	background: url(../images/sprites.png) 1px -122px no-repeat;
}

.ct-toplinks ul li:first-child { background: none; }

.ct-toplinks ul a, .ct-toplinks ul a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 0 0.545em 0 0.909em;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	width: auto;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.688em; /* 11 */
	font-weight: bold;
	color: #6b9ed1 !important;
	font-family: Arial, Helvetica, sans-serif;
}
.ct-toplinks ul a:hover, .ct-toplinks ul a:active, .ct-toplinks ul a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #0033cc !important;
}

.ct-toplinks .contenttype-link {
    padding: 0 0.545em 0 0.909em !important;
    margin: 0 !important;
    background-image: none !important;
}

.ct-footlinks {
	float: left;
	text-decoration: none;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
}
.ct-footlinks ul {
	list-style: none; 	
	float: left;
	padding: 0 0.313em 0 0;
	margin: 0 0 0 9.25em !important;
}
.ct-footlinks ul li {
	float: left;
	padding: 0 !important;
	margin: 0 !important;
}

.ct-footlinks .copyright {
	font-size: 0.688em; /* 11 */
	padding: 0.455em 0;
	margin: 0 0 0 0.455em;
	display: block;
	float: left;
}

.ct-footlinks ul a, .ct-footlinks ul a:visited { 
	padding: 0 0.545em 0 0.909em !important;
	display: block; 
	width: auto;  
	text-decoration: none;
	font-size: 0.688em;
	color: #fff !important;
	margin: 0 !important;
}
.ct-footlinks ul a:hover, .ct-footlinks ul a:active, .ct-footlinks ul a:focus { 
	color: #fff;
	text-decoration: underline;
}

.ct-footlinks .contenttype-link {
    padding: 0 0.545em 0 0.909em !important;
    margin: 0 !important;
    background-image: none !important;
}

.ct-footlinks .contenttype-link span {
    padding: 0 !important;
    margin: 0 !important;
    display: block;
}

.clr {
	font-size: 0;
	clear: both;
	margin: 0;
	padding: 0;
	position: relative;
}

#ct-searchbar {
	float: right;
	padding: 0 0.875em;
	margin: 0.5em 0 0 0.231em;
	border-left: 0.063em solid #fff;
	height: 1.25em;
}

#ct-search {
    font-size: 0.688em;
	height: 1.182em;
	width: 14.364em;
	border: 0.091em solid #0033cc;
	padding: 0.182em;
	margin: 0 0 0 0.909em;
	-moz-box-shadow: 0.273em 0.273em 0.455em #0028a0;
	-webkit-box-shadow: 0.273em 0.273em 0.455em #0028a0;
	box-shadow: 0.273em 0.273em 0.455em #0028a0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0028a0')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0028a0');
}

#portal-personaltools a {
    font-size: 0.813em; /* 13 */
	height: 1.154em; /* 15 */
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 0.385em;
}

#portal-personaltools {
    background: #0033cc;
    margin: 7px 3px 0 0;
	height: 1.538em;
	padding: 3px 5px;
}
#portal-personaltools dt {
    height: 1.538em;
    margin: 0 0.231em;
}

#anon-personalbar, #user-name {
	float: right;
}

#portal-personaltools dt a {
    font-size: 100%;
	padding: 0 0 0.385em 0 !important;
	margin: 0 0.231em !important;
}

#portal-personaltools ul {
}

#portal-personaltools dd {
    background: #0033cc;
    border: 0.077em solid #fff;
    margin: 0.308em -0.308em 0 0;
	padding: 0.462em 0.231em;
	width: 7.462em;
}

#portal-personaltools dd a {
    font-size: 100%;
    text-transform: none;
	height: 1.923em;
	line-height: 1.923em;
	padding: 0 0.692em;
	margin: 0 0.231em;
}


#portal-personaltools dd a:hover {
    background: #fff;
    color: #0033cc;
}

#searchbox label {
	font-size: 0.75em;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	float: left;
	line-height: 1.6;
}

#ct-map {
	overflow: hidden;
	width: 465px;
	height: 171px;
	padding: 0 0 0 25px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	cursor: crosshair !important;
	position: relative;
}

#ct-map map, #ct-map area, #ct-map a, #ct-map img, #ct-map div, #ct-map span {
	cursor: crosshair !important;
}

.boxhead1 {
	background: #fff;
	color: #369;
	padding: 0 0.357em 0.357em 0;
	margin: -0.357em -0.143em 0 0;
	font-size: 0.875em;
	text-transform: uppercase; 
}

.ct-box1 {
	list-style: none; /* this removes the list marker */
	margin:0 !important; /* this creates the space between the navigation on the content below */	
	float: left;
	padding: 0 0.5em 1.25em 0 !important;
	border-right: 0.063em solid #369;
	width: 48%;
	min-height:5em;  
    height:auto !important;  
    height:5em; 
}

.ct-box1 li {
	padding: 0;
	margin: 0;
}

.ct-box1 li a {
	font-size: 0.75em;
	padding: 0.333em 0;
	display: block;
}

.ct-box1 li a:hover { color: #bf131f; }
.ct-box2 li a:hover { color: #bf131f; }

.ct-box2 {
	list-style: none; /* this removes the list marker */
	margin:0; /* this creates the space between the navigation on the content below */	
	float: left;
	margin: 0 -0.188em 0 0 !important;
	padding: 0 0 0 0.75em !important;
	width: 14.688em;
	position: relative;
}

.ct-box2 li {
	padding: 0;
	margin: 0;
}

.ct-box2 li a {
	font-size: 0.75em;
	padding: 0.333em 0;
	display: block;
}
#portal-column-content.width-1\3a 2 {
    width: 72.75% !important;
    margin-left: -100% !important;
}
#portal-column-content.width-3\3a 4 {
    width: 97.8% !important;
    margin-left: -100% !important;
}

#portal-column-two.width-1\3a 4 {
    margin-left: -26.2% !important;
    width: 24% !important;
}

#portal-column-content.width-full {
    width: 97.8% !important;
    margin-left: -100% !important;
}

#portal-breadcrumbs {
    font-size: 0.75em;
    margin: 0 0 0.833em 0;
}

#portal-breadcrumbs a {
/*    font-size: 1.0em !important;*/
}

#breadcrumbs-you-are-here {
    padding-right: 0.667em;
    display: none;
}

#portal-column-content {
/*    font-size: 1.1em;*/
}

#portal-column-two {
/*    font-size: 1.5em;*/
}

#portal-column-content a {
/*    font-size: 1.4em;*/
}

.documentDescription {
    margin-bottom: 5px;
}

#contentview-carousel {
    display: none;
}
.section-front-page #contentview-carousel {
    /* display: inline; */
}

.section-front-page #plone-contentmenu-workflow {
    display: none;
}

.section-front-page #plone-contentmenu-factories {
/*    display: none;*/
}

.section-front-page #plone-contentmenu-display {
    display: none;
}

.section-front-page #portal-column-content.width-1\3a 2 {
    width: 30.5em !important;
    margin-left: -100% !important;
}

#carousel-1635253739 {
}

.section-front-page #portal-column-two.width-1\3a 4 {
    margin-left: -25.938em !important;
    width: 23.625em !important;
    min-height:25em;  
    height:auto !important;  
    height:25em;
    border-left: 0.063em solid #336699;
    padding-left: 1.063em !important;
}
.section-front-page #news-items {
    width: 100%;
    background: #fff !important;
	margin-bottom: 0 !important;
}
.section-front-page #portal-column-two > div {
    float: left;
    margin: 0 0.438em 0.438em 0;
    padding: 0;
    background: #dadee4;
}

.template-manage-portlets #portal-column-two > div {
    float: none;
    margin: 0 0.438em 0.438em 0;
    padding: 0;
    background: #fff;
}

.portlet-static-local-pia-associations, .boxhead1, .ct-box1, .ct-box2 {
    display: none !important;
}



.template-document_view .portlet-static-local-pia-associations,
.template-document_view .boxhead1, .template-document_view .ct-box1,
.template-document_view .ct-box2 {
    display: block !important;
}

.section-front-page #portal-column-two > div dl dd,
.section-front-page #portal-column-two > div dl dt {
    margin: 0;
    padding: 0;
}
.section-front-page #portal-column-two > div dl p {
    margin: 0;
    padding: 5px;
}

.section-front-page .managePortletsLink { clear:both; float: none !important; padding: 0.25em !important;}
.section-front-page #portal-column-two .full-width {
    
}

.section-front-page #portal-breadcrumbs,
.section-front-page .documentDescription,
.section-front-page .documentFirstHeading {
    display:none;
}

.section-front-page #portal-column-two .portletHeader {
    background: #346799;
    color: #fff !important;
    padding: 0.364em 0.909em; /* 4 10 */
    margin: 0;
    font-size: 0.923em; /* 12 */
    text-transform: uppercase;
    border-bottom: 0.182em solid #fff !important;
}

.section-front-page #portal-column-two .portletHeader a {
    color: #fff !important;
}

.section-front-page #portal-column-two .portletItem a {
    border: none;
}


#news-items .newsImage {
	float: left;
	margin: 0 0.438em 0.313em 0;
}

#news-items .item-link {
	font-size: 1.063em !important;
	font-weight: bold !important;
	color: #336699 !important;
	line-height: 1 !important;
	display: block !important;
	margin-bottom: 0.176em !important;
}

#news-items .item-summary {
	font-size: 0.813em !important;
	line-height: 1.3 !important;
}

#news-items .item-more {
	white-space:nowrap !important;
	text-transform: lowercase !important;
}

#news-items dd {
	float: left !important;
	clear: both !important;
	margin-bottom: 0.625em !important;
}

#news-items .condensed {
	margin: 0.2em 0 0.4em 0 !important;
	padding: 0 !important;
	float: left;
	width: 100%;
}
#news-items .condensed a {
	font-size: 0.813em !important;
	font-weight: normal !important;
	display: block !important;
	line-height: 1.075 !important;
	padding: 0 !important;
}

.news-feed {
	padding-bottom: 4px !important;
	float: left;
}
#viewlet-above-content {  }

dl.portletMap {
	border-bottom: 0.079em solid #336699;
	display: block;
	margin-top: -34px !important;
    min-height:185px;  
    height:auto !important;  
    height:185px;
    background: #fff;
}

dl.portletMap dt {
	background: #346799 !important;
    color: #fff !important;
    padding: 0.364em 0.909em !important; /* 4 10 */
    margin: 0 !important;
    font-size: 0.923em !important;
    text-transform: uppercase !important;
}

dl.portletMap dd {
	padding: 5px 0 !important;
	margin: 0 !important;
}


.list-box h2 {
    background: #f7f7f7;
    border-bottom: 1px dashed #336699;
    margin-bottom: 10px;
    padding: 0px 0 0px 5px;
}

.list-box h2.headline a {
    font-size: 16px;
    color: #369 !important;
}

#content .list-box h2.headline a:hover {

    color: #333 !important;
}

#content .list-box a {
    border-bottom: none !important;
}

#content .list-box a:hover {
    color: #bf131f !important;
}

.list-box {
    margin: 0 0 20px;
    padding: 5px;
}
.list-box table {
    width: 100%;
}
.list-box td { padding: 2px 4px; border-bottom: 1px solid #eee;}
.list-box .link-date {
 padding: 0 10px 0 0;
 width: 70px;
 text-align: right;
}

.list-box .more-news {
    float: right;
}

.list-box tr.even {
    background: #fff;
    width: 100%;
}

a.navTreeCurrentItem {
    background-color: #f3f3f3 !important;
    border-left: 1em solid #f3f3f3 !important;
}

#parent-fieldname-description {
    display: none;
}

.template-manage-portlets .lof-slidecontent {
    display: none;
}

.section-front-page #contentview-view,
.section-front-page #contentview-local_roles,
.section-front-page #contentview-edit {
    display: none;
}

.contentViews li {
    padding: 0 2px !important;
    margin: 0 1px 0 -1px !important;
}

.ovr .contentViews li {
    padding: 0 !important;
    margin: 0 !important;
}

.portlet-collection-hot-issues .item-summary {
    display: none;
}
.portlet-collection-hot-issues dd {
    margin: 0 !important;
    padding: 10px 0 0 10px!important;
}

.portlet-collection-hot-issues {
    margin-top: 25px !important;
}

.link-list .item-date {
    padding-right: 15px !important;
    width: 70px !important;
    text-align: right;
}

.headline {
    font-size: 16px !important;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
}
.item-box .item-date {
    padding: 0 10px 0 0;
}

.spacer {
    padding: 3px !important;
}

.section-issues-of-focus .documentDescription {
    display: none;
}
.portlet-collection-related-stories {
    margin-bottom: 15px !important;
    display: none;
}
.portlet-collection-related-stories dt {
    margin-bottom: 5px !important;
}
.portlet-collection-related-stories dd {
    padding: 10px 0 10px 13px !important;
    margin: 0 !important;
}

.e_date {
    font-size: 12px !important;
    padding: 5px 0 !important;
    font-weight: bold;
}

#parent-fieldname-image .newsImage {
    margin-top: 25px;
}

.more-stories {
    display: none;
}

#category {
    text-align: left;
    padding: 10px;
    visibility: hidden;
}
div.addthis_toolbox {
    float: right;
    clear: both;
    visibility: hidden;
}

div.addthis_toolbox a {
    border: 0px !important;
}

.button-bar {
    width: 100%;
    clear: both;
    float: left;
    height: 16px;
    margin: -13px 0 10px 0;
    position: relative;
}

a.link-category {
    margin-right: 3px !important;
}

.edit-form .portrait, .edit-form .pdelete, .edit-form .location,
.edit-form .description, .edit-form .home_page {
    display: none;
}

.edit-form .salutation {
    margin-top: 15px !important;
}

.edit-form .firstname, .edit-form .lastname {
    float: left;
    clear: left;
}

.edit-form .middlename, .edit-form .fullname {
    float: left;
    clear: none;
}

.edit-form .email input, .edit-form .company input {
    width: 300px !important;
}

.edit-form .address1 input, .edit-form .address2 input {
    width: 260px !important;
}

.edit-form .city input, .edit-form .workphone input, .edit-form .homephone input, .edit-form .fax input {
    width: 200px !important;
}
.fieldRequired {
    margin-left: 3px !important;
}
.portaltype-plone-site .documentFirstHeading {
    margin-top: 5px !important;
}

#form-widgets-membercsv {
    margin-bottom: 15px !important;
}

#fieldset-default {
    width: 871px !important;
}

.z3cformInlineValidation #form-widgets-header {
    width: 200px !important;
}

#form-widgets-zoomInDelay, #form-widgets-zoomOutDelay, #form-widgets-bColor,
#form-widgets-hColor1, #form-widgets-hColor2, #form-widgets-dColor {
    width: 60px !important;
}

.z3cformInlineValidation .textline-field {
    width: 350px !important;
}

#formfield-form-widgets-transition_type {
    display: none;
}

.template-edit-carousel #fieldset-0 {
    display: none;
}

#form-widgets-css {
    height: 300px !important;
}

#form-widgets-ie7_css, #form-widgets-ie8_css, #form-widgets-ie9_css {
    height: 100px !important;
}
.CodeMirror {background: #f8f8f8; border: 1px solid #ccc;}

#content pre {
    background-color: inherit;
    color: #000;
    font-family: inherit;
    padding: 0;
    overflow-x: auto;
    font-size: 90%;
    margin: 0;
    line-height: 1.25em;
}

#formfield-form-widgets-referer {
    display: none;  
}

.fc-event a {
    color: #fff !important;
}

.fc-event a:hover, .fc-event a:hover span {
    color: #fff !important;
}

#content-core {
    text-align: justify !important;
    padding: 3px !important;
}

#login-form, #login-forgotten-password {
    text-align: center !important;
}

.state-hidden {
	color: red !important;
}

#plone-contentmenu-workflow .state-hidden {
	padding: 0 0.5em;
	background-color: Red;
	border: 0.1em solid Red;
	color: White !important;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}

.contenttype-private {
    background: no-repeat transparent 0px 4px url(../images/lock_icon.png);
    display: inline-block;
    line-height: 2em;
    width: 20px;
}

.close_menu {
    background: #DF1522;
    display: block;
    position: absolute;
    z-index: 6000;
    width: 20px;
    height: 20px;
    overflow: hidden;
    text-align: center;
    font-size: 15px;
    color: #fff !important;
    text-decoration: none;
    font-weight: bold;
    padding-top: 2px;
    padding-left: 2px;
    margin-top: 4px;
    left: -9999px;
}

.section-benefits .portletMap {
    width: 488px;
    float: left;
    margin-top: -180px !important;
    border-bottom: 0;
}

.section-benefits .portletMap .portletHeader {
    display: none;
}

.section-benefits .portlet-map-penn-national-agents-umbrella-program {
    margin-top: -330px !important;
}

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #text-size {
        /* visibility: hidden; */
    }
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
    .section-front-page #portal-column-two.width-1\3a 4 {
        padding-top: 296px !important;
        position: relative !important;
        margin-top: -100%;
        z-index: 0 !important;
    }
    .section-front-page #portal-column-content.width-1\3a 2 {
        margin-top: -10px !important;
        z-index: 5 !important;
    }
    #ct-logobar {
        z-index: 10 !important;
        position: relative !important;
    }
    
    #ct-topbar {
        z-index: 10 !important;
        position: relative !important;
    }
    
    #globalnav-yui {
        z-index: 11 !important;
        position: relative !important;
    }
    .section-front-page #portal-column-content.width-1\3a 2:before {
        content: ".";
        display: block;
        height: 10px;
        clear: both;
        background: #fff;
        margin-right: -20px;
    }
    
    #text-size {
        /* visibility: hidden; */
    }
    #ct-search {
        font-size: 13px !important;
    }
}