.hocwp .media-content {
box-sizing: border-box;
color: #878f9a;
}
.hocwp .media-content * {
box-sizing: border-box;
}
.hocwp .media-content .media-info .details .small-ads,
.hocwp .media-content .media-info .details .media-ads,
.hocwp .media-content .media-images + .media-info {
margin-top: 20px;
}
.hocwp .media-content .media-info .details {
float: left;
width: 38%;
}
.hocwp .media-content .media-info .description {
float: right;
width: 58%;
}
.hocwp .media-content .media-info .details .list-label {
display: inline-block;
min-width: 100px;
width: 40%;
}
.hocwp .media-content .media-download > a,
.hocwp .media-content .media-download .download-link {
background-color: #36cad1;
border: medium none;
border-radius: 5px;
color: #fff;
display: inline-block;
float: none;
padding: 5px 15px;
text-align: center;
text-decoration: none;
vertical-align: top;
height: 36px;
line-height: 26px;
}
.hocwp .media-content .media-download > a i.fa-external-link {
vertical-align: middle;
}
.hocwp .media-content .media-download .download-link:hover {
background-color: #626d7b;
}
.hocwp .media-content .media-download .download-link.more-link {
background-color: #fff;
border: 2px solid #36cad1;
color: #36cad1;
}
.hocwp .media-content .media-download .download-link.more-link:hover {
background-color: #36cad1;
color: #fff;
}
.hocwp .media-content .media-download > a,
.hocwp .media-content .media-info .description .media-download .download-link {
margin-right: 10px;
margin-bottom: 10px;
}
.hocwp .media-content .media-info .description .media-download .download-link:last-child {
margin-right: 0;
}
.hocwp .media-content .media-download > a > .fa,
.hocwp .media-content .media-info .description .media-download .download-link .fa {
margin-right: 5px;
}
.hocwp .media-content .media-download > a.more-link:after {
display: none;
}
.hocwp .media-content .media-info .details .media-download .download-link {
margin-bottom: 10px;
font-size: 16px;
}
.hocwp .media-content .media-images img {
border-radius: 0;
box-shadow: none;
display: block;
line-height: 1px;
margin: 0;
}
.hocwp .media-content .media-info {
overflow: hidden;
}
.hocwp .media-content .font-demos {
margin-top: 20px;
overflow: hidden;
}
.hocwp .media-content .font-demos .font-entry .font-entry-head {
border-bottom: 1px solid #eee;
color: #2a2a2a;
display: block;
font-size: 50px;
line-height: 1.1;
overflow: hidden;
padding-left: 0;
padding-right: 0;
position: relative;
}
.hocwp .media-content .font-demos .font-entry .font-entry-head .font-name {
background: none;
border-radius: 4px;
font-size: 12px;
left: 0;
padding: 0;
position: absolute;
top: 10px;
}
.hocwp .media-content .font-demos .font-entry .font-entry-head {
border-bottom: none;
color: #2a2a2a;
display: block;
font-size: 50px;
line-height: 1.1;
overflow: hidden;
padding-left: 0;
padding-right: 0;
position: relative;
}
.hocwp .media-content .font-demos .font-entry > .demo {
margin-top: 5px;
margin-bottom: 10px;
}
.hocwp .media-content .font-demos .font-entry > .demo:not(:last-child) {
border-bottom: 1px solid #eee;
}
.hocwp .media-content .font-demos .font-entry .font-entry-head .font-name {
font-size: 12px;
left: 0;
position: absolute;
top: 10px;
z-index: 499;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.hocwp .media-content .font-demos .font-entry .font-entry-head .font-name > * {
display: inline-block;
padding: 7px 10px;
border-radius: 4px;
}
.hocwp .media-content .font-demos .font-entry .font-entry-head .font-name .name {
margin-top: 2px;
}
.hocwp .media-content .font-demos .font-entry .font-entry-head .font-name .glyphs {
background: #e9bebe none repeat scroll 0 0;
cursor: pointer;
color: #2a2a2a;
border: 1px solid #796666 !important;
}
.hocwp .media-content .font-demos .font-entry .font-entry-head .font-name > * ~ * {
margin-left: 10px;
}
.hocwp .media-content .font-demos .font-entry .font-display {
display: block;
font-size: 50px;
height: 100%;
overflow: hidden;
padding: 70px 20px 30px;
position: relative;
white-space: nowrap;
}
.hocwp .media-content .font-demos .font-entry .font-entry-head:last-child {
border-bottom: medium none;
}
.hocwp .media-content .font-demos .font-tester {
background: #f8f8f8 none repeat scroll 0 0;
border-radius: 4px;
display: inline-table;
padding: 15px 20px;
width: 100%;
}
.hocwp .media-content .font-demos .font-tester .set-text-preview {
background: #fff none repeat scroll 0 0;
border: 1px solid #eaeaea;
border-radius: 5px;
color: #717b88;
float: left;
font-size: 13px;
padding-bottom: 10px;
padding-top: 10px;
width: 30%;
}
.hocwp .media-content .font-demos .toolbar-divider {
background-color: #eee;
display: inline-block;
float: left;
height: 40px;
margin-left: 30px;
margin-right: 30px;
width: 1px;
}
.hocwp .media-content .font-demos .toolbar-btn-group.set-text-transform {
float: left;
padding: 0;
}
.hocwp .media-content .font-demos .toolbar-btn-group .set-text-transform {
border: medium none;
color: #626d7b;
font-family: "Open Sans", arial;
font-weight: 500;
text-decoration: none;
}
.hocwp .media-content .font-demos .toolbar-btn-group .set-text-transform:hover {
color: #36cad1;
}
.hocwp .media-content .font-demos .toolbar-btn {
cursor: pointer;
display: inline-block;
float: left;
font-size: 14px;
font-weight: 600;
height: 40px;
line-height: 40px;
position: relative;
text-align: center;
text-decoration: none;
width: 40px;
}
.hocwp .media-content .font-demos .toolbar-btn > span {
display: block;
position: relative;
}
.hocwp .media-content .font-demos .toolbar-btn,
.hocwp .media-content .font-demos .toolbar-btn-group {
display: inline-block;
float: left;
position: relative;
}
.hocwp .media-content .font-demos .slider {
margin-top: 18px;
width: 28%;
}
.hocwp .media-content .font-demos .ui-slider-horizontal {
height: 3px !important;
}
.hocwp .media-content .font-demos .ui-widget-content {
background: #eaeaea none repeat scroll 0 0 !important;
border: medium none !important;
}
.hocwp .media-content .font-demos .ui-state-default,
.hocwp .media-content .font-demos .ui-widget-content .ui-state-default {
background: #36cad1 none repeat scroll 0 0 !important;
border: 2px solid #36cad1 !important;
box-sizing: border-box;
cursor: pointer;
line-height: 1px;
max-height: 18px;
max-width: 18px;
}
.hocwp .media-content .font-demos .ui-slider-horizontal .ui-slider-handle {
border-radius: 50% !important;
}
.hocwp .media-content .font-demos .ui-slider-horizontal .ui-slider-handle {
top: -8px !important;
}
.hocwp .media-content .media-info .details .media-download {
margin-top: 10px;
} .hocwp .media-content .media-info .description {
width: 100%;
margin-top: 10px;
}
.hocwp .media-content .media-info .details {
width: 100%;
}
.hocwp .media-content .media-info .details .list-label {
width: 138px;
}
.hocwp .media-content .media-download > a, .hocwp .media-content .media-download .download-link {
background-color: #33a853;
text-decoration: none;
}
.nv-comment-content .media-download a, .nv-content-wrap .media-download a:not(.button):not(.wp-block-file__button),
.nv-content-wrap .media-download a:not(.button):not(.wp-block-file__button), .nv-comment-content .media-download a {
text-decoration: none;
}
.hocwp .media-content .media-download > a.more-link {
background-color: #9ba7a8;
}
.hocwp .media-content .media-download > a.donate-link {
background-color: #d25a5a;
}
.hocwp .media-content .media-download > a.add-collection {
background-color: #5cbde6;
}
.hocwp .media-content .media-download > a:hover {
background-color: #626d7b;
}
.fes-form .fes-form-fieldset .full-row,
.fes-el.radio.license_options {
width: 100%;
}
.fes-form .fes-form-fieldset .full-row {
}
.fes-form input,
.fes-form select {
max-width: 100%;
}
.font-demo-page .site-content + .widget-area,
.font-demo-page .site-content + .sidebar,
.font-demo-page .site-content {
width: 100%;
}
.font-demo-page .site-content .hentry h1 {
text-align: center;
}
.fes-fields input[type="email"],
.fes-fields input[type="url"],
.fes-fields input[type="text"],
.fes-form .textfield {
min-width: auto;
}
.entry-content .pixelify-dashboard table,
.pixelify-dashboard table {
font-size: 15px;
}
.entry-content .pixelify-dashboard table th,
.pixelify-dashboard table th {
font-size: 14px;
padding-left: 10px;
padding-right: 10px;
}
.pxf-post-slider .slick-slide img {
height: auto;
width: 858px !important;
margin: 0;
}
.pxf-post-slider .slider-nav .slick-slide img {
border-radius: 10px;
padding: 5px 3px 0px;
}
.media-download form[name="donate_form"] {
display: inline-block;
}
@media only screen and (max-width: 600px) {
.pxf-post-slider .slick-slide img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
aspect-ratio: 16 / 9;
}
}
@media only screen and (max-width: 480px) {
.pxf-post-slider .slick-slide img {
aspect-ratio: 4 / 3; 
}
}