.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
transition: height 500ms ease-in-out;
} .owl-carousel .owl-item { }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
} .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//27urbano.franklinsandoval.com/wp-content/plugins/hash-elements/assets/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}.he-clearfix:before,
.he-clearfix:after {
content: "";
display: table;
}
.he-clearfix:after {
clear: both;
}
.he-align-left {
text-align: left;
}
.he-align-center {
text-align: center;
}
.he-align-right {
text-align: right;
} .he-block-title {
font-size: 20px;
margin-bottom: 30px;
text-transform: uppercase;
font-weight: bold;
}
.he-block-title a,
.he-block-title span {
color: inherit;
}
.he-title-style2.he-block-title {
border-bottom: 3px solid #EEE;
line-height: 1;
}
.he-title-style2.he-block-title span {
position: relative;
display: inline-block;
padding-bottom: 10px;
}
.he-title-style2.he-block-title span:before {
content: "";
position: absolute;
height: 3px;
top: 100%;
left: 0;
width: 100%;
background: #000;
}
.he-title-style3.he-block-title {
position: relative;
display: flex;
border-left: 10px solid #000;
line-height: 1;
}
.he-title-style3.he-block-title span {
padding: 0 20px 0 15px;
display: inline-block;
}
.he-title-style3.he-block-title:after {
content: "";
flex-grow: 1;
background: rgba(0, 0, 0, 0.03);
}
.he-title-style4.he-block-title {
display: flex;
align-items: center;
}
.he-title-style4.he-block-title:after {
content: "";
height: 3px;
background: #000;
flex-grow: 1;
margin-left: 15px;
} .he-post-meta {
font-size: 12px;
opacity: 0.8;
}
.he-post-meta > span {
display: inline-block;
margin-right: 20px;
}
.he-post-meta > span:last-child {
margin-right: 0;
}
.he-post-meta i {
display: inline-block;
margin-right: 5px;
font-size: 0.88em;
font-weight: bold;
} .he-post-thumb .he-post-categories {
position: absolute;
bottom: 10px;
left: 15px;
z-index: 99;
margin: 0;
padding: 0;
font-size: 0;
}
.he-post-thumb .he-post-categories li {
display: inline-block;
}
.he-post-thumb .he-post-categories li a {
display: block;
background: #0E0E0E;
color: #F0F0F0;
font-size: 10px;
padding: 4px 6px;
line-height: 1.2;
text-transform: uppercase;
margin-right: 5px;
margin-bottom: 5px;
} .he-post-content .he-post-categories {
margin: 0 0 5px;
padding: 0;
font-size: 0;
}
.he-post-content .he-post-categories li {
display: inline-block;
}
.he-post-content .he-post-categories li a {
display: block;
background: #0E0E0E;
color: #F0F0F0;
font-size: 9px;
padding: 4px 6px;
line-height: 1.2;
text-transform: uppercase;
margin-right: 4px;
margin-bottom: 4px;
} .he-tile-block .he-post-categories {
top: 25px;
left: 25px;
bottom: auto;
} h3.he-post-title {
color: inherit;
font-size: 16px;
margin: 0 0 10px;
clear: none;
}
h3.he-post-title a {
color: inherit;
}
h3.he-large-title span,
h3.he-large-title a {
font-size: 1.5em;
}
h3.he-big-title span,
h3.he-big-title a {
font-size: 1.3em;
} .he-post-item {
margin-bottom: 30px;
}
.he-post-item:last-child {
margin-bottom: 0;
} .he-thumb-container {
position: relative;
padding-bottom: 70%;
background: #f7f7f7;
background-position: center;
background-size: cover;
overflow: hidden;
}
.he-thumb-container img {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.he-post-thumb {
overflow: hidden;
position: relative
}
.he-viral-news .he-post-thumb img {
transform: scale(1);
transition: all 0.3s ease;
}
.he-viral-news .he-post-thumb:hover img {
transform: scale(1.2);
}
.he-viral .he-post-thumb > a {
position: relative;
display: block;
overflow: hidden;
}
.he-viral .he-post-thumb > a:before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.he-viral .he-post-thumb > a:hover:before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.he-post-title {
margin-bottom: 10px;
}
.he-post-meta {
margin-bottom: 10px;
}
.he-post-title:last-child,
.he-post-meta:last-child,
.he-excerpt:last-child {
margin-bottom: 0;
} .he-post-content.he-gradient-overlay {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 15px;
color: #fff;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .9) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .9)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .9) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .9) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .9) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0)
}
.he-post-content.he-gradient-overlay h3.he-post-title {
color: #fff
} .he-news-module-one .he-news-module-one-wrap {
margin-left: -20px;
margin-right: -20px;
display: flex;
align-items: center
}
.he-news-module-one .he-post-item {
padding: 0 20px;
margin-bottom: 0
}
.he-news-module-one .he-post-content {
text-align: center
}
.he-news-module-one .he-post-item .he-post-thumb {
margin-bottom: 20px
}
.he-news-module-one .he-post-item .he-thumb-container {
padding-bottom: 80%
}
.he-news-module-one .he-post-item:nth-child(1) .he-thumb-container {
padding-bottom: 100%
}
.he-news-module-one .he-post-item:nth-child(1) {
width: 50%;
order: 2
}
.he-news-module-one .he-post-item:nth-child(2) {
order: 1;
width: 25%
}
.he-news-module-one .he-post-item:nth-child(3) {
order: 3;
width: 25%
} .he-news-module-two .he-news-module-two-wrap {
margin-left: -20px;
margin-right: -20px;
display: flex
}
.he-news-module-two .he-post-content {
text-align: center
}
.he-news-module-two .he-post-item .he-post-thumb {
margin-bottom: 20px
}
.he-news-module-two .col2 {
width: 25%;
order: 1;
padding: 0 20px
}
.he-news-module-two .col1 {
width: 50%;
order: 2;
padding: 0 20px
}
.he-news-module-two .col3 {
width: 25%;
order: 3;
padding: 0 20px
}
.he-news-module-two .he-thumb-container {
padding-bottom: 86%
}
.he-news-module-two .col1 .he-thumb-container {
padding-bottom: 80%
} .he-news-module-three .he-news-module-three-wrap {
margin-left: -15px;
margin-right: -15px;
display: flex
}
.he-news-module-three .col1,
.he-news-module-three .col2 {
width: 50%;
padding: 0 15px
}
.he-news-module-three .col1 .he-post-item,
.he-news-module-three .col1 .he-post-thumb,
.he-news-module-three .col1 .he-post-thumb > a,
.he-news-module-three .col1 .he-thumb-container {
height: 100%
}
.he-news-module-three .col1 .he-post-thumb .he-post-categories {
left: 30px;
right: 30px;
bottom: auto;
top: 30px
}
.he-news-module-three .col1 .he-post-content {
padding: 30px
}
.he-news-module-three .col2 .he-post-item {
width: 50%;
padding: 0 15px
}
.he-news-module-three .col2-wrap {
display: flex;
flex-wrap: wrap;
margin: 0 -15px
}
.he-news-module-three .col2-wrap .he-post-thumb {
margin-bottom: 15px
}
.he-news-module-three .col2 .he-post-item:nth-last-child(2),
.he-news-module-three .col2 .he-post-item:nth-last-child(1) {
margin-bottom: 0
} .he-news-module-four .he-news-module-four-wrap {
margin-left: -15px;
margin-right: -15px;
display: flex;
flex-wrap: wrap
}
.he-news-module-four .he-post-item {
width: 25%;
padding: 0 15px;
margin-bottom: 0
}
.he-news-module-four .he-post-content {
text-align: center
}
.he-news-module-four .he-post-thumb {
margin-bottom: 15px
}
.he-news-module-four .he-post-item:nth-child(1),
.he-news-module-four .he-post-item:nth-child(2) {
width: 50%;
margin-bottom: 30px
}
.he-news-module-four .he-post-item:nth-child(1) .he-thumb-container,
.he-news-module-four .he-post-item:nth-child(2) .he-thumb-container {
padding-bottom: 60%
} .he-news-module-five-wrap {
margin-left: -15px;
margin-right: -15px;
display: flex;
flex-wrap: wrap
}
.he-news-module-five .he-big-block,
.he-news-module-five .he-small-block {
width: 50%;
padding: 0 15px;
}
.he-news-module-five .he-big-block .he-post-item {
margin-bottom: 0;
}
.he-news-module-five .he-big-block .he-post-thumb {
margin-bottom: 20px;
}
.he-news-module-five .he-small-block .he-thumb-container {
padding-bottom: 80%;
}
.he-news-module-five .he-small-block .he-post-thumb {
float: left;
width: 120px;
}
.he-news-module-five .he-small-block .he-post-content {
margin-left: calc(var(--he-image-width, 120px) + 20px);
} .he-news-module-six .he-big-block .he-post-thumb {
margin-bottom: 30px;
}
.he-news-module-six .he-big-block .he-post-thumb .he-post-categories {
position: absolute;
left: 30px;
top: 30px;
right: 30px;
bottom: auto;
}
.he-news-module-six .he-big-block .he-thumb-container {
padding-bottom: 60%;
}
.he-news-module-six .he-big-block .he-post-content {
padding: 30px;
}
.he-news-module-six .he-small-block {
display: flex;
margin: 0 -15px;
}
.he-news-module-six .he-small-block .he-post-item {
width: 33.33%;
padding: 0 15px;
margin-bottom: 0;
}
.he-news-module-six .he-small-block .he-post-thumb {
margin-bottom: 15px;
} .he-news-module-seven .he-big-block {
margin-bottom: 30px;
}
.he-news-module-seven .he-big-block .he-post-thumb {
float: left;
width: 50%;
}
.he-news-module-seven .he-big-block .he-post-content {
margin-left: 50%;
padding-left: 30px;
}
.he-news-module-seven .he-small-block {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.he-news-module-seven .he-small-block .he-post-item {
width: 50%;
padding: 0 15px;
}
.he-news-module-seven .he-small-block .he-post-item:nth-last-child(2) {
margin-bottom: 0;
}
.he-news-module-seven .he-small-block .he-post-thumb {
float: left;
width: 120px;
}
.he-news-module-seven .he-small-block .he-post-content {
margin-left: calc(var(--he-image-width, 120px) + 20px);
} .he-news-module-eight-wrap {
margin: 0 -15px;
display: flex;
}
.he-news-module-eight .he-big-block,
.he-news-module-eight .he-small-block {
width: 50%;
padding: 0 15px;
}
.he-news-module-eight .he-post-thumb {
margin-bottom: 15px;
}
.he-news-module-eight .he-big-block .he-post-meta {
margin-bottom: 10px;
}
.he-news-module-eight .he-small-block-wrap {
margin: 0 -15px;
display: flex;
flex-wrap: wrap;
}
.he-news-module-eight .he-small-block .he-post-item {
width: 50%;
padding: 0 15px;
}
.he-news-module-eight .he-small-block .he-post-item:nth-last-child(2),
.he-news-module-eight .he-small-block .he-post-item:nth-last-child(1) {
margin-bottom: 0;
} .he-big-post-item {
margin-bottom: 30px;
}
.he-big-post-item .he-post-thumb {
position: relative;
overflow: hidden;
}
.he-big-post-item .he-post-thumb img {
width: 100%;
}
.he-big-post-item .he-post-content {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 20px;
color: #FFF;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .7) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .7)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .7) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .7) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .7) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}
.he-big-post-item h3 {
color: inherit;
font-size: 18px;
margin-bottom: 10px;
}
.he-big-post-item .he-post-thumb .he-post-categories {
top: 20px;
left: 20px;
bottom: auto;
}
.he-news-module-nine .he-post-item .he-post-thumb {
float: left;
width: 120px;
}
.he-news-module-nine .he-post-item .he-post-content {
margin-left: calc(var(--he-image-width, 120px) + 20px);
} .he-news-module-ten .he-post-item.he-thumb-left .he-post-thumb {
float: left;
width: 120px;
}
.he-news-module-ten .he-post-item.he-thumb-left .he-post-content {
margin-left: calc(var(--he-image-width, 120px) + 20px);
}
.he-news-module-ten .he-post-item.he-thumb-right .he-post-thumb {
float: right;
width: 120px;
}
.he-news-module-ten .he-post-item.he-thumb-right .he-post-content {
margin-right: 140px;
} .he-grid-blocks {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
margin: 0 -15px -30px;
}
.he-grid-block {
width: 33.33%;
padding: 0 15px;
margin-bottom: 30px;
}
.he-grid-block-inner {
position: relative;
overflow: hidden;
}
.he-grid-block .he-post-thumb .he-thumb-container {
padding-bottom: 100%;
}
.he-grid-block .he-post-content {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 15px 15px 10px;
color: #FFF;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .7) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .7)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .7) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .7) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .7) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0)
}
.he-grid-block .he-post-meta {
max-height: 0;
margin-top: 5px;
color: #F6F6F6;
overflow: hidden;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.he-grid-block-inner:hover .he-post-meta {
max-height: 30px;
}
.he-grid-block .he-post-thumb .he-post-categories {
bottom: auto;
top: 15px;
} .he-double-small-block {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.he-double-small-block .he-post-item {
width: 50%;
padding: 0 15px;
}
.he-double-small-block .he-post-item:nth-last-child(2) {
margin-bottom: 0;
}
.he-double-small-block .he-post-thumb {
float: left;
width: 120px;
}
.he-double-small-block .he-post-thumb .he-thumb-container {
padding-bottom: 80%;
}
.he-double-small-block .he-post-content {
margin-left: calc(var(--he-image-width, 120px) + 20px);
} .he-alternate-block {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.he-alt-post-item {
width: 33.333%;
background: #F9F9F9;
display: -webkit-flex;
display: flex;
flex-direction: column;
margin: 0;
}
.he-alt-post-item .he-post-thumb .he-thumb-container {
padding-bottom: 100%;
}
.he-alt-post-item .he-post-thumb {
width: 100%;
}
.he-alt-post-item .he-post-thumb a img {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.he-alt-post-item:nth-child(2) {
flex-direction: column-reverse;
}
.he-alt-post-item:hover {
background: #F4F4F4;
}
.he-alt-post-item .he-post-content {
padding-bottom: 100%;
overflow: hidden;
position: relative;
}
.he-alt-post-item .he-post-content .he-post-content-inner {
position: absolute;
display: flex;
align-items: center;
padding: 30px;
height: 100%;
}
.he-alt-post-item .posted-on {
margin-bottom: 6px;
} .he-four-column-block {
margin: 0 -15px;
display: flex;
flex-wrap: wrap;
}
.he-four-column-block.he-col-1 .he-post-item {
width: 100%;
}
.he-four-column-block.he-col-2 .he-post-item {
width: 50%;
}
.he-four-column-block.he-col-3 .he-post-item {
width: 33.33%;
}
.he-four-column-block.he-col-4 .he-post-item {
width: 25%;
}
.he-four-column-block .he-post-item {
padding: 0 15px;
margin-bottom: 30px;
}
.he-four-column-block .he-post-thumb {
margin-bottom: 20px;
}
.he-four-column-block .he-post-content {
margin-left: 0;
}
.he-four-column-block .posted-on {
margin-bottom: 10px;
} .he-mini-news {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-row-gap: 30px;
margin-left: -15px;
margin-right: -15px;
}
.he-mini-news .he-post-thumb {
width: 120px;
float: left;
}
.he-mini-news .he-post-thumb .he-thumb-container {
padding-bottom: 100%;
}
.he-mini-news .he-post-item {
padding: 0 15px;
margin: 0;
position: relative;
}
.he-mini-news .he-post-item .he-post-content {
margin-left: calc(var(--he-image-width, 120px) + 20px);
} .he-carousel-block .he-post-thumb {
margin-bottom: 20px;
}
.he-carousel-block .he-post-content {
text-align: center;
padding: 0 10px;
}
.he-carousel-block .owl-carousel .owl-nav button.owl-prev,
.he-carousel-block .owl-carousel .owl-nav button.owl-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 40px;
width: 25px;
line-height: 40px;
text-align: center;
background: #0078af;
font-size: 26px;
color: #FFF;
opacity: 0;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
}
.he-carousel-block .owl-carousel .owl-nav button.owl-prev {
left: 0;
}
.he-carousel-block .owl-carousel .owl-nav button.owl-next {
right: 0;
}
.he-carousel-block .owl-carousel:hover .owl-nav button.owl-prev,
.he-carousel-block .owl-carousel:hover .owl-nav button.owl-next {
opacity: 1;
}
.he-carousel-block .owl-carousel .owl-nav button.owl-prev:hover,
.he-carousel-block .owl-carousel .owl-nav button.owl-next:hover {
background: #000;
}
.he-carousel-block .owl-carousel .owl-dots {
margin-top: 40px;
text-align: center;
}
.he-carousel-block .owl-carousel button.owl-dot {
height: 12px;
width: 12px;
background: #000;
margin: 0 5px;
padding: 0;
box-shadow: none;
outline: 0;
border-radius: 20px;
transform: scale(1);
transition: all 0.3s ease;
}
.he-carousel-block .owl-carousel button.owl-dot.active {
transform: scale(1.2);
} .he-thumb,
.he-parent {
float: left;
}
.he-width-25 {
width: 25%;
}
.he-width-33 {
width: 33.33%;
}
.he-width-35 {
width: 35%;
}
.he-width-50 {
width: 50%;
}
.he-width-65 {
width: 65%;
}
.he-width-100 {
width: 100%;
}
.he-height-33 {
height: 33.33%;
}
.he-height-50 {
height: 50%;
}
.he-height-100 {
height: 100%;
}
.he-thumb img {
height: 100% !important;
width: 100% !important;
object-fit: cover;
object-position: center;
}
.space-10 {
margin: -5px;
}
.space-10 .he-thumb {
padding: 5px;
}
.he-post-thumb {
position: relative;
}
.he-post-thumb > a {
position: relative;
display: block;
overflow: hidden;
}
.he-post-thumb img {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.he-thumb-inner.he-post-thumb {
background-position: center;
background-size: cover;
}
.he-thumb-inner.he-post-thumb img {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.he-thumb-inner {
position: relative;
height: 100%;
}
.he-thumb-inner > a {
position: relative;
height: 100%;
display: block;
}
.he-title-container h3 {
color: #FFF;
margin-bottom: 0;
text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
position: relative;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.he-thumb-inner:hover .he-title-container h3:after {
width: 100%;
}
.he-title-container {
position: absolute;
bottom: 0;
left: 0;
right: 0;
color: #FFF;
z-index: 2;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .9) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .9)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .9) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .9) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .9) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0)
}
.he-title-container h3.he-post-title {
color: #FFF;
margin-bottom: 15px;
text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
position: relative;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.he-title-container h3:after {
content: "";
position: absolute;
height: 1px;
margin-top: 6px;
background: #FFF;
top: 100%;
left: 0;
width: 0;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.he-thumb-inner:hover .he-title-container h3:after {
width: 100%;
}
.he-title-container > a {
color: #FFF !important;
padding: 25px 25px 15px;
display: block;
}
.he-tile-block.style1 {
height: 500px;
}
.he-tile-block.style2 {
height: 500px;
}
.he-tile-block.style3 {
height: 400px;
} .he-single-post-one .he-post-content {
padding-top: 20px;
position: relative;
}
.he-single-post-one .he-post-excerpt {
margin-top: 20px;
} .he-single-post-two .he-post-title {
font-size: 1.3rem;
}
.he-single-post-two .he-post-image {
overflow: hidden;
} .he-post-graident-title {
position: relative;
}
.he-post-graident-title .he-post-content {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 20px;
background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0px, rgba(0, 0, 0, 0.45) 34%, transparent 100%);
}
.he-post-graident-title .he-post-title a,
.he-post-graident-title .he-post-meta span,
.he-post-graident-title .he-post-excerpt {
color: #FFF;
}
.he-post-graident-title .he-post-excerpt {
margin-top: 15px;
} .he-ticker {
position: relative;
background: #F6F6F6;
padding: 10px;
overflow: hidden;
}
.he-ticker-title {
float: left;
background: #0078af;
color: #FFF;
line-height: 32px;
white-space: nowrap;
padding: 0 15px;
margin-right: 40px;
position: relative;
font-size: 1.1em;
}
.he-ticker-title:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 100%;
border-color: transparent transparent transparent #0078af;
border-width: 16px;
border-style: solid;
}
.he-ticker .owl-carousel {
padding-right: 75px;
}
.he-ticker .owl-item a {
display: block;
line-height: 32px;
color: #444;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.he-ticker .owl-item a:hover {
color: #0078af;
}
.he-ticker .owl-nav {
position: absolute;
right: 0;
top: 5px;
}
.he-ticker .owl-carousel .owl-nav button.owl-prev,
.he-ticker .owl-carousel .owl-nav button.owl-next {
height: 22px;
width: 22px;
line-height: 22px;
padding: 0;
background: #0078af;
color: #FFF;
display: inline-block;
text-align: center;
font-size: 14px;
margin-left: 4px;
}
.he-ticker .owl-carousel .owl-nav button.owl-prev:hover,
.he-ticker .owl-carousel .owl-nav button.owl-next:hover {
background: #0E0E0E;
}
.he-ticker .owl-carousel .owl-nav button.owl-prev i,
.he-ticker .owl-carousel .owl-nav button.owl-prev i {
line-height: 22px;
font-style: normal;
}
@media screen and (max-width: 767px) {
.he-news-module-one .he-news-module-one-wrap,
.he-news-module-two .he-news-module-two-wrap,
.he-news-module-three .he-news-module-three-wrap,
.he-news-module-eight .he-news-module-eight-wrap {
flex-wrap: wrap;
}
.he-news-module-one .he-post-item:nth-child(1),
.he-news-module-two .col1,
.he-news-module-three .col1 {
width: 100%;
order: unset;
margin-bottom: 30px;
}
.he-news-module-one .he-post-item:nth-child(2),
.he-news-module-one .he-post-item:nth-child(3),
.he-news-module-two .col2,
.he-news-module-two .col3 {
order: unset;
width: 50%;
}
.he-news-module-three .col2,
.he-news-module-eight .he-big-block,
.he-news-module-eight .he-small-block {
width: 100%;
}
.he-news-module-four .he-post-item {
width: 50%;
margin-bottom: 30px;
}
.he-news-module-eight .he-big-block {
margin-bottom: 30px;
}
.he-alternate-block {
margin: 0 -5px;
}
.he-alternate-block .he-alt-post-item {
padding: 0 5px;
background: none;
}
.he-alt-post-item:nth-child(2) {
flex-direction: column;
}
.he-alt-post-item .he-post-content {
height: auto;
padding: 0;
}
.he-alt-post-item .he-post-content .he-post-content-inner {
position: static;
padding: 20px 0 0;
}
.he-four-column-block .he-post-item {
width: 50% !important;
margin-bottom: 30px;
}
.he-news-module-five .he-big-block,
.he-news-module-five .he-small-block {
width: 100%;
float: none;
}
.he-news-module-five .he-big-block {
margin-bottom: 30px;
}
.he-news-module-seven .he-big-block .he-post-thumb,
.he-news-module-seven .he-big-block .he-post-content {
width: 100%;
padding-right: 0;
padding-left: 0;
float: none;
margin: 0;
}
.he-news-module-seven .he-small-block .he-post-item:nth-last-child(2) {
margin-bottom: 30px;
}
.he-news-module-seven .he-big-block .he-post-thumb {
margin-bottom: 20px;
}
.he-news-module-seven .he-small-block .he-post-item {
width: 100%;
}
.he-double-small-block {
margin: 0;
}
.he-double-small-block .he-post-item {
width: 100%;
padding: 0;
}
.he-double-small-block .he-post-item:nth-last-child(2) {
margin-bottom: 30px;
}
.he-mini-news {
grid-template-columns: repeat(1, 1fr);
}
.he-mini-news .he-post-item {
width: 100%;
margin-bottom: 0;
}
.he-mini-news .he-post-item:last-child {
margin-bottom: 0;
}
.he-tile-block.style1,
.he-tile-block.style2,
.he-tile-block.style3 {
height: auto !important;
}
.he-width-25,
.he-width-33,
.he-width-35,
.he-width-50,
.he-width-65,
.he-width-100 {
width: 100%;
float: none;
}
.he-height-33,
.he-height-50,
.he-height-100 {
height: auto;
}
.he-news-module-one .he-news-module-one-wrap,
.he-news-module-two .he-news-module-two-wrap,
.he-news-module-three .he-news-module-three-wrap {
display: block;
}
.he-news-module-one .he-post-item:nth-child(1),
.he-news-module-one .he-post-item:nth-child(2),
.he-news-module-one .he-post-item:nth-child(3),
.he-news-module-two .col1,
.he-news-module-two .col2,
.he-news-module-two .col3,
.he-news-module-three .col1,
.he-news-module-three .col2 {
width: 100%;
order: unset;
margin-bottom: 30px;
}
.he-news-module-three .col2 .he-post-item,
.he-news-module-three .col2 .he-post-item:nth-last-child(2) {
width: 100%;
margin-bottom: 30px;
}
.he-news-module-one .he-post-item:last-child,
.he-news-module-four .he-post-item:last-child {
margin-bottom: 0;
}
.he-news-module-four .he-post-item:nth-child(1),
.he-news-module-four .he-post-item:nth-child(2),
.he-news-module-four .he-post-item {
width: 100%;
}
.he-news-module-six .he-small-block {
display: block;
}
.he-news-module-six .he-small-block .he-post-item {
width: 100%;
margin-bottom: 30px;
}
.he-news-module-six .he-small-block .he-post-item:last-child {
margin-bottom: 0;
}
.he-news-module-eight .he-small-block .he-post-item {
width: 100%;
}
.he-news-module-eight .he-small-block .he-post-item:nth-last-child(2) {
margin-bottom: 30px;
}
.he-grid-blocks {
display: block;
margin: 0;
}
.he-grid-block {
width: auto;
padding: 0;
}
.he-grid-block:last-child {
margin-bottom: 0;
}
.he-grid-block .he-post-content {
padding: 25px;
}
.he-alternate-block {
display: block;
}
.he-alt-post-item .he-post-thumb .he-thumb-container {
padding-bottom: 70%;
}
.he-alt-post-item {
width: 100%;
margin-bottom: 30px;
}
.he-alt-post-item img {
width: 100%;
}
.he-four-column-block .he-post-item {
width: 100% !important;
}
.he-ticker {
max-height: none;
}
.he-ticker-title {
float: none;
display: block;
margin-right: 0;
text-align: center;
margin-bottom: 5px;
}
.he-ticker-title:after {
display: none;
}
.he-post-thumb:not(.he-aligned-block) .he-thumb-container,
.he-thumb-inner.he-post-thumb > a {
padding-bottom: 0 !important;
height: 50vw !important;
}
.he-post-thumb:not(.he-aligned-block) .he-thumb-container img,
.he-thumb-inner.he-post-thumb > a img {
position: static !important;
}
}
@media screen and (max-width: 580px) {
.he-post-thumb:not(.he-aligned-block) .he-thumb-container,
.he-thumb-inner.he-post-thumb > a {
height: 70vw !important;
}
} .he-slide {
position: relative;
}
.he-slide .he-container {
position: absolute;
width: 80%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.he-slide-caption {
max-width: 650px;
width: 100%;
background: rgba(0, 0, 0, 0.2);
padding: 40px;
border-left: 3px solid #5BC2CE;
border-right: 3px solid #5BC2CE;
margin: 0 auto;
}
.he-slide-cap-title {
text-align: center;
font-size: 42px;
color: #FFF;
font-weight: 700;
margin-bottom: 10px;
line-height: 1.2;
letter-spacing: 1px;
text-transform: uppercase;
}
.he-slide-cap-desc {
text-align: center;
font-size: 22px;
color: #F6F6F6;
font-weight: 500;
font-weight: 300;
padding: 0 5%;
}
.he-slide-cap-button {
margin-top: 20px;
}
.he-slide-cap-button a {
display: inline-block;
font-size: 14px;
color: #FFF;
background: #5BC2CE;
padding: 10px 20px;
}
.he-slide-cap-button a:hover {
background: #000;
}
.he-bx-slider.owl-carousel .owl-nav button.owl-prev,
.he-bx-slider.owl-carousel .owl-nav button.owl-next {
position: absolute;
background: #5bc2ce;
color: #FFF;
bottom: 25px;
height: 40px;
width: 40px;
text-indent: 0;
display: flex;
align-items: center;
justify-content: center;
}
.he-bx-slider.owl-carousel .owl-nav button.owl-prev:hober,
.he-bx-slider.owl-carousel .owl-nav button.owl-next:hover {
background: #4EA3AD
}
.he-bx-slider.owl-carousel .owl-nav button i {
font-size: 24px;
line-height: 1;
color: #FFF;
}
.he-bx-slider.owl-carousel .owl-nav button.owl-prev {
left: 50%;
margin-left: -42px;
}
.he-bx-slider.owl-carousel .owl-nav button.owl-next {
right: 50%;
margin-right: -42px;
}
.he-banner-shadow {
position: absolute;
top: 100%;
left: 0;
right: 0;
}
.he-bx-slider .he-banner-shadow img {
margin: 0 auto;
display: block;
width: 100%;
}
.he-bx-slider .owl-item.active .he-slide-cap-title,
.he-bx-slider .owl-item.active .he-slide-cap-desc {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.he-bx-slider .owl-item.active .he-slide-cap-title {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.he-bx-slider .owl-item.active .he-slide-cap-desc {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
} .he-featured-post {
padding: 60px 40px;
position: relative;
background-color: #f7f8f9;
background-image: linear-gradient(90deg, rgba(247, 248, 249, 1) 0%, rgba(240, 241, 242, 1) 100%);
}
.he-featured-post:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.he-featured-post * {
position: relative;
}
.he-featured-post .he-featured-icon {
font-size: 38px;
margin-bottom: 20px;
line-height: 1;
}
.he-featured-post .he-featured-icon i,
.he-featured-post .he-featured-icon svg {
height: 1em;
width: 1em;
display: block;
}
.he-featured-post h4 {
position: relative;
margin-bottom: 30px;
}
.he-featured-post h4:after {
content: "";
position: absolute;
height: 2px;
width: 25px;
background: #333;
top: 100%;
left: 0;
margin-top: 10px;
}
.he-featured-readmore {
position: absolute;
right: 5px;
bottom: 5px;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
font-size: 26px;
color: #333;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.he-featured-readmore i,
.he-featured-readmore svg {
height: 1em;
width: 1em;
display: block;
}
.he-featured-post:hover .he-featured-readmore,
.he-featured-post .he-featured-readmore:focus {
opacity: 1;
}
.he-featured-post .he-featured-readmore:hover {
color: #5bc2ce;
} .he-image-stack {
display: flex;
}
.he-image-stack.he-elastic-center {
justify-content: center;
}
.he-image-stack.he-elastic-right {
justify-content: flex-end;
}
.he-elasticstack {
position: relative;
padding: 0 !important;
margin: 0 !important;
max-width: 100%;
list-style: none;
-webkit-perspective: 1000px;
-webkit-perspective-origin: 50%-50%;
perspective: 1000px;
perspective-origin: 50% -50%;
}
.he-elasticstack li {
position: absolute;
z-index: 1;
opacity: 0;
cursor: pointer;
-webkit-transform: translate3d(0, 0, -180px);
transform: translate3d(0, 0, -180px);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
height: 100%;
width: 100%;
}
.he-elasticstack li img {
display: block;
position: absolute;
height: 100%;
width: 100%;
object-fit: cover;
}
.he-elasticstack li.animate {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.he-elasticstack li.move-back {
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.470, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.470, 1.515);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.470, 1.515);
}
.no-js .he-elasticstack {
max-width: 1090px;
width: 100%;
height: auto;
text-align: center;
}
.no-js .he-elasticstack li {
position: relative;
display: inline-block;
opacity: 1;
margin: 10px;
cursor: default;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} .he-tab {
padding: 0;
margin: 0;
width: 25%;
float: left;
padding-right: 30px;
border-right: 1px solid #EEE;
list-style: none;
}
.he-tab li {
font-size: 20px;
text-transform: uppercase;
line-height: 1.2;
position: relative;
}
.he-tab li.he-active:after {
content: "";
position: absolute;
right: 0;
height: 100%;
width: 5px;
background: #000;
top: 0;
margin-right: -33px;
}
.he-tab li a {
text-decoration: none;
color: #444;
display: flex;
align-items: center;
padding: 15px 0;
}
.he-tab li i,
.he-tab li svg {
float: left;
line-height: 1.2;
margin-right: 10px;
height: 1em;
width: 1em;
display: block;
}
.he-tab li.he-active i,
.he-tab li.he-active svg {
color: #000;
fill: #000;
}
.he-tab-content {
width: 75%;
float: right;
padding-left: 80px;
overflow: hidden;
}
.he-tab-pane {
display: none;
}
@keyframes HezoomIn {
from {
opacity: 0;
transform: scale3d(.9, .9, .9)
}
50% {
opacity: 1
}
}
.he-tab-pane.zoomIn {
animation-name: HezoomIn
} .he-client-logo-slider .owl-dots {
text-align: center;
margin-top: 40px;
}
.he-client-logo-slider .owl-dots .owl-dot {
display: inline-block;
height: 8px;
width: 10px;
background: #333;
margin: 0 5px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border-radius: 20px;
}
.he-client-logo-slider .owl-dots .owl-dot.active {
width: 30px;
} .het-slide {
position: relative;
}
.het-slide img {
width: 100%;
}
.het-slide-overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
}
.het-slide-caption {
position: absolute;
top: 50%;
left: 50%;
max-width: 1170px;
width: 90%;
transform: translateY(-50%) translateX(-50%);
}
.het-slide-cap-title {
text-align: center;
font-size: 38px;
color: #FFF;
font-weight: 400;
margin-bottom: 25px;
padding: 0 10%;
line-height: 1.2;
font-family: 'Oswald', sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2)
}
.het-slide-cap-title span {
display: inline-block;
padding: 8px 15px;
background: #FFC107;
}
.het-slide-cap-desc {
text-align: center;
font-size: 25px;
line-height: 1.4;
color: #FFF;
padding: 0 20%;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2)
}
.het-slide-cap-button {
text-align: center;
margin-top: 20px;
}
.het-slide-cap-button a {
display: inline-block;
padding: 10px 20px;
background: #FFF;
color: #333;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 1s;
animation-delay: 1.5s;
}
.het-bx-slider.owl-carousel .owl-nav .owl-prev,
.het-bx-slider.owl-carousel .owl-nav .owl-next {
position: absolute;
top: 50%;
height: 70px;
width: 50px;
margin-top: -35px;
background: rgba(0, 0, 0, 0.9);
color: #FFF;
font-size: 0;
}
.het-bx-slider .owl-nav [class*=owl-]:before {
content: "";
height: 1px;
width: 30px;
background: #FFF;
position: absolute;
left: 15px;
top: 13px;
transform: rotate(45deg);
transform-origin: 0 0;
}
.het-bx-slider .owl-nav [class*=owl-]:after {
content: "";
height: 1px;
width: 30px;
background: #FFF;
position: absolute;
left: 15px;
bottom: 13px;
transform: rotate(-45deg);
transform-origin: 0 0;
}
.het-bx-slider.owl-carousel .owl-nav .owl-prev {
left: 0;
transform: rotate(180deg);
}
.het-bx-slider.owl-carousel .owl-nav .owl-next {
right: 0;
}
.het-bx-slider .owl-dots {
position: absolute;
bottom: 20px;
right: 0;
left: 0;
text-align: center;
}
.het-bx-slider .owl-dots .owl-dot {
display: inline-block;
height: 15px;
width: 15px;
border: 2px solid #FFF;
margin: 0 4px;
}
.het-bx-slider .owl-dots .owl-dot.active {
background: #FFF;
}
.het-bx-slider .owl-item.active .het-slide-cap-title,
.het-bx-slider .owl-item.active .het-slide-cap-desc,
.het-bx-slider .owl-item.active .het-slide-cap-button a {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.het-bx-slider .owl-item.active .het-slide-cap-title,
.het-bx-slider .owl-item.active .het-slide-cap-desc,
.het-bx-slider .owl-item.active .het-slide-cap-button a {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
} .het-progress {
margin-bottom: 20px;
}
.het-progress:last-child {
margin-bottom: 0;
}
.het-progress h6 {
font-weight: 300;
margin-bottom: 5px;
}
.het-progress-bar {
height: 8px;
width: 100%;
position: relative;
line-height: 20px;
font-size: 13px;
background: #f6f6f6
}
.het-progress-bar-length {
background: #FFC107;
height: 100%;
text-align: right;
padding-right: 20px;
}
.het-progress-bar-length span {
position: absolute;
right: 0;
bottom: 100%;
} .het-featured-post {
position: relative;
text-align: center;
border-left: 2px solid #333;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
padding: 30px 30px 60px 30px;
}
.het-featured-post:before,
.het-featured-post:after {
content: "";
position: absolute;
top: 0;
height: 2px;
width: calc(50% - 90px);
background: #333;
}
.het-featured-post:before {
left: 0;
}
.het-featured-post:after {
right: 0;
}
.het-featured-post h5 {
text-transform: uppercase;
margin-bottom: 25px;
}
.het-featured-icon {
display: inline-block;
color: #FFF;
font-size: 46px;
line-height: 1.8;
-ms-transform: translateY(-35px);
-webkit-transform: translateY(-35px);
transform: translateY(-35px);
}
.het-featured-icon i,
.het-featured-icon svg {
height: 1em;
width: 1em;
display: block;
vertical-align: bottom;
}
.het-featured-link {
height: 0;
}
.het-featured-link a {
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding: 10px 15px;
display: inline-block;
line-height: 1.2;
background: #333;
color: #FFF;
margin-top: 60px;
transition: none;
font-size: 0.9em;
}
.het-featured-link a:hover {
background: #333;
color: #FFF;
} .het-portfolio-cat-name-list {
margin-bottom: 30px;
text-align: right;
line-height: 1;
}
.het-portfolio-cat-name-list.tab-align-left {
text-align: left;
}
.het-portfolio-cat-name-list.tab-align-center {
text-align: center;
}
.het-portfolio-cat-name-list.tab-align-right {
text-align: right;
}
.het-portfolio-cat-name-list .fa {
vertical-align: middle;
color: #FFC107;
}
.het-portfolio-cat-name {
cursor: pointer;
display: inline-block;
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #BBB;
line-height: inherit;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.het-portfolio-cat-name:nth-child(2) {
border-left: 0;
margin-left: 0;
}
.het-portfolio-cat-name:hover,
.het-portfolio-cat-name.active {
color: #FFC107;
}
.het-portfolio-posts {
margin-left: -7.5px;
margin-right: -7.5px;
}
.het-portfolio {
width: 33.33%;
float: left;
}
.het-portfolio-outer-wrap {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: 7.5px;
}
.het-portfolio-wrap {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
background-color: #f9f9f9;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.het-portfolio-caption {
position: absolute;
left: 10px;
right: 10px;
bottom: 10px;
top: 10px;
padding: 30px;
opacity: 0;
background: rgba(255, 193, 7, 0.9);
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
overflow: hidden;
}
.het-portfolio-wrap:hover .het-portfolio-caption {
opacity: 1;
}
.het-portfolio-caption h5 {
color: #FFF;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
position: absolute;
top: 20px;
left: 20px;
right: 20px;
-ms-transform: translate(300px, 0);
-webkit-transform: translate(300px, 0);
transform: translate(300px, 0);
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.het-portfolio-wrap:hover .het-portfolio-caption h5 {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.het-portfolio-caption a {
height: 36px;
width: 36px;
position: absolute;
right: 20px;
bottom: 20px;
text-align: center;
display: block;
line-height: 36px;
color: #FFC107;
font-size: 14px;
background: #FFF;
margin: 10px 5px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.het-portfolio-caption a.het-portfolio-image {
-ms-transform: translate(-300px, 0);
-webkit-transform: translate(-300px, 0);
transform: translate(-300px, 0);
right: 66px;
}
.het-portfolio-caption a.het-portfolio-link {
-ms-transform: translate(-300px, 0);
-webkit-transform: translate(-300px, 0);
transform: translate(-300px, 0);
}
.het-portfolio-wrap:hover .het-portfolio-caption a.het-portfolio-link,
.het-portfolio-wrap:hover .het-portfolio-caption a.het-portfolio-image {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
} .het-service-post-wrap {
position: relative;
}
.het-service-post-wrap:after {
content: "";
position: absolute;
left: 24px;
top: 0;
bottom: 0;
width: 2px;
background: #000;
}
.het-service-post {
margin-bottom: 25px;
position: relative;
z-index: 9;
}
.het-service-post:last-child {
margin-bottom: 0
}
.het-service-icon {
float: left;
font-size: 18px;
background: #000;
width: 50px;
text-align: center;
color: #FFF;
fill: #FFF;
height: 50px;
cursor: pointer;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.het-service-icon i,
.het-service-icon svg {
height: 1em;
width: 1em;
display: block;
}
.het-active .het-service-icon {
box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px #000;
}
.het-service-excerpt {
padding-left: 65px;
}
.het-service-text {
display: none;
}
.het-service-excerpt h5 {
margin: 15px 0 6px;
cursor: pointer;
clear: none;
}
.het-service-link {
margin-top: 15px;
}
.het-service-link a {
color: #000;
font-size: 0.9em;
}
.het-service-link a i {
font-size: 0.8em;
opacity: 0.8;
margin-left: 5px;
} .het-team-member {
text-align: center;
}
.het-team-member img {
width: 100%;
vertical-align: middle;
}
.het-team-member-image {
position: relative;
overflow: hidden;
}
.het-team-social-id {
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.het-team-social-id a {
display: inline-block;
color: #FFF;
margin: 0 5px;
font-size: 14px;
background: #000;
color: #FFF;
height: 32px;
width: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.het-team-social-id a:hover {
background: #333;
color: #FFF;
}
.het-team-social-id a svg {
height: 1em;
width: 1em;
}
.het-team-member-excerpt {
background: rgba(0, 0, 0, 0.9);
padding: 20px;
color: #FFF;
display: block;
position: absolute;
left: 10px;
right: 10px;
bottom: 10px;
top: 10px;
opacity: 0;
-ms-transform: scale(0.5);
-webkit-transform: scale(0.5);
transform: scale(0.5);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
display: flex;
align-items: center;
}
.het-team-member-excerpt .het-team-member-excerpt-wrap {
width: 100%;
}
.het-team-member:hover .het-team-member-excerpt {
opacity: 1;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.het-title-wrap {
background: rgba(255, 193, 7, 0.9);
color: #FFF;
padding: 10px;
position: absolute;
left: 10px;
bottom: 10px;
right: 10px;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
opacity: 1;
}
.het-team-member:hover .het-title-wrap {
opacity: 0;
}
.het-team-member h6 {
position: relative;
padding-bottom: 10px;
}
.het-team-member .het-title-wrap h6 {
padding: 0;
margin: 0;
}
.het-team-member h6 a {
text-decoration: none;
color: inherit;
}
.het-team-member .het-team-member-excerpt h6:after {
content: "";
position: absolute;
width: 50px;
left: 50%;
margin-left: -25px;
height: 2px;
background: #FFF;
bottom: -2px;
}
.het-team-member .het-team-designation {
font-size: 0.9em;
margin-bottom: 15px;
}
.het-team-detail {
margin-top: 20px;
}
.het-team-detail a {
background: #FFF;
display: inline-block;
color: #333;
padding: 8px 10px;
text-decoration: none;
font-size: 0.9em;
line-height: 1;
}
.het-team-detail a:hover {
background: #333;
color: #FFF;
} .het-counter {
text-align: center;
border: 2px solid #000;
border-top: 0;
padding: 0 20px 20px;
position: relative;
}
.het-counter:after {
content: "";
position: absolute;
width: 30%;
left: 0;
top: 0;
height: 2px;
background: #000;
}
.het-counter:before {
content: "";
position: absolute;
width: 30%;
right: 0;
top: 0;
height: 2px;
background: #000;
}
.het-counter-count {
font-size: 48px;
line-height: 1;
margin-bottom: 25px;
letter-spacing: 3px;
}
.het-counter-icon {
display: inline-block;
font-size: 36px;
color: #000;
position: relative;
-ms-transform: translate(0, -17px);
-webkit-transform: translate(0, -17px);
transform: translate(0, -17px);
line-height: 36px;
}
.het-counter-icon i,
.het-counter-icon svg {
height: 1em;
width: 1em;
display: block;
}
.het-counter-title {
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 15px;
font-weight: 400;
margin: 0;
} .het-testimonial-slider.owl-carousel .owl-item img {
height: 100px;
width: 100px;
margin: 0 auto 20px;
border-radius: 50%;
border: 1px solid #FFC107;
padding: 5px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.het-testimonial-excerpt {
width: 80%;
margin: 0 auto 30px;
text-align: center;
position: relative;
}
.het-testimonial-excerpt .fa-quote-left {
position: absolute;
top: 0;
left: -65px;
font-size: 60px;
color: #000;
z-index: -1;
opacity: 0.1;
}
.het-testimonial h6 {
text-align: center;
margin: 0;
}
.het-testimonial .het-testimonial-designation {
text-align: center;
font-size: 0.9em;
margin-top: 15px;
}
.het-testimonial-slider.owl-carousel .owl-nav .owl-prev,
.het-testimonial-slider.owl-carousel .owl-nav .owl-next {
position: absolute;
top: 50%;
margin-top: -25px;
background: #FFC107;
height: 50px;
width: 30px;
color: #FFF;
text-align: center;
line-height: 50px;
opacity: 0;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.het-testimonial-slider.owl-carousel .owl-nav .owl-prev {
left: 0;
}
.het-testimonial-slider.owl-carousel .owl-nav .owl-next {
right: 0;
}
.het-testimonial-slider.owl-carousel:hover .owl-nav .owl-prev,
.het-testimonial-slider.owl-carousel:hover .owl-nav .owl-next {
opacity: 1;
}
.het-testimonial-slider.owl-carousel .owl-nav .owl-next:hover,
.het-testimonial-slider.owl-carousel .owl-nav .owl-prev:hover {
background: #333;
}
.het-testimonial-slider .owl-dots {
text-align: center;
margin-top: 40px
}
.het-testimonial-slider .owl-dots .owl-dot {
display: inline-block;
height: 8px;
width: 10px;
background: #333;
margin: 0 5px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
border-radius: 20px;
}
.het-testimonial-slider .owl-dots .owl-dot.active {
width: 30px
} .het-blog-wrap {
margin: 0 -15px;
display: flex;
flex-wrap: wrap;
}
.het-blog-post {
width: 33.333%;
padding: 0 15px;
margin-bottom: 30px;
}
.het-blog-box {
background: #FFF;
border-bottom: 6px solid #000000;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.het-blog-thumbnail {
position: relative;
padding-bottom: 72%;
}
.het-blog-thumbnail img {
position: absolute;
height: 100%;
width: 100%;
object-fit: cover;
}
.het-blog-thumbnail > a {
display: block;
height: 100%;
width: 100%;
}
.het-blog-thumbnail a:after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0;
background: rgba(255, 255, 255, 0.2);
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}
.het-blog-thumbnail:hover a:after {
width: 100%;
}
.het-blog-excerpt {
padding: 20px;
}
.het-blog-excerpt h5 {
font-weight: 400;
margin-bottom: 15px
}
.het-blog-excerpt h5 a {
color: #444;
}
.het-blog-date {
font-size: 14px;
opacity: 0.8;
margin-bottom: 10px;
}
.het-blog-date i {
margin-right: 10px;
}
.het-blog-read-more {
padding: 0 20px 20px;
text-align: right;
}
.het-blog-read-more a {
display: inline-block;
background: #000000;
color: #FFF;
padding: 10px 15px;
line-height: 1;
text-align: center;
font-size: 16px;
border-radius: 1px;
}
.het-blog-read-more a:hover {
background: #333;
color: #FFF;
} .het-client-logo-slider .owl-dots {
text-align: center;
margin-top: 40px
}
.het-client-logo-slider .owl-dots .owl-dot {
display: inline-block;
height: 8px;
width: 10px;
background: #333;
margin: 0 5px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
border-radius: 20px;
}
.het-client-logo-slider .owl-dots .owl-dot.active {
width: 30px
} .he-contact-information ul {
list-style: none;
margin: 0;
padding: 0;
}
.he-contact-information ul li {
padding: 0;
margin: 0 0 10px;
display: flex;
align-items: center;
}
.he-contact-information ul li i {
margin-right: 10px;
}
.he-contact-information p {
margin: 0;
} .he-personal-information .he-pi-image {
margin-bottom: 20px;
}
.he-personal-information .he-pi-image img {
border-radius: 50%;
height: 150px;
width: 150px;
object-fit: cover;
object-position: center;
}
.he-personal-information .he-pi-name {
margin-bottom: 15px;
font-size: 1.2em;
} .he-timeline {
border-left: 8px solid #F0F0F0;
padding-left: 25px;
}
.he-timeline .he-post-item {
position: relative;
margin-bottom: 30px;
}
.he-timeline .he-post-item:after {
content: "";
position: absolute;
left: -39px;
top: 0;
height: 20px;
width: 20px;
background: #FFF;
border-radius: 50%;
border: 5px solid #F0F0F0;
}
.he-timeline .he-post-item:hover:after {
background: #000;
} .odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
display: block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
text-align: center;
}
.e-con.he-sticky-container-yes {
position: sticky;
top: var(--he-sticky-top-spacing, 0);
}
body.admin-bar .e-con.he-sticky-container-yes {
position: sticky;
top: calc(32px + var(--he-sticky-top-spacing, 0));
}
@media screen and (max-width:768px) {
.het-blog-post {
width: 100%;
}
.he-tab {
margin-bottom: 25px;
padding: 0;
border: 0;
width: auto;
float: none;
}
.he-tab li {
background: #FFF;
margin-bottom: 10px;
padding-left: 50px;
border-bottom: 2px solid transparent;
}
.he-tab li i {
margin-left: -30px;
}
.he-tab li.he-active:after {
display: none;
}
.he-tab li.he-active {
border-bottom: 2px solid var(--square-template-color, #5bc2ce);
}
.he-tab-content {
padding: 0;
width: auto;
}
}.ps-radio-player,
.ps-radio-player *,
.ps-radio-player *::before,
.ps-radio-player *::after {
box-sizing: border-box;
}
.ps-radio-player [hidden] {
display: none !important;
}
.ps-radio-player {
--psrp-bg: #111111;
--psrp-text: #ffffff;
--psrp-accent: #ea2127;
--psrp-progress: #ea2127;
--psrp-muted: rgba(255, 255, 255, 0.7);
--psrp-line: rgba(255, 255, 255, 0.16);
--psrp-hover: rgba(255, 255, 255, 0.1);
--psrp-on-accent: #ffffff;
--psrp-accent-soft: rgba(234, 33, 39, 0.18);
--psrp-accent-line: rgba(234, 33, 39, 0.42);
--psrp-bg-glass: rgba(17, 17, 17, 0.7);
--psrp-bg-panel: rgba(17, 17, 17, 0.86);
container-type: inline-size;
container-name: psrp;
display: block;
margin: 0;
padding: 0;
background: var(--psrp-bg);
color: var(--psrp-text);
font: 400 13px/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
letter-spacing: normal;
text-align: left;
text-transform: none;
-webkit-font-smoothing: antialiased;
} .ps-radio-player--bar {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 99990;
border-top: 1px solid var(--psrp-line);
padding-bottom: env(safe-area-inset-bottom, 0px);
box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.12);
}
.ps-radio-player--inline,
.ps-radio-player--preview {
position: relative;
width: 100%;
border: 1px solid var(--psrp-line);
border-radius: 14px;
}
body.psrp-has-bar {
padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
}
body.psrp-has-bar.psrp-minimized {
padding-bottom: 0;
}
@media (max-width: 600px) {
body.psrp-has-bar {
padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px));
}
body.psrp-has-bar.psrp-minimized {
padding-bottom: 0;
}
} .ps-radio-player__inner {
--psrp-cover: 48px;
--psrp-play: 38px;
display: grid;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
align-items: center;
column-gap: 20px;
height: 72px;
margin: 0 auto;
padding: 0 20px;
}
.ps-radio-player__zone {
display: flex;
align-items: center;
min-width: 0;
}
.ps-radio-player__zone--left {
gap: 12px;
}
.ps-radio-player__zone--center {
flex-direction: column;
justify-content: center;
gap: 4px;
width: 360px;
width: clamp(240px, 36cqw, 520px);
}
.ps-radio-player__zone--right {
justify-content: flex-end;
gap: 2px;
}
.ps-radio-player__controls {
display: flex;
align-items: center;
justify-content: center;
gap: 14px;
} .ps-radio-player__cover {
position: relative;
flex: none;
display: flex;
align-items: center;
justify-content: center;
width: var(--psrp-cover);
height: var(--psrp-cover);
border-radius: 8px;
overflow: hidden;
background: var(--psrp-hover);
color: var(--psrp-muted);
}
.ps-radio-player__cover img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
max-width: none;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
object-fit: cover;
transition: opacity 0.3s ease;
} .ps-radio-player__btn {
all: unset;
box-sizing: border-box;
flex: none;
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
color: var(--psrp-text);
cursor: pointer;
transition: background-color 0.15s ease, filter 0.15s ease, transform 0.15s ease;
-webkit-tap-highlight-color: transparent;
}
.ps-radio-player__btn:hover {
background: var(--psrp-hover);
}
.ps-radio-player__btn:focus-visible,
.ps-radio-player__range:focus-visible {
outline: 2px solid var(--psrp-text);
outline-offset: 2px;
}
.ps-radio-player__icon {
display: block;
flex: none;
width: 20px;
height: 20px;
} .ps-radio-player__controls .ps-radio-player__btn:not(.ps-radio-player__play) {
width: 36px;
height: 36px;
}
.ps-radio-player__controls .ps-radio-player__btn:not(.ps-radio-player__play) .ps-radio-player__icon {
width: 20px;
height: 20px;
} .ps-radio-player__play {
width: var(--psrp-play);
height: var(--psrp-play);
background: var(--psrp-accent);
color: var(--psrp-on-accent);
box-shadow: 0 4px 12px var(--psrp-accent-line), 0 0 0 3px var(--psrp-accent-soft);
transition: transform 0.16s ease, filter 0.16s ease, box-shadow 0.2s ease;
}
.ps-radio-player__play:hover {
background: var(--psrp-accent);
filter: brightness(1.08);
transform: scale(1.06);
}
.ps-radio-player__play:active {
transform: scale(0.95);
}
.ps-radio-player__play .ps-radio-player__icon {
width: 16px;
height: 16px;
}
.ps-radio-player__icon--pause,
.ps-radio-player__spinner {
display: none;
}
.ps-radio-player.is-playing .ps-radio-player__icon--play {
display: none;
}
.ps-radio-player.is-playing .ps-radio-player__icon--pause {
display: block;
}
.ps-radio-player.is-loading .ps-radio-player__icon--play,
.ps-radio-player.is-loading .ps-radio-player__icon--pause {
display: none;
}
.ps-radio-player.is-loading .ps-radio-player__spinner {
display: block;
}
.ps-radio-player__spinner {
width: 18px;
height: 18px;
border: 2px solid currentColor;
border-right-color: transparent;
border-radius: 50%;
animation: psrp-spin 0.7s linear infinite;
} .ps-radio-player__icon--muted,
.ps-radio-player__icon--up {
display: none;
}
.ps-radio-player.is-muted .ps-radio-player__icon--volume {
display: none;
}
.ps-radio-player.is-muted .ps-radio-player__icon--muted {
display: block;
}
.ps-radio-player.is-minimized .ps-radio-player__icon--down {
display: none;
}
.ps-radio-player.is-minimized .ps-radio-player__icon--up {
display: block;
} .ps-radio-player__info {
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
gap: 2px;
}
.ps-radio-player__title {
display: block;
overflow: hidden;
white-space: nowrap;
font-size: 14px;
line-height: 18px;
font-weight: 600;
color: var(--psrp-text);
}
.ps-radio-player__title-text {
display: inline-block;
white-space: nowrap;
} .ps-radio-player__title.is-scrolling {
-webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 20px), transparent);
mask-image: linear-gradient(90deg, #000 calc(100% - 20px), transparent);
}
.ps-radio-player__title.is-scrolling .ps-radio-player__title-text {
animation: psrp-marquee var(--psrp-dur, 12s) linear infinite alternate;
will-change: transform;
}
.ps-radio-player__sub {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
font-size: 12px;
line-height: 16px;
color: var(--psrp-muted);
}
.ps-radio-player__status {
flex: none;
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.04em;
color: var(--psrp-muted);
}
.ps-radio-player.is-playing .ps-radio-player__status {
color: var(--psrp-text);
}
.ps-radio-player__subtext {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} .ps-radio-player__dot {
flex: none;
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--psrp-muted);
}
.ps-radio-player.is-loading .ps-radio-player__dot {
background: var(--psrp-progress);
animation: psrp-pulse 1s ease-in-out infinite;
}
.ps-radio-player.is-error .ps-radio-player__dot {
background: transparent;
box-shadow: inset 0 0 0 1.5px var(--psrp-muted);
}
.ps-radio-player__eq {
display: none;
flex: none;
align-items: flex-end;
gap: 2px;
width: 12px;
height: 10px;
}
.ps-radio-player__eq span {
display: block;
width: 2px;
height: 4px;
border-radius: 1px;
background: var(--psrp-progress);
}
.ps-radio-player.is-playing .ps-radio-player__dot {
display: none;
}
.ps-radio-player.is-playing .ps-radio-player__eq {
display: inline-flex;
}
.ps-radio-player.is-playing .ps-radio-player__eq span {
animation: psrp-eq 0.9s ease-in-out infinite;
}
.ps-radio-player.is-playing .ps-radio-player__eq span:nth-child(2) {
animation-delay: -0.3s;
}
.ps-radio-player.is-playing .ps-radio-player__eq span:nth-child(3) {
animation-delay: -0.6s;
} .ps-radio-player.is-dj .ps-radio-player__subtext {
display: block;
font-weight: 600;
color: var(--psrp-text);
}
.ps-radio-player.is-dj.is-playing .ps-radio-player__eq {
display: none;
}
.ps-radio-player.is-dj.is-playing .ps-radio-player__status-text {
display: inline-flex;
align-items: center;
justify-content: center;
height: 20px;
padding: 0 calc(9px - 0.05em) 0 8px; border: 1px solid var(--psrp-accent);
border-radius: 5px;
background: var(--psrp-accent-soft);
color: var(--psrp-text);
letter-spacing: 0.05em;
line-height: 1;
}
.ps-radio-player.is-dj.is-playing .ps-radio-player__status-text::before {
content: "";
flex: none;
width: 6px;
height: 6px;
margin-right: 6px;
border-radius: 50%;
background: var(--psrp-accent);
animation: psrp-live-dot 1.8s ease-out infinite;
} .ps-radio-player__seek {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
height: 12px;
}
.ps-radio-player__time {
flex: none;
min-width: 34px;
font-size: 11px;
line-height: 12px;
color: var(--psrp-muted);
font-variant-numeric: tabular-nums;
visibility: hidden;
}
.ps-radio-player__time:first-child {
text-align: right;
}
.ps-radio-player__time:last-child {
text-align: left;
}
.ps-radio-player.is-playing .ps-radio-player__time {
visibility: visible;
}
.ps-radio-player__progress {
position: relative;
flex: 1 1 auto;
height: 2px;
border-radius: 1px;
overflow: hidden;
background: var(--psrp-line);
}
.ps-radio-player__progress-fill {
display: block;
width: 100%;
height: 100%;
border-radius: 1px;
background: var(--psrp-progress);
transform: scaleX(0);
transform-origin: left center;
} .ps-radio-player:not(.is-playing) .ps-radio-player__progress-fill {
opacity: 0;
} .ps-radio-player__seek.is-live .ps-radio-player__progress-fill {
transform: scaleX(1) !important;
transition: none !important;
opacity: 0.3;
} .ps-radio-player:not(.is-playing) .ps-radio-player__seek.is-live .ps-radio-player__progress-fill {
opacity: 0;
}
.ps-radio-player__seek.is-live .ps-radio-player__time:first-child {
min-width: 0;
font-weight: 600;
letter-spacing: 0.05em;
color: var(--psrp-text);
}
.ps-radio-player.is-playing .ps-radio-player__seek.is-live .ps-radio-player__progress::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(90deg, transparent, var(--psrp-progress), transparent);
transform: translateX(-100%);
animation: psrp-shimmer 2.4s ease-in-out infinite;
}
.ps-radio-player--preview .ps-radio-player__progress-fill {
transform: scaleX(0.4);
} .ps-radio-player__volume {
display: flex;
align-items: center;
gap: 4px;
}
.ps-radio-player__range {
-webkit-appearance: none;
appearance: none;
display: block;
width: 96px;
height: 16px;
margin: 0;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
--psrp-fill: 80%;
}
.ps-radio-player__range::-webkit-slider-runnable-track {
height: 4px;
border-radius: 2px;
background: linear-gradient(to right, var(--psrp-progress) var(--psrp-fill), var(--psrp-line) var(--psrp-fill));
}
.ps-radio-player__range::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 12px;
height: 12px;
margin-top: -4px;
border: 0;
border-radius: 50%;
background: var(--psrp-text);
}
.ps-radio-player__range::-moz-range-track {
height: 4px;
border-radius: 2px;
background: var(--psrp-line);
}
.ps-radio-player__range::-moz-range-progress {
height: 4px;
border-radius: 2px;
background: var(--psrp-progress);
}
.ps-radio-player__range::-moz-range-thumb {
width: 12px;
height: 12px;
border: 0;
border-radius: 50%;
background: var(--psrp-text);
} .ps-radio-player.is-no-volume .ps-radio-player__range {
display: none;
} .ps-radio-player__toast {
position: absolute;
z-index: 4;
right: 16px;
bottom: calc(100% + 8px);
padding: 6px 10px;
border: 1px solid var(--psrp-line);
border-radius: 6px;
background: var(--psrp-bg);
color: var(--psrp-text);
font-size: 12px;
line-height: 16px;
opacity: 0;
transform: translateY(4px);
transition: opacity 0.2s ease, transform 0.2s ease;
pointer-events: none;
}
.ps-radio-player__toast.is-visible {
opacity: 1;
transform: none;
} .ps-radio-player--bar.is-minimized {
left: auto;
right: 12px;
bottom: calc(12px + env(safe-area-inset-bottom, 0px));
width: 104px; padding-bottom: 0;
border: 1px solid var(--psrp-line);
border-radius: 999px;
}
.ps-radio-player.is-minimized .ps-radio-player__inner {
display: flex;
justify-content: center;
gap: 4px;
height: 56px;
padding: 0 8px;
}
.ps-radio-player.is-minimized .ps-radio-player__zone--left,
.ps-radio-player.is-minimized .ps-radio-player__zone--center > :not(.ps-radio-player__controls),
.ps-radio-player.is-minimized .ps-radio-player__controls > :not(.ps-radio-player__play),
.ps-radio-player.is-minimized .ps-radio-player__zone--right > :not(.ps-radio-player__min),
.ps-radio-player.is-minimized .ps-radio-player__panel {
display: none;
}
.ps-radio-player.is-minimized .ps-radio-player__zone--center,
.ps-radio-player.is-minimized .ps-radio-player__zone--right {
width: auto;
}
.ps-radio-player.is-minimized .ps-radio-player__toast {
right: 0;
} .ps-radio-player__panel {
--psrp-bar-h: 72px; position: absolute;
top: auto;
right: 0;
bottom: 0;
left: auto;
z-index: 1;
display: flex;
flex-direction: column;
width: min(380px, 100%);
height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
height: calc(100dvh - var(--wp-admin--admin-bar--height, 0px));
color: var(--psrp-text);
background: var(--psrp-bg-panel, var(--psrp-bg));
-webkit-backdrop-filter: blur(22px) saturate(1.5);
backdrop-filter: blur(22px) saturate(1.5);
border: 0;
border-left: 1px solid var(--psrp-line);
border-radius: 0;
box-shadow: -18px 0 60px rgba(0, 0, 0, 0.35);
overflow: hidden;
outline: 0;
opacity: 0;
transform: translateX(32px);
transform-origin: right center;
transition: opacity 0.2s ease, transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.ps-radio-player__panel.is-open {
opacity: 1;
transform: none;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.ps-radio-player__panel {
background: var(--psrp-bg);
}
} .ps-radio-player--inline .ps-radio-player__panel,
.ps-radio-player--preview .ps-radio-player__panel {
top: calc(100% + 10px);
right: 0;
bottom: auto;
left: auto;
--psrp-bar-h: 0px;
width: min(380px, 100%);
height: auto;
max-height: 520px;
border: 1px solid var(--psrp-line);
border-radius: 16px;
box-shadow: 0 12px 36px rgba(0, 0, 0, 0.28);
transform: translateY(-10px) scale(0.98);
transform-origin: top right;
}
.ps-radio-player--inline .ps-radio-player__panel.is-open,
.ps-radio-player--preview .ps-radio-player__panel.is-open {
transform: none;
}
.ps-radio-player--inline .ps-radio-player__grab,
.ps-radio-player--preview .ps-radio-player__grab {
display: none;
} .ps-radio-player__grab {
display: none;
justify-content: center;
padding: 10px 0 0;
cursor: grab;
touch-action: none;
}
.ps-radio-player__grab span {
width: 38px;
height: 4px;
border-radius: 2px;
background: var(--psrp-line);
}
.ps-radio-player__panel-head {
flex: none;
display: flex;
align-items: center;
gap: 16px;
padding: calc(26px + env(safe-area-inset-top, 0px)) 22px 18px 28px;
touch-action: none;
} .ps-radio-player__grab + .ps-radio-player__panel-head {
padding-top: 12px;
}
.ps-radio-player__panel-icon {
flex: none;
display: flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
border-radius: 14px;
background: var(--psrp-accent-soft);
box-shadow: inset 0 0 0 1px var(--psrp-accent-line);
color: var(--psrp-text);
}
.ps-radio-player__panel-icon > span {
display: flex;
}
.ps-radio-player__panel-titles {
flex: 1 1 auto;
min-width: 0;
}
.ps-radio-player__panel-title {
margin: 0;
padding: 0;
font-size: 17px;
line-height: 22px;
font-weight: 700;
letter-spacing: normal;
text-transform: none;
color: var(--psrp-text);
}
.ps-radio-player__panel-sub {
margin: 1px 0 0;
padding: 0;
font-size: 12.5px;
line-height: 17px;
color: var(--psrp-muted);
}
.ps-radio-player__panel-sub:empty {
display: none;
}
.ps-radio-player__panel-close {
width: 36px;
height: 36px;
} .ps-radio-player__tabs {
flex: none;
display: flex;
gap: 4px;
margin: 0 28px 22px;
padding: 5px;
border-radius: 14px;
background: var(--psrp-hover);
}
.ps-radio-player__tab {
all: unset;
box-sizing: border-box;
flex: 1 1 0;
display: flex;
align-items: center;
justify-content: center;
height: 38px;
border-radius: 10px;
color: var(--psrp-muted);
font-size: 13px;
font-weight: 600;
text-align: center;
cursor: pointer;
transition: background-color 0.18s ease, color 0.18s ease;
-webkit-tap-highlight-color: transparent;
}
.ps-radio-player__tab:hover {
color: var(--psrp-text);
}
.ps-radio-player__tab[aria-selected="true"] {
color: var(--psrp-text);
background: var(--psrp-accent-soft);
box-shadow: inset 0 0 0 1px var(--psrp-accent-line);
}
.ps-radio-player__tab:focus-visible {
outline: 2px solid var(--psrp-text);
outline-offset: 1px;
} .ps-radio-player__panel-body {
flex: 1 1 auto;
min-height: 0;
padding: 4px 28px calc(var(--psrp-bar-h, 0px) + 36px + env(safe-area-inset-bottom, 0px));
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-width: thin;
scrollbar-color: var(--psrp-line) transparent;
}
.ps-radio-player__section-label {
margin: 26px 0 12px;
padding: 0;
font-size: 12px;
line-height: 16px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--psrp-muted);
}  .ps-radio-player__now {
display: flex;
align-items: center;
gap: 16px;
margin: 4px 0 10px;
padding: 0 0 22px;
border-bottom: 1px solid var(--psrp-line);
}
.ps-radio-player__now-label {
display: inline-flex;
align-items: center;
gap: 7px;
font-size: 11px;
line-height: 14px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--psrp-text);
}
.ps-radio-player__now-eq {
display: inline-flex;
align-items: flex-end;
gap: 2px;
width: 12px;
height: 11px;
}
.ps-radio-player__now-eq span {
display: block;
width: 2px;
height: 5px;
border-radius: 1px;
background: var(--psrp-accent);
}
.ps-radio-player.is-playing .ps-radio-player__now-eq span {
animation: psrp-eq 0.9s ease-in-out infinite;
}
.ps-radio-player.is-playing .ps-radio-player__now-eq span:nth-child(2) {
animation-delay: -0.3s;
}
.ps-radio-player.is-playing .ps-radio-player__now-eq span:nth-child(3) {
animation-delay: -0.6s;
}
.ps-radio-player__now-bar {
position: relative;
display: block;
height: 2px;
margin-top: 12px;
border-radius: 1px;
overflow: hidden;
background: var(--psrp-line);
}
.ps-radio-player__now-fill {
display: block;
width: 100%;
height: 100%;
background: var(--psrp-accent);
transform: scaleX(0);
transform-origin: left center;
} .ps-radio-player__rows {
display: flex;
flex-direction: column;
gap: 0;
margin: 0;
padding: 0;
list-style: none;
}
.ps-radio-player__row {
display: flex;
align-items: center;
gap: 16px;
margin: 0 -10px;
padding: 7px 10px;
border-radius: 12px;
list-style: none;
animation: psrp-item-in 0.32s cubic-bezier(0.2, 0.8, 0.2, 1) both;
animation-delay: calc(var(--i, 0) * 45ms + 60ms);
}
.ps-radio-player__row::marker {
content: "";
}
.ps-radio-player__row:hover {
background: var(--psrp-hover);
}
.ps-radio-player__row-art {
position: relative;
flex: none;
width: 48px;
height: 48px;
border-radius: 9px;
overflow: hidden;
background: var(--psrp-hover);
}
.ps-radio-player__row-art--lg {
width: 56px;
height: 56px;
border-radius: 11px;
}
.ps-radio-player__row-art img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
max-width: none;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
object-fit: cover;
}
.ps-radio-player__row-text {
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-direction: column;
gap: 2px;
}
.ps-radio-player__row-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 15px;
line-height: 20px;
font-weight: 700;
color: var(--psrp-text);
}
.ps-radio-player__row-title--lg {
font-size: 16px;
line-height: 21px;
}
.ps-radio-player__row-artist {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 13px;
line-height: 18px;
color: var(--psrp-muted);
}
.ps-radio-player__row-when {
flex: none;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 1px;
text-align: right;
}
.ps-radio-player__row-clock {
font-size: 13px;
line-height: 18px;
font-weight: 600;
color: var(--psrp-text);
font-variant-numeric: tabular-nums;
}
.ps-radio-player__row-ago {
font-size: 11.5px;
line-height: 15px;
color: var(--psrp-muted);
}
.ps-radio-player__group-title {
margin: 28px 0 10px;
padding: 0;
list-style: none;
font-size: 12px;
line-height: 16px;
font-weight: 600;
color: var(--psrp-muted);
}
.ps-radio-player__group-title::marker {
content: "";
}
.ps-radio-player__group-title:first-child {
margin-top: 8px;
}
.ps-radio-player__badge {
flex: none;
padding: 3px 9px;
border-radius: 999px;
background: var(--psrp-accent-soft);
box-shadow: inset 0 0 0 1px var(--psrp-accent-line);
color: var(--psrp-text);
font-size: 11px;
line-height: 14px;
font-weight: 600;
} .ps-radio-player__empty {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
padding: 52px 20px;
text-align: center;
color: var(--psrp-muted);
}
.ps-radio-player__empty p {
margin: 0;
font-size: 13.5px;
line-height: 19px;
}
.ps-radio-player__empty-icon {
display: flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border-radius: 50%;
background: var(--psrp-hover);
} .ps-radio-player__search {
position: relative;
display: flex;
align-items: center;
height: 48px;
margin: 6px 0 20px;
border-radius: 14px;
background: var(--psrp-hover);
box-shadow: inset 0 0 0 1px var(--psrp-line);
transition: box-shadow 0.18s ease;
}
.ps-radio-player__search:focus-within {
box-shadow: inset 0 0 0 1.5px var(--psrp-accent);
}
.ps-radio-player__search-icon {
position: absolute;
left: 14px;
z-index: 1;
display: flex;
color: var(--psrp-muted);
pointer-events: none;
} .ps-radio-player .ps-radio-player__search input.ps-radio-player__req-input,
.ps-radio-player .ps-radio-player__search input.ps-radio-player__req-input:hover,
.ps-radio-player .ps-radio-player__search input.ps-radio-player__req-input:focus,
.ps-radio-player .ps-radio-player__search input.ps-radio-player__req-input:focus-visible,
.ps-radio-player .ps-radio-player__search input.ps-radio-player__req-input:active {
-webkit-appearance: none !important;
appearance: none !important;
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 48px 0 46px !important; border: 0 !important;
border-radius: 14px !important;
background: transparent !important;
background-image: none !important;
box-shadow: none !important;
outline: 0 !important;
color: var(--psrp-text) !important;
-webkit-text-fill-color: var(--psrp-text) !important;
caret-color: var(--psrp-text) !important;
font: inherit !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.4 !important;
letter-spacing: normal !important;
text-indent: 0 !important;
text-transform: none !important;
opacity: 1 !important;
}
.ps-radio-player .ps-radio-player__search input.ps-radio-player__req-input::placeholder {
color: var(--psrp-muted) !important;
-webkit-text-fill-color: var(--psrp-muted) !important;
font-weight: 400 !important;
opacity: 1 !important;
} .ps-radio-player .ps-radio-player__search input.ps-radio-player__req-input:-webkit-autofill {
-webkit-text-fill-color: var(--psrp-text) !important;
transition: background-color 99999s ease-out 0s;
}
.ps-radio-player__req-input::-webkit-search-cancel-button {
-webkit-appearance: none;
display: none;
}
.ps-radio-player__search-clear {
all: unset;
box-sizing: border-box;
position: absolute;
right: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
color: var(--psrp-muted);
cursor: pointer;
}
.ps-radio-player .ps-radio-player__search button.ps-radio-player__search-clear {
box-sizing: border-box !important;
width: 30px !important;
height: 30px !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: var(--psrp-muted) !important;
line-height: 1 !important;
}
.ps-radio-player .ps-radio-player__search button.ps-radio-player__search-clear:hover,
.ps-radio-player .ps-radio-player__search button.ps-radio-player__search-clear:focus {
background: var(--psrp-hover) !important;
color: var(--psrp-text) !important;
}
.ps-radio-player__search-clear:hover {
background: var(--psrp-hover);
color: var(--psrp-text);
}
.ps-radio-player__search-clear:focus-visible {
outline: 2px solid var(--psrp-text);
outline-offset: 1px;
}
.ps-radio-player__req-status {
margin: 4px 2px 18px;
padding: 0;
font-size: 12.5px;
line-height: 17px;
color: var(--psrp-muted);
}
.ps-radio-player__wa {
display: flex;
align-items: center;
justify-content: center;
height: 44px;
margin: 4px 0 22px;
border-radius: 14px;
background: var(--psrp-accent-soft);
box-shadow: inset 0 0 0 1px var(--psrp-accent-line);
color: var(--psrp-text);
font-size: 13px;
font-weight: 600;
text-decoration: none;
}
.ps-radio-player__wa:hover {
color: var(--psrp-text);
text-decoration: none;
filter: brightness(1.12);
}
.ps-radio-player__wa:focus-visible {
outline: 2px solid var(--psrp-text);
outline-offset: 2px;
}
.ps-radio-player__req-btn {
all: unset;
box-sizing: border-box;
flex: none;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 76px;
height: 34px;
padding: 0 14px;
border-radius: 999px;
background: var(--psrp-accent);
color: var(--psrp-on-accent);
font-size: 12.5px;
font-weight: 600;
line-height: 1;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.ps-radio-player__req-btn:hover {
filter: brightness(1.1);
}
.ps-radio-player__req-btn:focus-visible,
.ps-radio-player__req-more:focus-visible {
outline: 2px solid var(--psrp-text);
outline-offset: 2px;
}
.ps-radio-player__req-btn[disabled] {
opacity: 0.6;
filter: none;
cursor: default;
}
.ps-radio-player__req-more {
all: unset;
box-sizing: border-box;
display: block;
margin: 16px 0 0;
padding: 12px;
border-radius: 14px;
background: var(--psrp-hover);
color: var(--psrp-text);
font-size: 12.5px;
font-weight: 600;
text-align: center;
cursor: pointer;
}
.ps-radio-player__req-more:hover {
background: var(--psrp-line);
} .ps-radio-player__row--skel {
animation: none;
pointer-events: none;
}
.ps-radio-player__row--skel:hover {
background: none;
}
.ps-radio-player__skel-art,
.ps-radio-player__skel-line {
display: block;
background: linear-gradient(90deg, var(--psrp-hover) 25%, var(--psrp-line) 50%, var(--psrp-hover) 75%);
background-size: 200% 100%;
animation: psrp-skel 1.3s linear infinite;
}
.ps-radio-player__skel-art {
flex: none;
width: 48px;
height: 48px;
border-radius: 9px;
}
.ps-radio-player__skel-line {
width: 70%;
height: 12px;
border-radius: 6px;
}
.ps-radio-player__skel-line--short {
width: 42%;
margin-top: 4px;
}
.ps-radio-player__history-btn[aria-expanded="true"],
.ps-radio-player__requests-btn[aria-expanded="true"] {
background: var(--psrp-hover);
} .ps-radio-player-scrim {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99989;
background: rgba(0, 0, 0, 0.2);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.25s ease, visibility 0s linear 0.25s;
}
.ps-radio-player-scrim.is-on {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition-delay: 0s;
} .ps-radio-player.is-glass {
isolation: isolate;
background: transparent;
}
.ps-radio-player.is-glass::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
border-radius: inherit;
background: var(--psrp-bg-glass, var(--psrp-bg));
-webkit-backdrop-filter: blur(18px) saturate(1.6);
backdrop-filter: blur(18px) saturate(1.6);
pointer-events: none;
}
.ps-radio-player--bar.is-glass {
box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.16);
} @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.ps-radio-player.is-glass::after {
background: var(--psrp-bg);
}
} .ps-radio-player--bar {
isolation: isolate;
background: transparent;
}
.ps-radio-player--bar::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
border-radius: inherit;
background: var(--psrp-bg);
pointer-events: none;
}
.ps-radio-player.ps-radio-player--bar.is-glass::after {
z-index: 2;
background: var(--psrp-bg-glass, var(--psrp-bg));
-webkit-backdrop-filter: blur(18px) saturate(1.6);
backdrop-filter: blur(18px) saturate(1.6);
}
.ps-radio-player--bar .ps-radio-player__inner {
position: relative;
z-index: 3;
} .ps-radio-player--bar.is-expanded {
background: var(--psrp-bg);
}
.ps-radio-player--bar.is-expanded::after {
display: none;
}  @container psrp (max-width: 960px) {
.ps-radio-player__share,
.ps-radio-player__popup {
display: none;
}
.ps-radio-player__range {
width: 72px;
}
}
@container psrp (max-width: 720px) {
.ps-radio-player__inner {
column-gap: 12px;
padding: 0 16px;
}
.ps-radio-player__zone--center {
width: 200px;
width: clamp(200px, 40cqw, 320px);
}
} @container psrp (max-width: 600px) {
.ps-radio-player__panel {
--psrp-bar-h: 60px;
}
.ps-radio-player__inner {
--psrp-cover: 40px;
--psrp-play: 36px;
display: flex;
gap: 10px;
height: 60px;
padding: 0 12px;
}
.ps-radio-player__zone--left {
flex: 1 1 auto;
}
.ps-radio-player__zone--center,
.ps-radio-player__zone--right {
flex: none;
width: auto;
}
.ps-radio-player__controls {
gap: 8px;
}
.ps-radio-player__range {
display: none;
}
.ps-radio-player__title {
font-size: 13px;
line-height: 17px;
}
.ps-radio-player__btn {
width: 34px;
height: 34px;
}
.ps-radio-player__controls .ps-radio-player__btn:not(.ps-radio-player__play) {
width: 36px;
height: 36px;
}
.ps-radio-player__play {
width: var(--psrp-play);
height: var(--psrp-play);
} .ps-radio-player__seek {
position: absolute;
top: -1px;
right: 0;
left: 0;
width: auto;
height: 2px;
gap: 0;
}
.ps-radio-player__time,
.ps-radio-player__seek.is-live {
display: none;
}
.ps-radio-player__progress,
.ps-radio-player__progress-fill {
height: 2px;
border-radius: 0;
}
.ps-radio-player.has-expanded:not(.is-expanded) .ps-radio-player__history-btn,
.ps-radio-player.has-expanded:not(.is-expanded) .ps-radio-player__requests-btn,
.ps-radio-player.has-expanded:not(.is-expanded) .ps-radio-player__share,
.ps-radio-player.has-expanded:not(.is-expanded) .ps-radio-player__popup {
display: none;
}
}
@container psrp (max-width: 420px) {
.ps-radio-player__subtext {
display: none;
} .ps-radio-player.is-dj .ps-radio-player__subtext {
display: block;
}
.ps-radio-player.is-dj.is-playing .ps-radio-player__status-text {
height: 18px;
padding: 0 calc(7px - 0.05em) 0 6px;
border-radius: 4px;
font-size: 10px;
}
.ps-radio-player.is-dj.is-playing .ps-radio-player__status-text::before {
width: 5px;
height: 5px;
margin-right: 5px;
}
} @container psrp (max-width: 960px) {
.ps-radio-player__panel {
left: 0;
width: auto;
border-left: 0;
box-shadow: none;
transform: translateY(32px);
transform-origin: bottom center;
}
.ps-radio-player__grab {
display: none;
}
} @container psrp (max-width: 380px) {
.ps-radio-player__history-btn {
display: none;
}
} body.psrp-lock {
overflow: hidden;
}
.ps-radio-player__collapse {
display: none;
}
.ps-radio-player.has-expanded:not(.is-expanded) .ps-radio-player__info,
.ps-radio-player.has-expanded:not(.is-expanded) .ps-radio-player__cover {
cursor: pointer;
}
.ps-radio-player.is-expanded {
position: fixed;
top: var(--wp-admin--admin-bar--height, 0px);
right: 0;
bottom: 0;
left: 0;
z-index: 99995;
display: flex;
align-items: center;
justify-content: center;
width: auto;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
box-shadow: none;
overflow: hidden;
animation: psrp-expand 0.42s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}
.ps-radio-player.is-expanded.is-collapsing {
animation: psrp-collapse 0.26s ease-in both;
} .ps-radio-player.is-glass.is-expanded {
background: var(--psrp-bg);
-webkit-backdrop-filter: none;
backdrop-filter: none;
} .ps-radio-player.is-glass.is-expanded {
background: var(--psrp-bg);
}
.ps-radio-player.is-glass.is-expanded::after {
display: none;
} .ps-radio-player.is-expanded::before {
content: "";
position: absolute;
top: -60px;
right: -60px;
bottom: -60px;
left: -60px;
background-image: var(--psrp-art, none);
background-position: center;
background-size: cover;
filter: blur(50px) saturate(1.3);
opacity: 0.35;
pointer-events: none;
}
.ps-radio-player.is-expanded .ps-radio-player__inner {
--psrp-cover: min(340px, 78vw, 42vh);
--psrp-play: 60px;
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 18px;
width: calc(var(--psrp-cover) + 48px); max-width: 100%;
height: auto;
max-height: 100%;
margin: 0 auto;
padding: 72px 24px 28px;
overflow-y: auto;
text-align: center;
} .ps-radio-player.is-expanded .ps-radio-player__zone--left,
.ps-radio-player.is-expanded .ps-radio-player__zone--center {
display: contents;
}
.ps-radio-player.is-expanded .ps-radio-player__collapse {
position: absolute;
top: calc(14px + env(safe-area-inset-top, 0px));
left: 14px;
z-index: 4;
display: inline-flex;
background: var(--psrp-hover);
}
.ps-radio-player.is-expanded .ps-radio-player__cover {
order: 1;
border-radius: 16px;
box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35);
}
.ps-radio-player.is-expanded .ps-radio-player__cover .ps-radio-player__icon {
width: 64px;
height: 64px;
}
.ps-radio-player.is-expanded .ps-radio-player__info {
order: 2;
flex: none;
width: 100%;
align-items: center;
gap: 6px;
}
.ps-radio-player.is-expanded .ps-radio-player__title {
max-width: 100%;
font-size: 20px;
line-height: 26px;
text-align: center;
}
.ps-radio-player.is-expanded .ps-radio-player__sub {
justify-content: center;
font-size: 12.5px;
}
.ps-radio-player.is-expanded .ps-radio-player__subtext {
display: block;
} .ps-radio-player.is-expanded .ps-radio-player__seek {
order: 3;
position: static;
width: 100%;
height: 12px;
gap: 10px;
margin-top: 18px;
}
.ps-radio-player.is-expanded .ps-radio-player__time {
display: block;
}
.ps-radio-player.is-expanded .ps-radio-player__seek.is-live {
display: flex;
}
.ps-radio-player.is-expanded .ps-radio-player__progress {
height: 3px;
border-radius: 2px;
}
.ps-radio-player.is-expanded .ps-radio-player__progress-fill {
height: 3px;
border-radius: 2px;
}
.ps-radio-player.is-expanded .ps-radio-player__controls {
order: 5;
gap: 22px;
}
.ps-radio-player.is-expanded .ps-radio-player__zone--right {
order: 6;
flex-wrap: wrap;
justify-content: center;
width: 100%;
max-width: 100%;
gap: 6px;
}
.ps-radio-player.is-expanded .ps-radio-player__btn {
width: 44px;
height: 44px;
}
.ps-radio-player.is-expanded .ps-radio-player__btn .ps-radio-player__icon {
width: 22px;
height: 22px;
}
.ps-radio-player.is-expanded .ps-radio-player__controls .ps-radio-player__btn:not(.ps-radio-player__play) {
width: 44px;
height: 44px;
}
.ps-radio-player.is-expanded .ps-radio-player__play {
width: var(--psrp-play);
height: var(--psrp-play);
}
.ps-radio-player.is-expanded .ps-radio-player__play .ps-radio-player__icon {
width: 22px;
height: 22px;
} .ps-radio-player.is-expanded .ps-radio-player__share,
.ps-radio-player.is-expanded .ps-radio-player__popup,
.ps-radio-player.is-expanded .ps-radio-player__history-btn {
display: inline-flex;
}
.ps-radio-player.is-expanded .ps-radio-player__range {
display: block;
width: 120px;
}
.ps-radio-player.is-expanded.is-no-volume .ps-radio-player__range,
.ps-radio-player.is-expanded .ps-radio-player__expand-btn,
.ps-radio-player.is-expanded .ps-radio-player__min {
display: none;
} @container psrp (max-width: 600px) {
.ps-radio-player.is-expanded:not(.ps-radio-player--popup) .ps-radio-player__popup,
.ps-radio-player.is-expanded:not(.ps-radio-player--popup) .ps-radio-player__range {
display: none;
}
} .ps-radio-player.is-expanded .ps-radio-player__panel {
top: 0;
right: 0;
bottom: 0;
left: auto;
z-index: 3;
--psrp-bar-h: 0px;
width: min(380px, 100%);
height: auto;
margin: 0;
border: 0;
border-left: 1px solid var(--psrp-line);
border-radius: 0;
box-shadow: -18px 0 60px rgba(0, 0, 0, 0.35);
transform: translateX(32px);
}
.ps-radio-player.is-expanded .ps-radio-player__panel.is-open {
transform: none;
}
.ps-radio-player.is-expanded .ps-radio-player__panel-close {
width: 36px;
height: 36px;
} .ps-radio-player--popup.is-expanded .ps-radio-player__inner {
padding-top: 24px;
} .ps-radio-player.is-expanded:not(.is-collapsing) .ps-radio-player__cover,
.ps-radio-player.is-expanded:not(.is-collapsing) .ps-radio-player__info,
.ps-radio-player.is-expanded:not(.is-collapsing) .ps-radio-player__seek,
.ps-radio-player.is-expanded:not(.is-collapsing) .ps-radio-player__controls,
.ps-radio-player.is-expanded:not(.is-collapsing) .ps-radio-player__zone--right {
animation: psrp-item-in 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}
.ps-radio-player.is-expanded .ps-radio-player__cover {
animation-delay: 0.08s;
}
.ps-radio-player.is-expanded .ps-radio-player__info {
animation-delay: 0.14s;
}
.ps-radio-player.is-expanded .ps-radio-player__seek {
animation-delay: 0.18s;
}
.ps-radio-player.is-expanded .ps-radio-player__controls {
animation-delay: 0.22s;
}
.ps-radio-player.is-expanded .ps-radio-player__zone--right {
animation-delay: 0.28s;
}  .ps-radio-player .ps-radio-player__icon {
fill: none !important;
stroke: currentColor !important;
color: inherit !important;
}
.ps-radio-player .ps-radio-player__icon--play,
.ps-radio-player .ps-radio-player__icon--pause {
fill: currentColor !important;
}
.ps-radio-player .ps-radio-player__icon * {
fill: inherit !important;
stroke: inherit !important;
} .ps-radio-player .ps-radio-player__btn,
.ps-radio-player .ps-radio-player__btn:hover,
.ps-radio-player .ps-radio-player__btn:focus,
.ps-radio-player .ps-radio-player__btn:active {
color: var(--psrp-text) !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
text-decoration: none !important;
text-shadow: none !important;
} .ps-radio-player .ps-radio-player__btn:focus,
.ps-radio-player .ps-radio-player__btn:active {
background: transparent !important;
}
.ps-radio-player .ps-radio-player__btn:hover,
.ps-radio-player .ps-radio-player__history-btn[aria-expanded="true"],
.ps-radio-player .ps-radio-player__requests-btn[aria-expanded="true"],
.ps-radio-player .ps-radio-player__btn.ps-radio-player__collapse {
background: var(--psrp-hover) !important;
} .ps-radio-player .ps-radio-player__btn.ps-radio-player__play,
.ps-radio-player .ps-radio-player__btn.ps-radio-player__play:hover,
.ps-radio-player .ps-radio-player__btn.ps-radio-player__play:focus,
.ps-radio-player .ps-radio-player__btn.ps-radio-player__play:active {
background: var(--psrp-accent) !important;
color: var(--psrp-on-accent) !important;
box-shadow: 0 4px 12px var(--psrp-accent-line), 0 0 0 3px var(--psrp-accent-soft) !important;
} .ps-radio-player .ps-radio-player__btn:focus-visible {
outline: 2px solid var(--psrp-text) !important;
outline-offset: 2px !important;
} .ps-radio-player .ps-radio-player__volume input.ps-radio-player__range,
.ps-radio-player .ps-radio-player__volume input.ps-radio-player__range:hover,
.ps-radio-player .ps-radio-player__volume input.ps-radio-player__range:focus,
.ps-radio-player .ps-radio-player__volume input.ps-radio-player__range:active {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
outline: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.ps-radio-player .ps-radio-player__volume input.ps-radio-player__range:focus-visible {
outline: 2px solid var(--psrp-text) !important;
outline-offset: 2px !important;
} @keyframes psrp-spin {
to {
transform: rotate(360deg);
}
}
@keyframes psrp-pulse {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.3;
}
}
@keyframes psrp-eq {
0%, 100% {
height: 3px;
}
50% {
height: 10px;
}
}
@keyframes psrp-marquee {
0%, 12% {
transform: translateX(0);
}
88%, 100% {
transform: translateX(var(--psrp-shift, 0));
}
}
@keyframes psrp-item-in {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes psrp-live-dot {
0% {
opacity: 1;
box-shadow: 0 0 0 0 var(--psrp-accent-line);
}
50% {
opacity: 0.45;
}
100% {
opacity: 1;
box-shadow: 0 0 0 5px transparent;
}
}
@keyframes psrp-skel {
to {
background-position: -200% 0;
}
}
@keyframes psrp-shimmer {
to {
transform: translateX(100%);
}
}
@keyframes psrp-expand {
from {
opacity: 0;
transform: translateY(48px) scale(0.97);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes psrp-collapse {
from {
opacity: 1;
transform: none;
}
to {
opacity: 0;
transform: translateY(48px) scale(0.97);
}
}
@media (prefers-reduced-motion: reduce) {
.ps-radio-player__title.is-scrolling {
-webkit-mask-image: none;
mask-image: none;
}
.ps-radio-player__title.is-scrolling .ps-radio-player__title-text {
display: block;
overflow: hidden;
text-overflow: ellipsis;
animation: none;
}
.ps-radio-player.is-playing .ps-radio-player__eq span {
animation: none;
height: 8px;
}
.ps-radio-player.is-loading .ps-radio-player__dot,
.ps-radio-player.is-dj.is-playing .ps-radio-player__status-text::before,
.ps-radio-player.is-playing .ps-radio-player__seek.is-live .ps-radio-player__progress::after {
animation: none;
}
.ps-radio-player__spinner {
animation-duration: 1.6s;
}
.ps-radio-player-scrim,
.ps-radio-player__toast,
.ps-radio-player__play,
.ps-radio-player__panel,
.ps-radio-player__tab,
.ps-radio-player__search {
transition: none;
}
.ps-radio-player__panel,
.ps-radio-player--inline .ps-radio-player__panel,
.ps-radio-player--preview .ps-radio-player__panel,
.ps-radio-player.is-expanded .ps-radio-player__panel {
transform: none;
}
.ps-radio-player.is-playing .ps-radio-player__now-eq span,
.ps-radio-player__skel-art,
.ps-radio-player__skel-line,
.ps-radio-player__row,
.ps-radio-player.is-expanded,
.ps-radio-player.is-expanded.is-collapsing,
.ps-radio-player.is-expanded:not(.is-collapsing) .ps-radio-player__cover,
.ps-radio-player.is-expanded:not(.is-collapsing) .ps-radio-player__info,
.ps-radio-player.is-expanded:not(.is-collapsing) .ps-radio-player__seek,
.ps-radio-player.is-expanded:not(.is-collapsing) .ps-radio-player__controls,
.ps-radio-player.is-expanded:not(.is-collapsing) .ps-radio-player__zone--right {
animation: none;
}
}html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
margin: 0;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin-bottom: 30px;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
margin-right: 10px;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #eee;
}
td,
th {
padding: 10px 20px;
border: 1px solid #eee;
text-align: left;
} body,
button,
input,
select,
textarea {
color: var(--viral-mag-body-color, #444);
font-size: var(--viral-mag-body-size, 16px);
letter-spacing: var(--viral-mag-body-letter-spacing, 0);
line-height: var(--viral-mag-body-line-height, 1.6);
font-family: var(--viral-mag-body-family, Poppins);
font-weight: var(--viral-mag-body-weight, 400);
font-style: var(--viral-mag-body-style, normal);
text-decoration: var(--viral-mag-body-text-decoration, none);
text-transform: var(--viral-mag-body-text-transform, none);
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 15px;
}
h1 {
font-family: var(--viral-mag-h1-family, var(--viral-mag-h-family, Poppins));
font-size: var(--viral-mag-h1-size, var(--vm-h1-size, 38px));
letter-spacing: var(--viral-mag-h1-letter-spacing, var(--viral-mag-h-letter-spacing, 0));
line-height: var(--viral-mag-h1-line-height, var(--viral-mag-h-line-height, 1.3));
font-weight: var(--viral-mag-h1-weight, var(--viral-mag-h-weight, 400));
font-style: var(--viral-mag-h1-style, var(--viral-mag-h-style, normal));
text-decoration: var(--viral-mag-h1-text-decoration, var(--viral-mag-h-text-decoration, none));
text-transform: var(--viral-mag-h1-text-transform, var(--viral-mag-h-text-transform, none));
}
h2 {
font-family: var(--viral-mag-h2-family, var(--viral-mag-h-family, Poppins));
font-size: var(--viral-mag-h2-size, var(--vm-h2-size, 34px));
letter-spacing: var(--viral-mag-h2-letter-spacing, var(--viral-mag-h-letter-spacing, 0));
line-height: var(--viral-mag-h2-line-height, var(--viral-mag-h-line-height, 1.3));
font-weight: var(--viral-mag-h2-weight, var(--viral-mag-h-weight, 400));
font-style: var(--viral-mag-h2-style, var(--viral-mag-h-style, normal));
text-decoration: var(--viral-mag-h2-text-decoration, var(--viral-mag-h-text-decoration, none));
text-transform: var(--viral-mag-h2-text-transform, var(--viral-mag-h-text-transform, none));
}
h3 {
font-family: var(--viral-mag-h3-family, var(--viral-mag-h-family, Poppins));
font-size: var(--viral-mag-h3-size, var(--vm-h3-size, 30px));
letter-spacing: var(--viral-mag-h3-letter-spacing, var(--viral-mag-h-letter-spacing, 0));
line-height: var(--viral-mag-h3-line-height, var(--viral-mag-h-line-height, 1.3));
font-weight: var(--viral-mag-h3-weight, var(--viral-mag-h-weight, 400));
font-style: var(--viral-mag-h3-style, var(--viral-mag-h-style, normal));
text-decoration: var(--viral-mag-h3-text-decoration, var(--viral-mag-h-text-decoration, none));
text-transform: var(--viral-mag-h3-text-transform, var(--viral-mag-h-text-transform, none));
}
h4 {
font-family: var(--viral-mag-h4-family, var(--viral-mag-h-family, Poppins));
font-size: var(--viral-mag-h4-size, var(--vm-h4-size, 26px));
letter-spacing: var(--viral-mag-h4-letter-spacing, var(--viral-mag-h-letter-spacing, 0));
line-height: var(--viral-mag-h4-line-height, var(--viral-mag-h-line-height, 1.3));
font-weight: var(--viral-mag-h4-weight, var(--viral-mag-h-weight, 400));
font-style: var(--viral-mag-h4-style, var(--viral-mag-h-style, normal));
text-decoration: var(--viral-mag-h4-text-decoration, var(--viral-mag-h-text-decoration, none));
text-transform: var(--viral-mag-h4-text-transform, var(--viral-mag-h-text-transform, none));
}
h5 {
font-family: var(--viral-mag-h5-family, var(--viral-mag-h-family, Poppins));
font-size: var(--viral-mag-h5-size, var(--vm-h5-size, 22px));
letter-spacing: var(--viral-mag-h5-letter-spacing, var(--viral-mag-h-letter-spacing, 0));
line-height: var(--viral-mag-h5-line-height, var(--viral-mag-h-line-height, 1.3));
font-weight: var(--viral-mag-h5-weight, var(--viral-mag-h-weight, 400));
font-style: var(--viral-mag-h5-style, var(--viral-mag-h-style, normal));
text-decoration: var(--viral-mag-h5-text-decoration, var(--viral-mag-h-text-decoration, none));
text-transform: var(--viral-mag-h5-text-transform, var(--viral-mag-h-text-transform, none));
}
h6 {
font-family: var(--viral-mag-h6-family, var(--viral-mag-h-family, Poppins));
font-size: var(--viral-mag-h6-size, var(--vm-h6-size, 18px));
letter-spacing: var(--viral-mag-h6-letter-spacing, var(--viral-mag-h-letter-spacing, 0));
line-height: var(--viral-mag-h6-line-height, var(--viral-mag-h-line-height, 1.3));
font-weight: var(--viral-mag-h6-weight, var(--viral-mag-h-weight, 400));
font-style: var(--viral-mag-h6-style, var(--viral-mag-h-style, normal));
text-decoration: var(--viral-mag-h6-text-decoration, var(--viral-mag-h-text-decoration, none));
text-transform: var(--viral-mag-h6-text-transform, var(--viral-mag-h-text-transform, none));
}
p {
margin: 0 0 15px;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 15px;
}
address {
margin: 0 0 15px;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
line-height: 1.6;
margin-bottom: 15px;
max-width: 100%;
overflow: auto;
padding: 30px;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: none;
text-decoration: none;
}
big {
font-size: 125%;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after { -webkit-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 15px;
}
ul,
ol {
margin: 0 0 15px 25px;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 15px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 15px 15px;
}
img {
height: auto; max-width: 100%; vertical-align: middle;
}
table {
margin: 0 0 30px;
width: 100%;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.vm-button {
display: inline-block;
background: var(--vm-template-color, #cf0701);
padding: 10px 25px;
color: #fff;
border: 0;
transition: all 0.3s ease;
height: 50px;
line-height: 30px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.vm-button:hover {
background: #333;
color: #fff;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #404040;
border: 1px solid #eee;
transition: all 0.3s ease-in-out;
vertical-align: top;
width: 100%;
}
select {
border: 1px solid #eee;
height: 50px;
padding: 3px 40px 3px 8px;
background-color: transparent;
line-height: 100%;
background: #fff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") no-repeat right 10px top 55%;
background-size: 16px 16px;
position: relative;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
width: 100%;
border-radius: 0;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
padding: 10px 20px;
height: 50px;
}
textarea {
padding: 10px 20px;
width: 100%;
} a {
text-decoration: none;
}
a:visited {}
a:hover {
color: var(--vm-template-color, #cf0701);
}
a:focus {}
a:hover,
a:active {}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .alignleft {
display: inline;
float: left;
margin-right: 20px;
margin-bottom: 10px;
}
.alignright {
display: inline;
float: right;
margin-left: 20px;
margin-bottom: 10px;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .vm-clearfix:before,
.vm-clearfix:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
}
.vm-clearfix:after,
.entry-content:after,
.comment-content:after,
.site-footer:after {
clear: both;
} .header-widget-area {
margin-top: 40px;
}
.vm-single-layout1 .header-widget-area,
.vm-single-layout2 .header-widget-area {
margin-top: 0;
}
.content-widget-area {
margin-bottom: 30px;
}
.content-widget-area .widget:last-child {
margin-bottom: 0;
}
.content-area .widget-title {
margin-bottom: 30px !important;
}
.vm-main-content .widget-title,
.vm-site-footer .widget-title {
font-size: var(--viral-mag-sidebar-title-size, 18px);
letter-spacing: var(--viral-mag-sidebar-title-letter-spacing, 0);
line-height: var(--viral-mag-sidebar-title-line-height, 1.3);
font-family: var(--viral-mag-sidebar-title-family, Poppins);
font-weight: var(--viral-mag-sidebar-title-weight, 500);
font-style: var(--viral-mag-sidebar-title-style, normal);
text-decoration: var(--viral-mag-sidebar-title-text-decoration, none);
text-transform: var(--viral-mag-sidebar-title-text-transform, uppercase);
margin-bottom: 15px;
}
.vm-main-content .widget-title {
color: var(--vm-content-widget-title-color, #000);
}
.widget-area ul {
list-style: none;
padding: 0;
margin: 0;
}
.widget-area ul ul {
border-top: 1px solid #f0f0f0;
margin-top: 5px;
}
.widget-area ul ul li {
padding-left: 10px;
}
.widget-area ul ul li:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.widget-area li {
padding: 10px 0;
line-height: 1.3rem;
}
.widget-area a {
text-decoration: none;
color: inherit;
}
.widget-area .widget {
margin-bottom: 40px;
}
.secondary.widget-area .widget:last-of-type {
margin-bottom: 0;
}
.vm-sidebar-style1 .widget-title {
position: relative;
padding-bottom: 10px;
margin-bottom: 20px;
}
.vm-sidebar-style1 .widget-title:after {
content: "";
position: absolute;
left: 0;
top: 100%;
width: 30px;
background: var(--vm-content-widget-title-color, #333);
height: 2px;
}
.vm-sidebar-style1 .widget-area li {
padding: 15px 0;
border-bottom: 1px solid var(--vm-content-text-lighter-color, #f0f0f0);
}
.vm-sidebar-style1 .widget-area ul ul {
margin-top: 15px;
}
.vm-sidebar-style2 .widget-title {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid var(--vm-content-text-light-color, #f0f0f0);
}
.vm-sidebar-style2 .vm-site-wrapper .widget {
border: 1px solid var(--vm-content-text-light-color, #f0f0f0);
padding: 30px;
} .widget {
margin: 0 0 30px;
} .widget select {
max-width: 100%;
} .widget_calendar table th,
.widget_calendar table td {
padding: 5px;
text-align: center;
} .widget_search .search-submit {
display: none;
} .vm-contact-box {
color: inherit;
}
.vm-contact-field {
position: relative;
}
.vm-contact-field i {
font-size: 30px;
width: 30px;
}
.vm-contact-text h6 {
font-size: 1.2rem;
margin-bottom: 10px;
white-space: nowrap;
}
.vm-site-header .vm-contact-text h6 {
margin-bottom: 5px;
}
.vm-contact-text p {
margin-bottom: 0 !important;
line-height: 1.2;
}
.vm-site-header .vm-contact-text p {
line-height: 1.2;
}
.vm-contact-box .vm-contact-text a,
.vm-contact-box .vm-contact-text a:hover {
color: inherit;
}
.vm-contact-text a:hover {
text-decoration: underline;
}
.vm-site-header .vm-contact-text > div {
font-size: 0.9rem;
}
.vm-contact-box.style1,
.vm-contact-box.style2 {
display: flex;
padding: 20px 0;
flex-wrap: wrap;
}
.vm-site-header .vm-contact-box.style1,
.vm-site-header .vm-contact-box.style2 {
padding: 0;
}
.vm-top-footer .vm-contact-box.style1,
.vm-bottom-top-footer .vm-contact-box.style1 {
padding: 0;
}
.vm-contact-box.style1 .vm-contact-field,
.vm-contact-box.style3 .vm-contact-field {
padding: 15px 30px;
margin-bottom: 0;
display: flex;
align-items: center;
flex-grow: 1;
min-width: 200px;
width: 33.33%;
}
.vm-contact-box.style1 .vm-contact-field > span {
content: "";
width: 1px;
height: 100%;
border-right: 1px solid #ccc;
position: absolute;
top: 0;
right: 0;
opacity: 0.3;
}
.vm-contact-box.style1 .vm-contact-field:last-child {
padding-right: 0;
margin-bottom: 0;
}
.vm-contact-box.style1 .vm-contact-field i,
.vm-contact-box.style3 .vm-contact-field i {
margin-right: 20px;
}
.vm-contact-box.style1 .vm-contact-text {
text-align: left;
}
.vm-contact-box.style2 .vm-contact-field {
flex-grow: 1;
text-align: center;
padding: 0 15px;
flex-basis: 0;
}
.vm-contact-box.style2 .vm-contact-field i {
display: inline-block;
margin-bottom: 15px;
}
.vm-contact-box.style3 .vm-contact-field {
padding: 0;
margin-bottom: 20px;
text-align: left;
}
.vm-contact-box.style3 .vm-contact-field:last-child {
margin-bottom: 0;
} .vm-personal-info .widget-title {
color: inherit;
}
.vm-personal-info.vm-pi-center .vm-pi-image,
.vm-personal-info.vm-pi-center .vm-pi-name,
.vm-personal-info.vm-pi-center .vm-pi-intro {
text-align: center;
}
.vm-personal-info.vm-pi-right .vm-pi-image,
.vm-personal-info.vm-pi-right .vm-pi-name,
.vm-personal-info.vm-pi-right .vm-pi-intro {
text-align: right;
}
.vm-pi-image {
margin-bottom: 30px;
}
.vm-pi-image.vm-round-image img {
border-radius: 50%;
}
.vm-pi-name {
margin-bottom: 15px;
}
.vm-pi-readmore {
margin-top: 30px;
}
.vm-pi-readmore i {
margin-left: 5px;
color: inherit;
}
.vm-personal-info.vm-pi-center .vm-pi-readmore {
text-align: center;
}
.vm-personal-info.vm-pi-right .vm-pi-readmore {
text-align: right;
} .vm-contact-info .widget-title {
color: inherit;
}
.vm-contact-info ul {
list-style: none;
padding: 0;
margin: 0 !important;
}
.vm-contact-info ul li {
padding: 8px 0 8px 40px !important;
margin-bottom: 0 !important;
border: none !important;
}
.vm-contact-info ul li p:last-child {
margin: 0;
}
.vm-contact-info ul li i {
float: left;
margin-left: -40px;
width: 30px;
text-align: center;
line-height: inherit;
}
.vm-contact-info[style*="background-color"] .widget-title:after {
display: none;
}
.vm-site-footer .vm-contact-info[style*="background-color"] .widget-title {
padding-left: 0;
}
.vm-sidebar-style1 .vm-contact-info[style*="background-color"] .widget-title {
padding-bottom: 0 !important;
} ul.vm-latest-posts {
margin: 0;
padding: 0;
list-style: none;
}
ul.vm-latest-posts li {
margin: 0 0 20px;
padding: 0;
border: 0;
}
.vm-lp-image {
float: left;
width: 30%;
}
.vm-lp-date {
font-size: 0.8rem;
opacity: 0.8;
margin-top: 10px;
}
.vm-lp-image img {
width: 100%;
}
.vm-lp-image + .vm-lp-content {
width: 70%;
float: right;
padding-left: 20px;
font-size: 0.9rem;
}
.vm-lp-title a {
color: inherit;
}
.vm-lp-excerpt {
margin-top: 10px;
} .vm-post-listing .vm-post-list {
margin-bottom: 20px;
}
.vm-post-listing .vm-post-list:last-child {
margin-bottom: 0;
}
.vm-post-listing .vm-pl-title {
margin-bottom: 10px;
}
.vm-post-listing .vm-pl-title a {
color: inherit;
}
.vm-post-listing .vm-pl-date {
font-size: 0.8rem;
margin-bottom: 10px;
}
.vm-post-listing .vm-pl-date .vm-posted-on i {
display: inline-block;
margin-right: 6px;
}
.vm-post-listing .vm-pl-title:last-child,
.vm-post-listing .vm-pl-date:last-child {
margin-bottom: 0;
}
.vm-post-listing .vm-pl-excerpt {
font-size: 0.94rem;
}
.vm-post-listing .vm-pl-image {
position: relative;
}
.vm-post-listing .vm-pl-image img {
width: 100%;
}
.vm-post-listing .vm-pl-count {
position: absolute;
left: 8px;
top: 20px;
transform: translateX(-50%);
padding: 8px 10px;
background: var(--vm-template-color, #cf0701);
color: #fff;
line-height: 1;
font-size: 0.9rem;
border-radius: 2px;
}
.vm-post-listing.style1 .vm-pl-image {
margin-bottom: 15px;
}
.vm-post-listing.style2 .vm-pl-image {
width: 120px;
float: left;
}
.vm-post-listing.style2 .vm-pl-content {
margin-left: 140px;
}
.vm-post-listing.style3 {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.vm-post-listing.style3 .vm-post-list {
width: 50%;
padding: 0 10px;
}
.vm-post-listing.style3 .vm-pl-image {
margin-bottom: 15px;
}
.vm-post-listing.style3 .vm-post-list:nth-last-child(2) {
margin-bottom: 0;
}
.vm-post-listing.style4 .vm-post-list:first-child .vm-pl-image {
margin-bottom: 15px;
width: 100%;
float: none;
}
.vm-post-listing.style4 .vm-post-list:first-child .vm-pl-content {
margin-left: 0;
}
.vm-post-listing.style4 .vm-pl-image {
width: 120px;
float: left;
}
.vm-post-listing.style4 .vm-pl-content {
margin-left: 140px;
}
.vm-post-listing.style4 .vm-post-list:nth-child(n + 2) .vm-pl-excerpt {
display: none;
}
.vm-post-listing.style5 .vm-post-list {
position: relative;
}
.vm-post-listing.style5 .vm-pl-content {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 40px 20px 20px;
color: #fff;
background: -moz-linear-gradient(top,
rgba(0, 0, 0, 0) 20%,
rgba(0, 0, 0, 0.9) 100%);
background: -webkit-gradient(linear,
left top,
left bottom,
color-stop(20%, rgba(0, 0, 0, 0)),
color-stop(100%, rgba(0, 0, 0, 0.9)));
background: -webkit-linear-gradient(top,
rgba(0, 0, 0, 0) 20%,
rgba(0, 0, 0, 0.9) 100%);
background: -o-linear-gradient(top,
rgba(0, 0, 0, 0) 20%,
rgba(0, 0, 0, 0.9) 100%);
background: -ms-linear-gradient(top,
rgba(0, 0, 0, 0) 20%,
rgba(0, 0, 0, 0.9) 100%);
background: linear-gradient(to bottom,
rgba(0, 0, 0, 0) 20%,
rgba(0, 0, 0, 0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}
.vm-post-listing.style5 .vm-pl-excerpt {
font-size: 0.9rem;
margin-top: 6px;
max-height: 0;
overflow: hidden;
transition: all 0.3s ease-in-out;
}
.vm-post-listing.style5 .vm-post-list:hover .vm-pl-excerpt {
max-height: 50px;
}
.vm-post-listing.style5 * {
color: #fff !important;
} .vm-post-carousel .vm-pl-image {
margin-bottom: 20px;
}
.vm-post-carousel .vm-pl-title {
margin-bottom: 10px;
}
.vm-post-carousel .vm-pl-title a {
color: inherit;
}
.vm-post-carousel .vm-pl-date {
font-size: 0.8rem;
margin-bottom: 10px;
}
.vm-post-carousel.owl-carousel .owl-dots {
text-align: center;
margin-top: 20px;
}
.vm-post-carousel.owl-carousel button.owl-dot {
height: 10px;
width: 10px;
background: rgba(0, 0, 0, 0.3);
margin: 0 5px;
border-radius: 50%;
}
.vm-post-carousel.owl-carousel button.owl-dot.active {
transform: scale(1.3);
} .tagcloud a {
font-size: 0.85rem !important;
display: inline-block;
border: 2px solid #eee;
padding: 5px 15px;
margin: 0 5px 8px 0;
line-height: 1.2;
}
.widget-area .tagcloud a {
border: 2px solid var(--vm-content-text-color, #eee);
} ul.vm-category-widget {
list-style: none;
margin: 0;
padding: 0;
column-gap: 30px;
column-fill: balance;
}
ul.vm-category-widget li {
display: inline-block;
width: 100%;
padding: 10px 0;
line-height: 1.3;
}
ul.vm-category-widget li a {
display: flex;
justify-content: space-between;
}
ul.vm-category-widget.vm-col-2 {
column-count: 2;
}
ul.vm-category-widget.vm-col-3 {
column-count: 3;
}
ul.vm-category-widget.vm-col-4 {
column-count: 4;
} body.vm-boxed #vm-page {
max-width: var(--vm-wide-container-width, 1170px);
margin: 0 auto;
position: relative;
background: #fff;
}
body.vm-boxed #vm-page .vm-container {
width: auto;
padding-left: var(--vm-container-padding, 80px);
padding-right: var(--vm-container-padding, 80px);
}
.sticky {
display: block;
}
.viral-mag-hentry {
margin: 0 0 60px;
}
.byline,
.updated:not(.published) {
display: none;
}
.page-content p,
.entry-content p,
.page-content ul,
.entry-content ul,
.page-content ol,
.entry-content ol {
margin-bottom: 30px;
}
.page-content ul ul,
.entry-content ul ul,
.page-content ol ol,
.entry-content ol ol {
margin-bottom: 0;
}
.page-content li,
.entry-content li {}
.page-links {
clear: both;
margin: 0 0 15px;
}
.vm-site-wrapper {
display: flex;
justify-content: space-between;
}
#primary {
width: var(--vm-primary-width, 70%);
float: left;
position: relative;
}
#secondary {
width: var(--vm-secondary-width, 26%);
float: right;
}
.vm-no-sidebar #primary,
.full-width-content-area {
width: 100%;
float: none;
}
.vm-no-sidebar-narrow #primary {
width: 76%;
float: none;
margin: 0 auto;
}
.vm-left-sidebar #primary {
float: right;
order: 2;
}
.vm-left-sidebar #secondary {
float: left;
order: 1;
}
.vm-main-content h1,
.vm-main-content h2,
.vm-main-content h3,
.vm-main-content h4,
.vm-main-content h5,
.vm-main-content h6 {
color: var(--vm-content-header-color);
}
.vm-main-content {
color: var(--vm-content-text-color);
}
.vm-main-content a {
color: var(--vm-content-link-color);
}
.vm-main-content a:hover,
.woocommerce .woocommerce-breadcrumb a:hover,
.breadcrumb-trail a:hover {
color: var(--vm-content-link-hov-color);
}
.vm-main-title,
.single-post .entry-title {
font-size: var(--viral-mag-page-title-size, 40px);
letter-spacing: var(--viral-mag-page-title-letter-spacing, 0);
line-height: var(--viral-mag-page-title-line-height, 1.3);
font-family: var(--viral-mag-page-title-family, Poppins);
font-weight: var(--viral-mag-page-title-weight, 400);
font-style: var(--viral-mag-page-title-style, normal);
text-decoration: var(--viral-mag-page-title-text-decoration, none);
text-transform: var(--viral-mag-page-title-text-transform, none);
color: var(--viral-mag-page-title-color, #333);
} .entry-header .entry-title {
margin-bottom: 20px;
}
.entry-header .entry-title a {
text-decoration: none;
color: inherit;
}
.entry-meta {
margin-bottom: 20px;
font-size: 0.9em;
opacity: 0.9;
}
.entry-meta > span {
display: inline-block;
margin-right: 40px;
}
.entry-meta > span:last-child {
margin-right: 0;
}
.entry-meta > span i {
display: inline-block;
margin-right: 5px;
opacity: 0.7;
}
.entry-meta a {
color: inherit;
}
.entry-readmore {
margin-top: 40px;
}
.vm-main-content .entry-readmore a {
background: var(--vm-template-color, #cf0701);
padding: 12px 20px;
line-height: 1.2;
color: #fff;
border: 0;
transition: all 0.3s ease;
display: inline-block;
}
.vm-main-content .entry-readmore a:hover {
background: #333;
color: #fff;
}
.entry-comment i {
display: inline-block;
margin-right: 5px;
opacity: 0.7;
}
.blog-layout1 .entry-figure {
margin-bottom: 30px;
}
.blog-layout1 .entry-thumb-container {
padding-bottom: 55%;
}
.vm-no-sidebar .blog-layout1 .entry-thumb-container {
padding-bottom: 40%;
}
.blog-layout1 .entry-header {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.blog-layout1 .entry-header .entry-title:last-child {
margin-bottom: 0;
}
.blog-layout1 .vm-post-date {
float: left;
line-height: 1.3;
border-right: 2px solid rgba(0, 0, 0, 0.1);
padding-right: 30px;
margin-right: 30px;
text-align: center;
}
.blog-layout1 .vm-post-date .entry-date {
display: block;
font-size: 0.9rem;
}
.blog-layout1 .vm-post-date .entry-date span {
display: block;
text-transform: uppercase;
color: var(--vm-template-color, #cf0701);
}
.blog-layout1 .vm-post-date .entry-date span.vm-day {
font-size: 30px;
line-height: 1.3;
font-weight: bold;
}
.blog-layout1 .vm-post-header {
flex-grow: 1;
}
.blog-layout1 .entry-meta:last-child {
margin-bottom: 0;
} .blog-layout2 .entry-body {
padding: 40px;
background: rgba(0, 0, 0, 0.02);
}
.blog-layout2 .entry-figure {
margin-bottom: 0;
}
.blog-layout2 .entry-thumb-container {
padding-bottom: 55%;
}
.vm-no-sidebar .blog-layout2 .entry-thumb-container {
padding-bottom: 40%;
}
.blog-layout2 .vm-post-info {
float: left;
width: 20%;
text-align: center;
z-index: 99;
padding-right: 40px;
}
.blog-layout2 .vm-post-info + .vm-post-content {
float: left;
width: 80%;
}
.blog-layout2 .vm-post-date {
text-align: center;
}
.blog-layout2 .entry-date {
display: inline-block;
background: var(--vm-template-color, #cf0701);
width: 70px;
color: #fff;
text-align: center;
padding: 10px 15px;
font-size: 0.9rem;
margin-top: -40px;
margin-bottom: 40px;
line-height: 1.3;
transform: translateY(-50%);
}
.blog-layout2 .vm-day {
display: block;
font-size: 30px;
color: #fff;
}
.blog-layout2 img.avatar {
border-radius: 50%;
}
.blog-layout2 .entry-author {
margin-top: 15px;
font-size: 0.9rem;
}
.blog-layout2 .entry-comment {
display: block;
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 15px;
margin-top: 15px;
font-size: 0.9rem;
line-height: 1.3;
}
.blog-layout2 .entry-readmore {
text-align: right;
}
.vm-post-info a {
color: inherit;
} .vm-single-layout1 .vm-site-header,
.vm-single-layout2 .vm-site-header {
margin-bottom: 40px;
}
.vm-single-layout1 .breadcrumb-trail,
.vm-single-layout2 .breadcrumb-trail {
margin-bottom: 40px;
}
.vm-single-layout1 .single-entry-meta > span.entry-read-time {
float: right;
}
.vm-single-layout2 .entry-header {
text-align: center;
} .entry-content,
.entry-figure {
margin-bottom: 40px;
}
.entry-summary {
font-size: 1.2rem;
margin-bottom: 20px;
margin-top: -10px;
}
.entry-content > *:last-child {
margin-bottom: 0;
}
.entry-content a {
text-decoration: underline;
}
.single-entry-meta {
margin-bottom: 40px;
font-size: 0.9rem;
}
.single-entry-meta a {
color: inherit;
}
.single-entry-meta > span > i {
display: inline-block;
margin-right: 5px;
}
.single-entry-meta img {
border-radius: 50%;
margin-right: 10px;
}
.single-entry-meta > span {
display: inline-block;
margin-right: 30px;
opacity: 0.8;
}
.single-entry-meta > span:last-child {
margin-right: 0;
}
blockquote:not(.wp-block-quote) {
background: #f6f6f6;
padding: 40px;
clear: both;
margin: 0 0 30px;
border-left: 3px solid var(--vm-template-color, #cf0701);
font-style: italic;
font-size: 1.1rem;
}
blockquote:not(.wp-block-quote) p:last-child {
margin-bottom: 0;
}
blockquote:not(.wp-block-quote) cite {
font-size: 0.9rem;
display: block;
margin-top: 20px;
}
.single-entry-category {
margin-bottom: 10px;
font-size: 0.8rem;
line-height: 1;
opacity: 0.8;
}
.single-entry-category a {
display: inline-block;
margin-bottom: 5px;
color: inherit;
text-transform: uppercase;
}
.single-entry-tags {
margin-bottom: 40px;
font-size: 0.8rem;
line-height: 1;
}
.single-entry-tags a {
border: 1px solid var(--vm-content-text-color, rgba(0, 0, 0, 0.1));
padding: 4px 10px;
display: inline-block;
margin-right: 10px;
color: inherit;
margin-bottom: 5px;
}
.single-entry-tags a:before {
content: "#";
}
.post-navigation {
margin-bottom: 60px;
font-size: 1.1rem;
line-height: 1.4;
border: 1px solid var(--vm-content-text-light-color, rgba(0, 0, 0, 0.05));
padding: 20px;
}
.post-navigation .nav-links {
display: flex;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
width: 50%;
}
.post-navigation .nav-previous {
padding-right: 20px;
padding-left: 100px;
}
.post-navigation .nav-next {
text-align: right;
border-left: 1px solid var(--vm-content-text-light-color, rgba(0, 0, 0, 0.05));
padding-left: 20px;
padding-right: 100px;
}
.post-navigation img {
width: 80px;
}
.post-navigation .nav-previous img {
float: left;
margin-left: -100px;
}
.post-navigation .nav-next img {
float: right;
margin-right: -100px;
}
.post-navigation a {
color: inherit;
}
.post-navigation a span {
display: block;
text-transform: uppercase;
font-size: 0.8rem;
margin-bottom: 8px;
opacity: 0.8;
}
.viral-mag-author-info {
margin-bottom: 60px;
text-align: center;
}
.viral-mag-author-avatar {
margin-bottom: 20px;
}
.viral-mag-author-avatar img {
border-radius: 100%;
}
.viral-mag-author-description {}
.viral-mag-author-icons a {
color: inherit;
padding: 5px;
font-size: 20px;
} .single-entry-figure,
.single-entry-gallery,
.single-entry-quote,
.single-entry-link,
.single-entry-video,
.single-entry-audio {
margin-bottom: 40px;
}
.single-entry-gallery .owl-carousel .owl-nav .owl-prev,
.single-entry-gallery .owl-carousel .owl-nav .owl-next {
position: absolute;
top: 50%;
transform: translate(0, -50%);
height: 40px;
width: 40px;
background: var(--vm-template-color, #cf0701);
text-align: center;
line-height: 40px;
color: #fff;
transition: all 0.3s ease;
opacity: 0;
}
.single-entry-gallery .owl-carousel .owl-nav .owl-prev:hover,
.single-entry-gallery .owl-carousel .owl-nav .owl-next:hover {
background: #000;
}
.single-entry-gallery:hover .owl-carousel .owl-nav .owl-prev,
.single-entry-gallery:hover .owl-carousel .owl-nav .owl-next {
opacity: 1;
}
.single-entry-gallery .owl-carousel .owl-nav .owl-prev {
left: 30px;
}
.single-entry-gallery .owl-carousel .owl-nav .owl-next {
right: 30px;
}
.single-entry-link {
position: relative;
}
.single-entry-link > a {
display: block;
padding: 30px;
background: rgba(255, 255, 255, 0.9);
font-size: 2rem;
text-align: center;
line-height: 1;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
}
.single-entry-link.single-entry-link-image > a {
position: absolute;
left: 50px;
right: 50px;
bottom: 50px;
}
.single-entry-link > a i {
margin-left: 10px;
}
.single-entry-quote.single-entry-quote-image {
padding: 10%;
background-size: cover;
background-position: center;
}
.single-entry-quote-wrap {
background: rgba(255, 255, 255, 0.9);
text-align: center;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
padding: 100px 50px 50px 50px;
}
.single-entry-quote-wrap .single-author-quote {
font-size: 1.2rem;
font-style: italic;
margin-bottom: 20px;
position: relative;
}
.single-entry-quote-wrap .single-author-quote:before {
content: "\efcd";
font-family: "IcoFont" !important;
font-size: 3.2rem;
font-style: normal;
font-weight: normal;
position: absolute;
left: 50%;
top: -60px;
transform: translateX(-50%);
line-height: 1;
opacity: 0.4;
}
.single-entry-quote-wrap .single-author-name {
text-transform: uppercase;
font-weight: bold;
}
.single-video-container {
position: relative;
padding-bottom: 56.25%;
}
.single-video-container iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.author-email-url {
margin-left: -2%;
}
.comment-form-author,
.comment-form-email {
float: left;
margin-left: 2%;
width: 48%;
}
.comment-form-url {}
.author-email-url input {
width: 100%;
}
.comment-form .form-submit {
margin-bottom: 0;
}
#comments {
margin-bottom: 60px;
}
.logged-in-as,
.comment-notes {
margin-bottom: 25px;
}
.logged-in-as a {
color: inherit;
}
#comments ul {
list-style: none;
margin: 0;
padding: 0;
}
#comments li.comment .children {
display: block;
margin: 0 0 0 80px;
padding: 0px;
list-style: none;
}
article.comment-body {
margin: 0 0 30px;
}
.comment-list a {
color: inherit;
}
.comment-list .sp-comment-avatar {
margin-right: 20px;
float: left;
}
.comment-list .sp-comment-content {
position: relative;
border: 1px solid var(--vm-content-text-light-color, #eee);
padding: 20px;
margin-left: 80px;
}
.comment-list .comment-header {
margin-bottom: 15px;
}
.comment-list .vcard .fn {
font-weight: normal;
font-size: 1.1rem;
}
.comment-list .vcard > a {
font-style: italic;
opacity: 0.9;
}
.comment-list .reply {
position: absolute;
top: 20px;
right: 20px;
text-transform: uppercase;
font-size: 0.9rem;
}
.comment-list .edit-link a {
font-size: 0.9rem;
display: inline-block;
}
.comment-list .comment-respond {
padding-left: 80px;
margin-bottom: 30px;
}
#cancel-comment-reply-link {
float: right;
}
.no-comments {
color: var(--vm-template-color, #cf0701);
}
.pagination {
clear: both;
text-align: center;
margin-bottom: 60px;
}
.pagination .page-numbers {
display: inline-block;
margin: 4px 2px;
background: var(--vm-template-color, #cf0701);
color: #fff;
padding: 12px 20px;
line-height: 1;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover {
background: #333;
color: #fff;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
vertical-align: middle;
} .wp-caption {
margin-bottom: 15px;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
} .gallery {
margin-bottom: 15px;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
margin-bottom: 0;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
} .vm-container {
width: 100%;
margin: 0 auto;
}
body.vm-wide .vm-container {
max-width: var(--vm-wide-container-width, 1170px);
}
body.vm-fluid .vm-container {
max-width: var(--vm-fluid-container-width, 80%);
}
.vm-fullwidth-container {
margin-left: calc(-100vw / 2 + 100% / 2 + 10px);
margin-right: calc(-100vw / 2 + 100% / 2 + 10px);
max-width: 100vw;
}
.vm-mac-os .vm-fullwidth-container {
margin-left: calc(-100vw / 2 + 100% / 2);
margin-right: calc(-100vw / 2 + 100% / 2);
max-width: 100vw;
}
.vm-boxed .vm-fullwidth-container {
margin-left: -40px !important;
margin-right: -40px !important;
}
#vm-content {
clear: both;
}
body.vm-no-header-space .vm-main-header {
margin-bottom: 0;
} #vm-masthead {
z-index: 999;
transition: height 0.3s ease;
position: relative;
}
.vm-top-header {
background: var(--vm-th-bg-color, var(--vm-template-color, #cf0701));
font-size: 0.86rem;
line-height: 1.2;
color: var(--vm-th-text-color, #fff);
}
.vm-mobile-top-header {
display: none;
}
.vm-top-header .vm-container {
display: flex;
justify-content: space-between;
align-items: center;
height: var(--vm-th-height, 45px);
}
.vm-top-header a {
text-decoration: none;
color: var(--vm-th-anchor-color, #fff);
}
.vm-top-header p {
margin-bottom: 0;
}
.vm-top-header ul {
display: flex;
list-style: none;
padding: 0;
margin: 0;
}
.th-social a {
padding: 5px 10px;
font-size: 1rem;
}
.th-menu > ul > li {
position: relative;
}
.vm-th-left.th-menu > ul > li {
margin-right: 15px;
}
.vm-th-right.th-menu > ul > li {
margin-left: 15px;
}
.th-menu > ul > li > a {
line-height: var(--vm-th-height, 45px);
}
.th-menu li {
position: relative;
}
.th-menu li a {
position: relative;
display: block;
}
.th-menu ul ul {
display: none;
position: absolute;
left: 0;
top: 100%;
width: 200px;
background: var(--vm-th-bg-color, var(--vm-template-color, #cf0701));
z-index: 9;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
}
.th-menu ul ul ul {
top: 0;
left: 100%;
}
.th-menu ul li:hover > ul {
display: block;
}
.th-menu ul ul li a {
padding: 10px;
}
.th-menu > ul > li.menu-item-has-children > a:after {
font-family: "ElegantIcons";
content: "\33";
}
.th-menu ul.sub-menu li.menu-item-has-children > a:after {
font-family: "ElegantIcons";
content: "\35";
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
.vm-th-right.th-menu ul ul {
left: auto;
right: 0;
}
.vm-th-right.th-menu ul ul ul {
left: auto;
right: 100%;
}
.vm-th-left {
max-width: 80%;
}
.vm-th-right {
max-width: 80%;
}
.vm-th-right .widget {
margin: 0;
}
.vm-top-header .widget_polylang ul li {
display: inline-block;
margin: 0 5px;
}
.th-date i {
display: inline-block;
margin-right: 5px;
}
.th-date > span {
margin-right: 10px;
display: inline-block;
}
.th-date > span:last-child {
margin-right: 0 !important;
}
.vm-th-right > span {
margin-right: 0;
margin-left: 10px;
}
.vm-header-ticker {
display: flex;
align-items: center;
position: relative;
text-align: left;
}
.vm-header-ticker.vm-header-ticker-title {
white-space: nowrap;
padding: 5px 10px;
margin-right: 10px;
position: relative;
font-size: 1.1em;
border: 1px solid transparent;
border-color: inherit;
}
.vm-header-ticker-carousel {
max-width: 400px;
padding-left: 20px;
}
.vm-header-ticker-carousel .owl-item a {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.vm-header-ticker .owl-carousel .owl-nav button.owl-prev,
.vm-header-ticker .owl-carousel .owl-nav button.owl-next {
position: absolute;
left: -20px;
top: 50%;
transform: translateY(-50%);
height: 10px;
width: 10px;
text-align: center;
line-height: 10px;
}
.vm-header-ticker .owl-carousel .owl-nav button.owl-prev {
margin-top: -5px;
}
.vm-header-ticker .owl-carousel .owl-nav button.owl-next {
margin-top: 5px;
}
.vm-header {
position: relative;
}
#vm-site-branding {
padding: var(--vm-logo-padding, 15px) 0;
}
#vm-site-branding img {
width: auto;
height: var(--vm-logo-height, 60px);
}
.vm-tagline-inline-logo #vm-site-branding {
display: flex;
align-items: center;
}
.vm-tagline-inline-logo .custom-logo-link + .vm-site-title-tagline {
margin-left: 10px;
}
.vm-tagline-below-logo .custom-logo-link + .vm-site-title-tagline {
margin-top: 10px;
}
.vm-header-widget .widget:last-child {
margin-bottom: 0;
}
.vm-site-title {
font-weight: 400;
margin: 0 0 8px;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 32px;
line-height: 1;
}
.vm-site-title:last-child {
margin: 0;
}
.vm-site-title a {
text-decoration: none;
color: var(--vm-title-color, var(--vm-template-color, #cf0701));
}
.vm-site-description {
margin: 0;
font-size: 15px;
line-height: 1;
}
.vm-site-description a {
color: var(--vm-title-color, #eee);
}
.breadcrumb-trail,
.woocommerce .woocommerce-breadcrumb {
margin: 0;
color: inherit;
font-size: 0.9rem;
}
.breadcrumb-trail ul {
list-style: none;
margin: 0;
padding: 0;
}
.breadcrumb-trail ul li {
display: inline-block;
}
.breadcrumb-trail ul li:after {
font-family: "ElegantIcons";
content: "\35";
margin: 0 8px;
}
.breadcrumb-trail .icofont-home {
display: inline-block;
margin-right: 10px;
}
.breadcrumb-trail ul li:last-child:after {
display: none;
}
.woocommerce .woocommerce-breadcrumb a,
.breadcrumb-trail a {
color: inherit;
}
.breadcrumb-trail a span {
display: inline-block;
}
.taxonomy-description,
.term-description {
margin-bottom: 15px;
}
.taxonomy-description p:last-child,
.term-description p:last-child {
margin-bottom: 0;
}
.site-main .comment-navigation {
margin: 0 0 15px;
overflow: hidden;
}
.comment-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
} .vm-main-header {
margin: 40px 0;
text-align: center;
}
.archive .author-post-avatar {
margin-bottom: 20px;
}
.archive .author-post-avatar img {
border-radius: 100%;
}
.archive .author-post-count {
margin-bottom: 30px;
} .vm-main-navigation {
font-family: var(--viral-mag-menu-family, Poppins);
font-size: var(--viral-mag-menu-size, 14px);
}
.vm-main-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
.vm-menu li.menu-item {
position: relative;
}
.vm-menu > ul > li.menu-item {
float: left;
margin-left: 6px;
padding-top: var(--vm-mh-menu-dropdown-padding, 12px);
padding-bottom: var(--vm-mh-menu-dropdown-padding, 12px);
}
.vm-menu > ul > li.menu-item:first-child {
margin-left: 0;
}
.vm-menu li.menu-item > a {
position: relative;
display: block;
}
.vm-menu > ul > li.menu-item > a {
padding: 0 15px;
font-weight: var(--viral-mag-menu-weight, 400);
letter-spacing: var(--viral-mag-menu-letter-spacing, 0);
line-height: var(--viral-mag-menu-line-height, 3);
font-style: var(--viral-mag-menu-style, normal);
text-decoration: var(--viral-mag-menu-text-decoration, none);
text-transform: var(--viral-mag-menu-text-transform, uppercase);
color: var(--vm-mh-menu-color, #ffffff);
}
.vm-menu li.menu-item > a > i {
line-height: inherit !important;
font-size: 1em !important;
}
.vm-menu > ul > li.menu-item > a .dropdown-nav {
display: inline-block;
position: relative;
right: -4px;
top: -4px;
font-size: 18px;
}
.vm-menu > ul > li.menu-item > a.sf-with-ul:after {
content: "\F0140";
font-family: "Material Design Icons";
}
.vm-menu li.menu-item .nav-desc {
display: block;
font-size: 0.8em;
margin-top: 2px;
}
.vm-menu > ul > li.menu-item > a .nav-desc {
position: absolute;
left: 50%;
bottom: 100%;
line-height: 1;
white-space: nowrap;
font-size: 0.6em;
background: #000;
color: #fff;
padding: 3px 6px;
border-radius: 2px;
transform: rotate(-5deg);
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
}
.hover-style6.vm-site-header .vm-menu > ul > li.menu-item > a .nav-desc {
transform: translateY(100%) rotate(-5deg);
margin-bottom: -2px;
}
.vm-menu ul ul {
display: none;
position: absolute;
left: 0;
top: 100%;
font-size: 0.94em;
background: var(--vm-mh-submenu-bg-color, #fff);
min-width: 270px;
z-index: 999;
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.05);
}
.vm-menu ul ul ul {
left: 100%;
top: 0;
margin: 0;
border-top: 0;
}
.vm-menu ul ul li.menu-item {
float: none;
margin: 0;
}
.vm-menu ul ul li.menu-item > a {
font-weight: 400;
color: var(--vm-mh-submenu-color, #444);
line-height: 1.5;
padding: 15px 20px;
}
.vm-menu ul ul li.menu-item > a:hover {
color: var(--vm-mh-submenu-hover-color, var(--vm-mh-submenu-color, #444));
}
.vm-menu ul ul a .dropdown-nav {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 18px;
}
.vm-menu ul li.menu-item:hover > ul {
display: block;
}
.vm-menu > ul > li.menu-item:hover > a,
.vm-menu > ul > li.menu-item.current_page_item > a,
.vm-menu > ul > li.menu-item.current-menu-item > a,
.vm-menu > ul > li.menu-item.current_page_ancestor > a {
background: none;
color: var(--vm-mh-menu-hover-color, var(--vm-mh-menu-color, #fff));
}
.vm-header-bttn {
display: inline-block;
margin-left: 30px;
padding: 0 20px;
white-space: nowrap;
}
.vm-offcanvas-nav {
position: relative;
}
.vm-offcanvas-nav a > span {
background-color: var(--vm-mh-menu-color, #ffffff);
display: block;
height: 2px;
margin: 5px 0;
width: 25px;
transition: all ease 0.5s;
}
.vm-offcanvas-nav a > span:nth-child(2) {
width: 20px;
}
.vm-offcanvas-nav a > span:nth-child(3) {
width: 17px;
}
.vm-offcanvas-nav a:hover > span {
background-color: var(--vm-mh-menu-hover-color,
var(--vm-mh-menu-color, #ffffff));
}
.vm-offcanvas-opened .vm-offcanvas-nav a > span {
width: 22px;
}
.vm-offcanvas-opened .vm-offcanvas-nav a > span:first-child {
bottom: 14px;
margin: 0;
position: absolute;
transform: rotate(45deg);
}
.vm-offcanvas-opened .vm-offcanvas-nav a > span:nth-child(2) {
opacity: 0;
}
.vm-offcanvas-opened .vm-offcanvas-nav a > span:last-child {
bottom: 14px;
margin: 0;
position: absolute;
transform: rotate(-45deg);
}
.vm-header .vm-offcanvas-nav,
.vm-header .vm-search-button,
.vm-header .vm-header-social-icons {
margin-left: 15px;
}
.vm-header .vm-header-social-icons {
display: flex;
}
.vm-offcanvas-nav a,
.vm-search-button a {
width: 45px;
text-align: center;
padding: 10px;
display: block;
color: var(--vm-mh-menu-color, #ffffff);
}
.vm-header .vm-header-social-icons a {
padding: 10px 8px;
color: var(--vm-mh-menu-color, #ffffff);
}
.vm-search-button a:hover,
.vm-header-social-icons a:hover {
color: var(--vm-mh-menu-hover-color, var(--vm-mh-menu-color, #ffffff));
}
.vm-header-widget {
margin-left: 40px;
padding: 20px 0;
} .vm-header-two {
background-image: var(--vm-mh-header-bg-url);
background-repeat: var(--vm-mh-header-bg-repeat, no-repeat);
background-size: var(--vm-mh-header-bg-size, cover);
background-position: var(--vm-mh-header-bg-position, center center);
background-attachment: var(--vm-mh-header-bg-attach, scroll);
background-color: var(--vm-mh-header-bg-color, transparent);
}
.vm-header-two .vm-middle-header {
padding: 40px 0;
}
.vm-header-two .vm-middle-header .vm-container {
display: flex;
}
.vm-header-two .vm-middle-header-left {
list-style: none;
margin: 0;
padding: 0;
width: 30%;
display: flex;
align-items: center;
}
.vm-header-two .vm-middle-header-right {
width: 30%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.vm-header-two #vm-site-branding {
width: 40%;
text-align: center;
flex-grow: 1;
}
.vm-header-two.vm-tagline-inline-logo #vm-site-branding {
justify-content: center;
}
.vm-header-two .vm-middle-header-left a {
padding: 10px;
font-size: 20px;
color: var(--vm-mh-button-color, #333);
}
.vm-header-two .vm-middle-header-right > div > a {
display: block;
padding: 10px;
color: var(--vm-mh-button-color, #333);
font-size: 20px;
}
.vm-header-two .vm-offcanvas-nav a > span {
background: var(--vm-mh-button-color, #333);
}
.vm-header-two .vm-header {
background: var(--vm-mh-bg-color, #fff);
}
.vm-header-two .vm-header .vm-container {
display: flex;
justify-content: center;
align-items: center;
}
.vm-header-two .vm-header .vm-main-navigation {
display: flex;
align-items: center;
} .vm-header-three .vm-container {
max-width: 100%;
}
.vm-header-three .vm-header {
background: var(--vm-mh-bg-color, #fff);
box-shadow: 0 2px 18px rgba(0, 0, 0, 0.03);
}
.vm-header-three .vm-header .vm-container {
display: flex;
align-items: center;
justify-content: space-between;
}
.vm-header-three .vm-site-buttons {
display: flex;
align-items: center;
}
.vm-header-three .vm-main-navigation {
display: flex;
align-items: center;
flex-grow: 1;
justify-content: center;
} @-webkit-keyframes headerSlideDown {
0% {
margin-top: -200px;
}
to {
margin-top: 0;
}
}
@keyframes headerSlideDown {
0% {
margin-top: -200px;
}
to {
margin-top: 0;
}
}
.vm-sticky-header .headroom.headroom--not-top {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
}
.admin-bar.vm-sticky-header .headroom.headroom--not-top {
top: 32px;
}
.vm-sticky-header .vm-header-two.vm-site-header .headroom.headroom--not-top .vm-top-header {
display: none;
} .hover-style6 .vm-menu > ul > li.menu-item > a {
position: relative;
}
.hover-style6 .vm-menu > ul > li.menu-item > a:before {
content: "";
position: absolute;
width: 26px;
left: 50%;
margin-left: -13px;
margin-top: -7px;
height: 5px;
background: var(--vm-mh-menu-hover-color, var(--vm-template-color, #cf0701));
top: 90%;
opacity: 0;
transition: all 0.2s ease;
}
.hover-style6 .vm-menu > ul > li.menu-item:hover > a:before,
.hover-style6 .vm-menu > ul > li.menu-item.current_page_item > a:before,
.hover-style6 .vm-menu > ul > li.menu-item.current-menu-item > a:before,
.hover-style6 .vm-menu > ul > li.menu-item.current_page_ancestor > a:before,
.hover-style6 .vm-menu > ul > li.menu-item.current > a:before {
top: 100%;
opacity: 1;
} .vm-menu > ul > li.menu-item.menu-item-social-icon {
margin-left: 6px !important;
}
.vm-menu > ul > li.menu-item.menu-item-social-icon-first,
.vm-menu > ul > li.menu-item.menu-item-search {
margin-left: 30px !important;
}
.vm-menu > ul > li.menu-item.menu-item-social-icon > a {
padding: 0 5px;
}
.hover-style6 .vm-menu > ul > li.menu-item.menu-item-social-icon:hover > a:before {
background: none;
} .vm-top-border.vm-header-two .vm-header,
.vm-top-border.vm-header-three .vm-header {
border-top: 1px solid var(--vm-mh-bg-border-color, #eee);
}
.vm-bottom-border.vm-header-two .vm-header,
.vm-bottom-border.vm-header-three .vm-header {
border-bottom: 1px solid var(--vm-mh-bg-border-color, #eee);
}
.vm-top-bottom-border.vm-header-two .vm-header,
.vm-top-bottom-border.vm-header-three .vm-header {
border-top: 1px solid var(--vm-mh-bg-border-color, #eee);
border-bottom: 1px solid var(--vm-mh-bg-border-color, #eee);
} .vm-site-footer {
background-image: var(--vm-footer-bg-url);
background-size: var(--vm-footer-bg-size, cover);
background-position: var(--vm-footer-bg-position, center center);
background-attachment: var(--vm-footer-bg-attach, scroll);
background-repeat: var(--vm-footer-bg-repeat, no-repeat);
margin-top: 40px;
position: relative;
color: var(--vm-footer-text-color, #EEEEEE);
}
.page-template-home-template .vm-site-footer,
.home:not(.blog) .vm-site-footer,
.vm-enable-frontpage .vm-site-footer {
margin-top: 0 !important;
}
.vm-site-footer .widget-title {
margin-bottom: 20px;
position: relative;
color: var(--vm-footer-title-color, #EEEEEE);
}
.vm-site-footer .widget-title * {
color: inherit;
}
.vm-site-footer a {
color: var(--vm-footer-anchor-color, #EEEEEE);
}
.vm-sidebar-style1 .vm-site-footer .widget-title {
padding-bottom: 10px;
}
.vm-sidebar-style1 .vm-site-footer .widget-title:after {
content: "";
position: absolute;
left: 0;
top: 100%;
width: 30px;
background: var(--vm-footer-title-color, var(--vm-template-color, #cf0701));
height: 2px;
}
.vm-sidebar-style1 .vm-site-footer .vm-top-footer .widget-title:after {
left: 50%;
margin-left: -15px;
}
.vm-sidebar-style2 .vm-site-footer .widget-title {
border-bottom: 1px solid var(--vm-footer-title-light-color, rgba(0, 0, 0, 0.05));
padding-bottom: 10px;
}
.vm-main-footer,
.vm-bottom-footer {
position: relative;
}
.vm-site-footer:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: var(--vm-footer-bg-color, #333333);
}
.vm-main-footer .vm-container {
position: relative;
}
.vm-footer {
float: left;
width: 25%;
}
.vm-footer .widget {
margin-bottom: 30px;
}
.vm-footer .widget:last-child,
.vm-footer .widget.widget_block {
margin-bottom: 0;
}
.vm-footer ul {
list-style: none;
margin: 0;
padding: 0;
}
.vm-footer li {
padding: 10px 0;
line-height: 1.3rem;
}
.col-1-1 .vm-footer1 {
width: 100%;
}
.col-2-1-1 .vm-footer {
width: 50%;
}
.col-3-1-1-1 .vm-footer {
width: 33.33%;
}
.col-3-1-2 .vm-footer1 {
width: 33.33%;
}
.col-3-1-2 .vm-footer2 {
width: 66.66%;
}
.col-3-2-1 .vm-footer1 {
width: 66.66%;
}
.col-3-2-1 .vm-footer2 {
width: 33.33%;
}
.col-4-1-1-1-1 .vm-footer {
width: 25%;
}
.col-4-1-1-2 .vm-footer1 {
width: 30%;
}
.col-4-1-1-2 .vm-footer2 {
width: 30%;
}
.col-4-1-1-2 .vm-footer3 {
width: 40%;
}
.col-4-2-1-1 .vm-footer1 {
width: 40%;
}
.col-4-2-1-1 .vm-footer2 {
width: 30%;
}
.col-4-2-1-1 .vm-footer3 {
width: 30%;
}
.col-4-1-2-1 .vm-footer1 {
width: 30%;
}
.col-4-1-2-1 .vm-footer2 {
width: 40%;
}
.col-4-1-2-1 .vm-footer3 {
width: 30%;
}
.col-4-1-3 .vm-footer1 {
width: 25%;
}
.col-4-1-3 .vm-footer2 {
width: 75%;
}
.col-4-3-1 .vm-footer1 {
width: 75%;
}
.col-4-3-1 .vm-footer2 {
width: 25%;
}
.col-5-1-1-1-1-1 .vm-footer {
width: 20%;
}
.col-5-2-1-1-1 .vm-footer,
.col-5-1-1-1-2 .vm-footer {
width: 23.33%;
}
.col-5-2-1-1-1 .vm-footer1 {
width: 30%;
}
.col-5-1-1-1-2 .vm-footer4 {
width: 30%;
}
.col-6-1-1-1-1-1-1 .vm-footer {
width: 16.66%;
}
.vm-bottom-footer {
font-size: 0.9rem;
}
.vm-bottom-footer a {
text-decoration: underline;
}
.vm-top-footer .vm-container {
border-bottom: 1px solid var(--vm-footer-border-color, rgba(0, 0, 0, 0.1));
padding: 30px 0;
text-align: center;
}
.vm-main-footer .vm-container {
border-bottom: 1px solid var(--vm-footer-border-color, rgba(0, 0, 0, 0.1));
}
.vm-main-footer-wrap {
margin: 0 -20px;
padding: 50px 0;
}
.vm-footer {
padding: 0 20px;
}
.vm-bottom-top-footer .vm-container {
border-bottom: 1px solid var(--vm-footer-border-color, rgba(0, 0, 0, 0.1));
padding: 30px 0;
position: relative;
}
.vm-bottom-footer .vm-container {
position: relative;
padding: 20px 0;
text-align: center;
}
.vm-site-footer .tagcloud a {
border-color: var(--vm-footer-anchor-color, #EEEEEE);
}
#back-to-top {
position: fixed;
right: 40px;
bottom: 40px;
height: 46px;
width: 46px;
display: flex;
align-items: center;
justify-content: center;
background: var(--vm-template-color, #cf0701);
z-index: 10;
color: var(--vm-template-color, #cf0701);
visibility: hidden;
opacity: 0;
transform: scale(0.9);
transition: all 0.2s ease-in-out;
}
#back-to-top i {
color: #fff;
font-size: 24px;
}
#back-to-top.vm-show {
visibility: visible;
opacity: 1;
transform: scale(1);
}
#back-to-top:hover .arrow-top-line {
height: 18px;
top: 18px;
}
#back-to-top[data-tooltip]::after,
#back-to-top[data-tooltip]::before {
position: absolute;
display: block;
opacity: 0;
pointer-events: none;
transition: all 0.2s ease-in-out;
}
#back-to-top[data-tooltip]::before {
content: attr(data-tooltip);
font-size: 13px;
font-weight: 400;
padding: 5px;
white-space: nowrap;
text-decoration: none;
top: 0;
right: 100%;
margin-right: 0;
width: 233px;
height: 16px;
transform: translateX(130px) translateY(-150px) rotate(-90deg);
}
#back-to-top[data-tooltip]:hover::after,
#back-to-top[data-tooltip]:hover::before {
opacity: 1;
}
#back-to-top[data-tooltip]:hover::before {
transform: translateX(130px) translateY(-135px) rotate(-90deg);
} .error404 .error-404 {
display: block;
text-align: center;
font-size: 200px;
color: #f9f9f9;
line-height: 1.2;
}
.error404 .oops-text {
text-align: center;
}
.error404 .oops-image {
text-align: center;
margin: 40px 0;
}
.error404 .oops-image img {
max-width: 50%;
}
.toggle-bar {
display: none;
} .vm-search-wrapper {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.9);
z-index: 99999;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.vm-search-wrapper.vm-search-triggered {
opacity: 1;
visibility: visible;
}
.vm-search-close {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
height: 90px;
width: 90px;
text-align: center;
line-height: 90px;
color: #333;
font-size: 30px;
}
.vm-search-container {
position: absolute;
left: 20%;
right: 20%;
top: 50%;
transform: translateY(-50%);
}
.vm-search-container .search-form {
background: #fff;
padding: 0 90px;
}
.vm-search-container .search-field {
width: 100%;
background: none;
border: none;
height: 90px;
font-size: 30px;
color: #333;
padding: 15px;
line-height: 1;
}
.vm-search-container .search-submit {
background: none !important;
border: none;
position: absolute;
left: 0;
top: 0;
height: 90px;
width: 90px;
text-align: center;
line-height: 90px;
cursor: pointer;
font-size: 24px;
padding: 0;
color: #333;
} .vm-offcanvas-opened {
overflow: hidden;
}
.vm-offcanvas-sidebar-modal {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.8);
z-index: 999;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.vm-offcanvas-sidebar {
position: fixed;
top: 0;
bottom: 0;
right: 0;
width: 400px;
background: #fff;
z-index: 1000;
opacity: 0;
visibility: hidden;
transform: translate(400px, 0);
transition: all 400ms ease-out;
}
.vm-offcanvas-opened .vm-offcanvas-sidebar-modal {
opacity: 1;
visibility: visible;
}
.vm-offcanvas-opened .vm-offcanvas-sidebar {
opacity: 1;
visibility: visible;
transform: translate(0, 0);
box-shadow: 0px 0px 87px 0px rgba(0, 0, 0, 0.09);
}
.vm-offcanvas-sidebar-wrapper {
position: relative;
height: 100%;
padding: 80px 65px 80px 40px;
overflow: scroll;
margin-right: -25px;
}
.vm-offcanvas-close {
position: absolute;
top: 20px;
right: 40px;
cursor: pointer;
height: 40px;
width: 40px;
transition: all ease 0.4s;
z-index: 9;
background: #111;
}
.vm-offcanvas-close:hover {
transform: rotate(90deg);
}
.vm-offcanvas-close:before,
.vm-offcanvas-close:after {
content: "";
position: absolute;
top: 19px;
right: 10px;
height: 2px;
width: 20px;
background: #fff;
transition: all ease 0.4s;
transform: rotate(45deg);
}
.vm-offcanvas-close:after {
transform: rotate(-45deg);
}
.vm-offcanvas-sidebar .widget {
margin-bottom: 40px;
color: #333;
}
.vm-offcanvas-sidebar .widget:last-child,
.vm-offcanvas-sidebar .widget.widget_block {
margin-bottom: 0;
}
.vm-offcanvas-sidebar a {
color: #333;
}
.vm-offcanvas-sidebar ul {
list-style: none;
margin: 0;
padding: 0;
}
.vm-offcanvas-sidebar ul ul {
margin-left: 15px;
margin-top: 10px;
margin-bottom: 0;
}
.vm-offcanvas-sidebar ul li {
margin-bottom: 10px;
}
.vm-offcanvas-sidebar .widget_nav_menu ul ul {
margin-top: 0;
}
.vm-offcanvas-sidebar .widget_nav_menu li {
margin-bottom: 0;
text-transform: uppercase;
}
.vm-offcanvas-sidebar .widget_nav_menu li a {
position: relative;
display: block;
padding: 5px 0;
}
.vm-offcanvas-sidebar .widget_nav_menu ul ul li {
font-size: 0.9rem;
text-transform: none;
}
.vm-offcanvas-sidebar .widget_nav_menu ul ul li a {
padding: 5px 0;
}
.vm-offcanvas-sidebar .widget_nav_menu li a .vm-dropdown {
font-family: "ElegantIcons";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
line-height: inherit;
width: 30px;
text-align: center;
font-size: 18px;
}
.vm-offcanvas-sidebar .widget_nav_menu li a .vm-dropdown:hover {
background: rgba(0, 0, 0, 0.05);
}
.vm-offcanvas-sidebar .widget_nav_menu li a .vm-dropdown:after {
content: "\33";
}
.vm-offcanvas-sidebar .widget_nav_menu li a .vm-dropdown.vm-opened:after {
content: "\32";
}
.vm-offcanvas-sidebar .widget_nav_menu .sub-menu {
display: none;
}
.vm-offcanvas-sidebar .widget-title {
font-size: var(--viral-mag-sidebar-title-size, 18px);
letter-spacing: var(--viral-mag-sidebar-title-letter-spacing, 0);
line-height: var(--viral-mag-sidebar-title-line-height, 1.3);
font-family: var(--viral-mag-sidebar-title-family, Poppins);
font-weight: var(--viral-mag-sidebar-title-weight, 500);
font-style: var(--viral-mag-sidebar-title-style, normal);
text-decoration: var(--viral-mag-sidebar-title-text-decoration, none);
text-transform: var(--viral-mag-sidebar-title-text-transform, uppercase);
margin-bottom: 30px;
} body .he-block-title {
font-size: var(--viral-mag-frontpage-block-title-size, 16px);
letter-spacing: var(--viral-mag-frontpage-block-title-letter-spacing, 0);
line-height: var(--viral-mag-frontpage-block-title-line-height, 1.3);
font-family: var(--viral-mag-frontpage-block-title-family, Poppins);
font-weight: var(--viral-mag-frontpage-block-title-weight, 500);
font-style: var(--viral-mag-frontpage-block-title-style, normal);
text-decoration: var(--viral-mag-frontpage-block-title-text-decoration, none);
text-transform: var(--viral-mag-frontpage-block-title-text-transform, uppercase);
}
body h3.he-post-title,
body h3.vm-post-title {
font-size: var(--viral-mag-frontpage-title-size, 16px);
letter-spacing: var(--viral-mag-frontpage-title-letter-spacing, 0);
line-height: var(--viral-mag-frontpage-title-line-height, 1.3);
font-family: var(--viral-mag-frontpage-title-family, Poppins);
font-weight: var(--viral-mag-frontpage-title-weight, 500);
font-style: var(--viral-mag-frontpage-title-style, normal);
text-decoration: var(--viral-mag-frontpage-title-text-decoration, none);
text-transform: var(--viral-mag-frontpage-title-text-transform, capitalize);
}
h3.he-big-title > a,
h3.he-big-title > span {
font-size: 1.3em;
}
h3.he-mid-title > a,
h3.he-mid-title > span {
font-size: 1.2em;
}
h3.he-large-title > a,
h3.he-large-title > span {
font-size: 2em;
}
.entry-thumb-container {
position: relative;
padding-bottom: 70%;
background: #f7f7f7;
background-position: center;
background-size: cover;
}
.entry-thumb-container img {
position: absolute;
right: 0;
bottom: 0;
width: 100% !important;
height: 100% !important;
object-fit: cover;
object-position: center;
} .primary {
width: 70%;
}
.secondary {
width: 26.5%;
}
.secondary .widget:last-of-type {
margin-bottom: 0;
}
.vm-news-block {
margin-bottom: 40px;
}
.vm-news-block:last-child {
margin-bottom: 0;
}
#vm-leftnews-section .primary {
float: left;
}
#vm-leftnews-section .secondary {
float: right;
}
#vm-rightnews-section .primary {
float: right;
}
#vm-rightnews-section .secondary {
float: left;
} .vm-section .widget {
margin-bottom: 40px;
}
.vm-section .widget:last-child {
margin-bottom: 0;
} @media screen and (min-width: 768px) {
.alignfull,
.alignwide {
width: auto;
max-width: 1000%;
}
body .vm-no-sidebar:not(.vm-boxed) .alignfull,
body .vm-no-sidebar-narrow:not(.vm-boxed) .alignfull {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
body .vm-no-sidebar:not(.vm-boxed) .alignwide,
body .vm-no-sidebar-narrow:not(.vm-boxed) .alignwide {
margin-left: calc(25% - 25vw);
margin-right: calc(25% - 25vw);
}
body .vm-right-sidebar:not(.vm-boxed) .alignfull {
margin-left: calc(50% / 0.7 - 50vw);
}
body .vm-right-sidebar:not(.vm-boxed) .alignwide {
margin-left: calc(25% / 0.7 - 25vw);
}
body .vm-right-sidebar:not(.vm-boxed) .align-wrap {
width: auto;
margin-left: calc(50% / 0.7 - 50vw);
}
body .vm-left-sidebar :not(.vm-boxed).alignfull {
margin-right: calc(50% / 0.7 - 50vw);
}
body .vm-left-sidebar:not(.vm-boxed) .alignwide {
margin-right: calc(25% / 0.7 - 25vw);
}
body .vm-left-sidebar:not(.vm-boxed) .align-wrap {
width: auto;
margin-right: calc(50% / 0.7 - 50vw);
}
body .vm-no-sidebar .vm-boxed .alignfull,
body .vm-no-sidebar-narrow .vm-boxed .alignfull {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
body .vm-right-sidebar .vm-boxed .alignfull {
margin-left: calc(50% / 0.7 - 50vw);
margin-right: 0;
}
body .vm-left-sidebar .vm-boxed .alignfull {
margin-right: calc(50% / 0.7 - 50vw);
margin-left: 0;
}
}
body .vm-boxed .alignwide {
margin-left: 0;
margin-right: 0;
}
.wp-block-latest-posts.is-grid {
margin-left: 0;
}
.wp-block-quote {
margin: 30px 0;
}
.wp-block-quote p {
margin-bottom: 20px;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
margin: 30px 0;
}
.wp-block-categories,
.wp-block-archives {
list-style: none;
}
.wp-block-pullquote {
margin-bottom: 30px;
padding: 25px 0;
}
.wp-block-pullquote blockquote {
background: none;
padding: 0;
border: none;
margin-bottom: 0;
}
.wp-block-pullquote cite {
color: inherit;
}
.wp-block-gallery {
margin-left: 0;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption,
.wp-block-image figcaption {
font-size: 0.9rem;
}
.wp-block-cover {
margin-bottom: 30px;
}  .woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
border: 1px solid #dadada;
text-align: center;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
border-color: var(--vm-template-color, #cf0701);
}
.woocommerce ul.products li.product a img {
margin-bottom: 0;
}
.woocommerce ul.products li.product a {
color: inherit;
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
display: block;
}
.woocommerce ul.products li.product .viral-mag-product-title-wrap {
padding: 15px 15px 0;
}
.woocommerce ul.products li.product .price {
font-size: 1rem;
color: inherit;
margin: 0;
}
.woocommerce ul.products li.product .price del {
display: inline;
color: #999;
opacity: 1;
}
.woocommerce ul.products li.product .price ins {
display: inline;
}
.woocommerce ul.products li.product-category mark {
background: none;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title {
padding: 15px 0;
}
.woocommerce ul.products li.product .viral-mag-product-image-wrap {
position: relative;
}
.woocommerce ul.products li.product .viral-mag-product-actions {
position: absolute;
left: 0;
right: 0;
bottom: 0;
text-align: center;
}
.woocommerce ul.products li.product .viral-mag-product-actions > .clear,
.woocommerce ul.products li.product .viral-mag-product-actions .feedback {
display: none;
}
.woocommerce ul.products li.product .viral-mag-product-actions .yith-wcwl-add-to-wishlist,
.woocommerce ul.products li.product .viral-mag-product-actions .vm-compare,
.woocommerce ul.products li.product .viral-mag-product-actions .vm-quick-view {
display: inline-block;
margin: 0 2px;
transform: translateY(-80%);
visibility: hidden;
opacity: 0;
}
.woocommerce ul.products li.product:hover .viral-mag-product-actions .yith-wcwl-add-to-wishlist,
.woocommerce ul.products li.product:hover .viral-mag-product-actions .vm-compare,
.woocommerce ul.products li.product:hover .viral-mag-product-actions .vm-quick-view {
transform: translateY(0);
visibility: visible;
opacity: 1;
}
.woocommerce ul.products li.product .viral-mag-product-actions .yith-wcwl-add-to-wishlist {
transition: all 0.3s ease 0.1s;
}
.woocommerce ul.products li.product .viral-mag-product-actions .vm-compare {
transition: all 0.3s ease 0.2s;
}
.woocommerce ul.products li.product .viral-mag-product-actions .vm-quick-view {
transition: all 0.3s ease 0.3s;
}
.woocommerce ul.products li.product .viral-mag-product-actions .button {
margin: 0;
padding: 0;
background: none;
border: none;
line-height: 50px;
font-size: 1rem;
}
.woocommerce ul.products li.product .viral-mag-product-actions a {
position: relative;
height: 50px;
width: 50px;
display: block;
background: #fff !important;
}
.woocommerce ul.products li.product .viral-mag-product-actions a i {
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
margin: 0;
}
.woocommerce ul.products li.product .viral-mag-product-actions .yith-wcwl-add-button .ajax-loading {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
margin: 0;
width: 32px !important;
height: 32px !important;
opacity: 0.5;
}
.woocommerce ul.products li.product .viral-mag-product-actions a .woo-button-tooltip {
position: absolute;
left: 50%;
bottom: 100%;
font-size: 0.8rem;
background: #333;
color: #fff;
white-space: nowrap;
line-height: 1;
padding: 6px 8px;
margin-bottom: 10px;
transform: translateX(-50%);
visibility: hidden;
opacity: 0;
transition: all 0.3s ease;
}
.woocommerce ul.products li.product .viral-mag-product-actions a .woo-button-tooltip:after {
content: "";
border-color: #333 transparent transparent;
border-width: 6px;
border-style: solid;
position: absolute;
left: 50%;
top: 100%;
margin-left: -6px;
}
.woocommerce ul.products li.product .viral-mag-product-actions a:hover > .woo-button-tooltip {
visibility: visible;
opacity: 1;
}
.woocommerce ul.products li.product .viral-mag-product-title-wrap .button {
margin: 0 10px;
transform: translateY(50%);
font-size: 16px;
background-color: #fff;
border: 1px solid #dadada;
}
.woocommerce ul.products li.product:hover .viral-mag-product-title-wrap .button {
border-color: var(--vm-template-color, #cf0701);
background-color: var(--vm-template-color, #cf0701);
color: #fff;
}
.woocommerce ul.products li.product .button.loading {
opacity: 1;
}
.woocommerce a.added_to_cart {
display: none;
}
.woocommerce ul.products li.product .onsale {
margin: 10px -6px 0 0;
}
.woocommerce ul.products li.product .onsale:after {
border-color: transparent transparent var(--vm-template-dark-color, #e8ae00) var(--vm-template-dark-color, #e8ae00);
border-width: 3px;
border-style: solid;
right: 0px;
left: auto;
} .woocommerce nav.woocommerce-pagination ul {
border: 0;
margin: 0;
}
.woocommerce nav.woocommerce-pagination ul li {
border: 0;
margin: 0 4px;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
display: block;
margin: 0 2px;
background: var(--vm-template-color, #cf0701);
color: #fff;
padding: 16px 22px;
line-height: 1;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background: #333;
color: #fff;
} .woocommerce span.onsale {
min-height: 0;
min-width: 0;
padding: 0 15px;
font-weight: 400;
line-height: 26px;
border-radius: 0;
background-color: var(--vm-template-color, #cf0701);
color: #fff;
font-size: 14px;
margin: 10px 0 0 -6px;
top: 0;
left: 0;
}
.woocommerce span.onsale:after {
border-color: transparent var(--vm-template-dark-color, #e8ae00) var(--vm-template-dark-color, #e8ae00) transparent;
border-width: 3px;
border-style: solid;
content: "";
position: absolute;
bottom: 100%;
left: 0px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: var(--vm-template-color, #cf0701);
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
font-weight: 400;
}
.woocommerce .product_meta {
font-size: 15px;
margin-top: 20px;
}
.woocommerce .product_meta a {
color: inherit;
}
.woocommerce .product_meta a:hover {
color: var(--vm-template-color, #cf0701);
}
.woocommerce-variation {
margin-bottom: 10px;
}
.woocommerce div.product div.images .flex-control-thumbs {
margin: 5px -5px 0;
}
.woocommerce div.product div.images .flex-control-thumbs li {
padding: 5px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
border-bottom: 2px solid var(--vm-template-color, #cf0701);
padding-bottom: 10px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
display: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 0;
background-color: #333;
border-radius: 0;
margin: 0 6px 0 0;
padding: 0;
position: relative;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 10px 20px;
font-weight: 400;
color: #fff !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
background: var(--vm-template-color, #cf0701);
position: relative;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:before {
content: "";
position: absolute;
left: 50%;
border-color: var(--vm-template-color, #cf0701) transparent transparent;
border-width: 10px;
border-style: solid;
top: 100%;
margin-left: -10px;
}
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
padding: 10px;
}
.woocommerce table.shop_attributes th {
font-weight: normal;
text-transform: uppercase;
}
.woocommerce #reviews #comments h2,
.woocommerce #reviews h3 {
font-size: 22px;
margin-bottom: 30px;
}
.woocommerce-Reviews .comment-form-author,
.woocommerce-Reviews .comment-form-email {
width: 100%;
}
.woocommerce-Reviews .comment-form-author input,
.woocommerce-Reviews .comment-form-email input {
width: 100%;
}
.related.products h2 {
margin-bottom: 30px;
} .woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
padding: 10px 20px;
font-weight: 400;
border-radius: 0;
color: #fff;
background-color: var(--vm-template-color, #cf0701);
border: 1px solid var(--vm-template-color, #cf0701);
line-height: 20px;
font-size: 0.9rem;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
background: #333;
border: 1px solid #333;
color: #fff;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
border-color: var(--vm-template-color, #cf0701);
background-color: var(--vm-template-color, #cf0701);
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background: #333;
border-color: #333;
color: #fff;
}
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
background: var(--vm-template-color, #cf0701);
padding: 10px 20px;
color: #fff;
}
.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover {
background: #333;
color: #fff;
}
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
background: var(--vm-template-color, #cf0701);
border-color: var(--vm-template-color, #cf0701);
} .woocommerce table.shop_table,
#add_payment_method .cart-collaterals .cart_totals table,
.woocommerce-cart .cart-collaterals .cart_totals table,
.woocommerce-checkout .cart-collaterals .cart_totals table {
border-collapse: collapse;
margin-bottom: 50px;
border: 1px solid #eee;
line-height: 1.3;
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
font-weight: 400;
padding: 15px;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table th {
text-transform: uppercase;
background: #f6f6f6;
}
#add_payment_method table.cart .product-thumbnail,
.woocommerce-cart table.cart .product-thumbnail,
.woocommerce-checkout table.cart .product-thumbnail,
.woocommerce table.shop_table .product-thumbnail {
text-align: center;
}
#add_payment_method table.cart .product-thumbnail img,
.woocommerce-cart table.cart .product-thumbnail img,
.woocommerce-checkout table.cart .product-thumbnail img,
.woocommerce table.cart .product-thumbnail img {
width: 80px;
}
.woocommerce .quantity .qty {
padding-left: 5px;
padding-right: 5px;
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
border-color: #eee;
}
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
width: 160px;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
width: auto;
float: none;
}
.woocommerce .cart-collaterals .cart_totals h2 {
font-size: 1.4rem;
}
#add_payment_method .wc-proceed-to-checkout,
.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-checkout .wc-proceed-to-checkout {
padding: 0;
}
.woocommerce a.remove {
text-indent: -9999px;
position: relative;
background: none !important;
font-size: 1.2rem;
margin: 0 auto;
}
.woocommerce a.remove:before {
content: "\f2ed";
display: inline-block;
font-family: "Font Awesome 5 Free";
font-weight: 400;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: #e2401c;
text-indent: 0;
text-align: center;
}
.select2-container .select2-choice,
.select2-container--default .select2-selection--single {
border: 1px solid #eee;
color: inherit;
border-radius: 0;
height: 50px;
line-height: 50px;
outline: none !important;
box-shadow: none !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 30px;
padding: 10px 20px;
outline: none !important;
box-shadow: none !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 50px;
}
.select2-results {
font-size: 0.9rem;
color: inherit;
}
.select2-drop-active,
.select2-dropdown {
border-color: #eee;
}
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-search--dropdown .select2-search__field {
border-color: #eee;
}
.select2-results__option {
outline: none !important;
box-shadow: none !important;
} .woocommerce-error,
.woocommerce-info,
.woocommerce-message {
border-top-color: var(--vm-template-color, #cf0701);
font-size: 0.9rem;
}
.woocommerce-error:before,
.woocommerce-info:before,
.woocommerce-message:before {
color: var(--vm-template-color, #cf0701);
}
.woocommerce-error a.button,
.woocommerce-info a.button,
.woocommerce-message a.button {
padding: 5px 20px;
line-height: 1;
height: auto;
}
.woocommerce table.shop_table td.product-remove {
width: 80px;
} #customer_details {
margin-bottom: 40px;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
border: 1px solid #eee;
border-radius: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
list-style: none;
}
.woocommerce-MyAccount-navigation-link a {
background: var(--vm-template-color, #cf0701);
color: #fff;
padding: 10px 20px;
margin-bottom: 5px;
display: block;
}
.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover {
background: #333;
color: #fff;
} .woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
padding-top: 4px;
}
.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
font-weight: 400;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
top: 8px;
}
.woocommerce .widget_layered_nav ul li {
padding: 5px 0;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background-color: #fff;
border: 4px solid var(--vm-template-color, #cf0701);
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background-color: var(--vm-template-color, #cf0701);
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #eee;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
height: 20px;
width: 20px;
top: -6px;
margin-left: -10px;
} .menu-item-vm-cart i {
position: relative;
}
.menu-item-vm-cart .cart-count {
font-size: 0.8rem;
margin-left: 6px;
position: relative;
top: -8px;
line-height: 14px;
font-family: Arial;
}
.menu-item-vm-cart .widget_shopping_cart {
position: absolute;
display: none;
right: 0;
top: 100%;
width: 300px;
background: var(--vm-mh-submenu-bg-color, #fff);
color: var(--vm-mh-submenu-color, #444);
padding: 25px;
text-transform: none;
margin: 0;
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.05);
}
.menu-item-vm-cart:hover .widget_shopping_cart {
display: block;
}
.menu-item-vm-cart .widget_shopping_cart ul {
display: block;
position: static;
background: none;
min-width: 0;
padding: 0;
box-shadow: none;
max-height: 300px;
}
.menu-item-vm-cart .widget_shopping_cart .woocommerce-mini-cart a {
padding: 0;
}
.menu-item-vm-cart .woocommerce.widget_shopping_cart .total {
padding: 15px 0;
border: 0;
margin: 0;
border-top: 1px solid #fff;
}
.menu-item-vm-cart .woocommerce-mini-cart__buttons {
margin: 0;
}
.menu-item-vm-cart .woocommerce.widget_shopping_cart .buttons a {
display: block;
margin: 0 0 10px;
text-align: center;
color: #ffff;
}
.menu-item-vm-cart .woocommerce-mini-cart__total .woocommerce-Price-amount {
float: right;
}
.menu-item-vm-cart .woocommerce.widget_shopping_cart .cart_list li {
padding: 10px 20px 10px 0;
}
.menu-item-vm-cart ul.product_list_widget li img {
width: 72px;
float: left;
margin: 0 10px 0 0;
}
.menu-item-vm-cart .woocommerce.widget_shopping_cart .cart_list li a.remove {
left: auto;
right: 0;
top: 20px;
}
.menu-item-vm-cart .woocommerce.widget_shopping_cart .cart_list li .quantity {
font-size: 0.9rem;
}
.menu-item-vm-cart .woocommerce-mini-cart__empty-message {
margin-bottom: 0;
}
#vm-responsive-menu .menu-item-vm-cart .widget_shopping_cart {
display: none !important;
} .woocommerce table.wishlist_table {
font-size: 1rem;
}
.woocommerce .wishlist_table td.product-add-to-cart a {
border-radius: 0;
line-height: 30px;
padding: 5px 20px;
white-space: nowrap;
}
.woocommerce table.wishlist_table thead th,
.woocommerce table.wishlist_table tbody td {
border-color: #eee;
padding: 15px;
}
.woocommerce .wishlist_table td.product-add-to-cart a.add_to_cart_button:before {
content: "\f004";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 5px;
}
.woocommerce .wishlist_table td.product-add-to-cart a.remove_from_wishlist:before {
content: "\f2ed";
font-family: "Font Awesome 5 Free";
font-weight: 400;
margin-right: 5px;
}
.woocommerce table.wishlist_table .yith-wcqv-button {
float: right;
text-indent: -9999px;
height: 1rem;
width: 1rem;
position: relative;
margin: 0;
padding: 0;
background-color: transparent;
border: none;
}
.woocommerce table.wishlist_table .yith-wcqv-button:after {
content: "\f002";
text-indent: 0;
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
left: 0;
top: 0;
color: #999;
}
.yith-wcwl-share h4.yith-wcwl-share-title {
font-size: 1.4rem;
margin: 0 0 20px;
}
a.add_to_wishlist.button.alt {
border-radius: 0;
}
.woocommerce div.product div.summary .yith-wcwl-add-to-wishlist,
.woocommerce div.product div.summary .yith-ywraq-add-to-quote,
.woocommerce div.product div.summary .compare {
margin: 0 0 20px;
}
#yith-quick-view-close {
border: none;
background: #333;
color: #fff;
position: absolute;
top: 5px;
right: 5px;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
z-index: 2;
opacity: 0.5;
text-indent: -9999px;
}
#yith-quick-view-close:before,
#yith-quick-view-close:after {
content: "";
position: absolute;
height: 2px;
width: 20px;
top: 50%;
left: 10px;
margin-top: -1px;
background-color: #fff;
transform: translateX(-50%);
transition: all 0.3s;
}
#yith-quick-view-close:before {
transform: rotate(45deg);
}
#yith-quick-view-close:after {
transform: rotate(-45deg);
}
#yith-quick-view-content div.images {
margin-bottom: 0;
}
#yith-quick-view-content div.summary {
padding: 40px;
}
#yith-quick-view-content .onsale {
left: 0;
} #vm-mobile-menu {
display: none;
margin-left: 20px;
}
.collapse-button {
padding: 6px 12px;
text-align: center;
border: 2px solid var(--vm-mh-toggle-button-color, #fff);
cursor: pointer;
}
.collapse-button .icon-bar {
display: block;
height: 2px;
width: 26px;
margin: 6px 0;
background-color: var(--vm-mh-toggle-button-color, #fff);
border-radius: 1px;
}
#vm-responsive-menu {
position: absolute;
left: 0;
right: 0;
top: 100%;
background: var(--vm-mh-submenu-bg-color, #fff);
z-index: 99;
margin: 0;
padding: 0;
list-style: none;
display: none;
}
#vm-responsive-menu ul {
margin: 0;
list-style: none;
display: none;
}
#vm-responsive-menu li.menu-item {
position: relative;
float: none;
}
#vm-responsive-menu li.menu-item > a {
position: relative;
padding: 15px 30px;
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
color: var(--vm-mh-submenu-color, #444);
}
#vm-responsive-menu ul li.menu-item > a {
padding-left: 40px;
}
#vm-responsive-menu ul ul li.menu-item > a {
padding-left: 50px;
}
#vm-responsive-menu ul ul ul li.menu-item > a {
padding-left: 60px;
}
#vm-responsive-menu ul ul ul ul li.menu-item > a {
padding-left: 70px;
}
#vm-responsive-menu ul ul ul ul ul li.menu-item > a {
padding-left: 80px;
}
#vm-responsive-menu li .dropdown-nav {
position: absolute;
right: 30px;
top: 50%;
z-index: 999;
width: 30px;
height: 30px;
line-height: 30px;
padding: 0;
text-align: center;
cursor: pointer;
color: inherit;
font-size: 16px;
background: rgba(0, 0, 0, 0.1);
z-index: 99;
transform: translateY(-50%);
}
#vm-responsive-menu li.menu-item .nav-desc {
display: block;
font-size: 0.8em;
margin-top: 2px;
}
#vm-responsive-menu li .dropdown-nav:before {
content: "\33";
}
#vm-responsive-menu li .dropdown-nav .vm-opened:before {
content: "\32";
}
#vm-responsive-menu li.menu-item-vm-cart .dropdown-nav {
display: none;
}
@media screen and (max-width: 768px) {
.vm-top-header .vm-container {
height: auto !important;
display: block;
padding: 0;
}
.vm-header-two .vm-middle-header-left,
.vm-header-two .vm-middle-header-right {
display: none;
}
.vm-header-two .vm-middle-header .vm-container {
justify-content: center;
}
.vm-header-widget {
margin-left: 0;
}
.th-menu,
.th-ticker,
.th-none,
.th-widget {
display: none;
}
.vm-th-left,
.vm-th-right {
float: none;
width: auto;
max-width: none;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}
.vm-main-footer-wrap {
margin: 0 !important;
}
.vm-footer {
width: auto !important;
margin: 0 0 30px !important;
float: none !important;
padding: 0 !important;
}
.vm-footer:last-child {
margin-bottom: 0 !important;
}
.vm-site-wrapper {
display: block;
}
#primary {
width: auto !important;
margin-bottom: 30px;
float: none;
}
#secondary {
width: auto !important;
margin-bottom: 30px;
float: none;
}
.primary,
.secondary {
width: auto !important;
float: none !important;
}
.primary {
margin-bottom: 40px;
}
.viral-mag-hentry-wrap {
margin: 0;
}
}
@media screen and (max-width: 580px) {
.vm-topheader-mobile-disable .vm-top-header {
display: none !important;
}
.post-navigation .nav-links {
display: block;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
width: auto;
float: none;
border: 0;
}
.post-navigation .nav-previous {
margin-bottom: 20px;
padding-right: 0;
}
.post-navigation .nav-next {
padding-left: 0;
}
.viral-mag-hentry-wrap {
margin: 0;
}
}
@media screen and (max-width: 480px) {
.vm-offcanvas-sidebar {
width: 80%;
}
.blog-layout1 .entry-header {
display: block;
}
.blog-layout1 .vm-post-date {
width: auto;
float: none;
border-right: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 15px;
padding-bottom: 15px;
padding-right: 0;
margin-right: 0;
}
.blog-layout2 .entry-body {
padding: 20px;
}
.blog-layout2 .vm-post-info,
.blog-layout2 .vm-post-info + .vm-post-content {
width: auto;
float: none;
padding: 0;
}
.blog-layout2 .vm-post-info {
margin-bottom: 30px;
}
.blog-layout2 .entry-date {
margin-top: -20px;
margin-bottom: 0;
}
.vm-contact-box.style1 .vm-contact-field,
.vm-contact-box.style3 .vm-contact-field {
min-width: 100%;
}
.vm-contact-box.style1 .vm-contact-field > span {
border: none;
}
.vm-mobile-hide {
display: none;
}
} .tnp-widget-minimal form.tnp-form {
display: flex;
}
.tnp-widget-minimal .tnp-form input.tnp-submit {
width: auto;
padding: 10px 30px;
}
.wpmi-list,
.wpmi-list li.wpmi-item {
margin: 0 !important;
padding: 0 !important;
} .elementor-section > .elementor-column-gap-default > .elementor-row {
width: calc(100% + 20px);
margin: -10px;
}
.elementor-section > .elementor-column-gap-narrow > .elementor-row {
width: calc(100% + 10px);
margin: -5px;
}
.elementor-section > .elementor-column-gap-extended > .elementor-row {
width: calc(100% + 30px);
margin: -15px;
}
.elementor-section > .elementor-column-gap-wide > .elementor-row {
width: calc(100% + 40px);
margin: -20px;
}
.elementor-section > .elementor-column-gap-wider > .elementor-row {
width: calc(100% + 60px);
margin: -30px;
}
.elementor-element.e-con {
--padding-top: var(--container-default-padding-top, 0);
--padding-right: var(--container-default-padding-right, 0);
--padding-bottom: var(--container-default-padding-bottom, 0);
--padding-left: var(--container-default-padding-left, 0);
}
.he-post-thumb .post-categories li a:hover {
background: var(--vm-template-color, #cf0701);
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
padding: 0;
}