#cn-gridder .cn-list-body {
font-size: 0;
letter-spacing: normal;
line-height: 0;
margin: 0;
width: 100%;
word-spacing: normal;
}
#cn-gridder .cn-list-body.cn-entry-single {
font-size: 16px;
line-height: normal;
}
#cn-gridder .cn-list-section-head {
display: none; } #cn-gridder .cn-list-actions {
margin: 24px 0;
}
#cn-gridder .cn-category-select {
font-size: 12px;
height: auto;
min-width: 250px;
max-width: 100%;
}
#cn-gridder .chosen-container {
max-width: 100%;
} #cn-gridder .cn-alphaindex {
clear: both;
padding-top: 20px;
text-align: right;
} #cn-gridder #cn-page-nav {
clear: both;
padding-top: 24px;
}
#cn-gridder .cn-search {
float: right;
padding-bottom: 15px;
}
#cn-gridder .cn-search label { display: none; }
#cn-gridder form.cn-form {
clear: both;
margin: 0;
text-align: left;
}
#cn-gridder form.cn-form select.cn-cat-select {
font-size: 12px;
height: auto;
max-width: 100%;
min-width: 250px;
}
#cn-gridder #cn-list-body {
padding-top: 12px;
}  #cn-gridder .cn-gridder-item {
cursor: pointer;
display: inline-block;
margin: 1px 1px 0 0;
max-width: 100%;
position: relative;
width: auto;
zoom: 1;
} #cn-gridder .cn-gridder-thumb {
display: inline-block;
}
#cn-gridder .cn-gridder-thumb span.cn-image-style {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: transparent;
border: none;
box-sizing: border-box;
display: inline-block;
float: left;
line-height: 0;
margin: 0;
max-width: 100%;
padding: 0;
width: auto;
}
#cn-gridder .cn-gridder-item.cn-gridder-active-item .cn-gridder-thumb img,
#cn-gridder .cn-gridder-thumb img:hover {
opacity: 1 !important; filter: alpha(opacity=100) !important; }
#cn-gridder img {
border-radius: 0;
box-shadow: none;
}
#cn-gridder a,
#cn-gridder a:hover {
border-bottom: none;
}
#cn-gridder .cn-gridder-overlay {
box-sizing: border-box;
display: block;
padding: 12px 32px 12px 12px;
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
z-index: 1;
}
#cn-gridder .cn-gridder-overlay.cn-gridder-overlay-hover {
opacity: 0;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
visibility: hidden;
}
#cn-gridder .cn-gridder-item.cn-gridder-active-item .cn-gridder-overlay.cn-gridder-overlay-hover,
#cn-gridder .cn-gridder-item:hover .cn-gridder-overlay.cn-gridder-overlay-hover {
opacity: 1;
visibility: visible;
}
#cn-gridder .cn-gridder-overlay {
font-family: sans-serif;
font-weight: 600;
}
#cn-gridder .cn-gridder-name {
margin-bottom: 24px;
}
#cn-gridder .cn-gridder-overlay .fn,
#cn-gridder .cn-gridder-name .fn {
display: block;
font-size: 18px;
font-weight: 800;
line-height: 18px;
text-transform: uppercase;
}
#cn-gridder .cn-gridder-overlay .title,
#cn-gridder .cn-gridder-name .title {
display: block;
font-size: 14px;
font-weight: 400;
line-height: 14px;
text-transform: none;
}
#cn-gridder .cn-gridder-panel {
box-sizing: border-box;
color: #000;
font-size: 0;
float: left;
margin-bottom: 0;
text-align: left;
overflow: hidden;
padding: 30px 16px 16px;
position: relative;
width: 100%; width: calc( 100% - 1px ); }
#cn-gridder .cn-gridder-panel-content,
#cn-gridder .cn-gridder-content {
display: none;
}
#cn-gridder .cn-gridder-panel-content {
font-size: 14px;
width: auto;
}
#cn-gridder .cn-gridder-toggle {
cursor: pointer;
font-family: "dashicons";
font-size: 20px;
font-weight: 600;
line-height: 14px;
opacity: .8;
text-align: center;
position: absolute;
width: 16px;
height: 16px;
vertical-align: middle;
}
#cn-gridder .cn-gridder-toggle.cn-gridder-toggle-top-right {
top: 12px;
right: 12px;
bottom: initial;
}
#cn-gridder .cn-gridder-toggle.cn-gridder-toggle-bottom-right {
top: initial;
right: 12px;
bottom: 12px;
}
#cn-gridder .cn-gridder-toggle:before {
content: "\f502";
}
#cn-gridder .cn-gridder-toggle:hover {
opacity: 1;
}
#cn-gridder .cn-gridder-active-item .cn-gridder-toggle:before,
#cn-gridder .cn-gridder-close:before {
content: "\f153";
}
#cn-gridder .cn-gridder-contact {
display: inline-block;
vertical-align: top;
width: 29%;
}
#cn-gridder .cn-gridder-excerpt {
box-sizing: border-box;
display: inline-block;
padding-left: 20px;
width: 69%;
}
#cn-gridder .cn-gridder-excerpt {
font-size: 14px;
line-height: 24px;
margin: 0;
position: relative;
top: -6px;
vertical-align: top;
}
#cn-gridder .cn-gridder-contact span.phone-number-block,
#cn-gridder .cn-gridder-contact span.email-address-block {
font-family: sans-serif;
line-height: 14px;
}
#cn-gridder .cn-gridder-contact span.phone-number-block {
font-weight: 800;
font-size: 16px;
margin: 0;
}
#cn-gridder .cn-gridder-contact span.email-address-block {
font-weight: 400;
}
#cn-gridder .cn-gridder-contact span.social-media-block {
margin: 24px 0 0;
}
#cn-gridder .email-address {
display: block;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word; -webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
#cn-gridder .cn-gridder-detail-link {
font-size: 12px;
line-height: 12px;
text-align: right;
margin-top: 20px;
}
#cn-gridder h2 {
margin: 0;
}
#cn-gridder .cn-list-body.cn-entry-single h2 {
clear: none;
}
#cn-gridder .cn-left {
float: left;
margin-bottom: 24px;  }
#cn-gridder .cn-right {
float: right; } #cn-gridder div.cn-left + div.cn-clear,
#cn-gridder div.cn-biography + div.cn-clear {
clear: none;
}
#cn-gridder .cn-left {
float: none;
}
#cn-gridder .cn-right {
margin-left: 20px;
}
@media only screen
and (max-width : 480px) {
#cn-gridder .cn-gridder-close {
display: none;
}
#cn-gridder .cn-gridder-contact {
display: block;
width: 100%;
}
#cn-gridder .cn-gridder-excerpt {
display: block;
margin-top: 18px;
padding-left: 0;
width: 100%;
}
#cn-gridder .cn-left {
float: none;
}
#cn-gridder .cn-right {
float: none;
margin-top: 10px;
}
}