File: /var/www/html/wpamazingsecret/wp-content/themes/porto/css/editor_rtl.css
@charset "UTF-8";
/* Generals */
.editor-styles-wrapper {
overflow-x: hidden;
box-sizing: border-box;
}
.editor-styles-wrapper ul, .editor-styles-wrapper ol {
box-sizing: inherit;
margin-top: 0;
margin-bottom: 1rem;
}
.editor-styles-wrapper input::-webkit-outer-spin-button,
.editor-styles-wrapper input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
body .editor-styles-wrapper {
font: var(--porto-body-fst, normal) var(--porto-body-fw, 400) var(--porto-body-fs, 14px)/var(--porto-body-lh, 1.7142) var(--porto-body-ff), sans-serif;
letter-spacing: var(--porto-body-ls, normal);
color: var(--porto-body-color, #777);
padding-left: 20px;
padding-right: 20px;
}
.editor-styles-wrapper h1, .editor-styles-wrapper h2, .editor-styles-wrapper h3, .editor-styles-wrapper h4, .editor-styles-wrapper h5, .editor-styles-wrapper h6 {
margin-top: 0;
margin-bottom: 1rem;
}
body .editor-styles-wrapper h1 {
font: var(--porto-h1-fs, 36px)/var(--porto-h1-lh, 1.4) var(--porto-h1-ff, var(--porto-body-ff)), sans-serif;
font-weight: var(--porto-h1-fw, 700);
color: var(--porto-h1-color, #222529);
}
body .editor-styles-wrapper h2 {
font: var(--porto-h2-fs, 36px)/var(--porto-h2-lh, 1.4) var(--porto-h2-ff, var(--porto-body-ff)), sans-serif;
font-weight: var(--porto-h2-fw, 700);
color: var(--porto-h2-color, #222529);
}
body .editor-styles-wrapper h3 {
font: var(--porto-h3-fs, 36px)/var(--porto-h3-lh, 1.4) var(--porto-h3-ff, var(--porto-body-ff)), sans-serif;
font-weight: var(--porto-h3-fw, 700);
color: var(--porto-h3-color, #222529);
}
body .editor-styles-wrapper h4 {
font: var(--porto-h4-fs, 36px)/var(--porto-h4-lh, 1.4) var(--porto-h4-ff, var(--porto-body-ff)), sans-serif;
font-weight: var(--porto-h4-fw, 700);
color: var(--porto-h4-color, #222529);
}
body .editor-styles-wrapper h5 {
font: var(--porto-h5-fs, 36px)/var(--porto-h5-lh, 1.4) var(--porto-h5-ff, var(--porto-body-ff)), sans-serif;
font-weight: var(--porto-h5-fw, 700);
color: var(--porto-h5-color, #222529);
}
body .editor-styles-wrapper h6 {
font: var(--porto-h6-fs, 36px)/var(--porto-h6-lh, 1.4) var(--porto-h6-ff, var(--porto-body-ff)), sans-serif;
font-weight: var(--porto-h6-fw, 700);
color: var(--porto-h6-color, #222529);
}
.editor-styles-wrapper p {
margin-top: 0;
margin-bottom: 1em;
}
.porto-column, .pricing-table-classic.spaced [class*=col-lg-], ul.products .product-col, .grid-creative > .post, .vc_section {
padding-left: var(--porto-column-spacing, 10px);
padding-right: var(--porto-column-spacing, 10px);
}
/* elementor compatibility */
.elementor-editor-inactive.svg svg {
width: auto;
height: auto;
}
/* colors */
.background-color-primary {
background-color: var(--porto-primary-color) !important;
}
.background-color-secondary {
background-color: var(--porto-secondary-color) !important;
}
.background-color-tertiary {
background-color: var(--porto-tertiary-color) !important;
}
.background-color-quaternary {
background-color: var(--porto-quaternary-color) !important;
}
.background-color-dark {
background-color: var(--porto-dark-color) !important;
}
.background-color-light {
background-color: var(--porto-light-color) !important;
}
.text-color-primary, .heading-primary {
color: var(--porto-primary-color) !important;
}
.text-color-secondary, .heading-secondary {
color: var(--porto-secondary-color) !important;
}
.text-color-tertiary, .heading-tertiary {
color: var(--porto-tertiary-color) !important;
}
.text-color-quaternary {
color: var(--porto-quaternary-color) !important;
}
.text-color-dark, .heading-dark {
color: var(--porto-dark-color) !important;
}
.text-color-light, .heading-light {
color: var(--porto-light-color) !important;
}
.editor-styles-wrapper a {
color: var(--porto-primary-color);
text-decoration: none;
pointer-events: none;
}
.editor-styles-wrapper .iris-palette {
pointer-events: auto;
}
/* Count Down */
.porto_countdown {
width: 100%;
height: auto;
display: block;
line-height: 1;
margin-bottom: 35px;
text-align: center;
}
.porto_countdown:after {
content: "";
display: table;
clear: both;
}
.porto_countdown .porto_countdown-row {
display: block;
margin: 0 auto;
}
.porto_countdown .porto_countdown-section {
display: inline-block;
margin-bottom: 15px;
}
.porto_countdown .porto_countdown-section .porto_countdown-amount {
min-width: 1em;
max-width: 100%;
min-height: 1em;
line-height: 1em;
padding: 0;
margin: 0 auto;
box-sizing: content-box;
}
.porto_countdown .porto_countdown-section .porto_countdown-period {
padding: 0 4px;
}
.porto_countdown.porto-cd-s1 .porto_countdown-section {
padding: 0 7px;
}
.porto_countdown.porto-cd-s1 .porto_countdown-section .porto_countdown-amount {
display: inline-block;
}
.porto_countdown.porto-cd-s2 .porto_countdown-section {
padding: 0 15px;
}
.porto_countdown.porto-cd-s2 .porto_countdown-section .porto_countdown-amount {
display: block;
}
.porto_countdown.porto-cd-s2 .porto_countdown-section .porto_countdown-period {
margin-top: 7px;
width: 100%;
display: block;
}
/* Porto heading */
.porto-u-heading {
text-align: center;
margin-bottom: 17px;
}
.porto-u-heading .porto-u-main-heading h1,
.porto-u-heading .porto-u-main-heading h2,
.porto-u-heading .porto-u-main-heading h3,
.porto-u-heading .porto-u-main-heading h4,
.porto-u-heading .porto-u-main-heading h5,
.porto-u-heading .porto-u-main-heading h6 {
margin: 0;
padding: 0;
line-height: normal;
}
.porto-u-heading-spacer {
margin: 0 auto;
padding: 0;
position: relative;
overflow: hidden;
}
.porto-u-heading-spacer .porto-icon {
vertical-align: text-top;
}
.porto-u-heading-spacer img {
vertical-align: middle;
box-shadow: none !important;
max-width: 100%;
}
.porto-u-heading-spacer.line_with_icon:before {
content: "";
position: absolute;
bottom: 50%;
left: 0;
border-width: 0;
top: 50%;
}
.porto-u-heading-spacer.line_with_icon:after {
content: "";
position: absolute;
bottom: 50%;
right: 0;
border-width: 0;
top: 50%;
}
.porto-u-headings-line {
display: block;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.porto-u-sub-heading {
margin: 0 auto;
}
.porto-u-sub-heading div,
.porto-u-sub-heading p {
font-family: inherit !important;
font-weight: inherit !important;
font-size: inherit !important;
color: inherit !important;
line-height: inherit !important;
letter-spacing: inherit;
}
.porto-u-heading p {
word-break: normal;
word-wrap: normal;
}
.porto-icon {
display: inline-block;
font-size: 32px;
height: 2em;
width: 2em;
text-align: center;
line-height: 2em;
box-sizing: content-box !important;
}
.porto-icon i {
line-height: inherit;
}
.porto-icon svg {
vertical-align: baseline;
}
.porto-icon.none {
font-size: 35px;
height: 1em;
width: auto;
line-height: 1;
}
.porto-just-icon-wrapper[class*=porto-icon-pos-] {
display: block;
}
.porto-icon-pos-center {
margin-left: auto;
margin-right: auto;
}
.porto-icon-pos-right {
margin-right: auto;
}
.porto-icon-pos-left.none {
text-align: right;
}
.porto-icon-pos-right.none {
text-align: left;
}
.porto-icon.circle {
border-radius: 50%;
}
.porto-sicon-img {
display: inline-block;
font-size: 48px;
text-align: center;
width: 1em;
max-width: 100%;
box-sizing: content-box !important;
}
.porto-sicon-img.porto-u-circle {
width: 1em;
min-height: 1em;
background: rgba(214, 214, 214, 0.44);
border-radius: 50%;
padding: 0.5em;
}
.porto-sicon-img.porto-u-circle-img {
width: 1em;
min-height: 1em;
border-radius: 50%;
position: relative;
overflow: hidden;
z-index: 1;
}
.porto-sicon-img.porto-u-circle-img img {
position: absolute;
width: auto;
height: 100%;
top: 50%;
left: 50%;
z-index: 0;
max-width: none !important;
transform: translate3d(-50%, -50%, 0);
}
.porto-sicon-img.porto-u-circle-img.porto-u-img-tall img {
width: 100%;
height: auto;
}
.porto-sicon-img.porto-u-circle-img:before {
content: "";
position: absolute;
top: 0;
width: auto;
bottom: 0;
left: 0;
right: 0;
margin: 0;
border: 0px solid #fff;
border-radius: 100%;
z-index: 1;
}
.porto-sicon-img.porto-u-square {
width: 1em;
min-height: 1em;
background: rgba(214, 214, 214, 0.44);
border-radius: 0;
padding: 0.5em;
}
.porto-sicon-img .img-icon {
width: 1em;
max-width: 100% !important;
border-radius: 0 !important;
box-shadow: none !important;
display: block;
font-size: inherit;
}
.porto-u-icons {
display: block;
margin-bottom: 35px;
line-height: 1;
}
.porto-u-icons.has-effect .porto-icon {
transition: transform 0.3s, opacity 0.3s;
}
.porto-icons-left.porto-u-icons {
text-align: right;
}
.porto-icons-center.porto-u-icons {
text-align: center;
}
.porto-icons-right.porto-u-icons {
text-align: left;
}
/* Info Box */
.porto-sicon-box .porto-icon,
.porto-sicon-box .img-icon {
transition: transform 0.2s linear;
}
.porto-sicon-box .porto-sicon-img {
overflow: hidden;
}
.porto-sicon-title {
margin: 3px 0;
}
.default-icon .porto-sicon-title:not(:last-child) {
margin: 0 0 3px;
}
.porto-sicon-header > p:last-child {
margin-bottom: 0;
}
.porto-sicon-description {
width: 100%;
display: block;
line-height: var(--porto-body-lh, 24px);
margin-top: 0;
}
.porto-sicon-header + .porto-sicon-description {
margin-top: 16px;
}
.porto-sicon-read {
display: block;
padding: 5px 0;
text-decoration: none;
}
.wpb_wrapper .porto-sicon-read {
color: var(--porto-primary-color);
}
.wpb_wrapper .porto-sicon-read:hover {
color: var(--porto-primary-light-5);
}
a.porto-sicon-box-link {
text-decoration: none;
border: none;
display: block;
}
.porto-sicon-box-link:hover > .porto-sicon-title {
color: inherit;
}
.porto-sicon-box.default-icon {
display: flex;
align-items: center;
}
.porto-sicon-box.flex-wrap .porto-sicon-header {
flex: 1;
min-width: 50%;
}
.default-icon .porto-sicon-default .porto-icon,
.default-icon .porto-sicon-default .porto-sicon-img {
margin-left: 15px;
}
.top-icon .porto-sicon-header,
.top-icon .porto-sicon-description {
display: block;
margin: 0 auto;
}
.top-icon .porto-sicon-header {
margin-bottom: 1rem;
}
.top-icon .porto-sicon-header p:last-child {
margin-bottom: 0;
}
.top-icon .porto-sicon-description {
margin-top: 15px;
}
.top-icon .porto-sicon-header + .porto-sicon-description {
margin-top: 0;
}
.porto-sicon-box.left-icon,
.porto-sicon-box.right-icon {
display: flex;
}
.left-icon .porto-sicon-left .porto-icon,
.left-icon .porto-sicon-left .porto-sicon-img {
margin-left: 20px;
}
.left-icon .porto-sicon-body,
.right-icon .porto-sicon-body {
flex: 1;
max-width: 100%;
}
.porto-sicon-box.top-icon {
text-align: center;
}
/*.porto-sicon-box .porto-just-icon-wrapper {
line-height: 1em;
}*/
.right-icon .porto-sicon-right .porto-icon,
.right-icon .porto-sicon-right .porto-sicon-img {
margin-right: 15px;
}
.right-icon .porto-sicon-body,
.right-icon .porto-sicon-body *,
.right-icon .porto-sicon-header .porto-sicon-title,
.right-icon .porto-sicon-description {
text-align: left;
}
/*.right-icon .porto-sicon-description,
.right-icon .porto-sicon-header {
float: $right;
width: 100%
}*/
.heading-right-icon .porto-sicon-heading-right {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.porto-sicon-heading-right + .porto-sicon-description {
margin-top: 10px;
}
.heading-right-icon .porto-sicon-heading-right .porto-icon,
.heading-right-icon .porto-sicon-heading-right .porto-sicon-img {
margin-right: 15px;
}
.heading-right-icon .porto-sicon-header {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.heading-right-icon .porto-sicon-header,
.heading-right-icon .porto-sicon-description,
.heading-right-icon .porto-sicon-description * {
text-align: left;
}
html .top-icon .porto-just-icon-wrapper {
margin-bottom: 15px;
}
html .top-icon h3.porto-sicon-title {
margin-top: 0;
}
html .top-icon h2.porto-sicon-title {
margin-top: 0;
}
h3.porto-sicon-title {
font-size: 1.4em;
font-weight: 400;
text-transform: none;
line-height: 1.2;
}
h3.porto-sicon-title small {
font-size: 75%;
display: block;
margin: 2px 0 4px;
}
.featured-box .porto-sicon-header h3.porto-sicon-title {
color: var(--porto-primary-color);
}
.porto-sicon-read {
margin-top: 10px;
}
.info-box-small .porto-sicon-box,
.info-box-small-wrap .porto-sicon-box {
margin-bottom: 15px;
}
.info-box-small .porto-sicon-header + .porto-sicon-description,
.info-box-small-wrap .porto-sicon-header + .porto-sicon-description {
margin-top: 7px;
}
.porto-sicon-box {
margin-bottom: 20px;
/*.fa {
font-family: "FontAwesome" !important;
}*/
}
.porto-sicon-box.top-icon.text-left .porto-sicon-header,
.porto-sicon-box.top-icon.text-left .porto-sicon-description,
.porto-sicon-box.bottom-icon.text-left .porto-sicon-header,
.porto-sicon-box.bottom-icon.text-left .porto-sicon-description,
.porto-sicon-box.top-icon.text-start .porto-sicon-header,
.porto-sicon-box.top-icon.text-start .porto-sicon-description,
.porto-sicon-box.bottom-icon.text-start .porto-sicon-header,
.porto-sicon-box.bottom-icon.text-start .porto-sicon-description {
text-align: right !important;
}
.porto-sicon-box.top-icon.text-right .porto-sicon-header,
.porto-sicon-box.top-icon.text-right .porto-sicon-description,
.porto-sicon-box.bottom-icon.text-right .porto-sicon-header,
.porto-sicon-box.bottom-icon.text-right .porto-sicon-description,
.porto-sicon-box.top-icon.text-end .porto-sicon-header,
.porto-sicon-box.top-icon.text-end .porto-sicon-description,
.porto-sicon-box.bottom-icon.text-end .porto-sicon-header,
.porto-sicon-box.bottom-icon.text-end .porto-sicon-description {
text-align: left !important;
}
/* effects */
.porto-sicon-box.style_2:hover .porto-icon, .porto-sicon-box.style_2:hover .img-icon {
transform: scale(1.15, 1.15);
}
.porto-sicon-box.style_2:hover .porto-u-circle-img .img-icon {
transform: translate(-50%, -50%) scale(1.15, 1.15);
}
.porto-sicon-box.style_3:hover .porto-icon, .porto-sicon-box.style_3:hover .img-icon {
transform: translateY(-4px);
}
.porto-sicon-box.style_3:hover .porto-u-circle-img .img-icon {
transform: translate(-50%, -60%);
}
.porto-sicon-box.hover-icon-left:hover .porto-icon, .porto-sicon-box.hover-icon-left:hover .img-icon {
transform: translateX(-6px);
}
.porto-sicon-box.hover-icon-left:hover .porto-u-circle-img .img-icon {
transform: translate(-60%, -50%);
}
.porto-sicon-box.hover-icon-right:hover .porto-icon, .porto-sicon-box.hover-icon-right:hover .img-icon {
transform: translateX(6px);
}
.porto-sicon-box.hover-icon-right:hover .porto-u-circle-img .img-icon {
transform: translate(-40%, -50%);
}
.porto-sicon-box .porto-icon, .porto-sicon-box .porto-sicon-img {
vertical-align: middle;
}
.porto-sicon-box.featured-icon h3.porto-sicon-title {
font-weight: 600;
}
.porto-sicon-box.featured-icon .porto-icon {
border-radius: 35px;
color: #fff;
margin-left: 10px;
height: 35px;
position: relative;
text-align: center;
width: 35px;
background: transparent;
border: 1px solid var(--porto-gray-2);
line-height: 32px;
}
.porto-sicon-box.featured-icon .porto-icon:after {
border-radius: 50%;
box-sizing: initial;
content: "";
display: block;
height: 100%;
right: -4px;
padding: 1px;
position: absolute;
top: -4px;
width: 100%;
border: 3px solid var(--porto-gray-3);
}
.porto-sicon-box.featured-icon .porto-icon i {
line-height: 35px;
}
/* Porto Interactive banner */
.porto-ibanner,
.porto-ibanner > img {
display: block;
position: relative;
}
.porto-ibanner {
z-index: 1;
overflow: hidden;
margin: 0 0 35px;
text-align: center;
}
.porto-ibanner > img {
width: 100%;
border: none;
padding: 0;
margin: 0;
min-height: inherit;
object-fit: cover;
transition: transform 0.5s, opacity 0.5s;
-webkit-backface-visibility: hidden;
}
.porto-ibanner > img.porto-lazyload:not(.lazy-load-loaded) {
visibility: hidden;
}
.porto-ibanner.has-parallax-bg > img {
opacity: 0;
width: 66%;
}
.porto-ibanner-layer {
text-align: right;
font-size: 1rem;
position: absolute;
z-index: 10;
}
.porto-ibanner-layer > *:last-child {
margin-bottom: 0;
}
@media (max-width: 991px) {
.porto-ibanner-layer {
font-size: 0.875rem;
}
}
@media (max-width: 767px) {
.porto-ibanner-layer {
font-size: 0.8125rem;
}
}
@media (max-width: 575px) {
.porto-ibanner-layer {
font-size: 0.75rem;
}
}
.porto-ibanner .porto-ibanner-desc {
padding: 15px;
/*color: #fff;*/
font-size: 1em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: opacity 0.3s;
}
.porto-ibanner .porto-ibanner-desc.no-padding {
padding: 0;
}
.porto-ibanner .porto-ibanner-desc .porto-ibanner-container {
position: relative;
height: 100%;
}
.porto-ibanner .porto-ibanner-desc:before, .porto-ibanner .porto-ibanner-desc:after {
pointer-events: none;
}
.porto-ibanner .porto-ibanner-desc,
.porto-ibanner .porto-ibanner-link {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.porto-ibanner .porto-ibanner-content {
font-size: 0.8125em;
line-height: 1.6;
}
.porto-ibanner .porto-ibanner-title,
.porto-ibanner p {
letter-spacing: normal;
padding: 0;
margin: 0;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
text-decoration: inherit;
font-style: inherit;
color: inherit;
}
.porto-ibanner a.porto-ibanner-link {
display: block;
z-index: 7;
opacity: 0;
background: 100% 0;
}
/* hover effect */
.porto-ibe-effect-1:before, .porto-ibe-effect-1:after {
content: "";
position: absolute;
opacity: 1;
z-index: 2;
}
.porto-ibe-effect-1:before {
background: rgba(255, 255, 255, 0.3);
bottom: 0;
left: 50%;
right: 51%;
top: 0;
}
.porto-ibe-effect-1:after {
bottom: 50%;
left: 0;
right: 0;
top: 50%;
}
.porto-ibe-effect-1:hover:before, .porto-ibe-effect-1:hover:after {
left: 0;
right: 0;
opacity: 0;
transition: 0.5s linear;
}
.porto-ibe-effect-2, .porto-ibe-effect-3 {
overflow: hidden;
position: relative;
}
.porto-ibe-effect-2:before, .porto-ibe-effect-2:after {
content: "";
position: absolute;
background: rgba(255, 255, 255, 0.6);
height: 100%;
left: 0;
opacity: 0.4;
top: 0;
transition: 0.9s;
width: 100%;
z-index: 2;
}
.porto-ibe-effect-2:before {
transform: translate(105%, 0%);
}
.porto-ibe-effect-2:after {
transform: translate(-105%, 0%);
}
.porto-ibe-effect-2:hover:before, .porto-ibe-effect-2:hover:after {
opacity: 0;
transform: none;
}
.porto-ibe-effect-3:before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 120%;
height: 60px;
background: rgba(255, 255, 255, 0.1);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
transition: 0.5s linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 2;
}
.porto-ibe-effect-3:hover:before {
top: 100%;
left: -100%;
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0);
}
.porto-ibe-effect-4:before, .porto-ibe-effect-4:after {
content: "";
position: absolute;
background: rgba(255, 255, 255, 0.1);
opacity: 1;
transition: 0.5s;
z-index: 2;
}
.porto-ibe-effect-4:before {
bottom: 0;
left: 50%;
right: 51%;
top: 0;
}
.porto-ibe-effect-4:after {
bottom: 50%;
left: 0;
right: 0;
top: 50%;
}
.porto-ibe-effect-4:hover:before, .porto-ibe-effect-4:hover:after {
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0.5;
}
.porto-ibe-zoom:hover > img {
transform: scale(1.08, 1.08);
}
.porto-ibe-fadein .porto-ibanner-desc, .porto-ibe-fadein .porto-ibanner-layer {
opacity: 0;
}
.porto-ibe-fadein:hover .porto-ibanner-desc, .porto-ibe-fadein:hover .porto-ibanner-layer {
opacity: 1;
}
.porto-ibe-fadeout:hover .porto-ibanner-desc, .porto-ibe-fadeout:hover .porto-ibanner-layer {
opacity: 0;
}
.porto-ibe-boxshadow {
transition: box-shadow 0.3s;
}
.porto-ibe-overlay:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0;
z-index: 1;
pointer-events: none;
transition: opacity 0.4s;
}
.porto-ibe-style1 img {
width: 100%;
}
.porto-ibe-style1 .porto-ibanner-desc:before {
position: absolute;
content: "";
top: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
transform: translate3d(0, 50%, 0);
}
.porto-ibe-style1 .porto-ibanner-title {
position: absolute;
top: 50%;
right: 0;
width: 100%;
transition: transform 0.35s, color 0.35s;
transform: translate3d(0, -50%, 0);
}
.porto-ibe-style1 .porto-ibanner-content,
.porto-ibe-style1 .porto-ibanner-desc::before {
transition: opacity 0.35s, transform 0.35s;
}
.porto-ibe-style1 .porto-ibanner-content {
position: absolute;
bottom: 0;
right: 0;
padding: 15px;
width: 100%;
max-height: 50%;
opacity: 0;
transform: translate3d(0, 10px, 0);
}
.porto-ibe-style1:hover .porto-ibanner-title {
color: #fff;
transform: translate3d(0, -40px, 0);
}
.porto-ibe-style1:hover .porto-ibanner-content,
.porto-ibe-style1:hover .porto-ibanner-desc:before {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.porto-ibe-style2 .porto-ibanner-desc {
top: auto;
bottom: 0;
padding: 15px;
height: auto;
background: #F2F2F2;
color: #3c4a50;
transition: transform 0.35s;
transform: translate3d(0, 100%, 0);
}
.porto-ibe-style2 .porto-ibanner-content {
position: absolute;
top: auto;
bottom: 100%;
right: 0;
width: 100%;
padding: 25px;
color: #fff;
text-transform: none;
opacity: 0;
transition: opacity 0.35s;
}
.porto-ibe-style2 .porto-ibanner-title {
transition: transform 0.35s;
transform: translate3d(0, 200%, 0);
text-align: center;
}
.porto-ibe-style2:hover .porto-ibanner-content,
.porto-ibe-style2:hover .porto-ibanner-content * {
opacity: 1 !important;
z-index: 99 !important;
-webkit-backface-visibility: hidden !important;
backface-visibility: hidden !important;
}
.porto-ibe-style2:hover .porto-ibanner-desc,
.porto-ibe-style2:hover .porto-ibanner-title {
transform: translateY(0);
}
.porto-ibe-style2:hover .porto-ibanner-title {
transition-delay: 0.05s;
}
.porto-ibanner.porto-ibe-style2 .porto-ibanner-toggle-size {
right: 50%;
width: auto !important;
height: 100%;
max-width: none;
transform: translateX(50%);
}
/* Kenburns Effect and Particle Effect */
.owl-item.active .banner-effect {
display: block;
visibility: visible;
opacity: 1;
}
.owl-item:not(.active) .banner-effect {
display: none;
visibility: hidden;
opacity: 0;
}
.banner-effect {
transition: visibility 0.3s, opacity 0.3s;
}
.banner-effect-wrapper {
overflow: hidden;
z-index: 1;
}
.banner-effect,
.banner-effect-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@keyframes kenBurnsToRight {
0% {
transform: scale(1.2);
}
to {
transform: scale(1);
}
}
.kenBurnsToRight {
animation-name: kenBurnsToRight;
animation-timing-function: linear;
transform-origin: right;
}
@keyframes kenBurnsToLeft {
0% {
transform: scale(1.2);
}
to {
transform: scale(1);
}
}
.kenBurnsToLeft {
animation-name: kenBurnsToLeft;
animation-timing-function: linear;
transform-origin: left;
}
.kenBurnsToLeftTop {
animation-name: kenBurnsToLeft;
animation-timing-function: linear;
transform-origin: left top;
}
.kenBurnsToRightTop {
animation-name: kenBurnsToRight;
animation-timing-function: linear;
transform-origin: right top;
}
.particle-effect {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.snowfall {
background-image: url(../images/effects/s1.png), url(../images/effects/s2.png), url(../images/effects/s3.png);
animation: snow 10s linear infinite;
z-index: 1;
}
@keyframes snow {
0% {
background-position: 0px 0px, 0px 0px, 0px 0px;
}
50% {
background-position: 500px 500px, 100px 300px, -200px 250px;
}
to {
background-position: 400px 800px, 300px 600px, -200px 400px;
}
}
.effect-snow {
background-image: url(../images/effects/s4.png), url(../images/effects/s5.png);
animation: snowsecond 20s linear infinite;
}
@keyframes snowsecond {
0% {
background-position: 0px 0px, 0px 0px, 0px 0px;
}
to {
background-position: 500px 1000px, 400px 400px, 300px 300px;
}
}
.sparkle {
background-image: url(../images/effects/sparkle1.png), url(../images/effects/sparkle2.png);
animation: sparkle 60s linear infinite;
}
@keyframes sparkle {
0% {
background-position: 0px 0px, 0px 0px, 0px 0px;
}
to {
background-position: -500px -1000px, -400px -400px, 300px 300px;
}
}
/* Stat Counter */
div.stats-desc > div.counter_prefix,
div.stats-desc > div.counter_suffix {
display: inline;
}
.stats-block {
display: block;
margin-bottom: 35px;
}
.stats-block .stats-number {
display: inline;
}
.stats-block .stats-number,
div.stats-desc > div.counter_prefix,
div.stats-desc > div.counter_suffix {
font-size: 50px;
font-weight: 700;
line-height: 1;
}
div.stats-desc > div.counter_suffix {
display: none;
}
.stats-left .porto-sicon-left {
padding-left: 15px;
}
.stats-left .stats-desc {
text-align: right;
box-sizing: content-box;
width: auto;
}
.stats-top .porto-sicon-top,
.stats-top .stats-desc {
width: 100%;
display: block;
text-align: center;
}
.stats-top .porto-icon,
.stats-top .img-icon {
margin: 0 auto;
}
.stats-top .porto-sicon-img {
margin: 0 auto;
}
.stats-top .stats-number {
padding: 8px 0;
}
.stats-right.stats-block {
display: inline-block;
width: 100%;
}
.stats-right .porto-sicon-right {
padding-right: 15px;
}
.stats-right .stats-desc {
text-align: left;
}
.stats-block.stats-left,
.stats-block.stats-right {
direction: rtl;
display: flex;
align-items: center;
}
.stats-block .porto-icon.none {
margin-bottom: 5px;
}
.stats-block .stats-text {
font-weight: 200;
font-size: 20px;
line-height: 1;
width: 100%;
text-align: inherit;
}
.stats-block.counter-single-line {
text-align: center;
}
.stats-block.counter-single-line > div {
display: inline-block;
vertical-align: baseline;
text-align: center;
}
.stats-block.counter-with-border {
border: 1px solid var(--porto-gray-2);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
padding: 25px;
}
.stats-block.counter-inline {
margin-bottom: 20px;
}
.stats-block.counter-inline .porto-sicon-top,
.stats-block.counter-inline .stats-desc {
text-align: right;
}
.stats-block.counter-inline .stats-number,
.stats-block.counter-inline div.stats-desc > div.counter_prefix,
.stats-block.counter-inline div.stats-desc > div.counter_suffix {
font-size: 14px;
}
.stats-block.counter-inline div.counter_prefix,
.stats-block.counter-inline div.counter_suffix {
font-weight: 400;
}
.stats-block.counter-alternative .stats-number {
font-family: var(--porto-alt-ff), sans-serif;
}
/* theme colors */
/* primary, econdary, tertiary, quaternary, dark, light */
.stats-block.counter-primary .stats-number,
.stats-block.counter-primary div.counter_prefix,
.stats-block.counter-primary div.counter_suffix {
color: var(--porto-primary-color);
}
.stats-block.counter-secondary .stats-number,
.stats-block.counter-secondary div.counter_prefix,
.stats-block.counter-secondary div.counter_suffix {
color: var(--porto-secondary-color);
}
.stats-block.counter-tertiary .stats-number,
.stats-block.counter-tertiary div.counter_prefix,
.stats-block.counter-tertiary div.counter_suffix {
color: var(--porto-tertiary-color);
}
.stats-block.counter-quaternary .stats-number,
.stats-block.counter-quaternary div.counter_prefix,
.stats-block.counter-quaternary div.counter_suffix {
color: var(--porto-quaternary-color);
}
.stats-block.counter-dark .stats-number,
.stats-block.counter-dark div.counter_prefix,
.stats-block.counter-dark div.counter_suffix {
color: var(--porto-dark-color);
}
.stats-block.counter-light .stats-number,
.stats-block.counter-light div.counter_prefix,
.stats-block.counter-light div.counter_suffix {
color: var(--porto-light-color);
}
/* Porto Grid Container */
.porto-grid-container {
position: relative;
}
.porto-grid-container .porto-grid-item {
float: right;
max-width: 100%;
}
.porto-grid-container .porto-grid-item > .wpb_single_image {
margin-bottom: 0;
}
.porto-grid-container .porto-grid-item > .wpb_single_image .vc_single_image-wrapper:hover {
background: #000;
transition: opacity 0.35s;
}
.porto-grid-container .porto-grid-item > .wpb_single_image a {
display: block;
}
.porto-grid-container .porto-grid-item > .wpb_single_image .vc_single_image-wrapper {
width: 100%;
display: block;
}
.porto-grid-container .porto-grid-item > .wpb_single_image img {
width: 100%;
transition: opacity 0.35s;
}
.porto-grid-container .porto-grid-item > .wpb_single_image img:hover {
opacity: 0.9;
}
.porto-preset-layout .porto-grid-item > *, .porto-preset-layout .vc_porto_grid_item > *, .porto-preset-layout .porto-ultimate-content-box-container, .porto-preset-layout .porto-ultimate-content-box, .porto-preset-layout .porto-ibanner, .porto-preset-layout .porto-ibanner > img,
.porto-preset-layout .elementor-section,
.porto-preset-layout .porto-grid-item > .elementor-widget-wrap > .elementor-widget-image,
.porto-preset-layout .porto-grid-item > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget-image {
height: 100%;
margin-bottom: 0;
}
.porto-preset-layout .porto-grid-item > .elementor-widget-wrap > .elementor-widget-image *,
.porto-preset-layout .porto-grid-item > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget-image * {
height: 100%;
object-fit: cover;
}
.porto-hotspot {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
background: #fb7070;
width: 20px;
height: 20px;
border-radius: 50%;
line-height: 20px;
font-size: 8px;
cursor: pointer;
}
.porto-hotspot:before {
content: "";
position: absolute;
left: -10px;
right: -10px;
top: -10px;
bottom: -10px;
}
.porto-hotspot .porto-products, .porto-hotspot ul.products, .porto-hotspot .products .product-col {
margin-bottom: 0;
}
.porto-hotspot i {
color: #fff;
line-height: inherit;
}
.porto-hotspot .popup-wrap {
text-align: right;
cursor: default;
position: absolute;
z-index: 29;
padding: 20px;
min-width: 250px;
background: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.06);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
}
@media (max-width: 575px) {
.porto-hotspot .popup-wrap {
min-width: 160px;
padding: 10px;
}
}
.porto-hotspot.pos-right .popup-wrap {
left: calc(100% + 10px);
transform: translate(-8px, -20%);
}
.porto-hotspot.pos-left .popup-wrap {
right: calc(100% + 10px);
transform: translate(8px, -20%);
}
.porto-hotspot.pos-right:hover .popup-wrap, .porto-hotspot.pos-left:hover .popup-wrap {
transform: translate(0, -20%);
}
.porto-hotspot.pos-top .popup-wrap {
left: 50%;
bottom: calc(100% + 10px);
transform: translate(-50%, -8px);
}
.porto-hotspot.pos-bottom .popup-wrap {
left: 50%;
top: calc(100% + 10px);
transform: translate(-50%, 8px);
}
.porto-hotspot.pos-top:hover .popup-wrap, .porto-hotspot.pos-bottom:hover .popup-wrap {
transform: translate(-50%, 0);
}
.porto-hotspot:hover .popup-wrap {
visibility: visible;
opacity: 1;
}
.elementor-element.elementor-widget-porto_hotspot {
position: absolute;
width: auto;
}
.elementor-widget-porto_hotspot .porto-hotspot {
position: static;
}
/* Fancy Text */
.word-rotator i, .word-rotator em, .word-rotator b {
font-style: normal;
font-weight: inherit;
}
.word-rotator-items {
display: inline-flex !important;
position: relative;
text-align: left;
}
.word-rotator-items b {
display: inline-block;
position: absolute;
white-space: nowrap;
left: 0;
top: 0;
}
.word-rotator-items b.active {
position: relative;
}
.word-rotator-items.has-bg b {
padding: 0.1rem 0.5rem;
}
/* rotate-1 */
.word-rotator.rotate-1 .word-rotator-items {
perspective: 300px;
}
.word-rotator.rotate-1 b {
opacity: 0;
transform-origin: 50% 100%;
transform: rotateX(180deg);
}
.word-rotator.rotate-1 b.active {
opacity: 1;
transform: rotateX(0deg);
animation: word-rotator-rotate-1-in 1.2s;
}
.word-rotator.rotate-1 b.inactive {
transform: rotateX(180deg);
animation: word-rotator-rotate-1-out 1.2s;
}
@keyframes word-rotator-rotate-1-in {
0% {
transform: rotateX(180deg);
opacity: 0;
}
35% {
transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
transform: rotateX(360deg);
opacity: 1;
}
}
@keyframes word-rotator-rotate-1-out {
0% {
transform: rotateX(0deg);
opacity: 1;
}
35% {
transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
transform: rotateX(180deg);
opacity: 0;
}
}
/* type */
.word-rotator.type .word-rotator-items {
vertical-align: top;
overflow: hidden;
position: relative;
padding-left: 3px;
}
.word-rotator.type .word-rotator-items:after {
content: " ";
position: absolute;
left: 0;
top: 5%;
height: 90%;
width: 1px;
display: block;
background-color: transparent;
}
.word-rotator.type .word-rotator-items.waiting:after {
animation: 1s word-rotator-pulse step-end infinite;
}
.word-rotator.type .word-rotator-items.selected {
background-color: #212529 !important;
}
.word-rotator.type .word-rotator-items.selected:after {
visibility: hidden;
}
.word-rotator.type .word-rotator-items.selected b {
color: #FFF !important;
}
.word-rotator.type b {
visibility: hidden;
}
.word-rotator.type b.active {
visibility: visible;
}
.word-rotator.type i {
position: absolute;
visibility: hidden;
}
.word-rotator.type i.in {
position: relative;
visibility: visible;
}
@keyframes word-rotator-pulse {
from, to {
background-color: transparent;
}
50% {
background-color: black;
}
}
@keyframes word-rotator-pulse-light {
from, to {
background-color: transparent;
}
50% {
background-color: white;
}
}
/* rotate-2 */
.word-rotator.rotate-2 .word-rotator-items {
perspective: 300px;
}
.word-rotator.rotate-2 i, .word-rotator.rotate-2 em {
display: inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.word-rotator.rotate-2 b {
opacity: 0;
}
.word-rotator.rotate-2 i {
transform-style: preserve-3d;
transform: translateZ(-20px) rotateX(90deg);
opacity: 0;
}
.active .word-rotator.rotate-2 i {
opacity: 1;
}
.word-rotator.rotate-2 i.in {
animation: word-rotator-rotate-2-in 0.4s forwards;
}
.word-rotator.rotate-2 i.out {
animation: word-rotator-rotate-2-out 0.4s forwards;
}
.word-rotator.rotate-2 em {
transform: translateZ(20px);
}
.no-csstransitions .word-rotator.rotate-2 i {
transform: rotateX(0deg);
opacity: 0;
}
.no-csstransitions .word-rotator.rotate-2 i em {
transform: scale(1);
}
.no-csstransitions .word-rotator.rotate-2 .active i {
opacity: 1;
}
@keyframes word-rotator-rotate-2-in {
0% {
opacity: 0;
transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
transform: translateZ(-20px) rotateX(0deg);
}
}
@keyframes word-rotator-rotate-2-out {
0% {
opacity: 1;
transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
transform: translateZ(-20px) rotateX(-90deg);
}
}
/* loading-bar */
.word-rotator.loading-bar span {
display: inline-block;
padding: 0.2em 0;
}
.word-rotator.loading-bar .word-rotator-items {
overflow: hidden;
vertical-align: top;
}
.word-rotator.loading-bar .word-rotator-items:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 0;
background: #212529;
z-index: 2;
transition: width 0.3s -0.1s;
}
.word-rotator.loading-bar .word-rotator-items.is-loading:after {
width: 100%;
transition: width 3s;
}
.word-rotator.loading-bar .word-rotator-items.bg-light:after {
background-color: #212529 !important;
}
.word-rotator.loading-bar .word-rotator-items[class*=bg-]:not(.bg-light):after {
background-color: #FFF !important;
}
.word-rotator.loading-bar b {
top: 0.2em;
opacity: 0;
transition: opacity 0.3s;
}
.word-rotator.loading-bar b.active {
opacity: 1;
top: 0;
}
/* slide */
.word-rotator.slide span {
display: inline-block;
vertical-align: middle;
padding: 0.2em 0;
}
.word-rotator.slide .word-rotator-items {
overflow: hidden;
font-weight: 700;
/*vertical-align: top;*/
}
.word-rotator.slide b {
opacity: 0;
top: 0.2em;
}
.word-rotator.slide b.active {
top: 0;
opacity: 1;
animation: slide-in 0.6s;
}
.word-rotator.slide b.inactive {
animation: slide-out 0.6s;
}
@keyframes slide-in {
0% {
opacity: 0;
transform: translateY(-100%);
}
60% {
opacity: 1;
transform: translateY(20%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes slide-out {
0% {
opacity: 1;
transform: translateY(0);
}
60% {
opacity: 0;
transform: translateY(120%);
}
100% {
opacity: 0;
transform: translateY(100%);
}
}
/* clip */
.word-rotator.clip span {
display: inline-block;
padding: 0.2em 0;
}
.word-rotator.clip .word-rotator-items {
overflow: hidden;
vertical-align: top;
}
.word-rotator.clip .word-rotator-items:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 2px;
height: 100%;
background-color: #212529;
}
.word-rotator.clip b {
opacity: 0;
}
.word-rotator.clip b.active {
opacity: 1;
}
/* zoom */
.word-rotator.zoom .word-rotator-items {
perspective: 300px;
}
.word-rotator.zoom b {
opacity: 0;
}
.word-rotator.zoom b.active {
opacity: 1;
animation: zoom-in 0.8s;
}
.word-rotator.zoom b.inactive {
animation: zoom-out 0.8s;
}
@keyframes zoom-in {
0% {
opacity: 0;
transform: translateZ(100px);
}
100% {
opacity: 1;
transform: translateZ(0);
}
}
@keyframes zoom-out {
0% {
opacity: 1;
transform: translateZ(0);
}
100% {
opacity: 0;
transform: translateZ(-100px);
}
}
.word-rotator.rotate-3 .word-rotator-items {
perspective: 300px;
}
.word-rotator.rotate-3 b {
opacity: 0;
}
.word-rotator.rotate-3 i {
display: inline-block;
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.active .word-rotator.rotate-3 i {
transform: rotateY(0deg);
}
.word-rotator.rotate-3 i.in {
animation: word-rotator-rotate-3-in 0.6s forwards;
}
.word-rotator.rotate-3 i.out {
animation: word-rotator-rotate-3-out 0.6s forwards;
}
.no-csstransitions .word-rotator.rotate-3 i {
transform: rotateY(0deg);
opacity: 0;
}
.word-rotate-prefix {
margin-left: 0.375rem;
}
.word-rotate-suffix {
margin-right: 0.375rem;
}
.no-csstransitions .word-rotator.rotate-3 .active i {
opacity: 1;
}
@keyframes word-rotator-rotate-3-in {
0% {
transform: rotateY(180deg);
}
100% {
transform: rotateY(0deg);
}
}
@keyframes word-rotator-rotate-3-out {
0% {
transform: rotateY(0);
}
100% {
transform: rotateY(-180deg);
}
}
/* scale */
.word-rotator.scale b {
opacity: 0;
}
.word-rotator.scale i {
display: inline-block;
opacity: 0;
transform: scale(0);
}
.active .word-rotator.scale i {
opacity: 1;
}
.word-rotator.scale i.in {
animation: scale-up 0.6s forwards;
}
.word-rotator.scale i.out {
animation: scale-down 0.6s forwards;
}
.no-csstransitions .word-rotator.scale i {
transform: scale(1);
opacity: 0;
}
.no-csstransitions .word-rotator.scale .active i {
opacity: 1;
}
@keyframes scale-up {
0% {
transform: scale(0);
opacity: 0;
}
60% {
transform: scale(1.2);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes scale-down {
0% {
transform: scale(1);
opacity: 1;
}
60% {
transform: scale(0);
opacity: 0;
}
}
/* push */
.word-rotator.push b {
opacity: 0;
}
.word-rotator.push b.active {
opacity: 1;
animation: push-in 0.6s;
}
.word-rotator.push b.inactive {
animation: push-out 0.6s;
}
@keyframes push-in {
0% {
opacity: 0;
transform: translateX(-100%);
}
60% {
opacity: 1;
transform: translateX(10%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes push-out {
0% {
opacity: 1;
transform: translateX(0);
}
60% {
opacity: 0;
transform: translateX(110%);
}
100% {
opacity: 0;
transform: translateX(100%);
}
}
.porto-grid-container .porto-grid-item {
min-width: 5%;
}
.porto-grid-container .block-list-appender {
width: 100%;
}
/* Grid */
.col-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5, .col-xl-1-5, .col-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5, .col-xl-2-5, .col-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5, .col-xl-3-5, .col-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5, .col-xl-4-5 {
position: relative;
min-height: 1px;
width: 100%;
flex: 0 0 auto;
max-width: 100%;
padding-left: calc( var(--bs-gutter-x, var(--porto-grid-gutter-width)) / 2 );
padding-right: calc( var(--bs-gutter-x, var(--porto-grid-gutter-width)) / 2 );
}
.col-1-5 {
width: 20%;
}
.col-2-5 {
width: 40%;
}
.col-3-5 {
width: 60%;
}
.col-4-5 {
width: 80%;
}
.offset-1\/5 {
margin-right: 20%;
}
.offset-2\/5 {
margin-right: 40%;
}
.offset-3\/5 {
margin-right: 60%;
}
.offset-4\/5 {
margin-right: 80%;
}
@media (min-width: 576px) {
.col-sm-1-5 {
width: 80%;
}
.col-sm-2-5 {
width: 80%;
}
.col-sm-3-5 {
width: 60%;
}
.col-sm-4-5 {
width: 80%;
}
}
@media (min-width: 768px) {
.col-md-1-5 {
width: 20%;
}
.col-md-2-5 {
width: 40%;
}
.col-md-3-5 {
width: 60%;
}
.col-md-4-5 {
width: 80%;
}
.offset-md-1\/5 {
margin-right: 20%;
}
.offset-md-2\/5 {
margin-right: 40%;
}
.offset-md-3\/5 {
margin-right: 60%;
}
.offset-md-4\/5 {
margin-right: 80%;
}
}
@media (min-width: 992px) {
.col-lg-1-5 {
width: 20%;
}
.col-lg-2-5 {
width: 40%;
}
.col-lg-3-5 {
width: 60%;
}
.col-lg-4-5 {
width: 80%;
}
.offset-lg-1\/5 {
margin-right: 20%;
}
.offset-lg-2\/5 {
margin-right: 40%;
}
.offset-lg-3\/5 {
margin-right: 60%;
}
.offset-lg-4\/5 {
margin-right: 80%;
}
}
.grid-creative .portfolio-item,
.grid-creative .portfolio-item .thumb-info-wrapper,
.grid-creative .portfolio-item .post-image,
.grid-creative .thumb-info,
.grid-creative .thumb-info .thumb-info-wrapper,
.grid-creative .thumb-info .post-image {
height: 100%;
}
.grid-creative .thumb-info img,
.grid-creative li.product-col .product-image img {
object-fit: cover;
width: 100%;
height: 100%;
padding: 0;
}
.grid-creative > article.post {
width: 100%;
}
.grid-creative article.post {
margin-bottom: 0;
padding-bottom: var(--porto-grid-gutter-width);
}
.grid-col-sizer {
width: 1.6666%;
height: 0;
flex: 0 0 1.6666%;
}
.no-padding,
.vc_row-no-padding {
padding-left: 0 !important;
padding-right: 0 !important;
}
.row.no-padding,
.vc_row.no-padding > .container > .row {
margin-left: 0;
margin-right: 0;
}
.row.no-padding > .vc_column_container,
.vc_row.no-padding > .container > .row > .vc_column_container {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 991px) {
.px-gutter {
padding-left: var(--porto-res-spacing, 20px) !important;
padding-right: var(--porto-res-spacing, 20px) !important;
}
}
/* container */
.vc_row.wpb_row {
margin-bottom: 0;
}
.vc_row.wpb_row.vc_row-no-padding > .vc_column_container {
padding-left: 0;
padding-right: 0;
}
.vc_row.wpb_row.vc_row-no-padding > .vc_column_container.section {
padding-left: var(--porto-grid-gutter-width);
padding-right: var(--porto-grid-gutter-width);
}
@media (max-width: 767px) {
.vc_row.wpb_row.vc_row-no-padding > .vc_column_container.section {
padding-left: var(--porto-column-spacing);
padding-right: var(--porto-column-spacing);
}
}
.vc_row.section-with-divider {
overflow: visible;
}
.vc_row:not(.row) {
margin-left: 0;
margin-right: 0;
}
.container-fluid,
.container-fluid .vc_section:not(.porto-inner-container) {
padding-left: var(--porto-fluid-spacing);
padding-right: var(--porto-fluid-spacing);
}
.container-fluid .container-fluid {
padding-left: 0;
padding-right: 0;
width: auto;
}
.container-fluid .vc_section {
margin-left: calc( var(--porto-fluid-spacing) * -1 );
margin-right: calc( var(--porto-fluid-spacing) * -1 );
}
.container-fluid .top-row:not(.porto-inner-container),
.vc_section.alignfull > .container,
.alignfull .porto-ibanner-desc > .container {
padding-left: var(--porto-container-spacing);
padding-right: var(--porto-container-spacing);
}
@media (max-width: 991px) {
.container,
.container-fluid .vc_row .porto-map-section .container,
.container-fluid .vc_row.no-padding .container,
.container-fluid .vce-row-no-paddings .container,
.container-fluid .vc_row.vc_row-no-padding .container,
.container-fluid .porto-inner-container .container,
.vc_section.alignfull > .container,
.alignfull .porto-ibanner-desc > .container {
padding-left: var(--porto-fluid-spacing);
padding-right: var(--porto-fluid-spacing);
}
.container-fluid .container,
.container-fluid .container .container {
padding-left: 0;
padding-right: 0;
}
}
.porto-column, .grid-creative > .post, .vc_section {
padding-left: var(--porto-column-spacing);
padding-right: var(--porto-column-spacing);
}
.popup-inline-content hr.solid,
.mfp-content .ajax-container hr.solid,
.portfolio .portfolio-image.wide,
body.boxed .portfolio hr.solid,
body.boxed #portfolioAjaxBox .portfolio-image.wide,
body.boxed #portfolioAjaxBox hr.solid,
#main.main-boxed .portfolio .portfolio-image.wide,
#main.main-boxed .portfolio hr.solid,
#main.main-boxed #portfolioAjaxBox .portfolio-image.wide,
#main.main-boxed #portfolioAjaxBox hr.solid,
body.boxed .portfolio-row.full,
#main.wide .portfolio .portfolio-image.wide,
#main.wide .page-image.single {
margin-left: calc( var(--porto-grid-gutter-width) * -1 );
margin-right: calc( var(--porto-grid-gutter-width) * -1 );
}
.slider-wrapper {
margin-left: calc( var(--porto-el-spacing, var(--porto-grid-gutter-width)) / -2 );
margin-right: calc( var(--porto-el-spacing, var(--porto-grid-gutter-width)) / -2 );
}
.vc_section,
.gallery,
#main.wide > .container > .row,
.popup-inline-content .portfolio-image.wide,
.portfolio-row {
margin-left: calc( var(--porto-column-spacing) * -1 );
margin-right: calc( var(--porto-column-spacing) * -1 );
}
@media (max-width: 991px) {
#main-sidebar-menu {
display: none;
}
}
.widget_sidebar_menu {
background: var(--porto-normal-bg);
border: 1px solid var(--porto-gray-5);
margin-top: 0;
}
.widget_sidebar_menu + .widget-block {
margin-top: 20px;
}
.widget_sidebar_menu + .widget_product_categories,
.widget_sidebar_menu + .widget_price_filter,
.widget_sidebar_menu + .widget_layered_nav,
.widget_sidebar_menu + .widget_layered_nav_filters,
.widget_sidebar_menu + .widget_rating_filter {
margin-top: 15px;
}
@media (max-width: 991px) {
.widget_sidebar_menu {
overflow: hidden;
}
}
.widget_sidebar_menu.closed .widget-title {
margin-bottom: -1px;
}
.widget_sidebar_menu .widget-title {
background: var(--porto-title-bgc);
border-bottom: 1px solid var(--porto-gray-5);
font-size: 1.0714em;
font-weight: 700;
letter-spacing: 0.001em;
line-height: 18px;
color: #444;
padding: 12px 15px;
margin: 0;
text-transform: uppercase;
position: relative;
transition: 0.25s;
}
.widget_sidebar_menu .widget-title .toggle {
display: inline-block;
width: 1.8571em;
height: 1.8571em;
line-height: 1.7572em;
position: absolute;
left: 1.0714em;
top: 50%;
margin-top: -0.9em;
padding: 0;
cursor: pointer;
text-align: center;
transition: 0.25s;
background: var(--porto-body-bg);
border: 1px solid var(--porto-gray-2);
color: var(--porto-gray-4);
}
.widget_sidebar_menu .widget-title .toggle:before {
content: "";
}
.widget_sidebar_menu .widget-title .toggle:hover {
color: #fff;
border-color: var(--porto-primary-color);
background: var(--porto-primary-color);
}
.widget_sidebar_menu .widget-title .toggle.closed:before {
content: "";
}
.sidebar-menu {
/* effect */
}
.sidebar-menu > li.menu-item {
margin-top: 1px;
}
.sidebar-menu > li.menu-item:first-child {
margin-top: 0;
}
.sidebar-menu > li.menu-item:first-child > a {
/*border-top-color: transparent;*/
border-top: none;
}
.sidebar-menu > li.menu-item.has-sub > a .thumb-info-preview {
display: none;
}
.sidebar-menu > li.menu-item > a {
display: block;
line-height: 17px;
padding: 11.5px 5px;
margin: 0 10px;
border-top: 1px solid var(--porto-gray-2);
color: #444;
}
.sidebar-menu > li.menu-item.active > a {
color: var(--porto-primary-color);
}
.sidebar-menu > li.menu-item.active:hover > a {
color: #fff;
}
.sidebar-menu > li.menu-item:hover {
background: var(--porto-primary-color);
}
.sidebar-menu > li.menu-item:hover > a {
color: #fff;
position: relative;
z-index: 1;
border-top-color: var(--porto-primary-color);
}
.sidebar-menu > li.menu-item:hover > .arrow:before, .sidebar-menu > li.menu-item.active > .arrow:before {
color: #fff;
}
.sidebar-menu li.menu-item > .arrow {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 30px;
height: 30px;
line-height: 30px;
margin: auto;
text-align: center;
}
.sidebar-menu li.menu-item > .arrow:before {
font-family: "porto";
content: "";
color: #838b90;
}
@media (max-width: 991px) {
.sidebar-menu li.menu-item > .arrow {
margin: 0;
top: 7px;
transform: rotate(0);
transition: transform 0.3s;
z-index: 2;
cursor: pointer;
}
.sidebar-menu li.menu-item.open > .arrow {
margin-top: 1px;
transform: rotate(90deg);
}
}
.sidebar-menu > li.menu-item > .arrow {
left: 14px;
}
.sidebar-menu .popup {
text-align: right;
right: 100%;
position: absolute;
top: 0;
display: none;
margin: 0;
z-index: 111;
min-width: 0;
font-size: 0.9em;
font-weight: 400;
line-height: 20px;
color: var(--porto-body-color);
}
@media (max-width: 991px) {
.sidebar-menu .popup {
position: static;
margin-bottom: -1px;
animation: none !important;
}
}
.right-sidebar .sidebar-menu .popup {
left: 100%;
right: auto;
}
.sidebar-menu .popup > .inner {
margin: 0;
}
.sidebar-menu .popup ul.sub-menu {
position: relative;
}
.sidebar-menu .popup li.menu-item {
padding: 0;
line-height: inherit;
}
.sidebar-menu .wide .popup {
box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
margin-right: 0;
border-right: 10px solid var(--porto-primary-color);
}
.sidebar-menu .wide .popup .arrow {
display: none;
}
.right-sidebar .sidebar-menu .wide .popup {
border-right-width: 0;
border-left: 10px solid var(--porto-primary-dark-10);
margin-right: 0;
margin-left: -1px;
}
.sidebar-menu .wide .popup > .inner {
padding: 10px;
margin-right: -5px;
background: var(--porto-normal-bg);
}
.right-sidebar .sidebar-menu .wide .popup > .inner {
margin-right: 0;
margin-left: -5px;
}
.sidebar-menu .wide .popup > .inner > ul.sub-menu {
max-width: 100%;
display: flex;
}
@media (max-width: 991px) {
.sidebar-menu .wide .popup > .inner > ul.sub-menu {
display: block;
}
}
.sidebar-menu .wide .popup > .inner > ul.sub-menu > .menu-block-item {
margin-bottom: -20px;
}
.sidebar-menu .wide .popup > .inner .container {
width: auto;
padding: 0;
}
.sidebar-menu .wide .popup li.menu-item > a.has-preview {
display: inline-block;
}
@media (max-width: 991px) {
.sidebar-menu .wide .popup, .right-sidebar .sidebar-menu .wide .popup {
border-radius: 0;
box-shadow: none;
border: none;
margin: 0;
}
.sidebar-menu .wide .popup .inner, .right-sidebar .sidebar-menu .wide .popup .inner {
border-radius: 0;
margin: 0;
}
}
.sidebar-menu .wide li.sub {
padding: 15px 15px 10px;
}
.sidebar-menu .wide li.sub > a {
font-size: 1.0833em;
font-weight: 600;
padding-bottom: 5px;
color: var(--porto-heading-color);
text-transform: var(--porto-menu-text-transform);
}
.sidebar-menu .wide li.sub > a:not(.nolink):hover {
text-decoration: underline;
}
.sidebar-menu .wide li.sub ul.sub-menu {
padding-bottom: 5px;
}
.sidebar-menu .wide li.sub ul.sub-menu ul.sub-menu {
padding-bottom: 0;
}
.sidebar-menu .wide li.sub li.menu-item > a {
margin-right: -8px;
padding: 7px 8px;
/*&:hover {
background: if-light(#f4f4f4, lighten($color-dark-3, 5%));
}*/
}
.sidebar-menu .wide li.sub li.menu-item > a:hover {
text-decoration: underline;
}
.sidebar-menu .wide li.sub li.menu-item > ul.sub-menu {
padding-right: 10px;
}
.sidebar-menu .narrow .popup {
text-transform: uppercase;
}
.sidebar-menu .narrow ul.sub-menu {
min-width: 180px;
padding: 5px;
z-index: 10;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
.sidebar-menu .narrow ul.sub-menu {
box-shadow: none;
border-radius: 0;
}
}
.sidebar-menu .narrow ul.sub-menu ul.sub-menu {
position: absolute;
right: 100%;
top: -5px;
display: none;
}
@media (max-width: 991px) {
.sidebar-menu .narrow ul.sub-menu ul.sub-menu {
display: block;
position: static;
padding: 0 5px 0 0;
animation: none !important;
}
}
.right-sidebar .sidebar-menu .narrow ul.sub-menu ul.sub-menu {
right: auto;
left: 100%;
}
.sidebar-menu .narrow li.menu-item > a {
padding: 8px 8px 8px 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
white-space: nowrap;
}
.right-sidebar .sidebar-menu .narrow li.menu-item > a > .thumb-info-preview {
right: auto;
left: 100%;
padding-right: 0;
padding-left: 10px;
transform: translateX(-30px);
}
.right-sidebar .sidebar-menu .narrow li.menu-item > a:hover > .thumb-info-preview {
transform: translateX(0);
}
.sidebar-menu .narrow li.menu-item:last-child > a {
border-bottom-color: transparent;
}
.sidebar-menu .narrow li.menu-item:hover > ul.sub-menu {
display: block;
}
.sidebar-menu .narrow li.menu-item-has-children > a {
padding-left: 15px;
}
.sidebar-menu .narrow li.menu-item-has-children > a .thumb-info-preview {
display: none;
}
.sidebar-menu .tip {
font-size: 8px;
font-style: normal;
}
.sidebar-menu .menu-custom-block span {
display: none;
}
.sidebar-menu .menu-custom-block a {
line-height: 18px;
margin: 0 10px -1px;
padding: 11.5px 5px;
display: block;
border-top: 1px solid var(--porto-gray-2);
color: #444;
}
.sidebar-menu .menu-custom-block a:hover {
background: var(--porto-primary-color);
color: #fff;
margin-left: 0;
margin-right: 0;
padding-left: 15px;
padding-right: 15px;
position: relative;
z-index: 1;
}
.sidebar-menu.has-main-menu > li.menu-item:first-child > a {
border-top-width: 1px;
}
.sidebar-menu.has-side-menu > li.menu-item:last-child:hover {
border-radius: 0;
}
.sidebar-menu.has-side-menu .menu-custom-block a:last-child:hover {
border-radius: 0;
}
.sidebar-menu > li.menu-item .popup {
animation: menuFadeInRight 0.2s ease-out;
}
.right-sidebar .sidebar-menu > li.menu-item .popup {
animation: menuFadeInLeft 0.2s ease-out;
}
.sidebar-menu .narrow ul.sub-menu ul.sub-menu {
animation: menuFadeInRight 0.2s ease-out;
}
.right-sidebar .sidebar-menu .narrow ul.sub-menu ul.sub-menu {
animation: menuFadeInLeft 0.2s ease-out;
}
.hamburguer-btn {
background: transparent;
outline: 0 !important;
border: none;
width: 30px;
height: 30px;
padding: 0;
margin: 15px;
display: inline-block;
position: relative;
cursor: pointer;
}
.hamburguer-btn .hamburguer span {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
transition: width 0.3s;
transform: translateY(-50%);
background: #333;
-webkit-backface-visibility: hidden;
}
.hamburguer-btn .hamburguer span:nth-child(1) {
top: 30%;
}
.hamburguer-btn .hamburguer span:nth-child(2) {
transition-delay: 0.1s;
}
.hamburguer-btn .hamburguer span:nth-child(3) {
top: 70%;
transition-delay: 0.2s;
}
.hamburguer-btn .close {
opacity: 0;
transition: 0.3s;
float: left;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
}
.hamburguer-btn .close span {
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 1px;
background: #333;
transition: 0.3s;
transform-origin: 50% 0;
}
.hamburguer-btn .close span:nth-child(1) {
transform: translateX(-50%) rotate(45deg);
}
.hamburguer-btn .close span:nth-child(2) {
transform: translateX(-50%) rotate(-45deg);
}
.hamburguer-btn.active .close {
opacity: 1;
transition: 0.3s;
}
.hamburguer-btn.active .close span {
width: 80%;
transition: inherit;
}
.hamburguer-btn.active .close span:nth-child(2) {
transition-delay: 0.3s;
}
.hamburguer-btn.active .hamburguer {
opacity: 0;
}
.hamburguer-btn.active .hamburguer span {
width: 0;
}
#header > .hamburguer-btn {
align-self: flex-end;
margin: 30px 20px;
}
.side-menu-accordion li.menu-item > .arrow, .side-menu-slide li.menu-item > .arrow {
display: inline-block;
width: 30px;
left: 10px;
cursor: pointer;
bottom: auto;
top: 2.5px;
z-index: 2;
}
.side-menu-accordion .menu-item .popup:before, .side-menu-slide .menu-item .popup:before {
display: none;
}
.side-menu-accordion .menu-item .popup > .inner, .side-menu-slide .menu-item .popup > .inner {
padding: 10px 0 0 5px;
margin-right: 0;
}
.side-menu-accordion .menu-item .popup .sub-menu, .side-menu-slide .menu-item .popup .sub-menu {
padding: 5px 0 5px 15px;
}
.side-menu-accordion .wide .popup > .inner, .side-menu-slide .wide .popup > .inner {
padding-right: 12px;
}
.side-menu-accordion .wide .popup li.sub, .side-menu-slide .wide .popup li.sub {
padding: 0;
}
.side-menu-accordion .wide .popup li.sub > .arrow, .side-menu-slide .wide .popup li.sub > .arrow {
top: -3px;
}
.side-menu-accordion .narrow ul.sub-menu ul.sub-menu,
.side-menu-accordion > li.menu-item .popup, .side-menu-slide .narrow ul.sub-menu ul.sub-menu,
.side-menu-slide > li.menu-item .popup {
animation: none;
}
.side-menu-accordion .popup,
.side-menu-accordion .narrow ul.sub-menu ul.sub-menu, .side-menu-slide .popup,
.side-menu-slide .narrow ul.sub-menu ul.sub-menu {
position: static;
}
.side-menu-accordion .narrow li.menu-item:hover > ul.sub-menu, .side-menu-slide .narrow li.menu-item:hover > ul.sub-menu {
display: none;
}
.side-menu-accordion .narrow ul.sub-menu, .side-menu-slide .narrow ul.sub-menu {
box-shadow: none;
padding: 0;
}
.side-menu-accordion .wide .popup, .side-menu-slide .wide .popup {
box-shadow: none;
}
.side-menu-accordion .wide .popup > .inner > ul.sub-menu, .side-menu-slide .wide .popup > .inner > ul.sub-menu {
display: block;
width: auto !important;
}
.side-menu-accordion > li.menu-item > a {
padding: 11px 12px;
}
/* columns type */
.side-menu-columns a.nolink {
pointer-events: auto;
}
.side-menu-columns li.menu-item {
position: static;
}
.side-menu-columns li.menu-item > .arrow, .side-menu-columns li.menu-item .popup:before {
display: none;
}
.side-menu-columns > li.menu-item .popup,
.side-menu-columns .narrow ul.sub-menu ul.sub-menu {
animation-name: menuFadeInFromLeft;
}
.side-menu-columns > li.menu-item:hover > .popup,
.side-menu-columns .narrow li.menu-item:hover > ul.sub-menu {
margin-right: 0;
}
.side-menu-columns > .menu-item-has-children > a,
.side-menu-columns .narrow .menu-item-has-children > a {
position: relative;
}
.side-menu-columns > .menu-item-has-children > a:after,
.side-menu-columns .narrow .menu-item-has-children > a:after {
content: "";
left: 18px;
font-family: "porto";
opacity: 0.7;
position: absolute;
font-size: 8px;
transition: left 0.2s;
}
.side-menu-columns > .menu-item-has-children:hover > a:after,
.side-menu-columns .narrow .menu-item-has-children:hover > a:after {
left: 12px;
}
.side-menu-columns .popup,
.side-menu-columns .narrow ul.sub-menu ul.sub-menu {
top: 50%;
transform: translateY(-50%) translateZ(0);
}
.side-menu-columns .wide .popup,
.side-menu-columns .narrow ul.sub-menu,
.side-menu-columns .narrow .popup {
box-shadow: none;
}
.side-menu-columns .narrow ul.sub-menu {
padding: 0;
}
.side-menu-columns .narrow li.menu-item > a {
padding-right: 20px;
}
.side-menu-columns .wide .popup > .inner {
margin-right: 0;
}
/* slide type */
.side-menu-slide {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
height: 100%;
transition: 0.35s;
}
.side-menu-slide.next-menu {
transform: translate3d(-100%, 0, 0) !important;
}
.side-menu-slide ul.sub-menu {
position: absolute !important;
display: flex !important;
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
top: 50% !important;
left: 100%;
padding: 0;
margin: 0 !important;
opacity: 1;
border-top: none;
box-shadow: none;
transform: translate3d(0, -50%, 0) !important;
visibility: hidden;
transition: 0.35s;
}
.side-menu-slide ul.sub-menu.next-menu {
transform: translate3d(-100%, -50%, 0) !important;
}
.side-menu-slide .popup {
display: block;
}
.side-menu-slide .menu-item .popup > .inner {
padding: 0;
}
.side-menu-slide .menu-item .popup .sub-menu {
padding-right: 0;
}
.side-menu-slide li.menu-item {
position: static;
}
.side-menu-slide li.menu-item .arrow {
display: none;
}
.side-menu-slide li.menu-item > a {
text-align: center;
}
.side-menu-slide .popup .sub-menu li.menu-item > a {
padding: 7px 8px;
}
.side-menu-slide .wide .popup li.sub li.menu-item > a {
margin-right: 0;
}
.side-menu-slide .wide .popup > .inner > ul.sub-menu {
width: 100% !important;
}
.side-menu-slide .menu-item-has-children > a:after,
.side-menu-slide .menu-item > .go-back:before {
display: inline-block;
font-size: 0.5rem;
opacity: 0.7;
transform: translateZ(0);
position: relative;
top: -2px;
}
.side-menu-slide .menu-item-has-children:hover > a:after,
.side-menu-slide .menu-item > .go-back:hover:before {
animation: arrowLeftRight 0.6s linear infinite;
}
.side-menu-slide .menu-item-has-children > a:after {
content: "";
right: 8px;
}
.side-menu-slide .menu-item > .go-back:before {
content: "";
left: 8px;
}
.porto-popup-menu {
line-height: 0;
}
.porto-popup-menu .main-menu {
display: none;
height: 80%;
}
.porto-popup-menu .main-menu:not(.scroll-content) {
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
min-width: 80%;
}
@media (min-width: 992px) {
.porto-popup-menu .main-menu {
height: 50%;
}
}
.porto-popup-menu .main-menu > li.menu-item .popup {
transform: none;
}
.porto-popup-menu .main-menu .sub-menu {
display: none;
padding: 10px 0;
}
.porto-popup-menu .main-menu li.menu-item > a {
position: relative;
left: 0;
}
.porto-popup-menu .main-menu li.menu-item:hover > a {
left: 5px;
}
.porto-popup-menu .main-menu li.menu-item.opened > .sub-menu {
display: block;
}
.porto-popup-menu .sub-menu {
line-height: 30px;
}
.porto-popup-menu .sub-menu li.menu-item,
.porto-popup-menu .sub-menu li.menu-item > a {
line-height: inherit;
}
.porto-popup-menu .sub-menu li.menu-item > a {
padding: 0.25rem 1rem;
}
.porto-popup-menu .sub-menu .sub-menu {
font-size: 0.8em;
opacity: 0.7;
}
.porto-popup-menu .hamburguer-btn {
margin: 0 15px;
}
.porto-popup-menu.opened {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1002;
background: rgba(51, 51, 51, 0.99);
display: flex;
align-items: center;
justify-content: center;
transition: background 0.25s;
margin: 0 !important;
}
.porto-popup-menu.opened .hamburguer-btn {
position: absolute;
left: 15px;
top: 30px;
z-index: 9;
}
.porto-popup-menu.opened .main-menu {
display: block;
}
.porto-popup-menu.opened .main-menu > li.menu-item {
float: none;
}
.porto-popup-menu.opened .main-menu li.menu-item > a {
width: 100%;
text-align: center;
transition: color 0.25s, left 0.25s;
}
.porto-popup-menu.opened .scroll-wrapper {
width: 100%;
max-width: 600px;
}
@media (min-width: 992px) {
.porto-popup-menu.opened .scroll-wrapper {
width: 50%;
}
}
.porto-popup-menu .hamburguer-btn .close span {
background: #fff;
}
.admin-bar .porto-popup-menu.opened .hamburguer-btn {
top: 60px;
}
/* Visual Composer Buttons */
.btn-inverse {
color: #fff;
background-color: #333;
border-color: #2d2d2d;
}
.btn-inverse:focus {
color: #fff;
background-color: #262626;
border-color: #202020;
}
.btn-inverse:hover {
color: #fff;
background-color: #262626;
border-color: #202020;
}
.btn-inverse:active, .btn-inverse.active, .open > .btn-inverse.dropdown-toggle {
color: #fff;
background-color: #262626;
border-color: #202020;
}
.btn-inverse:active, .btn-inverse.active, .open > .btn-inverse.dropdown-toggle {
background-image: none;
}
.btn-inverse.disabled, .btn-inverse.disabled:hover, .btn-inverse.disabled:focus, .btn-inverse.disabled.focus, .btn-inverse.disabled:active, .btn-inverse.disabled.active, .btn-inverse[disabled], .btn-inverse[disabled]:hover, .btn-inverse[disabled]:focus, .btn-inverse[disabled].focus, .btn-inverse[disabled]:active, .btn-inverse[disabled].active, fieldset[disabled] .btn-inverse, fieldset[disabled] .btn-inverse:hover, fieldset[disabled] .btn-inverse:focus, fieldset[disabled] .btn-inverse.focus, fieldset[disabled] .btn-inverse:active, fieldset[disabled] .btn-inverse.active {
background-color: #333;
border-color: #2d2d2d;
}
.btn-inverse .badge {
color: #333;
background-color: #fff;
}
.btn {
margin: 0;
}
.btn-block {
padding-right: 0;
padding-left: 0;
}
.vc_btn3.vc_btn3-size-md {
border-radius: 4px;
}
.btn,
.btn-group-md > .btn,
.vc_btn3.vc_btn3-size-md {
padding: 0.533rem 0.933rem;
font-size: 0.8rem;
line-height: 1.42857;
}
.btn-xl,
.vc_btn3.vc_btn3-size-xl {
font-size: 1rem;
padding: 0.8rem 2rem;
}
.btn-lg,
.btn-group-lg > .btn,
.vc_btn3.vc_btn3-size-lg,
.cart-actions .button,
.checkout-button,
#place_order,
input.submit.btn-lg, input.btn.btn-lg[type=submit], input.button.btn-lg[type=submit] {
padding: 0.5rem 0.875rem;
font-size: 0.875rem;
line-height: 1.3333;
}
.btn-sm,
.btn-group-sm > .btn,
.vc_btn3.vc_btn3-size-sm {
padding: 0.3rem 0.65rem;
font-size: 0.75rem;
line-height: 1.5;
}
.btn-xs,
.btn-group-xs > .btn .vc_btn3.vc_btn3-size-xs {
padding: 0.2rem 0.5rem;
font-size: 0.7rem;
line-height: 1.5;
}
/* Buttons */
.btn,
.button,
input.submit,
input[type=submit] {
transition: color 0.15s, background-color 0.15s, border-color 0.15s, box-shadow 0.15s, transform 0.2s;
cursor: pointer;
}
button {
border: 1px solid #ccc;
}
.button {
display: inline-block;
text-align: center;
font-weight: 400;
vertical-align: middle;
touch-action: manipulation;
padding: 8px 12px;
white-space: nowrap;
line-height: 1.5;
-webkit-user-select: none;
user-select: none;
}
.button:disabled {
cursor: default;
}
.button:hover {
text-decoration: none;
}
.btn-default {
color: #666;
}
.btn-default.btn {
background: #fff;
box-shadow: none !important;
border-color: var(--porto-input-bc);
}
.btn-default.btn[disabled], .btn-default.btn[disabled]:hover {
background: #fff;
border-color: rgba(0, 0, 0, 0.09);
}
.btn-default.btn:hover {
background-color: #f2f2f2;
border-color: rgba(0, 0, 0, 0.06);
}
.btn-default.btn-borders {
background: none;
}
/* Outline */
.btn-outline {
border-width: 2px;
}
/* Icons */
.btn-icon {
display: inline-flex;
align-items: center;
}
.btn-icon i {
margin-left: 10px;
}
.btn-icon-right i {
margin-left: 0;
margin-right: 10px;
}
.btn-icon-only i {
margin-left: 0;
}
.button,
input.submit,
[type=submit],
.geodir-search [type=button],
.geodir-search [type=submit],
#geodir-wrapper [type=button],
#geodir-wrapper [type=submit] {
background-color: var(--porto-primary-color);
border-color: var(--porto-primary-color);
color: var(--porto-primary-color-inverse);
}
.button:hover, .button:focus, .button:active,
input.submit:hover,
input.submit:focus,
input.submit:active,
[type=submit]:hover,
[type=submit]:focus,
[type=submit]:active,
.geodir-search [type=button]:hover,
.geodir-search [type=button]:focus,
.geodir-search [type=button]:active,
.geodir-search [type=submit]:hover,
.geodir-search [type=submit]:focus,
.geodir-search [type=submit]:active,
#geodir-wrapper [type=button]:hover,
#geodir-wrapper [type=button]:focus,
#geodir-wrapper [type=button]:active,
#geodir-wrapper [type=submit]:hover,
#geodir-wrapper [type=submit]:focus,
#geodir-wrapper [type=submit]:active {
background-color: var(--porto-primary-dark-5);
border-color: var(--porto-primary-dark-5);
color: var(--porto-primary-color-inverse);
}
/* success, warning, info, danger */
.btn-success {
background-color: #47a447;
border-color: #47a447 #47a447 #388038;
color: #FFF;
}
.btn-success:hover, .btn-success:active, .btn-success:focus {
border-color: #63bb63 #63bb63 #47a447;
background-color: #58b758;
color: #FFF;
}
.btn-warning {
background-color: #ed9c28;
border-color: #ed9c28 #ed9c28 #d18211;
color: #FFF;
}
.btn-warning:hover, .btn-warning:active, .btn-warning:focus {
border-color: #f1b257 #f1b257 #ed9c28;
background-color: #f0ab49;
color: #FFF;
}
.btn-danger {
background-color: #d2322d;
border-color: #d2322d #d2322d #a82824;
color: #FFF;
}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus {
border-color: #db5b57 #db5b57 #d2322d;
background-color: #d84f4a;
color: #FFF;
}
.btn-info {
background-color: #5bc0de;
border-color: #5bc0de #5bc0de #31b0d5;
color: #FFF;
}
.btn-info:hover, .btn-info:active, .btn-info:focus {
border-color: #85d0e7 #85d0e7 #5bc0de;
background-color: #79cbe4;
color: #FFF;
}
/* primary, secondary, tertiary, quaternary, dark, light */
.btn-primary {
background-color: var(--porto-primary-color, #CCC);
border-color: var(--porto-primary-color, #CCC) var(--porto-primary-color, #CCC) var(--porto-primary-dark-10, #b3b3b3);
color: var(--porto-primary-color-inverse, #FFF);
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
border-color: var(--porto-primary-light-10, #e6e6e6) var(--porto-primary-light-10, #e6e6e6) var(--porto-primary-color, #CCC);
background-color: var(--porto-primary-light-7, #dedede);
color: var(--porto-primary-color-inverse, #FFF);
}
.btn-primary.dropdown-toggle {
border-right-color: var(--porto-primary-dark-5, #bfbfbf);
}
.btn-secondary {
background-color: var(--porto-secondary-color, #E36159);
border-color: var(--porto-secondary-color, #E36159) var(--porto-secondary-color, #E36159) var(--porto-secondary-dark-10, #dc372d);
color: var(--porto-secondary-color-inverse, #FFF);
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
border-color: var(--porto-secondary-light-10, #ea8b85) var(--porto-secondary-light-10, #ea8b85) var(--porto-secondary-color, #E36159);
background-color: var(--porto-secondary-light-7, #e87e78);
color: var(--porto-secondary-color-inverse, #FFF);
}
.btn-secondary.dropdown-toggle {
border-right-color: var(--porto-secondary-dark-5, #df4c43);
}
.btn-tertiary {
background-color: var(--porto-tertiary-color, #2BAAB1);
border-color: var(--porto-tertiary-color, #2BAAB1) var(--porto-tertiary-color, #2BAAB1) var(--porto-tertiary-dark-10, #218388);
color: var(--porto-tertiary-color-inverse, #FFF);
}
.btn-tertiary:hover, .btn-tertiary:active, .btn-tertiary:focus {
border-color: var(--porto-tertiary-light-10, #3fc9d0) var(--porto-tertiary-light-10, #3fc9d0) var(--porto-tertiary-color, #2BAAB1);
background-color: var(--porto-tertiary-light-7, #32c5cd);
color: var(--porto-tertiary-color-inverse, #FFF);
}
.btn-tertiary.dropdown-toggle {
border-right-color: var(--porto-tertiary-dark-5, #26969c);
}
.btn-quaternary {
background-color: var(--porto-quaternary-color, #333940);
border-color: var(--porto-quaternary-color, #333940) var(--porto-quaternary-color, #333940) var(--porto-quaternary-dark-10, #1c2023);
color: var(--porto-quaternary-color-inverse, #FFF);
}
.btn-quaternary:hover, .btn-quaternary:active, .btn-quaternary:focus {
border-color: var(--porto-quaternary-light-10, #4a535c) var(--porto-quaternary-light-10, #4a535c) var(--porto-quaternary-color, #333940);
background-color: var(--porto-quaternary-light-7, #434b53);
color: var(--porto-quaternary-color-inverse, #FFF);
}
.btn-quaternary.dropdown-toggle {
border-right-color: var(--porto-quaternary-dark-5, #282d31);
}
.btn-dark {
background-color: var(--porto-dark-color, #212529);
border-color: var(--porto-dark-color, #212529) var(--porto-dark-color, #212529) var(--porto-dark-dark-10, #0a0c0d);
color: var(--porto-dark-color-inverse, #FFF);
}
.btn-dark:hover, .btn-dark:active, .btn-dark:focus {
border-color: var(--porto-dark-light-10, #383f45) var(--porto-dark-light-10, #383f45) var(--porto-dark-color, #212529);
background-color: var(--porto-dark-light-7, #31373d);
color: var(--porto-dark-color-inverse, #FFF);
}
.btn-dark.dropdown-toggle {
border-right-color: var(--porto-dark-dark-5, #16181b);
}
.btn-light {
background-color: var(--porto-light-color, #fff);
border-color: var(--porto-light-color, #fff) var(--porto-light-color, #fff) var(--porto-light-dark-10, #e6e6e6);
color: var(--porto-light-color-inverse, #212529);
}
.btn-light:hover, .btn-light:active, .btn-light:focus {
border-color: var(--porto-light-light-10, white) var(--porto-light-light-10, white) var(--porto-light-color, #fff);
background-color: var(--porto-light-light-7, white);
color: var(--porto-light-color-inverse, #212529);
}
.btn-light.dropdown-toggle {
border-right-color: var(--porto-light-dark-5, #f2f2f2);
}
/* disabled */
.button[disabled],
[type=button][disabled],
[type=submit][disabled],
fieldset[disabled] .button fieldset[disabled] [type=button],
fieldset[disabled] [type=submit] {
opacity: 0.65;
pointer-events: none;
}
/* Border Buttons */
.btn-borders {
border-width: 2px;
background: transparent;
padding: 0.483rem 1.0625rem;
}
.btn-borders.btn-success {
border-color: #47a447;
color: #47a447;
}
.btn-borders.btn-success:hover, .btn-borders.btn-success:focus, .btn-borders.btn-success:active {
background-color: #47a447;
border-color: #47a447 !important;
color: #FFF;
}
.btn-borders.btn-warning {
border-color: #ed9c28;
color: #ed9c28;
}
.btn-borders.btn-warning:hover, .btn-borders.btn-warning:focus, .btn-borders.btn-warning:active {
background-color: #ed9c28;
border-color: #ed9c28 !important;
color: #FFF;
}
.btn-borders.btn-danger {
border-color: #d2322d;
color: #d2322d;
}
.btn-borders.btn-danger:hover, .btn-borders.btn-danger:focus, .btn-borders.btn-danger:active {
background-color: #d2322d;
border-color: #d2322d !important;
color: #FFF;
}
.btn-borders.btn-info {
border-color: #5bc0de;
color: #5bc0de;
}
.btn-borders.btn-info:hover, .btn-borders.btn-info:focus, .btn-borders.btn-info:active {
background-color: #5bc0de;
border-color: #5bc0de !important;
color: #FFF;
}
.btn-borders.btn-primary {
border-color: var(--porto-primary-color, #CCC);
color: var(--porto-primary-color, #CCC);
}
.btn-borders.btn-primary:hover, .btn-borders.btn-primary:focus, .btn-borders.btn-primary:active {
background-color: var(--porto-primary-color, #CCC);
border-color: var(--porto-primary-color, #CCC) !important;
color: var(--porto-primary-color-inverse, #FFF);
}
.btn-borders.btn-secondary {
border-color: var(--porto-secondary-color, #E36159);
color: var(--porto-secondary-color, #E36159);
}
.btn-borders.btn-secondary:hover, .btn-borders.btn-secondary:focus, .btn-borders.btn-secondary:active {
background-color: var(--porto-secondary-color, #E36159);
border-color: var(--porto-secondary-color, #E36159) !important;
color: var(--porto-secondary-color-inverse, #FFF);
}
.btn-borders.btn-tertiary {
border-color: var(--porto-tertiary-color, #2BAAB1);
color: var(--porto-tertiary-color, #2BAAB1);
}
.btn-borders.btn-tertiary:hover, .btn-borders.btn-tertiary:focus, .btn-borders.btn-tertiary:active {
background-color: var(--porto-tertiary-color, #2BAAB1);
border-color: var(--porto-tertiary-color, #2BAAB1) !important;
color: var(--porto-tertiary-color-inverse, #FFF);
}
.btn-borders.btn-quaternary {
border-color: var(--porto-quaternary-color, #333940);
color: var(--porto-quaternary-color, #333940);
}
.btn-borders.btn-quaternary:hover, .btn-borders.btn-quaternary:focus, .btn-borders.btn-quaternary:active {
background-color: var(--porto-quaternary-color, #333940);
border-color: var(--porto-quaternary-color, #333940) !important;
color: var(--porto-quaternary-color-inverse, #FFF);
}
.btn-borders.btn-dark {
border-color: var(--porto-dark-color, #212529);
color: var(--porto-dark-color, #212529);
}
.btn-borders.btn-dark:hover, .btn-borders.btn-dark:focus, .btn-borders.btn-dark:active {
background-color: var(--porto-dark-color, #212529);
border-color: var(--porto-dark-color, #212529) !important;
color: var(--porto-dark-color-inverse, #FFF);
}
.btn-borders.btn-light {
border-color: var(--porto-light-color, #fff);
color: var(--porto-light-color, #fff);
}
.btn-borders.btn-light:hover, .btn-borders.btn-light:focus, .btn-borders.btn-light:active {
background-color: var(--porto-light-color, #fff);
border-color: var(--porto-light-color, #fff) !important;
color: var(--porto-light-color-inverse, #212529);
}
/* Border Buttons - Sizes */
.btn-borders.btn-xl {
padding: 0.75rem 2rem;
}
.btn-borders.btn-lg, .btn-group-lg > .btn-borders.btn {
padding: 0.45rem 1rem;
}
.btn-borders.btn-sm, .btn-group-sm > .btn-borders.btn {
border-width: 2px;
padding: 0.25rem 0.65rem;
}
.btn-borders.btn-xs, .btn-group-xs > .btn-borders.btn {
padding: 0.15rem 0.5rem;
border-width: 1px;
}
/* 3D Buttons */
.btn-3d {
border-bottom-width: 3px;
}
.btn-3d.btn-sm, .btn-group-sm > .btn-3d.btn {
border-width: 2px;
}
.btn-3d.btn-xs, .btn-group-xs > .btn-3d.btn {
border-width: 1px;
}
.btn-flat {
display: inline-block;
}
.btn-modern {
text-transform: uppercase;
font-size: 0.75rem;
padding: 0.75rem 1.5rem;
font-weight: 600;
}
.btn-modern.btn-xl {
font-size: 1rem;
padding: 1.25em 3.125em;
}
.btn-modern.btn-lg {
font-size: 0.875rem;
padding: 1rem 2.25rem;
}
.btn-modern.btn-sm {
font-size: 0.7rem;
padding: 0.7rem 1.4rem;
}
.btn-modern.btn-xs {
font-size: 0.625rem;
padding: 0.6rem 1.2rem;
}
.box-shadow-2 .btn, .btn.box-shadow-2 {
box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.45);
}
/* Arrow Button */
.btn-arrow {
font-weight: 600;
}
.btn-arrow:not(.btn-borders) {
background: none !important;
border: none !important;
}
.btn-arrow:focus {
box-shadow: none !important;
}
.btn-arrow .icon-wrapper {
background-color: #ccc;
display: inline-block;
height: 25px;
line-height: 24px;
width: 24px;
border-radius: 50%;
margin-right: 8px;
transition: 0.1s linear;
}
.btn-arrow:hover .icon-wrapper {
transform: translateX(5px);
}
.btn-arrow i {
color: #fff;
font-size: 8px;
top: -1px;
position: relative;
}
.btn-arrow.btn-primary {
color: var(--porto-primary-color, #CCC);
}
.btn-arrow.btn-primary .icon-wrapper {
background-color: var(--porto-primary-color, #CCC);
box-shadow: 2px 3px 18px -3px var(--porto-primary-color, #CCC);
}
.btn-arrow.btn-secondary {
color: var(--porto-secondary-color, #E36159);
}
.btn-arrow.btn-secondary .icon-wrapper {
background-color: var(--porto-secondary-color, #E36159);
box-shadow: 2px 3px 18px -3px var(--porto-secondary-color, #E36159);
}
.btn-arrow.btn-tertiary {
color: var(--porto-tertiary-color, #2BAAB1);
}
.btn-arrow.btn-tertiary .icon-wrapper {
background-color: var(--porto-tertiary-color, #2BAAB1);
box-shadow: 2px 3px 18px -3px var(--porto-tertiary-color, #2BAAB1);
}
.btn-arrow.btn-quaternary {
color: var(--porto-quaternary-color, #333940);
}
.btn-arrow.btn-quaternary .icon-wrapper {
background-color: var(--porto-quaternary-color, #333940);
box-shadow: 2px 3px 18px -3px var(--porto-quaternary-color, #333940);
}
.btn-arrow.btn-dark {
color: var(--porto-dark-color, #212529);
}
.btn-arrow.btn-dark .icon-wrapper {
background-color: var(--porto-dark-color, #212529);
box-shadow: 2px 3px 18px -3px var(--porto-dark-color, #212529);
}
.btn-arrow.btn-light {
color: var(--porto-light-color, #fff);
}
.btn-arrow.btn-light .icon-wrapper {
background-color: var(--porto-light-color, #fff);
box-shadow: 2px 3px 18px -3px var(--porto-light-color, #fff);
}
.btn.btn-full-rounded {
border-radius: 2em;
}
.btn-gray {
background-color: #eee;
color: #222529;
}
.btn-gray:hover {
background-color: #f4f4f4;
color: #222529;
}
/* Hover Icon effects */
@keyframes btnArrowEffect1 {
0% {
transform: translateX(0);
}
51% {
transform: translateX(20px);
opacity: 1;
}
52% {
opacity: 0;
transform: translateX(-20px);
}
53% {
opacity: 0;
}
54% {
opacity: 1;
}
100% {
transform: translateX(0);
}
}
.btn i {
display: inline-block;
transition: transform 0.25s linear;
line-height: 1;
}
.btn.hover-icon-zoom:hover i,
.porto-u-icons.hover-icon-zoom .porto-icon:hover {
transform: scale(1.15, 1.15);
}
.btn.hover-icon-up:hover i,
.porto-u-icons.hover-icon-up .porto-icon:hover {
transform: translateY(-4px);
}
.btn.hover-icon-left:hover i,
.porto-u-icons.hover-icon-left .porto-icon:hover {
transform: translateX(-6px);
}
.btn.hover-icon-right:hover i,
.porto-u-icons.hover-icon-right .porto-icon:hover {
transform: translateX(6px);
}
.btn.hover-icon-pulse-left-right:hover i,
.porto-u-icons.hover-icon-pulse-left-right .porto-icon:hover {
animation: btnArrowEffect1 ease-out 0.3s;
}
.btn.hover-icon-pulse-infnite:hover i,
.porto-u-icons.hover-icon-pulse-infnite .porto-icon:hover {
left: auto !important;
animation: navItemArrow 0.6s linear infinite;
}
/* Hover Text effects */
@keyframes btnMarqueeLeft {
100% {
transform: translateX(-200%);
}
}
@keyframes btnMarqueeUp {
100% {
transform: translateY(-200%);
}
}
@keyframes btnMarqueeDown {
100% {
transform: translateY(200%);
}
}
.btn-hover-text-effect {
overflow: hidden;
}
.btn-hover-text-effect .btn-text {
transition: opacity 0.65s, transform 0.85s;
}
.btn-hover-text-effect .btn-text:after {
content: attr(data-text);
position: absolute;
white-space: nowrap;
top: 50%;
opacity: 0;
transition: inherit;
}
.btn-hover-text-effect:hover .btn-text:after {
opacity: 1;
}
.btn-text {
display: inline-block;
position: relative;
z-index: 3;
}
.btn.hover-text-switch-left .btn-text:after {
left: 100%;
transform: translate(50%, -50%);
}
.btn.hover-text-switch-left:hover .btn-text {
transform: translateX(-200%);
}
.btn.hover-text-switch-left:hover .btn-text:after {
transform: translate(100%, -50%);
}
.btn.hover-text-switch-up .btn-text:after {
left: 50%;
transform: translate(-50%, 100%);
}
.btn.hover-text-switch-up:hover .btn-text {
transform: translateY(-200%);
}
.btn.hover-text-switch-up:hover .btn-text:after {
transform: translate(-50%, 150%);
}
.btn.hover-text-marquee-left .btn-text:after {
left: 100%;
transform: translate(100%, -50%);
}
.btn.hover-text-marquee-left:hover .btn-text {
animation: btnMarqueeLeft 2s linear infinite;
}
.btn.hover-text-marquee-up .btn-text:after {
top: 100%;
left: 50%;
transform: translate(-50%, 100%);
}
.btn.hover-text-marquee-up:hover .btn-text {
animation: btnMarqueeUp 1s linear infinite;
}
.btn.hover-text-marquee-down .btn-text:after {
top: -100%;
left: 50%;
transform: translate(-50%, -100%);
}
.btn.hover-text-marquee-down:hover .btn-text {
animation: btnMarqueeDown 1s linear infinite;
}
/* Social Icons */
.share-links {
vertical-align: middle;
}
.share-links a {
font-size: 0.8rem;
color: #fff;
text-indent: -9999em;
text-align: center;
width: 2.2857em;
height: 2.2857em;
display: inline-block;
margin: 0.2857em 0 0.2857em 0.5714em;
position: relative;
vertical-align: middle;
transition: 0.25s;
transform: translate3d(0, 0, 0);
}
.share-links a:before {
font-family: "Font Awesome 5 Brands";
text-indent: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
line-height: 23px;
height: 22px;
margin: auto;
z-index: 2;
}
.share-links a:hover, .share-links a:focus {
opacity: 0.9;
color: #fff;
}
.share-links.disable-br a {
border-radius: 0 !important;
}
.share-links .share-twitter {
background: #1aa9e1;
}
.share-links .share-twitter:before {
content: "";
}
.share-links .share-facebook {
background: #3b5a9a;
}
.share-links .share-facebook:before {
content: "";
}
.share-links .share-linkedin {
background: #0073b2;
}
.share-links .share-linkedin:before {
content: "";
}
.share-links .share-rss {
background: #ff8201;
}
.share-links .share-rss:before {
content: "";
}
.share-links .share-googleplus {
background: #dd4b39;
}
.share-links .share-googleplus:before {
content: "";
}
.share-links .share-pinterest {
background: #cc2127;
}
.share-links .share-pinterest:before {
content: "";
}
.share-links .share-youtube {
background: #c3191e;
}
.share-links .share-youtube:before {
content: "";
}
.share-links .share-instagram {
background: #7c4a3a;
}
.share-links .share-instagram:before {
content: "";
}
.share-links .share-skype {
background: #00b0f6;
}
.share-links .share-skype:before {
content: "";
}
.share-links .share-email {
background: #dd4b39;
}
.share-links .share-email:before {
content: "";
font-weight: 400;
}
.share-links .share-vk {
background: #6383a8;
}
.share-links .share-vk:before {
content: "";
}
.share-links .share-xing {
background: #1a7576;
}
.share-links .share-xing:before {
content: "";
}
.share-links .share-tumblr {
background: #304e6c;
}
.share-links .share-tumblr:before {
content: "";
}
.share-links .share-reddit {
background: #ff4107;
}
.share-links .share-reddit:before {
content: "";
}
.share-links .share-vimeo {
background: #52b8ea;
}
.share-links .share-vimeo:before {
content: "";
}
.share-links .share-telegram {
background: #0088cc;
}
.share-links .share-telegram:before {
content: "";
}
.share-links .share-yelp {
background: #c41200;
}
.share-links .share-yelp:before {
content: "";
}
.share-links .share-flickr {
background: #0063DC;
}
.share-links .share-flickr:before {
content: "";
}
.share-links .share-whatsapp {
background: #3c8a38;
}
.share-links .share-whatsapp:before {
content: "";
}
.share-links .share-wechat {
background: #7bb22e;
}
.share-links .share-wechat:before {
content: "";
}
.share-links .share-tiktok {
background: #010101;
}
.share-links .share-tiktok:before {
content: "";
}
.share-links.default-skin a {
color: #fff !important;
}
.share-links.default-skin a:hover {
opacity: 0.8;
}
.share-links.default-skin .share-twitter {
background: #1aa9e1 !important;
}
.share-links.default-skin .share-facebook {
background: #3b5a9a !important;
}
.share-links.default-skin .share-linkedin {
background: #0073b2 !important;
}
.share-links.default-skin .share-rss {
background: #ff8201 !important;
}
.share-links.default-skin .share-googleplus {
background: #dd4b39 !important;
}
.share-links.default-skin .share-pinterest {
background: #cc2127 !important;
}
.share-links.default-skin .share-youtube {
background: #c3191e !important;
}
.share-links.default-skin .share-instagram {
background: #7c4a3a !important;
}
.share-links.default-skin .share-skype {
background: #00b0f6 !important;
}
.share-links.default-skin .share-email {
background: #dd4b39 !important;
}
.share-links.default-skin .share-vk {
background: #6383a8 !important;
}
.share-links.default-skin .share-xing {
background: #1a7576 !important;
}
.share-links.default-skin .share-tumblr {
background: #304e6c !important;
}
.share-links.default-skin .share-reddit {
background: #ff4107 !important;
}
.share-links.default-skin .share-vimeo {
background: #52b8ea !important;
}
.share-links.default-skin .share-telegram {
background: #0088cc !important;
}
.share-links.default-skin .share-yelp {
background: #c41200 !important;
}
.share-links.default-skin .share-flickr {
background: #0063DC !important;
}
.share-links.default-skin .share-whatsapp {
background: #3c8a38 !important;
}
.share-links.default-skin .share-wechat {
background: #7bb22e !important;
}
.share-links.default-skin .share-tiktok {
background: #010101 !important;
}
.follow-us .share-links,
.header-wrapper.header-side-nav .share-links,
.header-corporate .share-links {
/*.share-twitter:hover { background: #1aa9e1; }
.share-facebook:hover { background: #3b5a9a; }
.share-linkedin:hover { background: #0073b2; }
.share-rss:hover { background: #ff8201; }
.share-googleplus:hover { background: #dd4b39; }
.share-pinterest:hover { background: #cc2127; }
.share-youtube:hover { background: #c3191e; }
.share-instagram:hover { background: #7c4a3a; }
.share-skype:hover { background: #00b0f6; }
.share-email:hover { background: #dd4b39; }
.share-vk:hover { background: #6383a8; }
.share-xing:hover { background: #1a7576; }
.share-tumblr:hover { background: #304e6c; }
.share-reddit:hover { background: #ff4107; }
.share-vimeo:hover { background: #52b8ea; }
.share-telegram:hover { background: #0088cc; }
.share-yelp:hover { background: #c41200; }
.share-flickr:hover { background: #0063DC; }
.share-whatsapp:hover { background: #3c8a38; }*/
}
.follow-us .share-links a:hover,
.header-wrapper.header-side-nav .share-links a:hover,
.header-corporate .share-links a:hover {
opacity: 1;
}
/* Advance Layout */
.member-share-advance.post-share-advance-bg {
background: transparent;
padding: 0 0 30px;
height: 35px;
}
.member-share-advance.post-share-advance-bg:hover {
background: #fff;
}
.member-share-advance.post-share-advance-bg:hover .fa-share-alt {
background: #4dbb6d;
}
.thumb-info .thumb-info-wrapper.member-social-adv-main {
overflow: visible;
}
.thumb-member-container {
display: block;
position: relative;
}
.thumb-member-container > a {
overflow: hidden;
display: block;
}
.member-social-adv-main .member-image {
margin-bottom: 0;
}
.member-share-advance.share-links {
z-index: 9;
}
.member-share-advance.share-links .fa-share-alt {
background: #58605a;
}
.member-share-advance.share-links .share-links a:first-child {
opacity: 0.5;
}
.member-share-advance.share-links .post-share-advance-bg {
background: transparent;
}
.member-share-advance.share-links .post-share-advance-bg:hover {
background: #fff;
}
.member-share-advance.share-links .post-share-advance-bg:hover .fa-share-alt {
background: #4dbb6d;
}
.member-share-advance.share-links .thumb-info-social-icons {
padding: 10px 0 !important;
}
.member-share-advance.share-links a {
width: 100%;
}
.member-share-advance.share-links .share-facebook {
color: #4d70a8 !important;
}
.member-share-advance.share-links .share-twitter {
color: #1aa9e1 !important;
}
.member-share-advance.share-links .share-linkedin {
color: #0077b5 !important;
}
.member-share-advance.share-links .share-googleplus {
color: #dd4b39 !important;
}
.member-share-advance.share-links .share-pinterest {
color: #cc2127 !important;
}
.member-share-advance.share-links .share-email {
color: #dd4b39 !important;
}
.member-share-advance.share-links .share-vk {
color: #6383a8 !important;
}
.member-share-advance.share-links .share-xing {
color: #1a7576 !important;
}
.member-share-advance.share-links .share-tumblr {
color: #304e6c !important;
}
.member-share-advance.share-links .share-reddit {
color: #ff4107 !important;
}
.member-share-advance.share-links .share-vimeo {
color: #52b8ea !important;
}
.member-share-advance.share-links .share-instagram {
color: #964b00 !important;
}
.member-share-advance.share-links .share-whatsapp {
color: #3c8a38 !important;
}
.member-share-advance.post-share-advance-bg:hover .share-links a {
opacity: 0.5;
}
.member-share-advance.post-share-advance-bg:hover .share-links a:hover {
opacity: 1;
}
.page-share[class*=position] {
position: fixed;
top: 150px;
margin: 0;
padding: 0;
z-index: 99999;
}
.page-share[class*=position].position-left {
right: 0;
}
.page-share[class*=position].position-left .tooltip.left .tooltip-arrow {
right: 0;
left: auto;
border-width: 5px 0px 5px 5px;
border-left-color: #000;
}
.page-share[class*=position].position-right {
left: 0;
}
.page-share[class*=position].position-right .tooltip.right .tooltip-arrow {
left: 0;
right: auto;
border-width: 5px 5px 5px 0px;
border-right-color: #000;
}
.page-share[class*=position] .share-links a {
display: block;
margin: 0;
}
.post-share > span {
vertical-align: middle;
}
.product-share .share-links a {
color: #fff;
}
.share-links .share-email:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.star-rating:before {
color: #ddd;
}
.star-rating {
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.star-rating {
display: block;
cursor: pointer;
float: none;
position: relative;
font-size: 11px;
height: 1em;
line-height: 1em;
overflow: hidden;
position: relative;
width: 6em;
letter-spacing: 0.1em;
text-align: right;
white-space: nowrap;
}
.star-rating:before {
content: "" "" "" "" "";
float: right;
right: 0;
position: absolute;
top: 0;
}
.star-rating span {
float: right;
right: 0;
overflow: hidden;
padding-top: 1.5em;
position: absolute;
top: 0;
}
.star-rating span:before {
color: #6a6a6d;
content: "" "" "" "" "";
right: 0;
position: absolute;
top: 0;
}
.has-ccols:not(.owl-loaded), .products-slider.owl-carousel:not(.owl-loaded) {
display: flex;
width: auto;
}
.has-ccols {
flex-wrap: wrap;
}
.has-ccols.owl-carousel:not(.owl-loaded), .products-slider.owl-carousel:not(.owl-loaded) {
flex-wrap: nowrap;
overflow: hidden;
}
.has-ccols > *, .ccols-wrap > * {
max-width: 100%;
flex: 0 0 auto;
width: var(--porto-cw, 100%);
}
.porto-carousel .elementor-column {
width: 100%;
}
.has-ccols > .elementor-section, .has-ccols > .elementor-column, .has-ccols > .elementor-element {
width: var(--porto-cw, 100%);
}
.owl-carousel.has-ccols:not(.owl-loaded) > * {
position: relative;
}
.ccols-1 {
--porto-cw: 100%;
}
.ccols-2 {
--porto-cw: 50%;
}
.ccols-3 {
--porto-cw: 33.3333%;
}
.ccols-4 {
--porto-cw: 25%;
}
.ccols-5 {
--porto-cw: 20%;
}
.ccols-6 {
--porto-cw: 16.6666%;
}
.ccols-7 {
--porto-cw: 14.2857%;
}
.ccols-8 {
--porto-cw: 12.5%;
}
.ccols-9 {
--porto-cw: 11.1111%;
}
.ccols-10 {
--porto-cw: 10%;
}
@media (min-width: 576px) {
.ccols-sm-1 > * {
--porto-cw: 100%;
}
.ccols-sm-2 > * {
--porto-cw: 50%;
}
.ccols-sm-3 > * {
--porto-cw: 33.3333%;
}
.ccols-sm-4 > * {
--porto-cw: 25%;
}
.ccols-sm-5 > * {
--porto-cw: 20%;
}
.ccols-sm-6 > * {
--porto-cw: 16.6666%;
}
}
@media (min-width: 768px) {
.ccols-md-1 > * {
--porto-cw: 100%;
}
.ccols-md-2 > * {
--porto-cw: 50%;
}
.ccols-md-3 > * {
--porto-cw: 33.3333%;
}
.ccols-md-4 > * {
--porto-cw: 25%;
}
.ccols-md-5 > * {
--porto-cw: 20%;
}
.ccols-md-6 > * {
--porto-cw: 16.6666%;
}
}
@media (min-width: 992px) {
.ccols-lg-1 > * {
--porto-cw: 100%;
}
.ccols-lg-2 > * {
--porto-cw: 50%;
}
.ccols-lg-3 > * {
--porto-cw: 33.3333%;
}
.ccols-lg-4 > * {
--porto-cw: 25%;
}
.ccols-lg-5 > * {
--porto-cw: 20%;
}
.ccols-lg-6 > * {
--porto-cw: 16.6666%;
}
.ccols-lg-7 > * {
--porto-cw: 14.2857%;
}
.ccols-lg-8 > * {
--porto-cw: 12.5%;
}
.ccols-lg-9 > * {
--porto-cw: 11.1111%;
}
}
.has-ccols.owl-loaded > div {
flex: none;
width: auto;
max-width: none;
}
.has-ccols.owl-loaded > .owl-nav {
width: 100%;
}
.row > .porto-carousel {
padding-left: 0;
padding-right: 0;
}
.has-ccols-spacing {
margin-left: calc(-1 * var(--porto-el-spacing, var(--porto-grid-gutter-width)) / 2);
margin-right: calc(-1 * var(--porto-el-spacing, var(--porto-grid-gutter-width)) / 2);
}
.has-ccols-spacing > * {
padding-left: calc(var(--porto-el-spacing, var(--porto-grid-gutter-width)) / 2);
padding-right: calc(var(--porto-el-spacing, var(--porto-grid-gutter-width)) / 2);
}
.has-ccols-spacing.owl-loaded {
--porto-el-spacing: 0;
}
/* Owl Carousel */
.fullscreen-carousel {
height: 100vh;
position: relative;
}
.fullscreen-carousel .owl-carousel:not(.owl-loaded) > *,
.fullscreen-carousel .owl-item > * {
height: 100vh;
}
.owl-carousel .owl-item .owl-lazy {
opacity: 1;
}
.owl-carousel {
margin-bottom: 20px;
}
.owl-carousel.row {
width: auto;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav button {
outline: none;
}
.owl-carousel .img-thumbnail {
max-width: 100%;
}
.owl-carousel .img-thumbnail img {
width: 100%;
}
.owl-carousel .item-video {
height: 300px;
}
.owl-carousel .owl-nav {
top: 50%;
position: absolute;
margin-top: 0;
width: 100%;
flex: none;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
position: absolute;
width: 30px;
height: 30px;
text-align: center;
line-height: 22px;
margin: 0;
transform: translateY(-50%);
background-color: var(--porto-primary-color);
border-color: var(--porto-primary-color);
color: var(--porto-primary-color-inverse);
}
.owl-carousel .owl-nav .owl-prev {
right: 0;
}
.owl-carousel .owl-nav .owl-prev:before {
font-family: "Porto";
content: "";
}
.owl-carousel .owl-nav .owl-next {
left: 0;
}
.owl-carousel .owl-nav .owl-next:before {
font-family: "Porto";
content: "";
}
.owl-carousel .owl-nav [class*=owl-]:hover, .owl-carousel .owl-nav [class*=owl-]:focus, .owl-carousel .owl-nav [class*=owl-]:active {
background-color: var(--porto-primary-dark-5);
border-color: var(--porto-primary-dark-5);
}
.owl-carousel .owl-dots {
margin-top: 1em;
}
.owl-carousel.stage-margin .owl-stage-outer {
margin-left: 40px;
margin-right: 40px;
}
.owl-carousel.stage-margin .owl-stage-outer .owl-stage {
padding-left: 0 !important;
padding-right: 0 !important;
}
.owl-carousel.nav-bottom .owl-stage-outer {
margin-bottom: 10px;
}
.owl-carousel.show-nav-hover .owl-prev {
right: -10px;
transform: translate(-10px, -50%);
}
.owl-carousel.show-nav-hover .owl-next {
left: -10px;
transform: translate(10px, -50%);
}
@media (max-width: 991px) {
.owl-carousel.show-nav-hover .owl-prev {
right: 0;
transform: translate(10px, -50%);
}
.owl-carousel.show-nav-hover .owl-next {
left: 0;
transform: translate(-10px, -50%);
}
}
.owl-carousel.show-nav-hover .owl-prev, .owl-carousel.show-nav-hover .owl-next {
transition: opacity 0.2s, transform 0.4s;
opacity: 0;
}
.owl-carousel.show-nav-hover:hover .owl-prev, .owl-carousel.show-nav-hover:hover .owl-next {
opacity: 1;
transform: translate(0, -50%);
}
.owl-carousel.show-nav-hover:hover .owl-prev.disabled, .owl-carousel.show-nav-hover:hover .owl-next.disabled {
opacity: 0.5;
}
.owl-carousel.show-nav-title .owl-nav {
top: 0;
left: 0;
margin-top: -26px;
width: auto;
}
.owl-carousel.show-nav-title .owl-nav [class*=owl-] {
color: var(--porto-dark-color);
}
.owl-carousel.show-nav-title .owl-nav [class*=owl-], .owl-carousel.show-nav-title .owl-nav [class*=owl-]:hover, .owl-carousel.show-nav-title .owl-nav [class*=owl-]:active {
background: transparent !important;
width: 18px;
font-size: 18px;
padding-left: 0;
padding-right: 0;
}
.owl-carousel.show-nav-title .owl-nav .owl-prev {
right: -45px;
}
.owl-carousel.show-nav-title.post-carousel .owl-nav, .owl-carousel.show-nav-title.portfolio-carousel .owl-nav, .owl-carousel.show-nav-title.member-carousel .owl-nav {
left: var(--porto-column-spacing);
}
.owl-carousel.nav-bottom .owl-nav {
position: static;
margin: 0;
padding: 0;
width: auto;
}
.owl-carousel.nav-bottom .owl-nav .owl-prev, .owl-carousel.nav-bottom .owl-nav .owl-next {
position: static;
transform: none;
margin: 0 3px;
}
.owl-carousel.rounded-nav .owl-nav [class*=owl-], .owl-carousel.rounded-nav .owl-nav [class*=owl-]:hover {
padding: 3px 7px;
border-radius: 50%;
background: transparent !important;
border: 1px solid #999 !important;
color: #999;
width: 30px;
}
.owl-carousel.nav-style-1 .owl-nav [class*=owl-] {
width: 20px;
background: none !important;
color: var(--porto-primary-color);
font-size: 20px;
}
.owl-carousel.show-dots-title .owl-dots {
position: absolute;
right: 155px;
top: -54px;
margin-top: 0 !important;
line-height: 0;
}
.owl-carousel.show-dots-title-right .owl-dots {
display: flex;
align-items: center;
position: absolute;
right: auto;
left: calc( var(--porto-column-spacing) - 2px );
margin-top: 0 !important;
top: -33px;
}
.owl-carousel.show-dots-title-right .owl-dots.disabled {
display: none;
}
.owl-carousel.nav-inside .owl-dots {
bottom: 2px;
margin-top: 10px;
position: absolute;
left: 6px;
z-index: 1;
}
.owl-carousel.nav-inside .owl-nav .owl-prev {
right: 15px;
}
.owl-carousel.nav-inside .owl-nav .owl-next {
left: 15px;
}
.owl-carousel.nav-inside-left .owl-dots {
right: 6px;
left: auto;
}
.owl-carousel.nav-inside-center .owl-dots {
left: 36px;
right: 36px;
}
.owl-carousel.full-width .owl-nav [class*=owl-], .owl-carousel.full-width .owl-nav [class*=owl-]:hover, .owl-carousel.big-nav .owl-nav [class*=owl-], .owl-carousel.big-nav .owl-nav [class*=owl-]:hover {
height: auto;
padding: 20px 0;
margin: 0;
}
.owl-carousel.nav-style-2 .owl-nav [class*=owl-] {
background: none !important;
color: #fff;
font-size: 1.5rem;
}
.owl-carousel.nav-style-3 .owl-nav [class*=owl-] {
width: 35px;
height: 45px;
line-height: 33px;
background-color: rgba(38, 42, 47, 0.4) !important;
border-color: transparent !important;
}
.owl-carousel.nav-style-4 .owl-nav [class*=owl-] {
width: 30px;
background: none !important;
color: var(--porto-heading-color);
font-size: 24px;
}
.owl-carousel.nav-style-4 .owl-prev:before {
content: "";
}
.owl-carousel.nav-style-4 .owl-next:before {
content: "";
}
.owl-carousel.nav-pos-inside .owl-nav .owl-prev {
right: 15px;
}
.owl-carousel.nav-pos-inside .owl-nav .owl-next {
left: 15px;
}
.owl-carousel.nav-pos-outside .owl-nav .owl-prev {
right: -30px;
}
.owl-carousel.nav-pos-outside .owl-nav .owl-next {
left: -30px;
}
@media (max-width: 991px) {
.owl-carousel.nav-pos-outside .owl-nav .owl-prev {
right: -10px;
}
.owl-carousel.nav-pos-outside .owl-nav .owl-next {
left: -10px;
}
}
.owl-carousel.nav-center-images-only .owl-nav {
top: 37%;
}
.owl-carousel.top-border {
padding-top: 18px;
border-top: 1px solid var(--porto-gray-bg);
}
.owl-carousel .owl-item .owl-lazy {
transition: all 0.2s linear, opacity 0.4s;
}
.owl-carousel .owl-item .owl-lazy-loaded {
opacity: 1;
}
.owl-carousel .wpb_content_element {
margin-bottom: 0;
}
.owl-carousel.carousel-center-active-item .owl-item {
opacity: 0.2;
transition: opacity 0.3s;
}
.owl-carousel.carousel-center-active-item .owl-item.center {
opacity: 1;
}
.owl-carousel.carousel-center-active-item-style-2 .owl-item {
opacity: 0.7;
}
.owl-carousel.dots-style-1 .owl-dots span {
width: 14px;
height: 14px;
border: 2px solid #e7e7e7;
background: none !important;
margin: 2px;
position: relative;
}
.owl-carousel.dots-style-1 .owl-dot.active span, .owl-carousel.dots-style-1 .owl-dot:hover span {
color: var(--porto-primary-color);
border: 2px solid;
}
.owl-carousel.dots-style-1 .owl-dot.active span:after, .owl-carousel.dots-style-1 .owl-dot:hover span:after {
content: "";
position: absolute;
left: 3px;
right: 3px;
top: 3px;
bottom: 3px;
border-radius: 10px;
border: 2px solid;
}
.owl-carousel.dots-light .owl-dots .owl-dot span {
background: var(--porto-bgc);
opacity: 0.6;
}
.owl-carousel.dots-light .owl-dots .owl-dot:hover span, .owl-carousel.dots-light .owl-dots .owl-dot.active span {
opacity: 1;
}
/* Spaced */
.owl-carousel-spaced {
margin-right: -5px;
}
.owl-carousel-spaced .owl-item > div {
margin: 5px;
}
/* Testimonials */
.owl-carousel.testimonials img {
display: inline-block;
height: 70px;
width: 70px;
}
/* Responsive */
@media (max-width: 575px) {
.owl-carousel-spaced {
margin-right: 0;
}
}
/* Slick Slider */
.slick-slider .slick-dots li {
opacity: 1 !important;
}
.slick-slider .slick-dots li i {
color: var(--porto-gray-2);
}
.slick-slider .slick-dots li.slick-active i, .slick-slider .slick-dots li:hover i {
color: var(--porto-primary-dark-5) !important;
}
.slick-slider .slick-prev {
width: auto;
height: auto;
right: 0;
text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
}
.slick-slider .slick-next {
width: auto;
height: auto;
left: 0;
text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
}
@media (max-width: 767px) {
.slick-slider .slick-prev,
.slick-slider .slick-next {
display: none !important;
}
}
.dots-inner .slick-slider ul.slick-dots,
.slick-slider.dots-inner ul.slick-dots {
position: absolute !important;
bottom: 10px !important;
}
[dir=rtl] .slick-prev:before,
[dir=rtl] .slick-next:before {
display: none;
}
.yith-wcan-loading {
position: relative;
}
#fancybox-loading div {
background-image: none;
display: none;
}
.yith-wcan-loading,
#fancybox-loading,
.slick-slider .slick-loading .slick-list,
.porto-carousel-wrapper > div:first-child > .porto-item-wrap:first-child,
.porto-ajax-loading {
background-image: none;
background-color: transparent;
border-radius: 0;
box-shadow: none;
opacity: 1;
}
.porto-loading-icon,
#fancybox-loading:before,
#fancybox-loading:after,
.slick-slider .slick-loading .slick-list:before,
.porto-carousel-wrapper > div:first-child > .porto-item-wrap:first-child:before,
.fullscreen-carousel > .owl-carousel:before,
.fullscreen-carousel > .owl-carousel:after {
content: "";
display: inline-block !important;
border: 2px solid transparent;
border-top-color: var(--porto-primary-color);
width: 40px;
height: 40px;
animation: spin 0.75s infinite linear;
display: inline-block;
border-image: none;
border-radius: 50%;
vertical-align: middle;
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
}
.fullscreen-carousel > .owl-carousel:before {
z-index: 0;
}
.fullscreen-carousel > .owl-carousel:after {
z-index: 0;
animation: spin 0.5s infinite linear;
}
.fullscreen-carousel > .owl-carousel .owl-stage-outer, .fullscreen-carousel > .owl-carousel .owl-nav {
z-index: 1;
}
.fullscreen-carousel > .owl-loaded:before,
.fullscreen-carousel > .owl-loaded:after {
content: none;
}
#fancybox-loading:after {
animation: spin 0.5s infinite linear;
}
.porto-loading-icon {
z-index: -1;
visibility: hidden;
}
.yith-wcan-loading .porto-loading-icon,
.porto-ajax-loading .porto-loading-icon,
.mfp-preloader .porto-loading-icon {
z-index: 2;
visibility: visible;
}
.yith-wcan-loading .porto-loading-icon:before,
.porto-ajax-loading .porto-loading-icon:before,
.mfp-preloader .porto-loading-icon:before {
content: "";
position: absolute;
left: -2px;
top: -2px;
width: inherit;
height: inherit;
border: inherit;
border-radius: inherit;
border-top-color: inherit;
animation: spin 1.5s infinite;
}
.porto-ajax-loading {
position: relative;
}
.porto-ajax-loading:before {
z-index: 2;
}
.porto-ajax-loading:after {
content: " ";
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0.2;
z-index: 1;
background-color: var(--porto-body-bg);
}
.porto-ajax-loading.skeleton-body:after {
content: none;
}
.porto-standable-carousel {
display: block;
min-height: 100px;
}
.porto-standable-carousel:not(.owl-loaded) > *:not(:first-child) {
display: none;
}
.porto-standable-carousel .owl-item .vc_single_image-wrapper {
display: block;
}
/* Timeline */
section.timeline {
width: 100%;
margin: 50px 0 0;
position: relative;
float: right;
padding-bottom: 120px;
}
section.timeline:after {
background: #505050;
background: linear, to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%;
content: "";
display: block;
height: 100%;
position: absolute;
top: -60px;
left: 0;
right: 0;
margin: auto;
width: 3px;
z-index: 0;
opacity: 0.35;
}
section.timeline .timeline-date, section.timeline .timeline-box {
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
position: relative;
z-index: 1;
}
section.timeline .timeline-date {
display: block;
clear: both;
width: 200px;
height: 45px;
padding: 5px;
margin: 0 auto 10px;
border: 1px solid var(--porto-gray-5);
background: var(--porto-normal-bg);
}
section.timeline .timeline-date h3 {
display: block;
text-align: center;
text-transform: uppercase;
color: var(--porto-primary-color);
font-size: 0.9em;
font-weight: 700;
line-height: 32px;
margin: 2px 0 0;
}
section.timeline .timeline-title {
padding: 12px;
background: var(--porto-gray-1);
}
section.timeline .timeline-title h4 {
padding: 0;
margin: 0;
color: #171717;
font-size: 1.4em;
}
section.timeline .timeline-title a {
color: #171717;
}
section.timeline .timeline-title .timeline-title-tags {
color: #B1B1B1;
font-size: 0.9em;
}
section.timeline .timeline-title .timeline-title-tags a {
color: #B1B1B1;
font-size: 0.9em;
}
section.timeline .timeline-box {
margin: 20px 22px 10px;
padding: 18px;
width: calc(50% - 44px);
float: right;
margin-bottom: 30px;
background: var(--porto-normal-bg);
border: 1px solid var(--porto-gray-5);
}
section.timeline .timeline-box:before {
background: var(--porto-primary-color);
box-shadow: 0 0 0 3px #fff, 0 0 0 6px var(--porto-primary-color);
}
section.timeline .timeline-box.left {
clear: both;
}
section.timeline .timeline-box.left:before {
content: "";
border-radius: 50%;
height: 8px;
width: 8px;
position: absolute;
left: -27px;
top: 22px;
}
section.timeline .timeline-box.left:after {
content: "";
transform: rotate(45deg);
width: 14px;
height: 14px;
position: absolute;
left: -8px;
top: 20px;
z-index: 0;
background: inherit;
border-left: 1px solid var(--porto-gray-5);
border-top: 1px solid var(--porto-gray-5);
}
section.timeline .timeline-box.right {
clear: left;
float: left;
margin-top: 40px;
}
section.timeline .timeline-box.right:before {
content: "";
border-radius: 50%;
height: 8px;
right: -27px;
position: absolute;
top: 32px;
width: 8px;
}
section.timeline .timeline-box.right:after {
content: "";
transform: rotate(45deg);
right: -8px;
height: 14px;
position: absolute;
top: 30px;
width: 14px;
z-index: 0;
background: inherit;
border-right: 1px solid var(--porto-gray-5);
border-bottom: 1px solid var(--porto-gray-5);
}
section.timeline .timeline-box .img-thumbnail, section.timeline .timeline-box .img-thumbnail img {
padding: 0;
border: 0;
}
section.timeline .timeline-box .owl-carousel {
border-radius: 0;
padding: 0;
border: 0;
box-shadow: none;
}
section.timeline .timeline-box .owl-carousel .owl-stage-outer {
border-radius: 0;
}
section.timeline .timeline-box .thumb-info, section.timeline .timeline-box .thumb-info img {
border: 0;
padding: 0;
margin: 0;
border-radius: 0;
}
section.timeline .timeline-box .thumb-info .thumb-info-wrapper {
border: 0;
padding: 0;
margin: 0;
border-radius: 0;
}
section.timeline .timeline-box .thumb-info .thumb-info-wrapper:after {
border-radius: 0;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
section.timeline .timeline-box .thumb-info-side-image .thumb-info-side-image-wrapper {
padding: 0;
}
.timeline .timeline-item-title {
font-size: 1em;
margin: 1rem 0 0.25rem;
font-weight: 700;
}
.timeline .timeline-item-content {
font-size: 0.9em;
}
.timeline .timeline-item-content p {
font-size: inherit;
}
.timeline .timeline-item-content p:last-child {
margin-bottom: 0;
}
/* Responsive */
@media (max-width: 767px) {
.column2 section.timeline {
width: 74%;
margin: 50px 13% 0;
}
section.timeline .timeline-box {
float: none;
clear: both;
right: auto;
left: auto;
margin: 25px auto;
max-width: 80%;
width: auto;
}
.column2 section.timeline .timeline-box {
max-width: 80%;
}
section.timeline .timeline-box.right {
float: none;
clear: both;
right: auto;
left: auto;
margin: 25px auto;
max-width: 80%;
width: auto;
}
.column2 section.timeline .timeline-box.right {
max-width: 80%;
}
section.timeline .timeline-box.left:after, section.timeline .timeline-box.right:after, section.timeline .timeline-box.left:before, section.timeline .timeline-box.right:before {
display: none;
}
}
@media (max-width: 575px) {
section.timeline {
width: auto;
float: none;
margin-left: 0;
margin-right: 0;
}
.column2 section.timeline {
margin-left: 0;
margin-right: 0;
width: auto;
}
section.timeline .timeline-box {
margin: 15px auto;
max-width: 90%;
}
.column2 section.timeline .timeline-box {
max-width: 90%;
}
section.timeline .timeline-box.right {
margin: 15px auto;
max-width: 90%;
}
.column2 section.timeline .timeline-box.right {
max-width: 90%;
}
}
/* Thumbnails */
img {
max-width: 100%;
height: auto;
-webkit-user-select: none;
user-select: none;
-webkit-user-drag: none;
-moz-user-drag: none;
}
.img-box-shadow {
box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.1);
transition: all 0.3s;
}
.img-box-shadow:hover {
box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.4);
}
.img-thumbnail.full {
width: 100%;
}
.img-thumbnail.full img {
width: 100%;
}
.img-thumbnail video {
width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
/* Thumbnails */
.img-thumbnail .zoom, .porto-tb-featured-image .zoom {
border-radius: 100%;
bottom: 4px;
cursor: pointer;
background: var(--porto-primary-color);
color: #fff;
height: 30px;
position: absolute;
left: 4px;
text-align: center;
width: 30px;
opacity: 0;
transition: opacity 0.1s, background-color 0.1s;
z-index: 1000;
}
.img-thumbnail .zoom i, .porto-tb-featured-image .zoom i {
font-size: 14px;
line-height: 30px;
}
.img-thumbnail {
position: relative;
}
.img-thumbnail .link {
transition: 0.3s;
background: var(--porto-primary-color);
color: #fff;
display: inline-block;
font-size: 25px;
height: 50px;
line-height: 50px;
position: absolute;
border-radius: 0 0 4px 0;
left: -100px;
text-align: center;
top: -100px;
width: 50px;
}
.img-thumbnail .link i {
font-size: 20px;
position: relative;
top: -4px;
}
.img-thumbnail:hover .zoom {
opacity: 1;
}
.img-thumbnail:hover .link {
left: 0;
top: 0;
}
.img-thumbnail .inner {
display: block;
overflow: hidden;
position: relative;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
}
.img-thumbnail.img-thumbnail-no-borders {
border-radius: 0;
padding: 0;
max-width: 100% !important;
border-width: 0;
}
.img-thumbnail.img-thumbnail-no-borders img, .img-thumbnail.img-thumbnail-no-borders .inner {
border-radius: 0;
}
.img-thumbnail.img-thumbnail-no-borders .rev_slider_wrapper, .img-thumbnail.img-thumbnail-no-borders .rev_slider_wrapper li.tp-revslider-slidesli {
border-radius: 0 !important;
}
.porto-image-frame > .img-thumbnail {
display: block;
}
.porto-image-frame {
margin-bottom: var(--porto-grid-gutter-width);
}
.gallery-row {
margin: 0 -4px;
}
.img-opacity-effect a img {
transition: opacity 0.2s ease-in-out;
overflow: hidden;
}
.img-opacity-effect a img:hover {
opacity: 0.9;
}
/* Masonry */
.masonry:after {
content: " ";
display: table;
clear: both;
}
.masonry .masonry-item {
width: 25%;
float: right;
}
.masonry .masonry-item.w2 {
width: 50%;
}
.masonry .masonry-item img {
border-radius: 0 !important;
}
.img-thumbnail .zoom:hover,
.thumb-info .zoom:hover,
.img-thumbnail .link:hover,
.porto-tb-featured-image .zoom:hover {
background-color: var(--porto-primary-light-5);
}
/* Thumb Info */
.thumb-info {
text-decoration: none;
max-width: 100%;
border: 1px solid;
}
.thumb-info, .thumb-info .thumb-info-wrapper {
display: block;
position: relative;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
}
.thumb-info .thumb-info-wrapper {
margin: 0;
overflow: hidden;
}
.thumb-info .thumb-info-wrapper:after {
content: "";
transition: 0.3s;
bottom: 0;
color: #FFF;
right: 0;
position: absolute;
left: 0;
top: 0;
display: block;
opacity: 0;
z-index: 1;
}
.thumb-info .thumb-info-action-icon {
transition: 0.3s;
border-radius: 0 0 4px 0;
display: inline-block;
font-size: 25px;
height: 50px;
line-height: 50px;
position: absolute;
left: -100px;
text-align: center;
text-decoration: none;
vertical-align: bottom;
top: -100px;
width: 50px;
z-index: 2;
overflow: hidden;
font-size: 18px;
background: var(--porto-primary-color);
color: #fff;
}
.thumb-info .thumb-info-action-icon i {
color: var(--porto-primary-color-inverse);
}
.thumb-info .thumb-info-action-icon i img {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 0;
transform: none !important;
}
.thumb-info .thumb-info-action-icon.thumb-info-plus {
visibility: hidden;
transform: none !important;
}
.thumb-info .thumb-info-inner {
transition: 0.3s;
display: block;
font: inherit;
color: inherit;
margin-bottom: 0;
}
.thumb-info .thumb-info-inner em {
display: block;
font-size: 0.8em;
font-style: normal;
font-weight: normal;
}
.thumb-info .thumb-info-title {
transition: 0.3s;
background: rgba(33, 37, 41, 0.8);
bottom: 13%;
color: #fff;
font-size: 17px;
font-weight: 600;
right: 0;
letter-spacing: -0.05em;
padding: 13px 21px 2px;
position: absolute;
z-index: 2;
max-width: 90%;
}
.thumb-info .thumb-info-title a,
.thumb-info .thumb-info-title a:hover {
color: #fff;
text-decoration: none;
}
.thumb-info .thumb-info-type {
display: inline-block;
float: right;
font-size: 0.6em;
font-weight: 600;
letter-spacing: 0;
margin: 8px -2px -15px 0;
padding: 2px 12px;
text-transform: uppercase;
z-index: 2;
line-height: 2.3;
background: var(--porto-primary-color);
}
.thumb-info .owl-carousel {
z-index: auto;
}
.thumb-info .owl-carousel .owl-nav, .thumb-info .owl-carousel .owl-dots {
z-index: 2;
}
.thumb-info img {
transition: 0.3s;
position: relative;
width: 100%;
}
.thumb-info .zoom {
display: block;
border-radius: 100%;
bottom: 4px;
cursor: pointer;
background: var(--porto-primary-color);
color: #FFF;
height: 30px;
width: 30px;
padding: 0;
position: absolute;
left: 4px;
text-align: center;
opacity: 0;
transition: 0.1s;
line-height: 30px;
font-size: 14px;
z-index: 2;
}
.thumb-info:hover .thumb-info-wrapper:after {
opacity: 1;
}
.thumb-info:hover .thumb-info-action-icon {
left: 0;
top: 0;
}
.thumb-info:hover .thumb-info-title {
background: #000;
}
.thumb-info:hover img {
transform: scale(1.1, 1.1);
}
.thumb-info:hover .zoom {
opacity: 1;
}
.thumb-info:hover .owl-carousel.show-nav-hover .owl-nav {
opacity: 1;
}
.thumb-info .owl-item.active {
z-index: 1;
}
.thumb-info.thumb-info-no-zoom img {
transition: none;
}
.thumb-info.thumb-info-no-zoom:hover img {
transform: scale(1, 1);
}
.thumb-info.thumb-info-lighten .thumb-info-wrapper:after {
background: rgba(23, 23, 23, 0.25);
}
.thumb-info.thumb-info-hide-wrapper-bg .thumb-info-wrapper:after {
display: none;
}
.thumb-info.thumb-info-centered-icons .thumb-info-action {
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
transform: translate3d(0, -10px, 0);
top: 50%;
right: 3px;
left: auto;
bottom: auto;
width: 100%;
height: 45px;
margin-top: -20px;
text-align: center;
position: absolute;
opacity: 0;
z-index: 2;
padding-top: 5px;
}
.thumb-info.thumb-info-centered-icons .thumb-info-action-icon {
transition: 0.1s;
display: inline-block;
position: relative;
z-index: 2;
left: auto;
right: auto;
top: auto;
bottom: auto;
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 50%;
margin-left: 6px;
font-size: 14px;
}
.thumb-info.thumb-info-centered-icons .thumb-info-action-icon:hover {
transform: scale(1.15, 1.15);
}
.thumb-info.thumb-info-centered-icons:hover .thumb-info-action {
transform: translate3d(0, 0, 0);
opacity: 1;
}
.thumb-info.thumb-info-centered-icons:hover .thumb-info-action-icon {
position: relative;
}
.thumb-info.thumb-info-centered-info .thumb-info-title {
background: transparent;
right: 5%;
width: 90%;
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
transform: translate(0%, -30%);
top: 50%;
bottom: auto;
opacity: 0;
text-align: center;
padding: 0;
position: absolute;
}
.thumb-info.thumb-info-centered-info .thumb-info-type {
float: none;
}
.thumb-info.thumb-info-centered-info:hover .thumb-info-title {
opacity: 1;
transform: translate(0%, -50%);
}
.thumb-info.thumb-info-bottom-info .thumb-info-title {
right: 0;
width: 100%;
max-width: 100%;
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
transform: translate3d(0, 100px, 0);
top: auto;
bottom: 0;
opacity: 0;
padding: 15px;
text-shadow: none;
}
.thumb-info.thumb-info-bottom-info .thumb-info-type {
float: none;
background: none;
padding: 0;
margin: 0;
}
.thumb-info.thumb-info-bottom-info .thumb-info-inner {
line-height: 1;
}
.thumb-info.thumb-info-bottom-info:hover .thumb-info-title {
transform: translate3d(0, 0, 0);
opacity: 1;
}
.thumb-info.thumb-info-bottom-info:hover img {
transform: sacle(1.1);
}
.thumb-info.thumb-info-bottom-info:not(.thumb-info-bottom-info-dark) .thumb-info-title {
background: var(--porto-body-bg);
}
.thumb-info.thumb-info-bottom-info:not(.thumb-info-bottom-info-dark) .thumb-info-inner {
color: var(--porto-heading-color);
}
.thumb-info.thumb-info-bottom-info-dark .thumb-info-title {
background: linear, to top, rgba(23, 23, 23, 0.8) 0, transparent 100% repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #FFF;
}
.thumb-info.thumb-info-bottom-info-dark .thumb-info-title a, .thumb-info.thumb-info-bottom-info-dark .thumb-info-title a:hover, .thumb-info.thumb-info-bottom-info-dark .thumb-info-title a:focus {
color: inherit;
}
.thumb-info.thumb-info-push-hor img {
transform: translateX(-18px);
width: calc(100% + 19px);
max-width: none;
}
.thumb-info.thumb-info-push-hor:hover img {
transform: translateX(0);
}
.thumb-info.thumb-info-hide-info-hover .thumb-info-wrapper:after {
opacity: 0.65;
}
.thumb-info.thumb-info-hide-info-hover .thumb-info-title {
opacity: 1;
top: 50%;
}
.thumb-info.thumb-info-hide-info-hover .thumb-info-type {
float: none;
}
.thumb-info.thumb-info-hide-info-hover:hover .thumb-info-wrapper:after {
opacity: 0.1;
}
.thumb-info.thumb-info-hide-info-hover:hover .thumb-info-title {
opacity: 0;
}
.thumb-info.thumb-info-no-borders, .thumb-info.thumb-info-no-borders img, .thumb-info.thumb-info-no-borders .thumb-info-wrapper {
border: 0;
padding: 0;
margin: 0;
border-radius: 0;
}
.thumb-info.thumb-info-no-borders .thumb-info-wrapper:after {
border-radius: 0;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
.thumb-info.thumb-info-preview .thumb-info-wrapper:after {
display: none;
}
.thumb-info.thumb-info-preview .thumb-info-image {
min-height: 232px;
display: block;
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
transition: background-position 0.8s linear;
}
.thumb-info.thumb-info-preview:hover .thumb-info-image {
transition: background-position 2.5s linear;
background-position: center bottom;
}
.thumb-info.thumb-info-preview.thumb-info-preview-short:hover .thumb-info-image {
transition: background-position 1s linear;
}
.thumb-info.thumb-info-preview.thumb-info-preview-long:hover .thumb-info-image {
transition: background-position 5s linear;
}
.thumb-info.thumb-info-preview.thumb-info-preview-fixed .thumb-info-image, .thumb-info.thumb-info-preview.thumb-info-preview-fixed:hover .thumb-info-image {
background-position: center center;
transition: none;
}
.thumb-info.thumb-info-preview.thumb-info-preview-fixed-top .thumb-info-image, .thumb-info.thumb-info-preview.thumb-info-preview-fixed-top:hover .thumb-info-image {
background-position: center top;
}
.thumb-info.thumb-info-preview.thumb-info-preview-fixed-bottom .thumb-info-image, .thumb-info.thumb-info-preview.thumb-info-preview-fixed-bottom:hover .thumb-info-image {
background-position: center bottom;
}
.thumb-info.thumb-info-box-shadow {
box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.1);
transition: all 0.3s;
}
.thumb-info.thumb-info-box-shadow:hover {
box-shadow: 10px 10px 74px 0 rgba(0, 0, 0, 0.1);
}
.thumb-info.thumb-info-left-no-bg .thumb-info-title,
.thumb-info.thumb-info-left-no-bg .thumb-info-type {
background: none;
}
.thumb-info.thumb-info-left-no-bg .thumb-info-title {
bottom: 0;
padding: 1.5rem;
color: #212529;
}
.thumb-info.thumb-info-left-no-bg .thumb-info-type {
padding: 0;
margin: 0;
opacity: 0.6;
}
.thumb-info.thumb-info-left-no-bg .thumb-info-inner {
font-weight: 700;
font-size: 1.2em;
}
/* Thumb Info - Full Width */
.full-width .thumb-info img {
border-radius: 0 !important;
}
/* Thumb Info Caption */
.thumb-info-caption {
padding: 10px 0;
}
.thumb-info-caption .thumb-info-caption-text {
display: block;
margin: 0 0 8px;
font-size: 0.9em;
padding: 10px;
}
.thumb-info-caption .thumb-info-caption-text > *:last-child {
margin-bottom: 0;
}
.thumb-info-caption .thumb-info-caption-text .thumb-info-date {
display: block;
font-style: normal;
font-weight: normal;
}
.thumb-info-caption .thumb-info-caption-text img {
width: auto;
}
.thumb-info-caption p {
line-height: 20px;
margin: 0 0 8px;
}
/* Thumb Info Side Image */
.thumb-info-side-image {
border: 1px solid var(--porto-gray-5);
}
.thumb-info-side-image:after {
content: " ";
display: table;
clear: both;
}
.thumb-info-side-image .thumb-info-side-image-wrapper {
position: relative;
padding: 0;
float: right;
margin-left: 20px;
}
.thumb-info-side-image .thumb-info-caption .thumb-info-caption-text {
padding: 17px;
margin: 0;
}
.thumb-info-side-image .thumb-info-social-icons {
border-width: 0;
padding-bottom: 0;
}
.thumb-info-side-image.thumb-info-no-borders .thumb-info-side-image-wrapper {
padding: 0;
}
.thumb-info-side-image-right .thumb-info-side-image-wrapper {
float: left;
margin-right: 20px;
margin-left: 0;
}
/* Thumb Info Social Icons */
.thumb-info-social-icons {
margin: 0;
padding: 15px 10px;
display: block;
}
.thumb-info-social-icons a {
position: relative;
margin: 2px;
border-radius: 25px;
display: inline-block;
height: 30px;
line-height: 30px;
text-align: center;
width: 30px;
vertical-align: bottom;
overflow: hidden;
background-color: var(--porto-primary-color);
color: var(--porto-primary-color-inverse);
font-size: 0.9em;
font-weight: normal;
}
.thumb-info-social-icons a:hover {
text-decoration: none;
}
.thumb-info-social-icons a span {
display: none;
}
.thumb-info-social-icons a i img {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 0;
transform: none !important;
}
.thumb-info-social-icons.share-links a {
margin: 2px;
border-radius: 25px;
}
/* Image Counter */
.thumb-info-icons.position-style-2 {
position: absolute;
top: -15px;
left: 50%;
z-index: 3;
transform: translateX(-51%);
}
.thumb-info-icons .thumb-info-icon {
display: inline-block;
padding: 5px 11px;
border-radius: 20px;
transition: all 0.3s;
}
.thumb-info-icons .thumb-info-icon.love {
margin-right: 0.2em;
}
.thumb-info-icons .thumb-info-icon i {
margin-right: 8px;
}
.thumb-info-icons.position-style-1 {
position: absolute;
bottom: 5%;
left: 5%;
z-index: 2;
}
.thumb-info-icons.position-style-3 {
bottom: 7%;
position: absolute;
left: 2%;
}
/* Thumb Info Plus */
.thumb-info-plus:before {
opacity: 1;
transition: auto;
content: "";
display: block;
position: absolute;
width: 100%;
top: 50%;
left: 50%;
border-top: 1px solid #FFF;
transform: translate3d(-50%, -50%, 0);
}
.thumb-info-plus:after {
opacity: 1;
transition: auto;
content: "";
display: block;
position: absolute;
width: 100%;
top: 50%;
left: 50%;
border-top: 1px solid #FFF;
transform: translate3d(-50%, -50%, 0) rotate(0deg);
}
.thumb-info .thumb-info-plus {
opacity: 0;
position: absolute;
width: 10%;
top: 50%;
left: 50%;
z-index: 2;
transform: translate3d(-50%, -50%, 0);
transition: all 0.3s;
}
.thumb-info:hover .thumb-info-plus {
opacity: 1;
width: 30%;
}
.thumb-info:hover .thumb-info-plus::after {
transform: translate3d(-50%, -50%, 0) rotate(90deg);
}
/* Thumb Info Plus Parallax */
.portfolio-parallax .thumb-info-plus {
opacity: 0;
position: absolute;
width: 10%;
top: 50%;
left: 50%;
z-index: 2;
transform: translate3d(-50%, -50%, 0);
transition: 0.3s;
width: 2%;
}
.portfolio-parallax:hover .thumb-info-plus {
opacity: 1;
width: 8%;
}
.portfolio-parallax:hover .thumb-info-plus::after {
transform: translate3d(-50%, -50%, 0) rotate(90deg);
}
.portfolio-parallax .container-fluid {
position: static;
}
.portfolio-parallax.hidden-plus .thumb-info-plus {
display: none;
}
.thumb-info.thumb-info-bottom-info.alternate-info-hide:hover img {
transform: scale(1.1, 1.1);
}
/* Slow Zoom */
.thumb-info-slow-zoom {
transition: box-shadow 0.3s;
}
.thumb-info-slow-zoom:hover {
box-shadow: 0 0 59px -16px rgba(0, 0, 0, 0.4);
}
.thumb-info-slow-zoom:hover img {
transform: translate3d(0, 3%, 0) scale(1.3) !important;
}
.thumb-info-slow-zoom img {
transform: translate3d(-2%, -2%, 0) scale(1.2);
transition: 5s;
}
.thumb-info-slow-zoom .thumb-info-plus {
display: none;
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info.thumb-info-slow-zoom:hover .thumb-info-wrapper .background-image {
transform: translate3d(0, 3%, 0) scale(1.3) !important;
box-shadow: none;
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info.thumb-info-slow-zoom .thumb-info-wrapper .background-image {
transform: translate3d(-2%, -2%, 0) scale(1.2) !important;
transition: 5s;
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info-slow-zoom:hover .thumb-info-wrapper::after {
opacity: 0;
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info-slow-zoom:hover .thumb-info-wrapper:before {
bottom: -41px;
}
.thumb-info-bottom-info .thumb-info-title,
.thumb-info-bottom-info .thumb-info-title a,
.thumb-info-bottom-info .thumb-info-title a:hover {
color: var(--porto-body-color);
}
/* theme colors */
/* secondary, tertiary, quaternary, dark, light */
.thumb-info .thumb-info-action .thumb-info-action-icon-secondary {
background-color: var(--porto-secondary-color);
}
.thumb-info .thumb-info-action-icon-secondary i {
color: var(--porto-secondary-color-inverse, #FFF);
}
.thumb-info .thumb-info-action .thumb-info-action-icon-tertiary {
background-color: var(--porto-tertiary-color);
}
.thumb-info .thumb-info-action-icon-tertiary i {
color: var(--porto-tertiary-color-inverse, #FFF);
}
.thumb-info .thumb-info-action .thumb-info-action-icon-quaternary {
background-color: var(--porto-quaternary-color);
}
.thumb-info .thumb-info-action-icon-quaternary i {
color: var(--porto-quaternary-color-inverse, #FFF);
}
.thumb-info .thumb-info-action .thumb-info-action-icon-dark {
background-color: var(--porto-dark-color);
}
.thumb-info .thumb-info-action-icon-dark i {
color: var(--porto-dark-color-inverse, #FFF);
}
.thumb-info .thumb-info-action .thumb-info-action-icon-light {
background-color: var(--porto-light-color);
}
.thumb-info .thumb-info-action-icon-light i {
color: var(--porto-light-color-inverse, #212529);
}
/* Responsive */
@media (max-width: 991px) {
.thumb-info .thumb-info-title {
font-size: 14px;
}
.thumb-info .thumb-info-more {
font-size: 11px;
}
.portfolio-parallax:hover .thumb-info-plus {
width: 20%;
}
}
/* Single Post */
.single-post article {
border-bottom: 0;
margin-bottom: 0;
}
.single-post .entry-title {
font-weight: 700;
color: var(--porto-primary-color);
}
.comment-form-cookies-consent > * {
vertical-align: middle;
}
.comment-form-cookies-consent > label {
display: inline;
}
/* Post Slideshow */
.post-slideshow {
text-align: center;
}
/* Post */
.entry-title {
margin-top: 0;
}
.sub-title {
text-transform: uppercase;
}
article.post .post-date,
.post-item .post-date {
float: right;
margin-left: 10px;
text-align: center;
width: 40px;
}
article.post .post-date .month, article.post .post-date .format,
.post-item .post-date .month,
.post-item .post-date .format {
display: block;
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
background: var(--porto-primary-color);
color: #fff;
}
article.post .post-date .month,
.post-item .post-date .month {
font-size: 0.9em;
padding: 0 0 2px;
}
article.post .post-date .day,
.post-item .post-date .day {
display: block;
font-size: 16px;
font-weight: 500;
font-weight: bold;
padding: 10px 0;
background: var(--porto-gray-1);
color: var(--porto-primary-color);
}
article.post .post-date .sticky,
.post-item .post-date .sticky {
background: var(--porto-hot-color, #62b959);
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
color: var(--porto-hot-color-inverse, #FFF);
font-size: 0.9em;
padding: 2px 0 0;
margin-top: 5px;
display: block;
}
article.post .post-date .format,
.post-item .post-date .format {
font-size: 1.2857em;
padding: 0;
line-height: 40px;
margin: 5px 0;
}
article.post .read-more,
.post-item .read-more {
display: block;
}
article.post .read-more-block,
.post-item .read-more-block {
display: block;
margin-top: 20px;
}
article.post .read-more, article.post .read-more-block,
.post-item .read-more,
.post-item .read-more-block {
font-size: 0.9em;
font-weight: 600;
color: var(--porto-heading-color);
}
article.post h4.title-short,
.post-item h4.title-short {
margin-bottom: 2px;
padding-top: 8px;
}
article.post .author-name a,
.post-item .author-name a {
color: inherit;
}
article.post h2 a,
article.post h4 a {
text-decoration: none;
}
article.post .post-meta {
font-size: 0.9em;
margin-bottom: 8px;
}
body.single-post article.post .post-meta {
margin-bottom: 20px;
}
article.post .post-meta > span,
article.post .post-meta > .post-views {
display: inline-block;
padding-left: 8px;
}
article.post .post-meta i,
article.post .post-meta .post-views-icon.dashicons {
margin-left: 6px !important;
font-size: 1em !important;
height: 1em;
line-height: 1;
width: 1em;
text-align: center;
}
article.post .post-image {
margin-bottom: 15px;
/*img {
width: auto;
}*/
}
article.post .post-image .owl-lazy:not(.owl-lazy-loaded), article.post .post-image .porto-lazyload:not(.lazy-load-loaded) {
width: 100%;
}
article.post .post-image.single {
margin-bottom: 30px;
}
article.post .post-image .post-date {
position: absolute;
left: 0;
top: 10px;
z-index: 2;
}
article.post .post-item .post-meta,
article.post .post-item .read-more {
font-size: 1em;
}
article.post-full .entry-title, article.post-large .entry-title {
margin-bottom: 5px;
}
article.post-full.hide-post-date, article.post-large.hide-post-date {
margin-right: 0;
}
article.post-full.hide-post-date .post-image, article.post-large.hide-post-date .post-image {
margin-right: 0;
}
@media (max-width: 575px) {
article.post-full, article.post-large {
margin-right: 0;
}
article.post-full .post-image,
article.post-full .post-date, article.post-large .post-image,
article.post-large .post-date {
margin-right: 0;
}
}
article.post-large-alt {
margin-right: 60px;
}
article.post-large-alt h2 {
margin-bottom: 5px;
}
article.post-large-alt .post-date {
margin-right: -60px;
}
article.post-large-alt.hide-post-date {
margin-right: 0;
}
article.post-large-alt.hide-post-date .post-image {
margin-right: 0;
}
@media (max-width: 575px) {
article.post-large-alt {
margin-right: 0;
}
article.post-large-alt .post-date {
margin-right: 0;
}
article.post-large-alt .post-image {
margin-right: 60px;
}
}
article.post-grid .owl-carousel .owl-dots, article.post-timeline .owl-carousel .owl-dots {
margin-top: 5px;
}
article.post-grid .post-image, article.post-timeline .post-image {
margin-bottom: 5px;
position: relative;
}
article.post-grid .post-image.single, article.post-timeline .post-image.single {
margin-bottom: 15px;
}
article.post-grid .post-image.thumb-info-side-image-wrapper, article.post-timeline .post-image.thumb-info-side-image-wrapper {
margin-bottom: 0;
}
/* Post Block */
.post-image {
position: relative;
}
.porto-single-page .post-block {
margin-bottom: 3rem;
}
.porto-single-page .post-share-advance {
margin-bottom: 0;
}
.post-block h3,
.post-share h3,
article.post .comment-respond h3,
article.portfolio .comment-respond h3 {
font-size: 1.4em;
line-height: 1.25;
font-weight: 600;
margin: 0 0 20px;
}
.post-block h3 i,
.post-share h3 i,
article.post .comment-respond h3 i,
article.portfolio .comment-respond h3 i {
margin-left: 7px;
}
.post-block h3 i.fa-share,
.post-share h3 i.fa-share,
article.post .comment-respond h3 i.fa-share,
article.portfolio .comment-respond h3 i.fa-share {
transform: rotate(180deg);
}
/* Post Share Advance */
.post-share-advance {
border: 0 none;
bottom: -20px;
margin: 0;
padding: 0;
position: absolute;
left: 15px;
z-index: 2;
}
.post-share-advance-bg {
background: var(--porto-quaternary-color, #333940);
border-radius: 50px;
float: left;
height: 100%;
max-height: 41px;
overflow: hidden;
padding: 0 6px 41px;
text-align: center;
transition: max-height 0.4s;
width: 42px;
}
.post-share-advance-bg:hover {
height: 100%;
max-height: 370px;
}
article.post-title-simple .post-share-advance.post-block.post-share {
margin: 0;
}
.post-share-advance.post-share {
border-top: none;
}
.post-share-advance .fa-share-alt {
background: var(--porto-quaternary-color, #333940);
border-radius: 50px;
bottom: 0;
color: var(--porto-quaternary-color-inverse, #FFF);
height: 40px;
line-height: 40px;
position: absolute;
left: 1px;
width: 40px;
}
.post-share-advance > h3 {
bottom: -32px;
margin: 0;
position: absolute;
text-align: left;
left: 0;
white-space: nowrap;
}
.post-share-advance .share-links a:first-child {
margin-top: 12px;
}
.post-share-advance-bg .share-links {
display: block;
}
.post-share-advance .share-links a {
display: block;
background: none;
margin-left: 0;
opacity: 0.5;
}
.post-share-advance .share-links a:hover {
opacity: 1;
}
.post-share-advance .share-links .tooltip {
display: none !important;
}
/* Post Author */
.post-author img {
height: auto;
max-width: 80px;
}
@media (max-width: 767px) {
.post-author img {
max-width: 60px;
}
}
.post-author p {
font-size: 0.9em;
line-height: 22px;
margin: 0;
padding: 0;
}
.post-author p .name {
font-size: 1.3em;
}
.post-author .img-thumbnail {
float: right;
margin-left: 20px;
}
@media (max-width: 767px) {
.post-author .img-thumbnail {
margin-left: 12px;
}
}
/* Post Comments */
ul.comments {
list-style: none;
margin: 0;
padding: 0;
}
ul.comments ul.children {
padding: 0;
margin: 0;
list-style: none;
}
ul.comments ul.children > li,
ul.comments > li {
clear: both;
padding: 10px 115px 0 0;
}
ul.comments ul.children > li img.avatar,
ul.comments > li img.avatar {
height: auto;
max-width: 80px;
}
ul.comments ul.children > li a,
ul.comments > li a {
text-decoration: none;
}
ul.comments ul.children > li .img-thumbnail,
ul.comments > li .img-thumbnail {
margin-right: -115px;
position: absolute;
}
ul.comments ul.children > li .comment-body,
ul.comments > li .comment-body {
margin-bottom: 10px;
}
ul.comments ul.children > li .pull-right span,
ul.comments > li .pull-right span {
margin-right: 5px;
}
ul.comments .comment-arrow {
border-bottom: 15px solid transparent;
right: -15px;
border-top: 15px solid transparent;
border-left: 15px solid var(--porto-gray-1);
height: 0;
position: absolute;
top: 28px;
width: 0;
}
ul.comments .comment-block {
background: var(--porto-gray-1);
padding: 20px 20px 35px;
position: relative;
}
ul.comments .comment-block p {
font-size: 0.9em;
line-height: 21px;
margin: 0;
padding: 0;
}
ul.comments .comment-block .comment-by {
display: block;
font-size: 1em;
line-height: 21px;
margin: 0;
padding: 0 0 5px 0;
}
ul.comments .comment-block .comment-by span {
display: inline-block;
margin-right: 8px;
}
ul.comments .comment-block .date {
color: #999;
font-size: 0.9em;
margin-top: 5px;
}
@media (max-width: 767px) {
ul.comments li {
padding-right: 10px;
border-right: 8px solid var(--porto-gray-2);
}
ul.comments ul.children > li,
ul.comments > li {
padding: 0 0 0 10px;
}
ul.comments ul.children > li .comment-body:after,
ul.comments > li .comment-body:after {
content: " ";
display: table;
clear: both;
}
ul.comments ul.children > li .img-thumbnail,
ul.comments > li .img-thumbnail {
margin: 20px 20px 10px 12px;
float: right;
position: static;
}
ul.comments ul.children > li img.avatar,
ul.comments > li img.avatar {
max-width: 60px;
}
ul.comments .comment-block {
position: static;
}
ul.comments .comment-arrow {
display: none;
}
}
/* Leave a Comment */
.comment-respond {
margin-top: 3rem;
padding-bottom: 0;
}
.comment-respond h3 {
margin: 0 0 40px;
}
#cancel-comment-reply-link {
margin-right: 10px;
}
.comment-form {
padding: 30px 30px 10px;
background: var(--porto-gray-7);
border-radius: 5px;
}
.comment-form label {
font-weight: 700;
color: var(--porto-heading-color);
}
.comment-form label:first-child {
display: block;
}
.comment-form input[type=email], .comment-form input[type=number], .comment-form input[type=password], .comment-form input[type=search], .comment-form input[type=tel], .comment-form input[type=text], .comment-form input[type=url], .comment-form input[type=color], .comment-form input[type=date], .comment-form input[type=datetime], .comment-form input[type=datetime-local], .comment-form input[type=month], .comment-form input[type=time], .comment-form input[type=week], .comment-form select, .comment-form textarea {
width: 100%;
}
.tab-content .comment-form {
padding-bottom: 22px;
}
/* Related Posts */
.related-posts {
margin-top: 35px;
}
.related-posts h3 {
font-weight: 200;
}
.post-carousel .post-slide:after {
content: " ";
display: table;
clear: both;
}
.post-carousel .post-slide.no-single .post-item {
margin-bottom: 20px;
}
.post-carousel h4,
.post-carousel h5 {
margin-bottom: 7px;
}
.post-carousel.owl-carousel .owl-dots {
margin-top: 0;
}
.post-carousel h4 {
font-size: 1.2em;
line-height: 1.3;
}
.post-carousel .post-item .post-date,
.post-grid .post-item .post-date,
.post-timeline .post-item .post-date {
margin: 3px 0 8px 10px;
float: right;
}
.post-carousel .post-item .post-excerpt,
.post-grid .post-item .post-excerpt,
.post-timeline .post-item .post-excerpt {
margin-bottom: 10px;
}
.post-carousel .post-item .post-meta,
.post-grid .post-item .post-meta,
.post-timeline .post-item .post-meta {
font-size: 0.9em;
margin-bottom: 8px;
}
body.single-post .post-carousel .post-item .post-meta,
body.single-post .post-grid .post-item .post-meta,
body.single-post .post-timeline .post-item .post-meta {
margin-bottom: 20px;
}
.post-carousel .post-item .post-meta > span,
.post-carousel .post-item .post-meta > .post-views,
.post-grid .post-item .post-meta > span,
.post-grid .post-item .post-meta > .post-views,
.post-timeline .post-item .post-meta > span,
.post-timeline .post-item .post-meta > .post-views {
display: inline-block;
padding-left: 8px;
}
.post-carousel .post-item .post-meta i,
.post-carousel .post-item .post-meta .post-views-icon.dashicons,
.post-grid .post-item .post-meta i,
.post-grid .post-item .post-meta .post-views-icon.dashicons,
.post-timeline .post-item .post-meta i,
.post-timeline .post-item .post-meta .post-views-icon.dashicons {
margin-left: 3px !important;
font-size: 1em !important;
height: 1em;
line-height: 1;
width: 1em;
text-align: center;
}
.post-carousel .post-item.style-2 .post-excerpt,
.post-grid .post-item.style-2 .post-excerpt,
.post-timeline .post-item.style-2 .post-excerpt {
margin-bottom: 20px;
}
.post-carousel .post-item.style-4 .post-meta,
.post-grid .post-item.style-4 .post-meta,
.post-timeline .post-item.style-4 .post-meta {
font-size: 1em;
}
.post-carousel .post-item.style-4 .read-more,
.post-grid .post-item.style-4 .read-more,
.post-timeline .post-item.style-4 .read-more {
margin-top: 15px;
}
.post-carousel .post-item.style-5 .cat-names,
.post-grid .post-item.style-5 .cat-names,
.post-timeline .post-item.style-5 .cat-names {
font-weight: 600;
text-transform: uppercase;
color: var(--porto-primary-color);
}
.post-carousel .post-item.style-5 .cat-names a,
.post-grid .post-item.style-5 .cat-names a,
.post-timeline .post-item.style-5 .cat-names a {
text-decoration: none;
text-transform: uppercase;
}
.post-carousel .post-item.style-5 .post-views,
.post-grid .post-item.style-5 .post-views,
.post-timeline .post-item.style-5 .post-views {
float: left;
}
.post-item.style-5 .post-meta a {
color: var(--porto-secondary-color);
}
.post-item.style-5 .post-meta .post-views-icon.dashicons {
color: var(--porto-primary-color);
}
.post-item.style-7 h4 {
font-size: 1.5em;
line-height: 1.3;
letter-spacing: normal;
margin-bottom: 15px;
}
.post-item.style-7 .post-meta {
margin-top: 20px;
}
.post-item.style-7 .meta-author {
margin-bottom: 0;
font-size: 1em;
font-weight: 700;
}
.post-item.style-7 .meta-author img {
display: inline-block;
max-width: 25px;
border-radius: 20px;
margin-left: 5px;
}
.post-item.style-7 .meta-date {
display: none;
}
.post-carousel .post-item {
margin: 0 var(--porto-column-spacing);
}
.post-carousel .post-item .post-date ~ * {
margin-right: 55px;
}
@media (max-width: 480px) {
.post-item.style-4 .thumb-info-side-image .thumb-info-side-image-wrapper {
display: inline-block;
float: none;
}
}
.post-item-small {
padding-top: 15px;
padding-bottom: 15px;
line-height: 20px;
border-top: 1px dotted var(--porto-gray-2);
}
.post-item-small:after {
content: " ";
display: table;
clear: both;
}
.post-item-small:first-child {
padding-top: 0;
border-top-width: 0;
}
.post-item-small .post-image {
margin: 0 0 0 10px;
float: right;
}
.post-item-small .post-image img {
width: 50px;
height: auto;
}
.post-item-small .post-date {
font-size: 0.8em;
}
.post-item-small h5 {
margin-bottom: 0;
}
.widget .row .post-item-small, .elementor-widget .row .post-item-small {
margin: 0 var(--porto-column-spacing);
}
.entry-content {
margin: 20px 0 30px;
}
.entry-content:after {
display: table;
clear: both;
content: "";
}
/* Post Title Simple */
.post-item.post-title-simple h4 a {
color: inherit;
}
.post-views.entry-meta > span {
vertical-align: middle;
display: inline-block;
height: 1em;
line-height: 1;
}
.blog-posts .post-large {
margin-right: 60px;
}
.blog-posts .post-large .post-image,
.blog-posts .post-large .post-date {
margin-right: -60px;
}
.blog-posts .blog-post-item .post-item-title {
font-weight: 700;
line-height: 1.2;
margin-bottom: 0.5rem;
}
.blog-posts .blog-post-item .post-item-title > a {
color: inherit;
text-decoration: none;
}
.blog-posts .blog-post-item h4 {
font-size: 1.2em;
}
.blog-posts .blog-post-item .post-date {
font-size: 0.8em;
}
.blog-posts .blog-post-item .post-image {
margin-bottom: 0.5rem;
}
.blog-posts .blog-post-item .meta-cats {
font-size: 0.6em;
text-transform: uppercase;
font-weight: 600;
display: block;
}
.blog-posts .blog-post-item .meta-cats a {
background-color: var(--porto-dark-color, #212529);
color: #fff;
text-decoration: none;
display: inline-block;
padding: 0 0.8em;
border-radius: 2px;
margin: 0 0 0.6em 0.6em;
}
.blog-posts .post-item-list {
margin-bottom: var(--porto-grid-gutter-width);
}
@media (min-width: 576px) {
.blog-posts .post-item-list {
display: flex;
align-items: center;
}
.blog-posts .post-item-list .post-image {
flex: 0 0 auto;
width: 34%;
margin-bottom: 0;
}
.blog-posts .post-item-list .post-item-content {
flex: 0 0 auto;
width: 66%;
padding-right: 4%;
}
}
.blog-posts .post-item-grid {
margin-bottom: 1rem;
}
.blog-posts .post-item-small .post-image {
margin-bottom: 0;
}
.blog-posts .post-item-small .post-item-title {
font-weight: 400;
margin-top: 0.4em;
}
.post-date > time {
display: none;
}
@media (min-width: 992px) {
.single-post .post-medium .post-media {
float: right;
width: 40%;
margin-left: var(--porto-grid-gutter-width);
}
}
.post-modern .entry-title a {
color: inherit;
}
.post-modern .btn-readmore {
font-size: 0.8125rem;
font-weight: 600;
letter-spacing: -0.025em;
text-transform: uppercase;
}
.post-modern .post-meta a:not(:hover) {
color: inherit;
}
.post-modern .post-meta > span:after {
content: "|";
margin-right: 8px;
}
.post-meta-divider > span:not(:last-child):after {
content: "|";
margin-right: 0;
}
.post-modern .post-meta > span:last-child:after {
content: none;
}
.blog-posts .post-modern {
margin-bottom: 2.5rem;
padding-bottom: 2rem;
}
.blog-posts .post-modern .entry-title {
font-size: 1.875rem;
font-weight: 700;
letter-spacing: -0.025em;
margin-bottom: 0.25rem;
}
.blog-posts .post-modern .post-meta,
.single-post .post-modern .post-meta {
margin-bottom: 1rem;
font-size: 0.6875rem;
text-transform: uppercase;
color: #999;
}
article.post-medium .post-image.single {
margin-bottom: var(--porto-grid-gutter-width);
}
.post-item.post-title-simple .post-title,
.post-item.post-title-simple .post-title h2,
.post-item.post-title-simple .entry-title,
article.post-title-simple .entry-title a:not(:hover),
.post-item.post-title-simple .entry-title a {
color: var(--porto-h2-color, var(--porto-heading-color));
}
.format {
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
background: var(--porto-primary-color);
color: #fff;
font-size: 18px;
border-radius: 2px;
}
.format i {
padding: 11px;
}
/* Posts */
.blog-posts {
position: relative;
}
.blog-posts:after {
content: " ";
display: table;
clear: both;
}
.blog-posts article {
border-bottom: 1px solid var(--porto-normal-bc);
margin-bottom: 50px;
padding-bottom: 1rem;
}
.blog-posts article h2.show-content {
margin-bottom: 25px;
}
.blog-posts .pagination {
margin: -10px 0 20px;
}
.blog-posts .post .entry-title {
font-size: 1.5em;
line-height: 1.3;
font-weight: 600;
margin-bottom: 1rem;
word-break: break-word;
}
.blog-posts .post-full .entry-title, .blog-posts .post-large .entry-title, .blog-posts .post-large-alt .entry-title {
font-size: 1.8em;
}
.blog-posts-widget {
overflow: hidden;
}
/* Pagination */
.pagination-wrap {
text-align: center;
}
.pagination-wrap .pagination,
.pagination-wrap .page-links {
float: none;
justify-content: center;
}
.pagination-wrap .pagination > a,
.pagination-wrap .pagination > span,
.pagination-wrap .page-links > a,
.pagination-wrap .page-links > span {
float: none;
}
.pagination,
.page-links {
float: left;
margin: 20px 0 0;
}
.pagination > a,
.pagination > span,
.page-links > a,
.page-links > span {
border: 1px solid var(--porto-gray-5);
margin-right: -1px;
float: right;
display: inline-block;
padding: 0.5rem 0.75rem;
line-height: 1.2;
text-decoration: none;
text-align: center;
min-width: 2.125rem;
}
.pagination span.dots,
.page-links span.dots {
border-width: 0;
position: relative;
top: -2px;
}
.pagination span.current,
.page-links span.current {
color: #fff;
background: var(--porto-primary-color);
border-color: var(--porto-primary-color);
}
.pagination a:hover,
.pagination a:focus,
.page-links a:hover,
.page-links a:focus {
position: relative;
z-index: 2;
background-color: var(--porto-gray-5);
border-color: var(--porto-gray-5);
}
.pagination .prev,
.page-links .previouspagelink,
.pagination .next,
.page-links .nextpostslink {
text-indent: -9999px;
width: 2.48em;
overflow: hidden;
position: relative;
}
.pagination .prev:before,
.page-links .previouspagelink:before,
.pagination .next:before,
.page-links .nextpostslink:before {
position: absolute;
top: 0.5rem;
left: 0;
right: 0;
text-indent: 0;
}
.pagination .prev:before,
.page-links .previouspagelink:before {
content: "";
}
.pagination .next:before,
.page-links .nextpagelink:before {
content: "";
}
.load-infinite .pagination {
display: none;
}
/* Post pages */
.page-links {
float: none;
}
.page-links:after {
content: " ";
display: table;
clear: both;
}
.page-links .screen-reader-text {
display: none !important;
}
.page-links .page-links-title {
border-width: 0;
margin: 0;
padding: 0;
}
/* Grid */
.blog-posts article.post-grid,
.blog-posts article.post-masonry {
border-width: 0;
margin-bottom: 30px;
padding-bottom: 0;
}
@media (max-width: 767px) {
.posts-grid .post {
position: static !important;
width: 100%;
transition: none !important;
transform: none !important;
}
}
.blog-share {
margin-bottom: 25px;
}
.blog-share .share-links a {
margin: 0.2857em 0 0.2857em 0.5714em;
}
.blog-posts-no_margin .post .post-image,
.blog-posts-hover_info .post .post-image,
.blog-posts-hover_info2 .post .post-image {
margin-bottom: 0;
}
.blog-posts-no_margin article:not(.timeline-box),
.blog-posts-hover_info article:not(.timeline-box),
.blog-posts-hover_info2 article:not(.timeline-box) {
border-bottom: none;
padding-bottom: 0;
}
.blog-posts-no_margin .posts-container {
margin: 0;
}
.blog-posts-no_margin article.post:not(.timeline-box) {
padding: 0;
margin-bottom: 0;
}
.blog-posts-hover_info2 .post-excerpt {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin: 0.5rem 0 0;
}
.blog-posts-hover_info2 .thumb-info-show-more-content {
font-size: 0.8em;
opacity: 0.5;
max-height: 0;
overflow: hidden;
transition: max-height 0.8s;
}
.blog-posts-hover_info2 .thumb-info-inner {
margin: 0.25rem 0 0;
font-size: 1.2em;
font-weight: 700;
}
.blog-posts-hover_info2 .thumb-info img {
transform: none;
}
.blog-posts-hover_info2 .thumb-info .thumb-info-title {
padding: 0 1.5rem 1.5rem;
z-index: 3;
opacity: 1;
transform: none;
background: none;
}
.blog-posts-hover_info2 .thumb-info .thumb-info-action {
margin: 0;
transform: none;
padding: 0;
top: 0;
right: 0;
height: 100%;
}
.blog-posts-hover_info2 .thumb-info .thumb-info-action .thumb-info-action-icon {
background: none;
}
.blog-posts-hover_info2 .thumb-info .thumb-info-action-icon {
display: block;
width: auto;
height: 100%;
margin: 0;
}
.blog-posts-hover_info2 .thumb-info .thumb-info-action-icon i {
display: none;
}
.blog-posts-hover_info2 .thumb-info .thumb-info-inner {
line-height: 1.2;
}
.blog-posts-hover_info2 .thumb-info:hover .thumb-info-show-more-content {
max-height: 300px;
}
.blog-posts-hover_info2 .thumb-info-wrapper:after {
opacity: 0.6;
}
.blog-posts-hover_info2 .thumb-info-type {
overflow: hidden;
display: block;
margin: 0;
}
.blog-posts-hover_info2 .thumb-info-type a {
float: right;
padding: 0 0.6em;
border-radius: 2px;
margin: 0 0 0.6em 0.6em;
background: var(--porto-primary-color);
}
.blog-posts-hover_info article.post,
.blog-posts-hover_info2 article.post {
margin-bottom: var(--porto-grid-gutter-width);
}
.blog-posts-hover_info .post-date,
.blog-posts-hover_info2 .post-date {
position: absolute;
top: 10px;
left: 0;
z-index: 2;
}
/* Blog Medium Alt */
.posts-medium-alt > article:last-child {
border-bottom: none;
}
.posts-medium-alt .img-thumbnail {
padding: 0;
border: none;
}
.posts-medium-alt .custom-border-radius {
padding: 11px 30px !important;
border-radius: 35px !important;
}
.posts-medium-alt .blog-post-date {
position: absolute;
top: 60%;
left: 10px;
padding: 25px 15px;
z-index: 6;
font-size: 3em;
line-height: 1;
text-align: center;
transform: translateY(-50%);
}
.posts-medium-alt .blog-post-date .month-year {
display: block;
font-size: 0.4em;
}
/* post style for timeline, masonry and grid type */
.blog-posts-padding .grid-box {
background: var(--porto-normal-bg);
border: 1px solid var(--porto-gray-2);
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
padding: 18px;
position: relative;
z-index: 1;
}
.blog-posts-padding .grid-box .img-thumbnail {
max-width: 100%;
}
.blog-posts-padding .grid-box .img-thumbnail, .blog-posts-padding .grid-box .img-thumbnail img {
padding: 0;
border: 0;
border-radius: 0;
}
.blog-posts-padding .grid-box .owl-carousel {
border-radius: 0;
padding: 0;
border: 0;
box-shadow: none;
}
.blog-posts-padding .grid-box .owl-carousel .owl-stage-outer {
border-radius: 0;
}
/* Blog Like */
.blog-like i {
display: none;
}
.blog-liked i {
display: none;
}
/* archive posts */
.porto-post-title a {
color: inherit;
}
.porto-post-title a:hover {
color: var(--porto-primary-color);
}
/* Portfolio */
article.portfolio .portfolio-image.single {
margin-bottom: 30px;
}
article.portfolio .comment-respond {
border-top: 1px solid var(--porto-input-bc);
padding-top: 3rem;
margin-top: 0;
}
article.portfolio.media {
display: block;
}
.mfp-content .ajax-container .portfolio-title,
#portfolioAjaxBox .portfolio-title {
margin-top: 0 !important;
}
.portfolio-image {
margin-bottom: 15px;
}
.mfp-content .ajax-container .portfolio-image.wide {
margin-left: -25px;
margin-right: -25px;
}
@media (max-width: 767px) {
.mfp-content .ajax-container .portfolio-image.wide {
margin-left: -12px;
margin-right: -12px;
}
}
.portfolio-slideshow {
text-align: center;
}
.portfolio-title {
margin-bottom: -15px;
}
.portfolio-title a {
display: inline-block;
}
.portfolio-title i {
font-size: 1.7em;
}
.portfolio-title .portfolio-nav,
.portfolio-title .portfolio-nav-all {
margin-top: 11px;
}
.portfolio-title .portfolio-nav {
text-align: left;
white-space: nowrap;
}
.portfolio-title .portfolio-nav a {
width: 50%;
max-width: 27px;
}
.portfolio-title .portfolio-nav-all i {
font-size: 2em;
margin-right: 1px;
}
.portfolio-title .portfolio-nav-prev {
text-align: right;
}
.portfolio-title .portfolio-nav-prev i:before {
content: "";
}
.portfolio-title .portfolio-nav-next {
text-align: left;
}
.portfolio-title .portfolio-nav-next i:before {
content: "";
}
.portfolio-title .entry-title {
font-weight: 700;
}
.column3.boxed .portfolio-title .portfolio-nav {
padding-right: 0;
padding-left: 10px;
}
/* Portfolio Info */
.portfolio-desc {
margin-top: 20px;
}
h5.portfolio-desc,
h5.portfolio-details-title {
font-size: 1.2em;
}
.portfolio-desc,
.portfolio-details-title {
font-weight: 400;
}
.portfolio-desc strong,
.portfolio-details-title strong {
font-weight: 800;
}
.portfolio-info {
margin: 7px 0 10px;
float: left;
}
.page-portfolios .portfolio-info {
margin-top: 2px;
}
.portfolio-info ul {
list-style: none;
padding: 0;
margin: 0;
}
.portfolio-info ul li {
display: inline-block;
color: #b1b1b1;
padding-left: 8px;
margin-left: 8px;
font-size: 0.9em;
border-left: 1px solid var(--porto-gray-2);
}
.portfolio-info ul li:last-child {
border-left: 0;
padding-left: 0;
margin-left: 0;
}
.portfolio-info ul li a {
cursor: pointer;
color: #b1b1b1;
}
.portfolio-info ul li i,
.portfolio-info ul li .post-views-icon.dashicons {
margin-left: 4px !important;
font-size: 1em !important;
height: 1em;
line-height: 1;
width: 1em;
}
.portfolio-like,
.portfolio-liked {
cursor: pointer;
text-decoration: none;
}
.portfolio-like i,
.portfolio-liked i {
margin-left: 4px !important;
font-size: 1em !important;
height: 1em;
line-height: 1;
width: 1em;
}
.portfolio-like:hover, .portfolio-like.linked,
.portfolio-liked:hover,
.portfolio-liked.linked {
text-decoration: none;
}
.portfolio-like:hover .fa-heart, .portfolio-like.linked .fa-heart,
.portfolio-liked:hover .fa-heart,
.portfolio-liked.linked .fa-heart {
color: #E53F51;
}
/* Related Portfolios */
.related-portfolios,
.porto-recent-portfolios {
margin-top: 35px;
}
.related-portfolios .owl-carousel,
.porto-recent-portfolios .owl-carousel {
margin-bottom: 0;
}
.single-portfolio .thumb-gallery-detail.owl-carousel {
margin-bottom: 10px;
}
.single-portfolio .related-portfolios {
background: var(--porto-gray-7);
padding: 5rem 0 4rem;
}
.related-portfolios.full .row {
margin-left: 0;
margin-right: 0;
}
.row > .portfolio-carousel {
width: 100%;
padding: 0;
}
.portfolio-carousel .portfolio-item {
margin: 0 var(--porto-column-spacing) 5px;
}
.portfolio-carousel .portfolio-item.full {
margin: 0;
max-width: 100%;
}
.portfolio-carousel.owl-carousel .owl-dots {
margin-top: 0;
}
.portfolio-item-small {
float: right;
margin: 0 0 8px;
padding: 0 4px;
width: 33.3333%;
max-width: 92px;
}
.portfolio-item-small:first-child {
padding-top: 0;
border-top-width: 0;
}
.portfolio-item-small .portfolio-image {
margin: 0;
}
.portfolio-item-small .portfolio-image img {
width: 100%;
height: auto;
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
}
.portfolio-item-small .portfolio-image img:hover {
filter: none;
-webkit-filter: none;
}
.portfolios-timeline .timeline .timeline-box {
padding: 10px;
}
/* Portfolio List */
ul.portfolio-list {
list-style: none;
margin: 0;
padding: 0;
}
ul.portfolio-list .portfolio-item {
margin-bottom: 30px;
}
.row > ul {
display: flex;
flex-wrap: wrap;
}
.portfolio-item.outimage {
text-align: center;
}
.portfolio-item .thumb-info .thumb-info-type .portfolio-like i,
.portfolio-item .thumb-info .thumb-info-type .portfolio-liked i {
color: var(--porto-primary-color-inverse);
text-shadow: none;
}
.portfolio-item .thumb-info .thumb-info-type .portfolio-like i:before {
font-weight: 400;
}
.portfolio-item:hover .thumb-info-icons .thumb-info-icon {
background-color: var(--porto-tertiary-color, #2BAAB1) !important;
}
.portfolio .thumb-info .tooltip,
.portfolio-item .thumb-info .tooltip {
display: none !important;
}
/* Portfolio Details */
ul.portfolio-details {
list-style: none;
padding: 0;
margin: 0 5px 20px 0;
font-size: 0.9em;
}
ul.portfolio-details h5, ul.portfolio-details p {
display: inline-block;
}
ul.portfolio-details h5 {
font-size: 1em;
margin-bottom: 0;
font-weight: 700;
letter-spacing: normal;
}
ul.portfolio-details h5 i {
margin-left: 6px;
}
ul.portfolio-details > li {
padding: 0 0 10px 0;
margin: 0 0 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
ul.portfolio-details > li:last-child {
border-bottom: none;
}
ul.portfolio-details p {
padding: 0;
margin: 0;
}
ul.portfolio-details blockquote {
padding: 0 10px 0 0;
margin: 15px 0 0;
color: #999;
}
ul.portfolio-details ul.list-skills {
margin-right: 0;
}
ul.portfolio-details ul.list-skills li {
margin-left: 20px;
margin-bottom: 5px;
}
ul.portfolio-details.inline li {
display: inline-block;
margin-left: 20px;
vertical-align: top;
}
ul.portfolio-details.inline li p {
display: inline-block;
}
ul.portfolio-details.inline li strong {
margin-left: 5px;
}
ul.portfolio-details.inline li ul,
ul.portfolio-details.inline li .share-links {
display: inline-block;
}
ul.portfolio-details.inline li.pull-right {
margin-left: 0;
}
ul.portfolio-details .testimonial {
font-size: 1.1111em;
}
/* Portfolio Page */
.page-portfolios.portfolios-full .portfolio {
margin-bottom: 2em;
}
.post-gap {
height: 20px;
}
.portfolios-large .entry-title a {
color: inherit;
font-weight: 700;
}
.portfolio-row {
position: relative;
}
.portfolio-row .portfolio {
float: right;
margin-top: 0;
width: 100%;
padding: 0 var(--porto-column-spacing) var(--porto-grid-gutter-width);
}
.portfolio-row .portfolio-col-1 {
width: 100%;
}
.portfolio-row .portfolio-col-2 {
width: 50%;
}
.portfolio-row .portfolio-col-2.w2 {
width: 100%;
}
@media (max-width: 767px) {
.portfolio-row .portfolio-col-2 {
width: 100%;
}
}
.portfolio-row .portfolio-col-3 {
width: 33.3333%;
}
.portfolio-row .portfolio-col-3.w2 {
width: 66.6666%;
}
@media (max-width: 767px) {
.portfolio-row .portfolio-col-3 {
width: 50%;
}
.portfolio-row .portfolio-col-3.w2 {
width: 100%;
}
}
@media (max-width: 575px) {
.portfolio-row .portfolio-col-3 {
width: 100%;
}
}
.portfolio-row .portfolio-col-4 {
width: 25%;
}
.portfolio-row .portfolio-col-4.w2 {
width: 50%;
}
@media (max-width: 991px) {
.portfolio-row .portfolio-col-4 {
width: 33.3333%;
}
.portfolio-row .portfolio-col-4.w2 {
width: 66.6666%;
}
}
@media (max-width: 767px) {
.portfolio-row .portfolio-col-4 {
width: 50%;
}
.portfolio-row .portfolio-col-4.w2 {
width: 100%;
}
}
@media (max-width: 575px) {
.portfolio-row .portfolio-col-4 {
width: 100%;
}
}
.portfolio-row .portfolio-col-5 {
width: 20%;
}
.portfolio-row .portfolio-col-5.w2 {
width: 40%;
}
@media (max-width: 991px) {
.portfolio-row .portfolio-col-5 {
width: 25%;
}
.portfolio-row .portfolio-col-5.w2 {
width: 50%;
}
}
@media (max-width: 767px) {
.portfolio-row .portfolio-col-5 {
width: 33.3333%;
}
.portfolio-row .portfolio-col-5.w2 {
width: 66.6666%;
}
}
@media (max-width: 575px) {
.portfolio-row .portfolio-col-5 {
width: 50%;
}
.portfolio-row .portfolio-col-5.w2 {
width: 100%;
}
}
.portfolio-row .portfolio-col-6 {
width: 16.6666%;
}
.portfolio-row .portfolio-col-6.w2 {
width: 33.3333%;
}
@media (max-width: 991px) {
.portfolio-row .portfolio-col-6 {
width: 25%;
}
.portfolio-row .portfolio-col-6.w2 {
width: 50%;
}
}
@media (max-width: 767px) {
.portfolio-row .portfolio-col-6 {
width: 33.3333%;
}
.portfolio-row .portfolio-col-6.w2 {
width: 66.6666%;
}
}
@media (max-width: 575px) {
.portfolio-row .portfolio-col-6 {
width: 50%;
}
.portfolio-row .portfolio-col-6.w2 {
width: 100%;
}
}
.portfolio-row.full {
margin: 0;
}
body.boxed .vc_row[data-vc-stretch-content] .portfolio-row.full {
margin-left: 0;
margin-right: 0;
}
.portfolio-row.full .portfolio {
padding: 0;
margin-bottom: 0;
}
/* Portfolio Modal */
.portfolio-modal .mfp-arrow,
.portfolio-modal .mfp-close,
.portfolio-ajax-modal .mfp-arrow,
.portfolio-ajax-modal .mfp-close {
display: none;
}
.portfolio-modal .container,
.portfolio-ajax-modal .container {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
}
.portfolio-load-more-loader {
display: none;
position: relative;
height: 49px;
}
.btn-portfolio-lazy-load {
opacity: 0;
}
/* Responsive */
@media (max-width: 991px) {
.portfolio-nav, .portfolio-nav-all {
display: none;
}
}
/* Filters */
.sort-source {
clear: both;
}
.sort-source > li > a {
display: inline-block;
cursor: pointer;
padding: 6px 12px;
}
.sort-source-style-2 {
background: var(--porto-primary-color);
margin: 0 auto;
}
.sort-source-style-2 > li {
float: none;
display: inline-block;
}
.sort-source-style-2 > li > a, .sort-source-style-2 > li > a:focus, .sort-source-style-2 > li > a:hover {
background: none;
color: #FFF;
border-radius: 0;
margin: 0;
padding: 18px 28px;
position: relative;
}
.sort-source-style-2 > li > a:after {
transition: margin 0.3s;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 15px solid var(--porto-primary-color);
content: " ";
display: block;
position: absolute;
right: 50%;
margin-right: -20px;
margin-top: 0;
opacity: 0;
z-index: 1;
}
.sort-source-style-2 > li.active > a, .sort-source-style-2 > li.active > a:focus, .sort-source-style-2 > li.active > a:hover {
background: transparent;
}
.sort-source-style-2 > li.active > a:after {
opacity: 1;
margin-top: 18px;
}
.sort-source-style-3 {
margin-bottom: 2rem;
justify-content: center;
font-size: 0.8em;
text-transform: uppercase;
}
.sort-source-style-3 > li > a {
color: var(--porto-body-color);
}
.sort-source-style-3 > li.active > a {
background: none !important;
border-bottom: 3px solid var(--porto-primary-color);
border-radius: 0;
color: var(--porto-primary-color);
}
@media (max-width: 767px) {
.sort-source-style-2 > li {
display: block;
}
.sort-source-style-2 > li.active > a:after {
display: none !important;
}
}
.ajax-box .bounce-loader,
.ajax-box .porto-ajax-loading {
z-index: 1;
}
/* Portfolio Category Stripe */
.portfolio-stripes .owl-carousel .owl-nav .owl-prev {
line-height: initial;
}
.portfolio-stripes .owl-carousel .owl-nav .owl-next {
line-height: initial;
}
.portfolio-stripes .owl-item .portfolio-item {
width: calc(100% + 2px);
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info {
border: none;
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper {
height: calc(100vh - 89px);
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper::before {
content: "";
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 100%;
box-shadow: 0 50px 190px 110px #182027;
z-index: 1;
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .background-image {
position: absolute;
top: 0;
right: 0;
background-size: cover;
width: 100%;
height: 100%;
transition: all 0.3s;
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info:hover .thumb-info-wrapper .background-image {
transform: scale(1.1, 1.1);
}
.thumb-info.thumb-info-basic-info .thumb-info-title {
background: none;
bottom: 5.5%;
right: 5%;
padding: 0;
font-size: 2em;
line-height: 1;
text-shadow: none;
}
/* Portfolio Category Parallax */
.portfolio-parallax {
height: 40vh;
}
.portfolio-parallax:before {
content: "";
display: block;
position: absolute;
background: rgba(10, 12, 36, 0);
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: all 0.3s;
}
.portfolio-parallax h2 {
bottom: 7%;
font-size: 2em;
right: 1%;
line-height: 1;
margin: 0;
padding: 0;
position: absolute;
}
.portfolio-parallax:not(.hidden-plus):hover:before {
background: rgba(10, 12, 36, 0.5);
}
html.gecko .thumb-info {
z-index: 1;
transform: unset;
}
@media (max-width: 991px) {
.portfolio-parallax {
height: 30vh;
}
}
@media (max-width: 767px) {
.portfolio-parallax {
height: 25vh;
}
}
/* Portfolio Lightbox Thumbnails */
.porto-portfolios-lighbox-thumbnails {
position: fixed;
bottom: 2.5%;
width: 100%;
text-align: center;
z-index: 99999;
}
.porto-portfolios-lighbox-thumbnails .owl-carousel {
margin-bottom: 0;
}
.porto-portfolios-lighbox-thumbnails .owl-carousel .owl-stage {
margin: 0 auto;
}
.porto-portfolios-lighbox-thumbnails .owl-item {
cursor: pointer;
}
.porto-portfolios-lighbox-thumbnails .owl-item.current {
opacity: 0.5;
cursor: default;
}
.portfolios-lightbox.with-thumbs .porto-portfolios-lighbox-thumbnails {
visibility: hidden;
}
@media (max-width: 1023px) {
.porto-portfolios-lighbox-thumbnails {
display: none;
}
}
/* End - Porto Lightbox Thumbnails */
.skill-list a {
display: inline-block;
font-size: 0.75em;
font-weight: 700;
text-transform: uppercase;
padding: 0.25rem 0.5rem;
margin: 0.125rem;
border-radius: 1rem;
line-height: 1;
}
.skill-list a, .skill-list a:hover {
background: var(--porto-heading-color);
color: var(--porto-body-bg);
}
.share-links-block {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.share-links-block .share-links a {
border-radius: 50%;
width: 28px;
height: 28px;
font-size: 0.8rem;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
margin: 2px;
}
.share-links-block .share-links a:not(:hover) {
background: none;
color: var(--porto-heading-color);
}
.share-links-block h5 {
margin: 0 0 0 15px;
font-size: 0.8em;
font-weight: 700;
text-transform: uppercase;
}
.portfolios-masonry {
max-height: 300px;
overflow: hidden;
}
.portfolios-masonry > .portfolio-row {
opacity: 0;
}
.portfolios-masonry.portfolio-iso-active {
overflow: visible;
max-height: none;
}
.portfolios-masonry.portfolio-iso-active > .bounce-loader {
display: none;
}
.portfolios-masonry.portfolio-iso-active > .portfolio-row {
opacity: 1;
}
.portfolio-fullscreen .portfolio-item {
height: 100vh;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.portfolio-fullscreen .portfolio-meta {
position: absolute;
bottom: 50px;
right: 0;
padding: 30px 50px 30px 20px;
background: rgba(33, 37, 41, 0.9);
min-width: 25%;
max-width: 75%;
}
.portfolio-fullscreen .portfolio-title {
margin-bottom: 10px;
font-size: 1.5em;
font-weight: 700;
color: #fff;
}
.portfolio-fullscreen .portfolio-cat {
font-size: 0.9em;
color: rgba(255, 255, 255, 0.6);
text-transform: uppercase;
}
.portfolio-fullscreen .btn-view-more {
text-decoration: none;
font-size: 0.9em;
font-weight: 700;
text-transform: uppercase;
color: #fff;
}
.portfolio-fullscreen .btn-view-more i {
margin-right: 5px;
transition: margin-right 0.25s;
}
.portfolio-fullscreen .btn-view-more:hover i {
margin-right: 8px;
}
.porto-grid-item .porto-portfolios {
margin-bottom: 0;
}
.porto-grid-item .portfolio-row .portfolio {
padding-bottom: 0;
}
/* Member */
.member-row .member {
padding: 0 calc(var(--porto-el-spacing, var(--porto-grid-gutter-width)) / 2) 1px;
margin-bottom: var(--porto-el-spacing, var(--porto-grid-gutter-width));
}
.member-row-advanced .member {
padding: 0;
width: 100%;
}
.member-row-advanced .member:not(:last-child) {
border-bottom: 1px solid var(--porto-normal-bc);
}
.member-overview {
padding-top: 2rem;
padding-bottom: 2rem;
}
.member-image {
position: relative;
}
.member-image.single {
margin-bottom: 30px;
}
.member-slideshow {
text-align: center;
}
.member-title {
margin-bottom: -10px;
}
.member-title a {
display: inline-block;
}
.member-title i {
font-size: 2.5em;
}
.member-role {
font-weight: 700;
font-size: 1em;
text-transform: uppercase;
}
.member-share-links.share-links a {
border-radius: 50px;
}
/* Member Item */
.member-item.member-item-3 .thumb-info-wrapper {
margin: 0;
}
.member-item.member-item-3 .thumb-info-caption {
display: block;
padding: 0;
background: var(--porto-body-bg);
transition: 0.3s;
}
.member-item.member-item-3 .thumb-info-caption-title {
position: relative;
display: block;
padding: 30px 15px 28px;
}
.member-item.member-item-3 .thumb-info-caption-text {
padding: 0 15px 28px;
margin: 0;
margin-top: -15px;
}
.member-item.member-item-3 .thumb-info-social-icons {
padding-left: 13px;
padding-right: 13px;
}
.member-item.member-item-3 .view-more {
position: absolute;
left: 15px;
top: 50%;
font-size: 1.9em;
transform: translateY(-50%);
color: var(--porto-h4-color, var(--porto-heading-color));
}
.member-item.member-item-3 .thumb-info:hover .thumb-info-caption {
background-color: var(--porto-primary-color);
}
.member-item.member-item-3 .thumb-info:hover .thumb-info-caption, .member-item.member-item-3 .thumb-info:hover .thumb-info-caption * {
color: var(--porto-primary-color-inverse);
}
.member-item.member-item-3 .thumb-info:hover .thumb-info-social-icons {
border-color: var(--porto-primary-color-inverse);
}
.member-item.member-item-3 .thumb-info:hover .share-links a {
background-color: var(--porto-primary-color-inverse);
color: var(--porto-primary-color);
}
.member-item.member-item-4 .thumb-info-wrapper {
margin: 0;
border-radius: 0;
}
.member-item.member-item-4 .thumb-info {
border: none;
}
.member-item.member-item-4 .thumb-info, .member-item.member-item-4 .thumb-info img {
border-radius: 0;
}
.member-item.member-item-4 h4, .member-item.member-item-4 p {
text-transform: uppercase;
}
.member-item.member-item-4 h4 {
font-size: 1.2em;
font-weight: 700;
}
.member-item.member-item-4 p {
font-size: 0.9em;
}
.member-item .thumb-info, .member-item .thumb-info .thumb-info-wrapper {
border-radius: 0;
}
/* Related Members, Products */
.related-members,
.single-member .related.products {
margin-top: 35px;
}
.member-carousel .member-slide:after {
content: " ";
display: table;
clear: both;
}
.member-carousel .member-item {
margin-bottom: 20px;
}
@media (max-width: 767px) {
.member-carousel .member-item {
border: none;
padding: 0;
}
}
.member-carousel.owl-carousel .owl-dots {
margin-top: 0;
}
/* Member Modal */
.member-modal .mfp-arrow,
.member-ajax-modal .mfp-arrow {
display: none;
}
.member-filter.nav-list {
display: block;
}
.price {
line-height: 1;
font-weight: 600;
font-size: 2.5714em;
}
.price,
td.product-subtotal,
td.product-total,
td.order-total,
tr.cart-subtotal {
color: var(--porto-color-price);
}
.price .price,
td.product-price .price,
td.product-subtotal .price,
td.product-total .price,
td.order-total .price,
tr.cart-subtotal .price {
font-size: 1em;
}
.price .currency,
.price .decimal,
td.product-price .currency,
td.product-price .decimal,
td.product-subtotal .currency,
td.product-subtotal .decimal,
td.product-total .currency,
td.product-total .decimal,
td.order-total .currency,
td.order-total .decimal,
tr.cart-subtotal .currency,
tr.cart-subtotal .decimal {
font-size: 0.75em;
font-weight: 400;
}
.price .currency .decimal,
td.product-price .currency .decimal,
td.product-subtotal .currency .decimal,
td.product-total .currency .decimal,
td.order-total .currency .decimal,
tr.cart-subtotal .currency .decimal {
font-size: 1em;
}
.price ins,
td.product-price ins,
td.product-subtotal ins,
td.product-total ins,
td.order-total ins,
tr.cart-subtotal ins {
display: inline-block;
text-decoration: none;
vertical-align: baseline;
}
.price del,
.price .from,
td.product-price del,
td.product-price .from,
td.product-subtotal del,
td.product-subtotal .from,
td.product-total del,
td.product-total .from,
td.order-total del,
td.order-total .from,
tr.cart-subtotal del,
tr.cart-subtotal .from {
display: inline-block;
color: #a7a7a7;
font-size: 0.8em;
margin-left: 0.2143em;
vertical-align: baseline;
}
div.quantity {
display: inline-flex;
position: relative;
/*min-width: 4.1429em;
margin-left: .8571em;*/
text-align: right;
vertical-align: middle;
}
div.quantity.hidden {
display: none !important;
}
div.quantity .qty {
-moz-appearance: textfield;
text-align: center;
width: 2.5em;
height: 36px;
padding-left: 0;
padding-right: 0;
background: none;
border-color: var(--porto-gray-2);
}
div.quantity .minus,
div.quantity .plus {
position: relative;
width: 2em;
height: 36px;
line-height: 1;
border: 1px solid var(--porto-gray-2);
padding: 0;
outline: none;
text-indent: -9999px;
background: none;
color: var(--porto-heading-color);
}
div.quantity .minus:hover,
div.quantity .plus:hover {
color: var(--porto-primary-color);
}
div.quantity .minus:before,
div.quantity .plus:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 9px;
border-top: 1px solid;
margin-top: -0.5px;
margin-left: -4.5px;
}
div.quantity .plus {
right: -1px;
}
div.quantity .plus:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
height: 9px;
border-left: 1px solid;
margin-top: -4.5px;
margin-left: -0.5px;
}
div.quantity .minus {
right: 1px;
}
.quantity .qty {
font-family: var(--porto-add-to-cart-ff), var(--porto-body-ff), sans-serif;
color: var(--porto-heading-color);
}
.product-image {
display: block;
position: relative;
border: none;
width: 100%;
padding: 0;
}
.product-image:hover {
z-index: 1;
}
.product-image .inner {
display: block;
overflow: hidden;
position: relative;
}
.product-image img {
display: inline-block;
width: 100%;
height: auto;
transition: opacity 0.3s ease-in-out;
transform: translateZ(0);
}
.product-image .viewcart {
font-size: 1.25rem;
color: var(--porto-primary-color);
border-radius: 50%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 3;
text-align: center;
width: 2.2em;
height: 2.2em;
line-height: 2.1em;
display: none;
opacity: 0;
transition: 0.25s;
}
.product-image .viewcart:before {
font-family: "Simple-Line-Icons";
content: "";
}
.product-image .viewcart:hover {
background-color: var(--porto-primary-color);
color: #fff;
}
.product-image .labels {
line-height: 1;
color: #fff;
font-weight: 600;
text-transform: uppercase;
position: absolute;
z-index: 2;
top: 0.8em;
font-size: 10px;
right: 0.8em;
text-align: center;
}
.product-image .labels .onhot,
.product-image .labels .onsale,
.product-image .labels .onnew {
padding: 5px 11px;
margin-bottom: 5px;
}
.product-image .labels .onnew {
background: linear-gradient(135deg, var(--porto-new-bgc, #08c) 0, var(--porto-new-bgc, #0169fe) 80%);
}
.product-image .labels .tooltip {
font-weight: normal;
text-transform: none;
white-space: nowrap;
z-index: 100;
}
.product-image .stock {
position: absolute;
z-index: 1;
background: var(--porto-label-bg1);
color: var(--porto-heading-color);
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 10em;
height: 3em;
line-height: 3em;
margin: auto;
font-weight: 600;
text-transform: uppercase;
text-align: center;
transition: 0.25s;
}
.product-image, .product-image .viewcart, .product-image .stock {
background: var(--porto-normal-bg);
}
.yith-wcbm-badge {
margin: 0;
}
.yith-wcbm-badge img {
margin: 0 !important;
border-radius: 0;
opacity: 1 !important;
}
.products .yith-wcbm-badge {
margin: 0;
}
.products .yith-wcbm-badge img {
margin: 0 !important;
}
.product-image .labels .onhot,
.summary-before .labels .onhot {
background: var(--porto-hot-color, #62b959);
color: var(--porto-hot-color-inverse, #fff);
}
.product-image .labels .onsale,
.summary-before .labels .onsale {
background: var(--porto-sale-color, #e27c7c);
color: var(--porto-sale-color-inverse, #fff);
}
.add-links .add_to_cart_read_more,
.add-links .add_to_cart_button,
.yith-wcwl-add-to-wishlist a,
.yith-wcwl-add-to-wishlist span,
.add-links-wrap .quickview,
.product-image .yith-compare {
position: relative;
display: inline-block;
cursor: pointer;
font-size: inherit;
text-align: center;
vertical-align: top;
transition: opacity 0.25s, background-color 0.25s, color 0.25s, border-color 0.25s, left 0.25s, right 0.25s;
background-color: var(--porto-shop-add-links-bg-color);
border: 1px solid var(--porto-shop-add-links-border-color, transparent);
color: var(--porto-shop-add-links-color, #212529);
}
.yith-wcwl-add-to-wishlist a:before,
.yith-wcwl-add-to-wishlist span:before,
.add-links-wrap .quickview:before {
display: inline-block;
}
.add-links .button:hover,
.add-links .button:focus,
.add-links .quickview:hover,
.yith-wcwl-add-to-wishlist a:hover,
.product-image .yith-compare:hover,
li.product-default:hover .add-links .add_to_cart_button,
li.product-default:hover .add-links .add_to_cart_read_more {
background-color: var(--porto-primary-color);
border-color: var(--porto-primary-color);
color: var(--porto-primary-color-inverse, #fff);
}
.product-summary-wrap .yith-wcwl-add-to-wishlist a,
.product-summary-wrap .yith-wcwl-add-to-wishlist a:hover,
.product-summary-wrap .yith-wcwl-add-to-wishlist span {
background: none;
border: none;
}
.add-links .add_to_cart_button,
.add-links .add_to_cart_read_more,
.add-links .yith-compare {
padding: 0 0.625rem;
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
z-index: 1;
white-space: nowrap;
}
.add-links .add_to_cart_button:before,
.add-links .add_to_cart_read_more:before,
.add-links .yith-compare:before {
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-left: 5px;
position: relative;
float: right;
}
.add-links .yith-compare:before {
content: "";
font-family: "porto";
}
.add-links .yith-compare.added::before {
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: 36px;
}
.product-type-simple .add-links .add_to_cart_button:before {
font-family: "Porto";
content: "";
font-size: 1rem;
font-weight: 600;
font-size: 0.9375rem;
}
.add-links .add_to_cart_button.loading.viewcart-style-1:after {
content: "";
opacity: 0.5;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: var(--porto-normal-bg);
}
.add-links .add_to_cart_button,
.add-links .add_to_cart_read_more,
.add-links .quickview,
.add-links .yith-compare {
height: 36px;
line-height: 34px;
min-width: 36px;
}
.yith-wcwl-add-to-wishlist {
margin-top: 0;
line-height: 1;
vertical-align: top;
}
.yith-wcwl-add-to-wishlist a,
.yith-wcwl-add-to-wishlist span {
width: 36px;
height: 36px;
line-height: 34px;
padding: 0;
text-indent: -9999em;
}
.yith-wcwl-add-to-wishlist a:before,
.yith-wcwl-add-to-wishlist span:before {
position: absolute;
left: 0;
right: 0;
top: 0;
text-indent: 0;
font-size: 1rem;
font-family: "Porto";
}
.yith-wcwl-add-to-wishlist .add_to_wishlist:before {
content: "";
}
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before,
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before {
content: "";
color: var(--porto-sale-color, #e27c7c);
}
.yith-wcwl-add-to-wishlist .delete_item:before {
content: "";
}
.yith-wcwl-add-to-wishlist + .clear,
.yith-wcwl-add-to-wishlist a i {
display: none;
}
.yith-wcwl-add-to-wishlist .feedback,
.yith-wcwl-add-to-wishlist img.ajax-loading {
display: none !important;
}
li.product-outimage_aq_onimage .add-links .quickview {
background-color: var(--porto-primary-color);
color: var(--porto-primary-color-inverse, #fff);
}
.add-links .quickview {
width: 36px;
/*border-color: #d8d8d6;
background: none;*/
text-indent: -9999px;
text-transform: uppercase;
font-size: 13px;
}
.add-links .quickview:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
text-indent: 0;
font-family: "Font Awesome 5 Free";
font-size: 1.1em;
font-weight: 900;
}
.add-links .quickview.loading:after {
content: "";
opacity: 0.5;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: var(--porto-normal-bg);
}
.single-add-to-cart .type-product .single_add_to_cart_button:before {
content: none;
}
.single-add-to-cart .type-product .single_add_to_cart_button:after {
content: "";
margin-right: 10px;
font-size: 16px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.category-image {
width: 100%;
margin-bottom: 20px;
}
.entry-description .category-image {
width: auto;
}
.products ul,
ul.products {
margin: 0 0 1em;
padding: 0;
list-style: none outside;
}
.products ul li,
ul.products li {
list-style: none outside;
}
.cross-sells .slider-wrapper .products .product {
padding-left: calc( var(--porto-el-spacing, var(--porto-grid-gutter-width)) / 2 );
padding-right: calc( var(--porto-el-spacing, var(--porto-grid-gutter-width)) / 2 );
}
ul.products {
margin-left: calc( var(--porto-el-spacing, var(--porto-grid-gutter-width)) / -2 );
margin-right: calc( var(--porto-el-spacing, var(--porto-grid-gutter-width)) / -2 );
}
ul.products:not(.owl-carousel) {
display: flex;
flex-wrap: wrap;
}
ul.products li.product-col {
padding: 0 calc( var(--porto-el-spacing, var(--porto-grid-gutter-width)) / 2 );
margin-bottom: var(--porto-el-spacing, var(--porto-grid-gutter-width));
position: relative;
flex: 0 0 auto;
width: 100%;
max-width: 100%;
}
ul.products .product-content {
padding-bottom: 1px;
}
ul.products .product-image {
margin-bottom: 1rem;
min-height: 90px;
}
ul.products .product-image .img-effect img {
position: relative;
opacity: 1;
}
ul.products .product-image .img-effect .hover-image {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
opacity: 0;
}
ul.products .product-image:hover .img-effect img {
opacity: 0;
}
ul.products .product-image:hover .img-effect .hover-image {
opacity: 1;
}
ul.products h3 {
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.35;
margin-bottom: 0.45rem;
}
ul.products .product-loop-title:hover h3 {
color: inherit;
}
ul.products .rating-wrap {
margin: 0 0 0.625rem;
position: relative;
display: table;
}
ul.products .rating-wrap .rating-content {
display: table-cell;
}
ul.products .description {
margin-top: 1.5em;
}
ul.products .price {
display: block;
font-size: 1.125rem;
margin-bottom: 1rem;
}
ul.products .add-links {
display: inline-block;
position: relative;
margin-bottom: 1.0714em;
}
ul.products .add-links .tooltip-inner {
white-space: nowrap;
}
ul.products .add-links .added_to_cart {
display: none;
}
ul.products .add-links .yith-wcwl-add-to-wishlist > div {
right: 0;
transition: 0.25s;
}
ul.products .add-links .quickview {
left: 0;
}
ul.products .add-links .yith-wcwl-add-to-wishlist > div,
ul.products .add-links .quickview {
position: absolute;
top: 0;
opacity: 0;
visibility: hidden;
z-index: 3;
}
ul.products .add-links div.quantity {
margin-bottom: 5px;
}
ul.products .links-on-image {
height: 0;
}
ul.products .links-on-image .add-links-wrap {
display: none;
height: 0;
}
ul.products .links-on-image .add-links {
position: static;
}
ul.products .variations .label,
ul.products .variations .reset_variations {
display: none !important;
}
ul.products .variations td {
padding: 0 0 5px;
}
ul.products .variations tr {
border-bottom: none;
}
ul.products .variations .filter-item-list {
display: flex;
margin-top: -4px;
margin-bottom: 5px;
}
ul.products .variations {
width: 100%;
}
.products.gap-narrow li.product-col h3 {
font-size: 0.8125rem;
}
.products.gap-narrow li.product-col .price {
font-size: 0.9375rem;
}
@media (min-width: 767px) {
.products.gap-narrow {
margin-left: calc( var(--porto-column-spacing) * -0.5 );
margin-right: calc( var(--porto-column-spacing) * -0.5 );
}
.products.gap-narrow li.product-col {
padding: 0 calc( var(--porto-column-spacing) / 2 );
}
.products.gap-narrow li.product-col h3 {
font-size: 0.8125rem;
}
.products.gap-narrow li.product-col .price {
font-size: 0.9375rem;
}
}
li.product:hover .add-links .yith-wcwl-add-to-wishlist > div,
li.product:hover .add-links .quickview,
li.product:hover .add-links .yith-compare {
opacity: 1;
visibility: visible;
}
li.product:hover .add-links .quickview {
opacity: 0.85;
}
li.product:hover .links-on-image .add-links-wrap {
display: block;
}
li.product:hover .product-image {
box-shadow: 0 25px 35px -5px rgba(0, 0, 0, 0.1);
}
li.product:hover .product-image .viewcart.added {
display: block;
opacity: 1;
}
li.product .add-links .quickview:hover {
opacity: 1;
}
li.product-default:hover .add-links .yith-wcwl-add-to-wishlist > div {
right: -40px;
}
li.product-default:hover .add-links .quickview {
left: -40px;
}
li.product-default:hover .add-links.no-effect .add_to_cart_read_more,
li.product-default:hover .add-links.no-effect .add_to_cart_button {
text-indent: 0;
width: auto;
padding: 0 0.7143em;
}
li.product-default:hover .add-links.no-effect .add_to_cart_read_more:before,
li.product-default:hover .add-links.no-effect .add_to_cart_button:before {
position: static;
font-size: 1em;
margin-left: 0.5714em;
}
ul.pcols-lg-9 li.product-col {
width: 11.1111%;
}
ul.pcols-lg-9 li.product-col .add-links {
display: none;
}
ul.pcols-lg-8 li.product-col {
width: 12.5%;
}
ul.pcols-lg-8 li.product-col .add-links {
display: none;
}
ul.pwidth-lg-8 .product-image {
font-size: 0.8em;
}
ul.pwidth-lg-8 .add-links {
font-size: 0.85em;
}
ul.pcols-lg-7 li.product-col {
width: 14.2857%;
}
ul.pcols-lg-7 li.product-col .add-links {
display: none;
}
ul.pwidth-lg-7 .product-image {
font-size: 0.8em;
}
ul.pwidth-lg-7 .add-links {
font-size: 0.9em;
}
ul.pcols-lg-6 li.product-col {
width: 16.6666%;
}
ul.pwidth-lg-6 .product-image {
font-size: 0.9em;
}
ul.pwidth-lg-6 .add-links {
font-size: 1em;
}
ul.pcols-lg-5 li.product-col {
width: 20%;
}
ul.pwidth-lg-5 .product-image {
font-size: 1em;
}
ul.pwidth-lg-5 .add-links {
font-size: 1em;
}
ul.pcols-lg-4 li.product-col {
width: 25%;
}
ul.pwidth-lg-4 .product-image {
font-size: 1em;
}
ul.pwidth-lg-4 .add-links {
font-size: 1em;
}
ul.pcols-lg-3 li.product-col {
width: 33.3333%;
}
ul.pwidth-lg-3 .product-image {
font-size: 1.2em;
}
ul.pwidth-lg-3 .add-links {
font-size: 1em;
}
ul.pcols-lg-2 li.product-col {
width: 50%;
}
ul.pwidth-lg-2 .product-image {
font-size: 1.5em;
}
ul.pwidth-lg-2 .add-links {
font-size: 1em;
}
ul.pcols-lg-1 li.product-col {
width: 100%;
}
@media (min-width: 992px) {
.column2 ul.pwidth-lg-6 .product-image {
font-size: 0.75em;
}
.column2 ul.pwidth-lg-6 .add-links {
font-size: 0.8em;
}
.column2 ul.pwidth-lg-5 .product-image {
font-size: 0.8em;
}
.column2 ul.pwidth-lg-5 .add-links {
font-size: 0.9em;
}
.column2 ul.pwidth-lg-4 .product-image {
font-size: 0.9em;
}
.column2 ul.pwidth-lg-4 .add-links {
font-size: 0.95em;
}
.column2 ul.pwidth-lg-3 .product-image {
font-size: 1em;
}
.column2 ul.pwidth-lg-3 .add-links {
font-size: 1em;
}
.column2 ul.pwidth-lg-2 .product-image {
font-size: 1.2em;
}
}
@media (min-width: 1400px) {
ul.pcols-xl-8 li.product-col {
width: 12.5%;
}
ul.pcols-xl-8 li.product-col .add-links {
display: none;
}
ul.pcols-xl-7 li.product-col {
width: 14.2857%;
}
ul.pcols-xl-7 li.product-col .add-links {
display: none;
}
ul.pcols-xl-6 li.product-col {
width: 16.6666%;
}
ul.pcols-xl-6 li.product-col .add-links {
display: none;
}
}
.products .product-category {
text-align: center;
}
.products .product-category .thumb-info {
min-height: 90px;
margin-bottom: 0;
text-align: right;
transition: background-color 0.2s;
}
.products .product-category .thumb-info h3 {
font-weight: 700;
color: inherit;
}
.products .product-category .thumb-info-title {
background: none;
max-width: none;
width: 100%;
bottom: 0;
padding: 1.2em 1.5em;
margin: 0;
}
.products .product-category .thumb-info-type {
display: block;
margin: 0;
padding: 0;
font-weight: 400;
background: none;
float: none;
opacity: 0.7;
line-height: 1.8;
}
.products .product-category mark {
padding: 0;
background: none;
color: inherit;
}
.products .product-category .thumb-info-wrapper:after {
background: rgba(27, 27, 23, 0.15);
z-index: 1;
opacity: 1;
}
.products .product-category:hover .thumb-info-wrapper:after {
background: rgba(27, 27, 23, 0.3);
}
ul.category-color-dark li.product-category .thumb-info-title {
color: var(--porto-dark-color);
}
ul.category-color-primary li.product-category .thumb-info-title {
color: var(--porto-primary-color);
}
ul.category-color-secondary li.product-category .thumb-info-title {
color: var(--porto-secondary-color);
}
ul.products li.cat-has-icon .thumb-info {
padding: 40px 0 25px;
transition: box-shadow 0.2s, background-color 0.2s;
text-align: center;
}
ul.products li.cat-has-icon .thumb-info i {
display: inline-block;
}
ul.products li.cat-has-icon .thumb-info > i {
font-size: 3em;
display: inline-block;
margin-bottom: 15px;
color: var(--porto-dark-color);
}
ul.products li.cat-has-icon:hover .thumb-info > i {
color: var(--porto-primary-color);
}
ul.products li.cat-has-icon .thumb-info-wrap {
display: block;
}
ul.products li.cat-has-icon .thumb-info-title {
display: block;
position: static;
padding: 0 0 10px;
}
ul.products.category-pos-middle li.product-category .thumb-info-title {
position: absolute;
bottom: auto;
top: 50%;
transform: translateY(-50%);
}
ul.products.category-pos-outside li.product-category .thumb-info-title {
position: static;
transform: none;
display: block;
padding-left: 0;
padding-right: 0;
}
.category-text-center .thumb-info-title {
text-align: center;
}
.category-text-right .thumb-info-title {
text-align: left;
}
.category-text-left .thumb-info-title {
text-align: right;
}
li.product-category .thumb-info-title a {
color: inherit;
}
li.product-category .thumb-info-title a:hover {
color: inherit;
}
li.product-category .sub-categories {
font-size: 0.875rem;
font-weight: 400;
opacity: 0.7;
}
.grid-creative.category-pos-outside li.product-category .thumb-info {
height: calc(100% - 60px);
}
.porto-products.show-count-on-hover li.product-category .thumb-info-type {
max-height: 10px;
transition: 0.5s;
transform: translateY(20%);
opacity: 0;
}
.porto-products.show-count-on-hover li.product-category:hover .thumb-info-type {
max-height: 30px;
transform: translateY(0);
opacity: 0.7;
}
.porto-products.hide-count li.product-category .thumb-info-type {
display: none;
}
.porto-products.hide-count li.product-category .thumb-info h3 {
margin-bottom: 0;
}
/* product layouts */
ul.products .woocommerce-loop-product__title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
ul.products .add-links .button {
overflow: hidden;
}
ul.products .category-list {
display: block;
font-size: 0.625rem;
opacity: 0.8;
text-transform: uppercase;
line-height: 1.7;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
ul.products .category-list a:not(:hover) {
color: inherit;
}
li.product-default .price {
margin-bottom: 0.875rem;
}
li.product-default:not(.product-type-simple) .add-links .button:before {
display: none;
}
li.product-default.show-links-hover {
padding-top: 50px;
padding-bottom: 0;
transition: 0.3s;
}
li.product-default.show-links-hover .add-links-wrap {
visibility: hidden;
opacity: 0;
transition: 0.3s;
margin: 0 -50px -10px;
}
li.product-default.show-links-hover .add-links {
margin-bottom: 0;
}
li.product-default.show-links-hover .product-image {
box-shadow: none;
}
li.product-default.show-links-hover:hover {
padding-top: 10px;
padding-bottom: 40px;
}
li.product-default.show-links-hover:hover .add-links-wrap {
visibility: visible;
opacity: 1;
}
li.product-default,
li.product-wq_onimage {
text-align: center;
}
li.product-default .rating-wrap,
li.product-wq_onimage .rating-wrap {
margin-left: auto;
margin-right: auto;
}
li.product-default .filter-item-list,
li.product-wq_onimage .filter-item-list {
justify-content: center;
}
li.product-onimage2 .product-image .inner:after,
li.product-onimage3 .product-image .inner:after,
li.product-outimage_aq_onimage .product-image .inner:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(27, 27, 23, 0.3);
transition: 0.25s;
}
li.product-outimage_aq_onimage {
text-align: right;
}
li.product-outimage_aq_onimage .add-links .button {
position: absolute;
z-index: 3;
left: 15px;
top: 15px;
width: 36px;
padding: 0;
border-radius: 18px;
opacity: 0;
text-indent: -9999px;
}
li.product-outimage_aq_onimage .add-links .button:before {
text-indent: 0;
width: 100%;
}
li.product-outimage_aq_onimage .add-links .yith-compare {
top: 60px;
}
li.product-outimage_aq_onimage .add-links .quickview {
bottom: 0;
top: auto;
left: 0;
width: 100%;
text-indent: 0;
padding: 0.1rem 0;
height: auto;
border: none;
}
li.product-outimage_aq_onimage .add-links .quickview:before {
content: none;
}
li.product-outimage_aq_onimage .add-links .yith-wcwl-add-to-wishlist {
display: none;
}
li.product-outimage_aq_onimage .links-on-image .add-links-wrap {
display: block;
}
li.product-outimage_aq_onimage .product-image .inner:after {
background: rgba(0, 0, 0, 0.1);
opacity: 0;
transition: opacity 0.2s;
}
li.product-outimage_aq_onimage:hover .button {
opacity: 1;
}
li.product-outimage_aq_onimage:hover .add-links .quickview {
padding: 0.45rem 0;
}
li.product-outimage_aq_onimage:hover .sale-product-daily-deal {
display: none;
}
li.product-outimage_aq_onimage:hover .product-image .inner:after {
opacity: 1;
}
li.product-outimage_aq_onimage.with-padding, li.product-outimage_aq_onimage.with-padding .product-image {
margin-bottom: 0;
}
li.product-outimage_aq_onimage.with-padding .product-content {
padding: 15px 15px 1px;
}
li.product-outimage_aq_onimage .yith-wcwl-add-to-wishlist,
.porto-type-builder-product-type .yith-wcwl-add-to-wishlist {
float: left;
position: relative;
z-index: 2;
margin-right: 10px;
}
li.product-outimage_aq_onimage .yith-wcwl-add-to-wishlist span, li.product-outimage_aq_onimage .yith-wcwl-add-to-wishlist a,
.porto-type-builder-product-type .yith-wcwl-add-to-wishlist span,
.porto-type-builder-product-type .yith-wcwl-add-to-wishlist a {
opacity: 0.7;
border: none;
background: none;
color: var(--porto-shop-add-links-color, #333);
height: auto;
width: 1.4em;
line-height: 1.2;
}
li.product-outimage_aq_onimage .yith-wcwl-add-to-wishlist .add_to_wishlist:hover,
.porto-type-builder-product-type .yith-wcwl-add-to-wishlist .add_to_wishlist:hover {
opacity: 1;
}
ul.grid.divider-line li.product-outimage_aq_onimage.with-padding .quickview {
left: 15px;
right: 15px;
width: auto;
}
ul.grid.divider-line .product-image {
border: none;
}
li.product-awq_onimage .links-on-image .add-links {
position: absolute;
z-index: 2;
}
li.product-awq_onimage .add-links {
display: flex;
left: 15px;
bottom: 0;
}
li.product-awq_onimage .add-links > *:not(:last-child) {
margin-left: 3px;
}
li.product-awq_onimage .add-links .button {
text-indent: -9999px;
padding: 0 8px;
}
li.product-awq_onimage .add-links .button:before {
text-indent: 0;
margin: 0;
width: 18px;
}
li.product-awq_onimage .add-links .quickview,
li.product-awq_onimage .add-links .yith-wcwl-add-to-wishlist > div,
li.product-awq_onimage .add-links .yith-compare {
position: relative;
opacity: 1 !important;
}
li.product-awq_onimage .add-links .button,
li.product-awq_onimage .add-links .quickview,
li.product-awq_onimage .add-links .yith-wcwl-add-to-wishlist a,
li.product-awq_onimage .add-links .yith-wcwl-add-to-wishlist span {
border-radius: 18px;
overflow: hidden;
}
li.product-awq_onimage .add-links .yith-compare {
top: auto;
left: auto;
}
li.product-outimage .add-links {
display: flex;
}
li.product-outimage .add-links > *:not(:last-child) {
margin-left: 6px;
}
li.product-outimage .add-links .quickview,
li.product-outimage .add-links .yith-wcwl-add-to-wishlist > div {
position: relative;
}
li.product-outimage .add-links .button,
li.product-outimage .add-links .quickview,
li.product-outimage .add-links .yith-wcwl-add-to-wishlist a,
li.product-outimage .add-links .yith-wcwl-add-to-wishlist span {
border: none;
line-height: 36px;
}
li.product-outimage .add-links .button {
padding-left: 1rem;
padding-right: 1rem;
}
@media (max-width: 767px) {
li.product-outimage .add-links .button {
padding-left: 0.6rem;
padding-right: 0.6rem;
}
li.product-outimage .add-links .button:before {
display: none;
}
}
li.product-outimage .add-links .button,
li.product-outimage .add-links .quickview,
li.product-outimage .add-links .yith-wcwl-add-to-wishlist a,
li.product-outimage .add-links .yith-wcwl-add-to-wishlist span {
background: #f4f4f4;
}
li.product-outimage .add-links .quickview:hover,
li.product-outimage .add-links .yith-wcwl-add-to-wishlist a:hover,
li.product-outimage .add-links .button:hover,
li.product-outimage .add-links .button:focus {
background: var(--porto-primary-color);
}
li.product-outimage:hover .add-links .yith-wcwl-add-to-wishlist > div,
li.product-outimage:hover .add-links .quickview {
opacity: 1;
}
@media (max-width: 575px) {
.pcols-ls-2 li.product-outimage .add-links .button {
padding: 0 0.4rem;
width: 36px;
text-indent: -9999px;
}
.pcols-ls-2 li.product-outimage .add-links .button:before {
display: block;
text-indent: 0;
width: 100%;
}
}
@media (min-width: 576px) {
li.product-outimage:not(.product-type-simple) .add-links .button:before {
display: none;
}
}
li.product-onimage {
overflow: hidden;
}
li.product-onimage .product-inner {
position: relative;
}
li.product-onimage .product-image {
margin-bottom: 0;
}
li.product-onimage .links-on-image .button,
li.product-onimage .links-on-image .quickview {
display: none !important;
}
li.product-onimage .links-on-image .yith-wcwl-add-to-wishlist > div {
position: absolute;
top: 10px;
left: 10px;
right: auto;
}
li.product-onimage .links-on-image .yith-wcwl-add-to-wishlist span, li.product-onimage .links-on-image .yith-wcwl-add-to-wishlist a, li.product-onimage .links-on-image .yith-wcwl-add-to-wishlist .blockUI {
border-radius: 20px;
}
li.product-onimage .product-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 2;
padding: 15px 20px 0;
opacity: 0;
transition: transform 0.4s, opacity 0.2s;
transform: translateZ(0) translateY(5px);
background: var(--porto-normal-bg);
border-top: 1px solid var(--porto-input-bc);
}
li.product-onimage .product-content .yith-wcwl-add-to-wishlist {
display: none;
}
li.product-onimage .product-content .add-links {
border-top: 1px solid var(--porto-input-bc);
}
li.product-onimage .add-links {
position: static;
display: flex;
flex-direction: row-reverse;
margin: 0 -20px;
}
li.product-onimage .add-links > * {
flex: 1;
min-width: 50%;
}
li.product-onimage .add-links .button:not(:hover):not(:focus) {
background: #f4f4f4;
}
li.product-onimage .add-links .button, li.product-onimage .add-links .quickview {
height: 45px;
line-height: 44px;
border: none;
}
li.product-onimage .add-links .button:before {
display: none;
}
li.product-onimage .add-links .quickview {
position: static;
background: var(--porto-primary-color);
color: var(--porto-primary-color-inverse, #fff);
text-indent: 0;
opacity: 0.85;
visibility: visible;
}
li.product-onimage .add-links .quickview:before {
display: none;
}
li.product-onimage:hover .product-content {
opacity: 1;
transform: translateZ(0) translateY(0);
}
li.product-onimage:not(.product-type-simple) .add-links .button:before {
display: none;
}
li.product-onimage .description,
li.product-onimage2 .description,
li.product-onimage3 .description {
display: none;
}
li.product-onimage2 .product-inner,
li.product-onimage3 .product-inner {
position: relative;
overflow: hidden;
}
li.product-onimage2 span,
li.product-onimage2 .price,
li.product-onimage2 h3,
li.product-onimage3 span,
li.product-onimage3 .price,
li.product-onimage3 h3 {
color: #fff;
}
li.product-onimage2 .star-rating:before,
li.product-onimage3 .star-rating:before {
color: rgba(255, 255, 255, 0.6);
}
li.product-onimage2 .star-rating span:before,
li.product-onimage3 .star-rating span:before {
color: inherit;
}
li.product-onimage2 .price,
li.product-onimage3 .price {
margin-bottom: 0;
}
li.product-onimage2 .add-links .button,
li.product-onimage2 .add-links .yith-wcwl-add-to-wishlist a,
li.product-onimage2 .add-links .yith-wcwl-add-to-wishlist span,
li.product-onimage3 .add-links .yith-wcwl-add-to-wishlist a,
li.product-onimage3 .add-links .yith-wcwl-add-to-wishlist span,
li.product-onimage3 .add-links .quickview,
li.product-onimage3 .add-links .button {
border-color: #fff;
border-width: 2px;
color: #fff;
background-color: #4d4d4a;
border-radius: 2rem;
overflow: hidden;
}
li.product-onimage2 .product-image {
margin-bottom: 0;
position: static;
}
li.product-onimage2 .product-image .inner:after {
opacity: 0;
}
li.product-onimage2 .links-on-image .add-links {
position: absolute;
}
li.product-onimage2 .add-links {
top: 15px;
left: 12px;
display: flex;
justify-content: center;
z-index: 3;
}
li.product-onimage2 .add-links > * {
margin: 0 3px;
opacity: 0.85 !important;
}
li.product-onimage2 .add-links > *:hover {
opacity: 1 !important;
}
li.product-onimage2 .add-links .button {
line-height: 32px;
text-indent: -9999px;
padding: 0 7px;
}
li.product-onimage2 .add-links .button:before {
text-indent: 0;
margin: 0;
width: 18px;
line-height: inherit;
}
li.product-onimage2 .add-links .yith-wcwl-add-to-wishlist > div {
position: relative;
}
li.product-onimage2 .add-links .yith-wcwl-add-to-wishlist span, li.product-onimage2 .add-links .yith-wcwl-add-to-wishlist a {
line-height: 32px;
}
li.product-onimage2 .quickview {
position: absolute;
top: auto;
bottom: 0;
left: 0;
right: 0;
border: none;
color: var(--porto-primary-color-inverse, #fff);
background: var(--porto-primary-color);
padding: 0.45rem 0;
text-transform: uppercase;
line-height: 32px;
opacity: 0.85;
}
li.product-onimage2 .quickview:hover {
opacity: 1;
}
li.product-onimage2 .yith-compare {
position: static;
}
li.product-onimage2 .product-content {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: scale(0.9) translateZ(0) translateY(-50%);
text-align: center;
z-index: 2;
opacity: 0;
transition: opacity 0.5s, transform 0.3s;
}
li.product-onimage2 .rating-wrap {
margin-left: auto;
margin-right: auto;
}
li.product-onimage2:hover .product-content {
transform: scale(1) translateZ(0) translateY(-50%);
opacity: 1;
}
li.product-onimage2:hover .product-image .inner:after {
opacity: 1;
}
li.product-onimage3 .product-image {
margin-bottom: 0;
}
li.product-onimage3 .product-content {
position: absolute;
bottom: -5px;
left: 0;
right: 0;
padding: 0 20px 20px;
z-index: 2;
opacity: 0;
transition: 0.3s;
}
li.product-onimage3 .add-links .button,
li.product-onimage3 .add-links .yith-wcwl-add-to-wishlist a,
li.product-onimage3 .add-links .yith-wcwl-add-to-wishlist span {
line-height: 32px;
}
li.product-onimage3 .add-links > * {
opacity: 0.85 !important;
transition: opacity 0.2s;
}
li.product-onimage3 .add-links > *:hover {
opacity: 1 !important;
}
li.product-onimage3 .add-links .button {
text-indent: -9999px;
position: absolute;
left: 15px;
top: 15px;
padding: 0 7px;
}
li.product-onimage3 .add-links .button:before {
text-indent: 0;
margin: 0;
width: 18px;
line-height: inherit;
}
li.product-onimage3 .add-links .yith-compare {
left: 105px;
}
li.product-onimage3 .add-links .yith-wcwl-add-to-wishlist > div {
top: 15px;
left: 60px;
right: auto;
}
li.product-onimage3 .add-links .quickview {
text-indent: 0;
padding: 0.1rem 1.5rem;
width: auto;
height: auto;
top: 50%;
left: 50%;
transform: translateZ(0) translateX(50%);
margin-top: -20px;
white-space: nowrap;
}
li.product-onimage3 .add-links .quickview:before {
display: none;
}
li.product-onimage3 .product-loop-title:hover {
color: #fff;
}
li.product-onimage3:hover .product-image .inner:after {
background-color: rgba(27, 27, 23, 0.7);
}
li.product-onimage3:hover .product-content {
opacity: 1;
bottom: 0;
}
li.product-wq_onimage .add-links .yith-wcwl-add-to-wishlist,
li.product-wq_onimage .add-links .quickview,
li.product-wq_onimage .add-links .yith-compare {
display: none;
}
li.product-wq_onimage .links-on-image .button,
li.product-wq_onimage .links-on-image .quantity {
display: none;
}
li.product-wq_onimage .links-on-image .quickview {
display: block;
bottom: 0;
top: auto;
left: 0;
width: 100%;
text-indent: 0;
padding: 0.4rem 0;
height: auto;
border: none;
background: var(--porto-primary-color);
color: var(--porto-primary-color-inverse, #fff);
z-index: 1;
}
li.product-wq_onimage .links-on-image .quickview:before {
content: none;
}
li.product-wq_onimage .links-on-image .yith-wcwl-add-to-wishlist {
display: block;
}
li.product-wq_onimage .links-on-image .yith-wcwl-add-to-wishlist > div {
top: 15px;
left: auto;
left: 15px;
}
li.product-wq_onimage .links-on-image .yith-wcwl-add-to-wishlist a, li.product-wq_onimage .links-on-image .yith-wcwl-add-to-wishlist .blockUI {
border-radius: 18px;
}
li.product-wq_onimage .links-on-image .yith-compare {
display: block;
}
li.product-wq_onimage:hover .sale-product-daily-deal {
display: none;
}
ul.products.grid-creative .product-inner,
ul.products.grid-creative .product-image,
ul.products.grid-creative .product-image .inner {
height: 100%;
}
ul.products.grid-creative li.product-col {
padding-bottom: var(--porto-el-spacing, var(--porto-grid-gutter-width));
}
ul.products.grid-creative li.product-col, ul.products.grid-creative li.product-col .product-image {
margin-bottom: 0;
}
ul.products .filter-item-list .filter-color {
width: 12px;
height: 12px;
border-radius: 6px;
margin: 7px 3px 4px 7px;
}
ul.products .filter-item-list .filter-color:before {
font-size: 8px;
}
ul.products .filter-item-list .filter-color:after {
content: "";
position: absolute;
width: 18px;
height: 18px;
border-radius: 9px;
top: -3px;
left: -3px;
border: 1px solid #000;
}
ul.grid.divider-line {
margin-left: 0;
margin-right: 0;
}
ul.grid.divider-line > .product-col {
border-right: 1px solid var(--porto-input-bc);
border-bottom: 1px solid var(--porto-input-bc);
}
ul.grid.divider-line .product-col {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
ul.grid.divider-line .product-col:hover {
z-index: 2;
box-shadow: 0 25px 35px -5px rgba(0, 0, 0, 0.1);
}
ul.grid.divider-line .product-col:hover .product-image {
box-shadow: none;
}
@media (min-width: 576px) and (max-width: 767px) {
.divider-line.pcols-xs-3 > .product-col:nth-child(3n),
.divider-line.pcols-xs-2 > .product-col:nth-child(2n) {
border-right-width: 0;
}
}
@media (max-width: 575px) {
.divider-line.pcols-ls-2 > .product-col:nth-child(2n) {
border-right-width: 0;
}
}
@media (min-width: 576px) {
ul.list li.product .product-inner {
display: flex;
align-items: center;
}
ul.list li.product .product-image {
flex: 0 0 250px;
margin: 0 0 0 20px;
}
ul.list li.product .product-content {
flex: 1 1 auto;
max-width: calc(100% - 250px);
}
}
ul.list li.product {
text-align: right;
margin-bottom: var(--porto-grid-gutter-width);
}
ul.list li.product .description {
margin-top: 0;
margin-bottom: 1em;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
ul.list li.product .description p:last-child {
margin-bottom: 0;
}
ul.list li.product h3 {
font-size: 1.2857em;
font-weight: 600;
}
ul.list li.product .add-links {
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
}
ul.list li.product .add-links .yith-wcwl-add-to-wishlist > div,
ul.list li.product .add-links .quickview {
position: relative;
right: 0 !important;
opacity: 1;
visibility: visible;
}
ul.list li.product .add-links > * {
margin: 0 0 0.375rem 0.25rem;
}
ul.list li.product .add-links-wrap:not(:last-child) {
margin-bottom: 0.8em;
}
ul.list li.product .product-inner > script,
ul.list li.product .product-inner > style {
display: none;
}
ul.list li.product .variations .filter-item-list {
margin-bottom: 0;
}
ul.list li.product .variations td {
padding-bottom: 0;
}
ul.list li.product .filter-item-list li {
margin-bottom: 0;
}
ul.list li.product .rating-wrap {
margin-left: 0;
margin-right: 0;
}
ul.list li.product:hover .product-image {
box-shadow: none;
}
ul.list .add-links {
font-size: 1em;
}
ul.products.list li.product-category img {
width: 100%;
font-size: 1em;
}
/* product carousel */
.title-border-bottom > .section-title,
.related.products .slider-title {
letter-spacing: -0.01em;
line-height: 22px;
padding-bottom: 10px;
margin-bottom: 24px;
border-bottom: 1px solid var(--porto-input-bc);
}
.porto-products.title-border-bottom .products-slider.show-dots-title-right .owl-dots, .related.products .products-slider.show-dots-title-right .owl-dots {
top: -52px;
height: 32px;
}
.porto-products.title-border-bottom .products-slider.show-nav-title .owl-nav, .related.products .products-slider.show-nav-title .owl-nav {
margin-top: -36px;
}
.title-border-middle > .section-title {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.title-border-middle > .section-title:before, .title-border-middle > .section-title:after {
border-bottom: 1px solid var(--porto-input-bc);
flex: 1;
}
.title-border-middle > .section-title:before {
margin-left: 1em;
}
.title-border-middle > .section-title:after {
content: "";
margin-right: 1em;
}
.title-border-middle > .text-right {
padding-left: 75px;
}
.title-border-middle > .text-right:before {
content: "";
}
.title-border-middle > .text-right:after {
content: none;
}
.title-border-middle > .text-center:before {
content: "";
}
.title-border-middle > .border-right-spacing:after {
margin-left: 75px;
}
.products-slider.show-dots-title-right .owl-dots {
top: -40px;
height: 32px;
}
.products-slider.owl-carousel .owl-dots.disabled {
display: none;
}
.products-slider.owl-carousel:not(.dots-style-normal) .owl-dot {
vertical-align: middle;
}
.products-slider.owl-carousel:not(.dots-style-normal) .owl-dot span {
position: relative;
width: 14px;
height: 14px;
border: 2px solid;
background: none;
margin: 5px 2px;
border-radius: 7px;
opacity: 0.4;
color: var(--porto-primary-dark-20);
}
.products-slider.owl-carousel:not(.dots-style-normal) .owl-dot:hover span, .products-slider.owl-carousel:not(.dots-style-normal) .owl-dot.active span {
background: none;
color: var(--porto-primary-color);
opacity: 1;
}
.products-slider.owl-carousel:not(.dots-style-normal) .owl-dot:hover span:after, .products-slider.owl-carousel:not(.dots-style-normal) .owl-dot.active span:after {
content: "";
position: absolute;
left: 3px;
bottom: 3px;
right: 3px;
top: 3px;
border-radius: 10px;
border: 2px solid;
}
.porto-products .product-categories {
list-style: none;
padding-left: 0;
}
.porto-products.filter-vertical {
display: flex;
flex-wrap: wrap;
/*@media (max-width: 767px) {
flex-wrap: wrap;
}*/
}
.porto-products.filter-vertical .section-title {
width: 100%;
}
.porto-products.filter-vertical .shop-loop-before {
display: none !important;
}
.porto-products.filter-vertical .products-filter, .porto-products.filter-vertical .products-filter + div {
width: 100%;
}
@media (min-width: 768px) {
.porto-products.filter-vertical .products-filter {
flex: 0 0 auto;
width: 16.6666%;
border-left: 1px solid #dcdcdc;
padding-left: 15px;
padding-right: 15px;
}
.porto-products.filter-vertical .products-filter + div {
flex: 0 0 auto;
width: 83.3333%;
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 767px) {
.porto-products.filter-vertical .product-categories li {
display: inline-block;
margin-left: 20px;
}
}
.porto-products.filter-vertical .product-categories a {
display: block;
position: relative;
padding: 12px 20px 12px 0;
}
.porto-products.filter-vertical .product-categories a:before {
content: "";
font-family: "porto";
margin-left: 10px;
width: 11px;
position: absolute;
right: 0;
}
.porto-products.filter-vertical .product-categories .current a:before {
content: "";
}
.porto-products.filter-horizontal .product-categories li {
display: inline-block;
margin-left: 2rem;
}
ul.products.owl-loaded li.product-col, ul.products.owl-loading li.product-col,
.column2 ul.products.owl-loaded li.product-col,
.column2 ul.products.owl-loading li.product-col {
width: auto;
}
ul.products.product_list_widget .product {
text-align: right;
}
ul.products.product_list_widget .product .product-image {
margin-left: 15px;
min-height: 0;
}
ul.products.product_list_widget .product .rating-wrap {
display: block;
margin: -5px 0 6px;
height: auto;
}
ul.products.product_list_widget .add-links {
font-size: 0.8571em;
}
ul.products.product_list_widget .add-links .add_to_cart_button,
ul.products.product_list_widget .add-links .add_to_cart_read_more {
text-indent: 0 !important;
}
ul.products.product_list_widget .add-links .add_to_cart_button:before,
ul.products.product_list_widget .add-links .add_to_cart_read_more:before {
display: none;
}
ul.products.product_list_widget .add-links .tooltip {
display: none !important;
}
ul.products.product_list_widget .labels,
ul.products.product_list_widget .description,
ul.products.product_list_widget .yith-wcwl-add-to-wishlist,
ul.products.product_list_widget .add-links .quickview {
display: none;
}
ul.products.product_list_widget .rating-wrap .star-rating {
margin-right: 0 !important;
font-size: 1em;
}
ul.products.product_list_widget .rating-wrap .star-rating:before,
ul.products.product_list_widget .rating-wrap .star-rating span:before {
right: 0 !important;
}
ul.products.product_list_widget .add-links-wrap {
display: block !important;
}
ul.products.product_list_widget .links-on-image .add-links-wrap {
display: none !important;
}
.yith-wcan-loading {
min-height: 200px;
height: auto;
}
ul.products.yith-wcan-loading .porto-loading-icon {
position: fixed;
z-index: 9999;
}
ul.products.yith-wcan-loading:after {
content: "";
position: fixed;
right: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.1);
z-index: 9998;
}
/* YITH Compare */
li.product-default .add-links .yith-compare,
li.product-outimage .add-links .yith-compare,
li.product-onimage .add-links .yith-compare {
display: none;
}
.product-image .yith-compare {
/*display: block !important;*/
position: absolute;
top: 55px;
right: 15px;
padding: 0;
text-indent: -9999px;
border-radius: 18px;
}
.product-image .yith-compare:before {
width: 100%;
text-indent: 0;
}
.product-image > .yith-compare {
top: 15px;
width: 36px;
height: 36px;
line-height: 34px;
opacity: 0;
}
.product-image > .yith-compare::before {
content: "";
font-family: "porto";
position: relative;
float: left;
}
.product-image > .yith-compare.added::before {
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: 36px;
}
li.product-col:hover .product-image > .yith-compare {
opacity: 1;
}
.product-onimage .product-image > .yith-compare {
top: 50px;
right: 10px;
}
.uni-cpo-calculate-btn,
li.product-col .add_to_cart_button,
li.product-col .add_to_cart_read_more,
li.product-col .quickview {
font-family: var(--porto-add-to-cart-ff), var(--porto-body-ff), sans-serif;
}
.porto-product-category-widget .thumb-info .btn {
padding-left: 0;
padding-right: 0;
}
.porto-product-category-widget ul.products .rating-wrap {
margin-left: auto;
margin-right: auto;
}
.widget_product_categories,
.widget_price_filter,
.widget_layered_nav,
.widget_layered_nav_filters,
.widget_rating_filter,
.sidebar-box {
border: none;
margin-bottom: 1.0714em;
margin-top: 0;
position: relative;
background: none;
}
.widget_product_categories > ul,
.widget_product_categories > div > ul,
.widget_product_categories > *,
.widget_price_filter > ul,
.widget_price_filter > div > ul,
.widget_price_filter > *,
.widget_layered_nav > ul,
.widget_layered_nav > div > ul,
.widget_layered_nav > *,
.widget_layered_nav_filters > ul,
.widget_layered_nav_filters > div > ul,
.widget_layered_nav_filters > *,
.widget_rating_filter > ul,
.widget_rating_filter > div > ul,
.widget_rating_filter > *,
.sidebar-box > ul,
.sidebar-box > div > ul,
.sidebar-box > * {
padding: 0.7143em 0;
border-width: 0;
margin: 0;
}
.widget_product_categories > .select2-container,
.widget_price_filter > .select2-container,
.widget_layered_nav > .select2-container,
.widget_layered_nav_filters > .select2-container,
.widget_rating_filter > .select2-container,
.sidebar-box > .select2-container {
padding-top: 0;
margin-top: 0.7143em;
}
.widget_product_categories > select,
.widget_price_filter > select,
.widget_layered_nav > select,
.widget_layered_nav_filters > select,
.widget_rating_filter > select,
.sidebar-box > select {
margin: 1.0714em 5%;
width: 90%;
padding: 0.8em 1em;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.3) inset;
}
.widget_product_categories .widget-title,
.widget_price_filter .widget-title,
.widget_layered_nav .widget-title,
.widget_layered_nav_filters .widget-title,
.widget_rating_filter .widget-title,
.sidebar-box .widget-title {
color: var(--porto-heading-color);
font-weight: 600;
line-height: 1.4;
padding: 0;
margin: 0;
text-transform: uppercase;
transition: 0.25s;
}
.widget_product_categories ul li, .widget_product_categories ol li,
.widget_price_filter ul li,
.widget_price_filter ol li,
.widget_layered_nav ul li,
.widget_layered_nav ol li,
.widget_layered_nav_filters ul li,
.widget_layered_nav_filters ol li,
.widget_rating_filter ul li,
.widget_rating_filter ol li,
.sidebar-box ul li,
.sidebar-box ol li {
position: relative;
border-width: 0;
padding: 0;
}
.widget_product_categories ul li > a, .widget_product_categories ol li > a,
.widget_price_filter ul li > a,
.widget_price_filter ol li > a,
.widget_layered_nav ul li > a,
.widget_layered_nav ol li > a,
.widget_layered_nav_filters ul li > a,
.widget_layered_nav_filters ol li > a,
.widget_rating_filter ul li > a,
.widget_rating_filter ol li > a,
.sidebar-box ul li > a,
.sidebar-box ol li > a {
display: inline-block;
padding: 4px 0;
color: var(--porto-body-color);
}
.widget_product_categories ul li .toggle:before, .widget_product_categories ol li .toggle:before,
.widget_price_filter ul li .toggle:before,
.widget_price_filter ol li .toggle:before,
.widget_layered_nav ul li .toggle:before,
.widget_layered_nav ol li .toggle:before,
.widget_layered_nav_filters ul li .toggle:before,
.widget_layered_nav_filters ol li .toggle:before,
.widget_rating_filter ul li .toggle:before,
.widget_rating_filter ol li .toggle:before,
.sidebar-box ul li .toggle:before,
.sidebar-box ol li .toggle:before {
content: "";
font-size: 1.2em;
}
.widget_product_categories ul li.open > .toggle:before, .widget_product_categories ul li.current > .toggle:before, .widget_product_categories ol li.open > .toggle:before, .widget_product_categories ol li.current > .toggle:before,
.widget_price_filter ul li.open > .toggle:before,
.widget_price_filter ul li.current > .toggle:before,
.widget_price_filter ol li.open > .toggle:before,
.widget_price_filter ol li.current > .toggle:before,
.widget_layered_nav ul li.open > .toggle:before,
.widget_layered_nav ul li.current > .toggle:before,
.widget_layered_nav ol li.open > .toggle:before,
.widget_layered_nav ol li.current > .toggle:before,
.widget_layered_nav_filters ul li.open > .toggle:before,
.widget_layered_nav_filters ul li.current > .toggle:before,
.widget_layered_nav_filters ol li.open > .toggle:before,
.widget_layered_nav_filters ol li.current > .toggle:before,
.widget_rating_filter ul li.open > .toggle:before,
.widget_rating_filter ul li.current > .toggle:before,
.widget_rating_filter ol li.open > .toggle:before,
.widget_rating_filter ol li.current > .toggle:before,
.sidebar-box ul li.open > .toggle:before,
.sidebar-box ul li.current > .toggle:before,
.sidebar-box ol li.open > .toggle:before,
.sidebar-box ol li.current > .toggle:before {
content: "";
}
.widget_product_categories ul li.closed > .toggle:before, .widget_product_categories ol li.closed > .toggle:before,
.widget_price_filter ul li.closed > .toggle:before,
.widget_price_filter ol li.closed > .toggle:before,
.widget_layered_nav ul li.closed > .toggle:before,
.widget_layered_nav ol li.closed > .toggle:before,
.widget_layered_nav_filters ul li.closed > .toggle:before,
.widget_layered_nav_filters ol li.closed > .toggle:before,
.widget_rating_filter ul li.closed > .toggle:before,
.widget_rating_filter ol li.closed > .toggle:before,
.sidebar-box ul li.closed > .toggle:before,
.sidebar-box ol li.closed > .toggle:before {
content: "";
}
.widget_product_categories ul li.current > ul.children,
.widget_product_categories ul li.current > ol.children, .widget_product_categories ol li.current > ul.children,
.widget_product_categories ol li.current > ol.children,
.widget_price_filter ul li.current > ul.children,
.widget_price_filter ul li.current > ol.children,
.widget_price_filter ol li.current > ul.children,
.widget_price_filter ol li.current > ol.children,
.widget_layered_nav ul li.current > ul.children,
.widget_layered_nav ul li.current > ol.children,
.widget_layered_nav ol li.current > ul.children,
.widget_layered_nav ol li.current > ol.children,
.widget_layered_nav_filters ul li.current > ul.children,
.widget_layered_nav_filters ul li.current > ol.children,
.widget_layered_nav_filters ol li.current > ul.children,
.widget_layered_nav_filters ol li.current > ol.children,
.widget_rating_filter ul li.current > ul.children,
.widget_rating_filter ul li.current > ol.children,
.widget_rating_filter ol li.current > ul.children,
.widget_rating_filter ol li.current > ol.children,
.sidebar-box ul li.current > ul.children,
.sidebar-box ul li.current > ol.children,
.sidebar-box ol li.current > ul.children,
.sidebar-box ol li.current > ol.children {
display: block;
}
.widget_product_categories ul li .small,
.widget_product_categories ul li small, .widget_product_categories ol li .small,
.widget_product_categories ol li small,
.widget_price_filter ul li .small,
.widget_price_filter ul li small,
.widget_price_filter ol li .small,
.widget_price_filter ol li small,
.widget_layered_nav ul li .small,
.widget_layered_nav ul li small,
.widget_layered_nav ol li .small,
.widget_layered_nav ol li small,
.widget_layered_nav_filters ul li .small,
.widget_layered_nav_filters ul li small,
.widget_layered_nav_filters ol li .small,
.widget_layered_nav_filters ol li small,
.widget_rating_filter ul li .small,
.widget_rating_filter ul li small,
.widget_rating_filter ol li .small,
.widget_rating_filter ol li small,
.sidebar-box ul li .small,
.sidebar-box ul li small,
.sidebar-box ol li .small,
.sidebar-box ol li small {
float: left;
font-size: 1em;
}
.widget_product_categories ul ul, .widget_product_categories ul ol, .widget_product_categories ol ul, .widget_product_categories ol ol,
.widget_price_filter ul ul,
.widget_price_filter ul ol,
.widget_price_filter ol ul,
.widget_price_filter ol ol,
.widget_layered_nav ul ul,
.widget_layered_nav ul ol,
.widget_layered_nav ol ul,
.widget_layered_nav ol ol,
.widget_layered_nav_filters ul ul,
.widget_layered_nav_filters ul ol,
.widget_layered_nav_filters ol ul,
.widget_layered_nav_filters ol ol,
.widget_rating_filter ul ul,
.widget_rating_filter ul ol,
.widget_rating_filter ol ul,
.widget_rating_filter ol ol,
.sidebar-box ul ul,
.sidebar-box ul ol,
.sidebar-box ol ul,
.sidebar-box ol ol {
padding-right: 1.0714em;
margin: 0;
}
.widget_product_categories ul ul.children, .widget_product_categories ul ol.children, .widget_product_categories ol ul.children, .widget_product_categories ol ol.children,
.widget_price_filter ul ul.children,
.widget_price_filter ul ol.children,
.widget_price_filter ol ul.children,
.widget_price_filter ol ol.children,
.widget_layered_nav ul ul.children,
.widget_layered_nav ul ol.children,
.widget_layered_nav ol ul.children,
.widget_layered_nav ol ol.children,
.widget_layered_nav_filters ul ul.children,
.widget_layered_nav_filters ul ol.children,
.widget_layered_nav_filters ol ul.children,
.widget_layered_nav_filters ol ol.children,
.widget_rating_filter ul ul.children,
.widget_rating_filter ul ol.children,
.widget_rating_filter ol ul.children,
.widget_rating_filter ol ol.children,
.sidebar-box ul ul.children,
.sidebar-box ul ol.children,
.sidebar-box ol ul.children,
.sidebar-box ol ol.children {
margin: 0;
display: none;
}
.wc-block-product-categories li .toggle,
.widget_product_categories li .toggle,
.widget_price_filter li .toggle,
.widget_layered_nav li .toggle,
.widget_layered_nav_filters li .toggle,
.widget_rating_filter li .toggle,
.sidebar-box li .toggle {
cursor: pointer;
display: inline-block;
text-align: center;
position: absolute;
left: -5px;
top: 4px;
margin: 0;
padding: 0;
width: 24px;
height: 24px;
line-height: 23px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: var(--porto-primary-color);
}
.wc-block-product-categories li .toggle:hover,
.widget_product_categories li .toggle:hover,
.widget_price_filter li .toggle:hover,
.widget_layered_nav li .toggle:hover,
.widget_layered_nav_filters li .toggle:hover,
.widget_rating_filter li .toggle:hover,
.sidebar-box li .toggle:hover {
color: var(--porto-primary-light-5);
}
.widget_product_categories ul a:hover, .widget_product_categories ul a:focus, .widget_product_categories li.chosen > a, .widget_product_categories li.current > a,
.widget_layered_nav ul a:hover,
.widget_layered_nav ul a:focus,
.widget_layered_nav li.chosen > a,
.widget_layered_nav li.current > a,
.widget_layered_nav_filters ul a:hover,
.widget_layered_nav_filters ul a:focus,
.widget_layered_nav_filters li.chosen > a,
.widget_layered_nav_filters li.current > a,
.widget_rating_filter ul a:hover,
.widget_rating_filter ul a:focus,
.widget_rating_filter li.chosen > a,
.widget_rating_filter li.current > a {
color: var(--porto-primary-color);
}
.widget .widget-title,
.widget .wp-block-group__inner-container > h2 {
position: relative;
}
.widget .widget-title .toggle,
.widget .wp-block-group__inner-container > h2 .toggle {
display: inline-block;
width: 1.8571em;
height: 1.8571em;
line-height: 1.7572em;
color: var(--porto-gray-4);
position: absolute;
left: -7px;
top: 50%;
margin-top: -0.9em;
padding: 0;
cursor: pointer;
text-align: center;
transition: 0.25s;
}
.widget .widget-title .toggle:before, .widget .widget-title .toggle:after,
.widget .wp-block-group__inner-container > h2 .toggle:before,
.widget .wp-block-group__inner-container > h2 .toggle:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
background: #222529;
}
.widget .widget-title .toggle:before,
.widget .wp-block-group__inner-container > h2 .toggle:before {
width: 2px;
height: 10px;
margin-left: -1px;
margin-top: -5px;
display: none;
}
.widget .widget-title .toggle:after,
.widget .wp-block-group__inner-container > h2 .toggle:after {
width: 10px;
height: 2px;
margin-left: -5px;
margin-top: -1px;
}
.widget.closed .widget-title,
.widget.closed .wp-block-group__inner-container > h2 {
border-bottom-width: 0;
}
.widget.closed .widget-title .toggle:before,
.widget.closed .wp-block-group__inner-container > h2 .toggle:before {
display: block;
}
.widget_layered_nav ul li > a {
padding-left: 25px;
}
.widget_layered_nav ul li .count {
position: absolute;
top: 0;
left: 0;
padding-top: 4px;
color: var(--porto-body-color-light-5);
}
.widget_price_filter .price_slider_wrapper {
margin-bottom: 0.3571em;
}
.widget_price_filter .price_slider {
background: var(--porto-slide-bgc);
margin-top: 1.4286em;
margin-bottom: 2.1428em;
border-width: 0;
border-radius: 0;
}
.widget_price_filter .price_slider_amount {
line-height: 2em;
font-size: 0.8751em;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.widget_price_filter .price_slider_amount .button {
padding: 0.4em 1.25em;
text-transform: uppercase;
font-weight: 600;
font-size: 0.75rem;
order: 2;
}
.widget_price_filter .clear {
display: none;
}
.widget_price_filter .ui-slider {
position: relative;
text-align: right;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 11px;
height: 11px;
cursor: pointer;
outline: none;
top: 50%;
margin-top: -5.5px;
border-radius: 6px;
background: var(--porto-primary-color);
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -10px;
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.38) inset;
}
.widget_price_filter #min_price,
.widget_price_filter #max_price {
width: 45%;
margin-left: 4%;
margin-top: 0.3571em;
margin-bottom: 1.2857em;
}
.widget_price_filter .ui-slider-horizontal {
height: 3px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
right: -1px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
left: -1px;
}
.widget_layered_nav_filters ul:after {
content: " ";
display: table;
clear: both;
}
.widget_layered_nav_filters ul li {
float: right;
}
.widget_layered_nav_filters ul li a {
margin-left: 0.8571em;
}
.widget_layered_nav_filters ul li a:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "";
margin-left: 0.3571em;
display: inline-block;
color: var(--porto-primary-color);
}
.widget_layered_nav_filters ul li a:hover:before {
color: var(--porto-primary-light-5);
}
.yith-woo-ajax-reset-navigation {
background: transparent;
border-width: 0;
border-radius: 0;
}
.yith-woo-ajax-reset-navigation > * {
padding: 0;
}
.widget_layered_nav .yit-wcan-select-open {
text-decoration: none;
}
.widget_layered_nav .yith-wcan-select-wrapper {
border-width: 1px;
border-color: var(--porto-widget-bc);
padding: 10px 0;
}
.widget_layered_nav .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan {
padding-top: 0;
padding-bottom: 0;
}
.widget_layered_nav .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li {
padding: 5px;
border-width: 0;
}
.widget_layered_nav .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li:hover, .widget_layered_nav .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li.chosen {
box-shadow: none;
border-width: 0;
}
.widget_layered_nav .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li.chosen a {
background-image: none;
position: relative;
color: var(--porto-primary-color);
}
.widget_layered_nav .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li.chosen a:before {
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 0.9em;
position: absolute;
top: 0.1em;
right: -3px;
}
.widget_layered_nav .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li a {
padding: 0 12px;
border-width: 0;
}
.widget_layered_nav .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li:hover a {
color: var(--porto-primary-color);
}
.woocommerce .yith-woo-ajax-navigation ul.yith-wcan-group,
.woocommerce-page .yith-woo-ajax-navigation ul.yith-wcan-group {
padding: 11px 0;
font-size: 11px;
}
.woocommerce .yith-woo-ajax-navigation ul.yith-wcan-color li,
.woocommerce-page .yith-woo-ajax-navigation ul.yith-wcan-color li {
width: 14.2857%;
min-width: 34px;
max-width: 35px;
text-align: center;
float: right;
}
.woocommerce .yith-woo-ajax-navigation ul.yith-wcan-color li a,
.woocommerce .yith-woo-ajax-navigation ul.yith-wcan-color li span,
.woocommerce-page .yith-woo-ajax-navigation ul.yith-wcan-color li a,
.woocommerce-page .yith-woo-ajax-navigation ul.yith-wcan-color li span {
border-color: transparent;
width: 26px;
height: 26px;
margin: 4px 0 4px 4px;
box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35);
}
.woocommerce .yith-woo-ajax-navigation ul.yith-wcan-color li.chosen a,
.woocommerce-page .yith-woo-ajax-navigation ul.yith-wcan-color li.chosen a {
border-color: var(--porto-color-price);
}
.woocommerce .yith-woo-ajax-navigation ul.yith-wcan-label li,
.woocommerce-page .yith-woo-ajax-navigation ul.yith-wcan-label li {
float: right;
}
.woocommerce .yith-woo-ajax-navigation ul.yith-wcan-label li a,
.woocommerce-page .yith-woo-ajax-navigation ul.yith-wcan-label li a {
min-width: 32px;
text-align: center;
margin: 3px 0 3px 6px;
padding: 4px 8px;
line-height: 16px;
background: var(--porto-body-bg);
border: 1px solid var(--porto-gray-5);
color: var(--porto-body-color);
}
.woocommerce .yith-woo-ajax-navigation ul.yith-wcan-label li.chosen a,
.woocommerce .yith-woo-ajax-navigation ul.yith-wcan-label li a:hover,
.woocommerce-page .yith-woo-ajax-navigation ul.yith-wcan-label li.chosen a,
.woocommerce-page .yith-woo-ajax-navigation ul.yith-wcan-label li a:hover {
color: #fff;
background: var(--porto-primary-color);
border-color: var(--porto-primary-color);
}
.woocommerce .yith-woo-ajax-navigation ul.yith-wcan-label li.chosen a:hover,
.woocommerce-page .yith-woo-ajax-navigation ul.yith-wcan-label li.chosen a:hover {
background: var(--porto-primary-light-5);
border-color: var(--porto-primary-light-5);
}
.widget .product_list_widget li {
padding: 0.5rem 0;
}
ul.product_list_widget {
list-style: none outside;
padding: 0;
margin: -0.5rem 0;
border-width: 0 !important;
}
ul.product_list_widget li {
display: flex;
align-items: center;
border-width: 0;
position: relative;
padding: 0.5rem 0;
}
ul.product_list_widget li .product-image {
width: 84px;
flex: 0 0 auto;
padding: 0;
margin-left: 20px;
}
ul.product_list_widget li .product-image img {
width: 100%;
height: auto;
}
ul.product_list_widget li .product-image .img-effect img {
position: relative;
opacity: 1;
}
ul.product_list_widget li .product-image .img-effect .hover-image {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
opacity: 0;
}
ul.product_list_widget li .product-image:hover .img-effect img {
opacity: 0;
}
ul.product_list_widget li .product-image:hover .img-effect .hover-image {
opacity: 1;
}
.product_list_widget .product-details {
position: relative;
flex: 0 0 auto;
width: calc(100% - 104px);
}
.product_list_widget .product-details a {
display: block;
font-size: 1.0769em;
line-height: 1.4;
white-space: nowrap;
color: var(--porto-dark-color);
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0.5rem;
}
.product_list_widget .product-details .amount {
font-size: 1.1538em;
font-weight: 600;
line-height: 1;
vertical-align: middle;
color: var(--porto-color-price);
}
.product_list_widget .product-details .amount .currency,
.product_list_widget .product-details .amount .decimal {
font-size: 0.75em;
font-weight: 400;
}
.product_list_widget .product-details .amount .currency .decimal {
font-size: 1em;
}
.product_list_widget .product-details ins {
text-decoration: none;
vertical-align: baseline;
}
.product_list_widget .product-details del,
.product_list_widget .product-details .from {
color: #a7a7a7;
font-size: 0.8em;
margin-left: 3px;
vertical-align: baseline;
}
.product_list_widget .product-details del .amount,
.product_list_widget .product-details .from .amount {
color: #a7a7a7;
}
.product_list_widget dl {
margin: 0;
padding-right: 1em;
border-right: 2px solid rgba(0, 0, 0, 0.1);
}
.product_list_widget dl:after {
content: " ";
display: table;
clear: both;
}
.product_list_widget dl dt, .product_list_widget dl dd {
display: inline-block;
float: right;
margin-bottom: 1em;
}
.product_list_widget dl dt {
font-weight: 700;
padding: 0 0 0.25em 0;
margin: 0 0 0 4px;
clear: right;
}
.product_list_widget dl dd {
padding: 0 0 0.25em 0;
}
.product_list_widget dl dd p:last-child {
margin-bottom: 0;
}
.product_list_widget .star-rating {
margin: 3px 0 5px;
}
.product_list_widget .ajax-loading {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.6;
display: none;
background: var(--porto-normal-bg);
}
.product_list_widget .ajax-loading:before {
content: "";
font-family: "porto";
position: absolute;
left: 50%;
top: 50%;
font-size: 20px;
font-weight: 400;
line-height: 1;
margin-top: -13px;
margin-left: -13px;
color: #999;
z-index: 0;
animation: spin 0.75s infinite linear;
display: inline-block;
}
ul.cart_list li.empty {
padding-right: 0;
}
ul.cart_list li .quantity, ul.cart_list li .quantity .amount {
vertical-align: baseline;
}
ul.cart_list li dl {
margin: 6px 0;
border: none;
padding-right: 5px;
display: table;
}
ul.cart_list li dl dt,
ul.cart_list li dl dd {
padding: 3px;
margin: 0;
line-height: 1.2;
}
ul.cart_list li dl dt p,
ul.cart_list li dl dd p {
line-height: 1.2;
}
.hide_cart_widget_if_empty .empty {
display: none;
}
.widget_recent_reviews .product_list_widget {
flex-wrap: wrap;
}
.widget_recent_reviews .product_list_widget li {
padding: 0.5rem 1%;
display: block;
text-align: center;
}
.widget_recent_reviews .product_list_widget li a {
display: block;
position: relative;
color: var(--porto-body-color);
}
.widget_recent_reviews .product_list_widget li img {
width: 96px;
border: none;
display: block;
background: var(--porto-normal-bg);
margin: 0 auto 10px;
}
.widget_recent_reviews .product_list_widget li .star-rating {
margin: 5px auto 0;
}
.widget_recent_reviews .product_list_widget li .reviewer {
font-size: 0.8571em;
}
.widget_shopping_cart {
color: var(--porto-body-color);
}
.widget_shopping_cart .total {
padding: 0.7143em 0;
margin: 0;
text-align: center;
}
.widget_shopping_cart .total .amount {
font-size: 1.4286em;
font-weight: 600;
color: var(--porto-primary-color);
}
.widget_shopping_cart .total .amount .currency,
.widget_shopping_cart .total .amount .decimal {
font-size: 0.75em;
font-weight: 400;
}
.widget_shopping_cart .total .amount .currency .decimal {
font-size: 1em;
}
.widget_shopping_cart .buttons {
margin-bottom: 0;
}
.widget_shopping_cart .buttons:after {
content: " ";
display: table;
clear: both;
}
.widget_shopping_cart .buttons .wc-forward {
float: right;
width: 49%;
}
.widget_shopping_cart .buttons .checkout {
float: left;
width: 49%;
}
@media (max-width: 991px) {
.mobile-sidebar .widget_shopping_cart .buttons .wc-forward {
float: none;
width: 100%;
}
.mobile-sidebar .widget_shopping_cart .buttons .wc-forward + .wc-forward {
margin-top: 8px;
}
}
@media (max-width: 767px) {
.widget_shopping_cart .buttons .wc-forward {
float: none;
width: 100%;
}
.widget_shopping_cart .buttons .wc-forward + .wc-forward {
margin-top: 8px;
}
}
.widget_shopping_cart .product-details a {
padding-left: 15px;
}
.widget .cart_list {
margin-top: 0;
}
.widget_shopping_cart .product-details .remove-product,
.wishlist_table .remove_from_wishlist,
.wishlist-popup .remove_from_wishlist,
.shop_table.cart-table a.remove {
padding: 0;
position: absolute;
top: 6px;
left: 2px;
text-align: center;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 11px;
background-color: #fff;
color: #222529;
border-radius: 50%;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
z-index: 3;
}
.widget_shopping_cart .product-details .remove-product:before,
.wishlist_table .remove_from_wishlist:before,
.wishlist-popup .remove_from_wishlist:before,
.shop_table.cart-table a.remove:before {
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.widget .brand-thumbnails,
.brand-thumbnails {
list-style: none;
margin: 0;
padding: 0;
}
.products-slider.products li.product {
/*.add-links {
margin-bottom: 5px;
}*/
}
.products-slider.products li.product .add-links-wrap {
line-height: 0;
}
.products-slider.show-nav-title .owl-nav {
margin-top: -23px;
}
.products-slider .slick-dots li {
clear: none !important;
width: 20px !important;
margin-bottom: 0;
}
.products-slider .slick-dots li button {
box-shadow: none !important;
}
.products-slider.slick-initialized .product {
display: block;
}
.products-slider.owl-carousel {
margin: 0 !important;
}
.products-slider.owl-carousel .owl-stage-outer {
padding-top: 10px;
margin-top: -10px;
}
.products-slider.owl-carousel .owl-dots {
margin-top: 20px;
}
.products-slider.owl-loaded .product {
margin-bottom: 0;
}
.widget .owl-carousel.show-nav-title .owl-nav [class*=owl-] {
margin-left: 0;
margin-right: 0;
}
.widget .owl-carousel.show-nav-title .owl-nav .owl-prev {
right: -30px;
}
.yith-woo-ajax-navigation.loading,
.yith-wcan-list-price-filter.loading {
position: relative;
}
.yith-woo-ajax-navigation.loading:after,
.yith-wcan-list-price-filter.loading:after {
content: " ";
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 10000;
}
.yith-wcan-list-price-filter.loading form input[type=text] {
opacity: 0;
}
/* search form */
.woocommerce-product-search label {
display: none;
}
.woocommerce-product-search .search-field {
margin-bottom: 8px;
vertical-align: top;
}
/* rating filter */
.widget_rating_filter > ul {
padding-top: 1rem;
}
.widget_rating_filter > ul li {
line-height: 1;
margin-bottom: 0.75rem;
}
.widget_rating_filter > ul li a {
padding-top: 0;
padding-bottom: 0;
}
.widget_rating_filter .star-rating {
display: block;
float: right;
margin-top: 0.15em;
}
.widget_rating_filter .wc-layered-nav-rating a {
display: block;
text-align: left;
color: var(--porto-body-color-light-5);
}
.widget_rating_filter .wc-layered-nav-rating a:after {
content: " ";
display: table;
clear: both;
}
.woocommerce-widget-layered-nav-list {
display: flex;
flex-wrap: wrap;
}
.wp-block-group__inner-container > h2 {
position: relative;
font-size: 15px;
font-weight: 600;
margin-bottom: 0;
}
.wp-block-group__inner-container.closed > h2 {
border-bottom-width: 0;
}
.wp-block-group__inner-container.closed > h2 .toggle:before {
display: block;
}
.wc-block-product-categories li {
position: relative;
padding: 4px 0;
}
.wc-block-product-categories li .toggle:before {
font-size: 1.2em;
}
.wc-block-product-categories > ul ul {
display: none;
padding-left: 1.0714em;
}
.wc-block-product-categories > ul .current-active > a {
color: var(--porto-primary-color);
}
.wc-block-product-categories-list-item > a {
color: var(--porto-body-color);
}
.wc-block-product-categories .count,
.widget_product_categories .count {
color: var(--porto-body-color-light-5);
}
.gridlist-toggle {
display: flex;
}
@media (max-width: 575px) {
.gridlist-toggle {
display: none;
}
}
.gridlist-toggle > a {
font-size: 1rem;
width: 1.2em;
height: 1.2em;
display: flex;
align-items: center;
justify-content: center;
transition: 0.25s;
}
.gridlist-toggle > a:not(.active) {
color: var(--porto-heading-color);
}
.gridlist-toggle #grid {
margin-left: 0.25rem;
}
.woocommerce-result-count {
margin-bottom: 0;
}
.woocommerce-ordering select,
.woocommerce-viewing select {
font-size: 1em;
padding: 0 8px 0 25px;
box-shadow: none;
/*-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
background: #fff url("../images/select-bg.svg") no-repeat scroll;
@if $rtl == 1 {
background-position: 4% 48%;
} @else {
background-position: 96% 48%;
}
background-size: 26px 60px;
text-indent: 0.01em;
text-overflow: "";*/
border: 1px solid var(--porto-gray-5);
height: 34px;
border-radius: 0;
}
.woocommerce-ordering select {
width: 160px;
}
.woocommerce-viewing {
display: inline-block;
vertical-align: top;
}
.woocommerce-pagination {
position: relative;
text-align: left;
}
.woocommerce-pagination ul {
display: inline-block;
white-space: nowrap;
padding: 0;
margin: 0 10px 0 0;
clear: both;
}
.woocommerce-pagination ul li {
float: right;
margin-right: 5px;
display: inline;
padding: 0;
text-align: center;
}
.woocommerce-pagination li a, .woocommerce-pagination li span {
border: 1px solid var(--porto-gray-5);
color: var(--porto-body-color);
display: block;
font-size: 15px;
font-weight: 700;
margin: 0 0 5px;
padding: 0 0.5em;
line-height: 2.1em;
min-width: 2.2em;
height: 2.2em;
}
.woocommerce-pagination span.dots {
border-width: 0;
min-width: 0;
padding: 0;
}
.woocommerce-pagination li a:hover,
.woocommerce-pagination li a:focus,
.woocommerce-pagination li span.current {
color: var(--porto-body-color);
border-color: var(--porto-primary-color);
}
.woocommerce-pagination .prev,
.woocommerce-pagination .next {
text-indent: -9999px;
position: relative;
/*height: 32px;
line-height: 32px;
width: 32px;*/
padding: 0;
}
.woocommerce-pagination .prev:before,
.woocommerce-pagination .next:before {
font-family: "porto";
font-size: 20px;
font-weight: normal;
line-height: 30px;
position: absolute;
top: 0;
left: 0;
right: 0;
text-indent: 0;
}
.woocommerce-pagination .prev:before {
content: "";
}
.woocommerce-pagination .next:before {
content: "";
}
.woocommerce-pagination.load-more {
float: none;
}
.woocommerce-pagination.load-more:not(.d-none) {
display: block !important;
}
.woocommerce-pagination.load-more .woocommerce-viewing {
display: none;
}
.woocommerce-pagination.load-more > .page-numbers {
float: none;
display: block;
width: 100%;
margin: 0 0 11px;
}
.woocommerce-pagination.load-more ul li {
float: none;
display: block;
margin-right: 0;
}
.shop-loop-before,
.shop-loop-after {
font-size: 13px;
}
.shop-loop-before label,
.shop-loop-after label {
margin: 0 0 0 7px;
vertical-align: middle;
}
@media (max-width: 575px) {
.shop-loop-before label,
.shop-loop-after label {
display: none;
}
}
.shop-loop-before {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 10px;
margin-left: -10px;
}
.shop-loop-before > * {
margin: 0 0 10px 10px;
}
.shop-loop-before p {
font-size: inherit;
}
.shop-loop-before.sticky {
position: fixed !important;
z-index: 999;
right: 0;
width: 100%;
padding: 10px calc(var(--porto-fluid-spacing) - 10px) 0 var(--porto-fluid-spacing);
border-bottom: 1px solid var(--porto-gray-5);
transition: right 0.3s;
}
.shop-loop-before .page-numbers, .shop-loop-before .woocommerce-pagination .page-numbers {
display: none;
}
.shop-loop-before .woocommerce-ordering {
margin-left: auto;
}
.shop-loop-before .woocommerce-pagination {
margin-top: 0;
}
.shop-loop-before .woocommerce-pagination:empty {
display: none;
}
.shop-loop-before .woocommerce-pagination .woocommerce-viewing {
display: inline-block;
}
@media (max-width: 991px) {
.shop-loop-before .woocommerce-pagination ul {
margin-right: -5px;
}
}
.filter-sidebar-opened .shop-loop-before.sticky {
position: static !important;
z-index: auto;
}
.sidebar-opened .shop-loop-before.sticky,
.panel-opened .shop-loop-before.sticky {
right: 260px;
}
.shop-loop-after {
text-align: center;
border-top: 1px solid var(--porto-gray-5);
padding-top: 25px;
}
.shop-loop-after .woocommerce-pagination {
text-align: center;
}
.shop-loop-after .woocommerce-pagination > * {
margin-bottom: 15px;
}
.shop-loop-after .page-numbers {
display: block;
}
.shop-loop-after .woocommerce-viewing {
float: right;
}
.shop-loop-after .page-numbers {
clear: none;
float: left;
}
.shop-loop-after.load-more-wrap {
padding-top: 0;
border-top: none;
}
.shop-loop-before .shop-loop-after {
padding-top: 0;
border-top: none;
}
.shop-loop-before .shop-loop-after .woocommerce-pagination > * {
margin-bottom: 0;
}
.porto-products-widget-pagination .woocommerce-viewing {
display: none;
}
a.porto-product-filters-toggle {
align-items: center;
height: 36px;
background: var(--porto-normal-bg);
padding: 0 3px 0 10px;
text-transform: uppercase;
color: inherit;
border: 1px solid var(--porto-gray-5);
}
a.porto-product-filters-toggle svg {
fill: #fff;
width: 28px;
}
@media (max-width: 991px) {
.shop-loop-before {
font-size: 11px;
letter-spacing: -0.025em;
font-weight: 600;
background: var(--porto-gray-7);
padding: 10px 10px 0 2px;
margin-left: 0;
margin-bottom: var(--porto-grid-gutter-width);
color: var(--porto-heading-color);
}
.shop-loop-before select {
text-transform: uppercase;
height: 36px;
max-width: 140px;
letter-spacing: inherit;
font-weight: inherit;
color: inherit;
}
.shop-loop-before label {
font-weight: inherit;
}
.shop-loop-before .woocommerce-ordering, .shop-loop-before .woocommerce-pagination {
font-size: 1em;
}
.shop-loop-before .woocommerce-result-count {
display: none;
}
a.porto-product-filters-toggle svg {
stroke: var(--porto-heading-color);
}
}
@media (max-width: 575px) {
.shop-loop-before {
padding: 8px 8px 0 2px;
}
.shop-loop-before > * {
margin: 0 0 8px 5px;
}
}
.mega-menu > li.menu-item > a {
display: inline-block;
}
.mega-menu .popup {
display: none;
}
/* Header */
@keyframes header-reveal {
0% {
margin-top: -150px;
}
100% {
margin-top: 0;
}
}
.header-wrapper.wide .container {
width: 100%;
max-width: none;
}
#header .header-top .container,
#header .header-main .container {
position: relative;
display: table;
}
#header .header-top .container > div,
#header .header-main .container > div {
display: table-cell;
position: relative;
vertical-align: middle;
}
#header .header-left,
#header .header-center {
text-align: right;
}
#header .header-right {
text-align: left;
}
#header.header-loaded .header-main {
-webkit-backface-visibility: hidden;
}
#header .header-main {
position: relative;
}
#header .header-main .container {
min-height: 68px;
}
@media (max-width: 575px) {
#header .header-main .container {
min-height: 43px;
}
}
.fixed-header #header .header-main .container {
min-height: 0;
}
#header .header-main .header-left {
padding: 27px 0;
}
@media (max-width: 991px) {
#header .header-main .header-left {
padding: 20px 0;
}
}
#header .header-main .header-center {
padding: 20px 15px;
text-align: center;
}
@media (max-width: 991px) {
#header .header-main .header-center {
padding: 20px 0;
text-align: right;
}
}
#header .header-main .header-right {
padding: 20px 0;
}
#header .header-main #main-menu {
display: inline-block;
vertical-align: middle;
}
#header .header-top {
position: relative;
z-index: 1001;
font-size: 0.7857em;
}
@media (max-width: 991px) {
#header .header-top .gap {
display: none;
}
#header .header-top .switcher-gap {
display: inline;
}
}
#header.logo-center .header-main .container {
display: flex;
}
#header.logo-center .header-main .container > div {
display: flex;
align-items: center;
}
@media (min-width: 992px) {
#header.logo-center .header-main .header-left {
flex: 1;
}
#header.logo-center .header-main .header-center {
justify-content: center;
}
#header.logo-center .header-main .header-center .logo img {
transform-origin: 50% 50%;
}
}
#header.logo-center .header-main .header-right {
flex: 1;
justify-content: flex-end;
}
#header .gap {
font-weight: 300;
margin: 0 10px;
font-size: 0.95em;
opacity: 0.8;
}
#header .gap.switcher-gap {
margin: 0 5px;
}
#header .mobile-show {
display: none;
}
@media (max-width: 991px) {
#header .mobile-hide {
display: none;
}
#header .mobile-show {
display: inline;
}
}
#header.sticky-header .header-main {
transition: none;
}
#header.sticky-header .header-main .container {
min-height: 60px;
}
#header.sticky-header .header-main.change-logo .logo img {
transform: scale(0.8);
}
#header.sticky-header .header-main.sticky {
position: fixed;
left: 0;
right: 0;
width: 100%;
margin-left: 0;
margin-right: 0;
top: 0;
z-index: 1001;
box-shadow: 0 0 3px 0 var(--porto-normal-bc);
}
#header.sticky-header .header-main.sticky .container.absolute {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.header-reveal #header.sticky-header .header-main.sticky {
margin-top: 0;
animation: header-reveal 0.4s ease-in;
}
#header.sticky-header .logo {
min-width: 0;
}
#header.sticky-header .main-menu-wrap {
position: fixed;
border-bottom-width: 0 !important;
left: 0;
right: 0;
top: 0;
z-index: 1001;
padding: 8px 0;
}
.header-reveal #header.sticky-header .main-menu-wrap {
margin-top: 0;
animation: header-reveal 0.4s ease-in;
}
#header.sticky-header .main-menu-wrap, .fixed-header #header.sticky-header .main-menu-wrap {
box-shadow: 0 0 3px 0 var(--porto-normal-bc);
}
#header.sticky-header .main-menu-wrap.menu-flat, #header.sticky-header .main-menu-wrap.menu-flat-border, .fixed-header #header.sticky-header .main-menu-wrap.menu-flat, .fixed-header #header.sticky-header .main-menu-wrap.menu-flat-border {
padding: 0;
}
#header.sticky-header-calc .header-main.sticky .header-left, #header.sticky-header-calc .header-main.sticky .header-center, #header.sticky-header-calc .header-main.sticky .header-right,
#header.sticky-header-calc .main-menu-wrap .header-left,
#header.sticky-header-calc .main-menu-wrap .header-center,
#header.sticky-header-calc .main-menu-wrap .header-right,
#header.sticky-header-calc .logo img .header-left,
#header.sticky-header-calc .logo img .header-center,
#header.sticky-header-calc .logo img .header-right,
#header.sticky-header-calc .header-main.change-logo .header-left,
#header.sticky-header-calc .header-main.change-logo .header-center,
#header.sticky-header-calc .header-main.change-logo .header-right {
transition: none;
}
.fixed-header.header-transparent-bottom-border #header {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.fixed-header #header {
position: absolute;
left: 0;
right: 0;
width: 100%;
top: auto;
z-index: 1001;
border-top-width: 0;
}
.fixed-header #header .header-main,
.fixed-header #header .main-menu-wrap {
position: relative;
top: 0;
}
.fixed-header #header.sticky-header {
padding-bottom: 0 !important;
border-bottom: none;
}
.fixed-header #header.sticky-header .header-main,
.fixed-header #header.sticky-header .main-menu-wrap {
position: fixed;
}
.fixed-header #header .header-main .header-left, .fixed-header #header .header-main .header-right, .fixed-header #header .header-main .header-center {
padding-top: 15px;
padding-bottom: 15px;
}
@media (max-width: 991px) {
.fixed-header #header .header-main .header-left, .fixed-header #header .header-main .header-right, .fixed-header #header .header-main .header-center {
padding-top: 5px;
padding-bottom: 5px;
}
}
.fixed-header #header .searchform {
transition: background 0.3s, border 0.3s;
}
.fixed-header #header .main-menu-wrap .main-menu {
background: none;
}
.fixed-header #header .main-menu {
transition: background 0.3s;
}
.fixed-header #header.sticky-header .main-menu-wrap {
padding: 8px 0;
}
#header-boxed {
padding-left: 0;
padding-right: 0;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
#header-boxed .sticky-header .header-main.sticky {
max-width: calc( 720px + var(--porto-grid-gutter-width) );
}
}
#header-boxed .sticky-header .header-main.sticky,
#header-boxed .sticky-header .main-menu-wrap {
margin-left: auto;
margin-right: auto;
}
@media (min-width: 992px) {
#header-boxed .sticky-header .header-main.sticky,
#header-boxed .sticky-header .main-menu-wrap {
max-width: calc( 960px + var(--porto-grid-gutter-width) );
}
}
/* Logo */
#header .logo {
margin: 0;
padding: 0;
min-width: 80px;
line-height: 0;
max-width: var(--porto-logo-mw);
}
#header .logo a {
display: inline-block;
max-width: 100%;
}
#header .logo img {
display: none;
color: transparent;
max-width: 100%;
transform-origin: right center;
}
#header .logo .standard-logo {
display: inline-block;
}
#header.sticky-header .logo {
max-width: var(--porto-sticky-logo-mw);
}
#header.sticky-header .logo .sticky-logo {
display: inline-block;
}
#header.sticky-header .sticky-logo ~ img {
display: none;
}
@media not all, only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
#header .logo .standard-logo, #header.sticky-header .logo .sticky-logo {
display: none;
}
#header .logo .retina-logo, #header.sticky-header .logo .sticky-retina-logo {
display: inline-block;
}
}
#header .logo-transition img {
transition: 0.3s;
}
#header .logo-text {
display: inline-block;
}
.no-flag li.menu-item > a > [class*=flag-] {
display: none;
}
.switcher-wrap ul + ul {
margin-right: 11px;
}
.porto-view-switcher img, .wpml-ls-menu-item .wpml-ls-flag {
max-width: 18px;
}
.porto-view-switcher .flag {
margin-left: 0.25rem;
}
#header .welcome-msg {
display: inline-block;
vertical-align: middle;
}
#header .welcome-msg p {
margin: 12px 0;
}
#header .switcher-wrap {
display: inline-block;
white-space: nowrap;
}
#header .switcher-wrap img {
position: relative;
top: -1px;
margin-left: 3px;
}
#header .porto-view-switcher,
#header .top-links {
font-size: 0.7857em;
display: inline-block;
vertical-align: middle;
margin-top: 3px;
margin-bottom: 3px;
}
#header .porto-view-switcher > li.menu-item,
#header .top-links > li.menu-item {
margin-left: 0;
}
#header .porto-view-switcher > li.menu-item > a,
#header .top-links > li.menu-item > a {
font-size: 1em;
font-weight: var(--porto-header-top-link-fw, 400);
padding: 0 5px;
line-height: 26px;
}
#header .porto-view-switcher > li.menu-item.has-sub:hover > a,
#header .top-links > li.menu-item.has-sub:hover > a {
margin-bottom: 0;
}
#header .porto-view-switcher > li.menu-item > .popup,
#header .top-links > li.menu-item > .popup {
margin-top: 0;
border-width: 0;
}
#header .porto-view-switcher .narrow .popup > .inner > ul.sub-menu,
#header .top-links .narrow .popup > .inner > ul.sub-menu {
box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.05);
}
#header .porto-view-switcher .narrow ul.sub-menu,
#header .top-links .narrow ul.sub-menu {
padding: 5px;
min-width: 0;
}
#header .porto-view-switcher .narrow li.menu-item > a,
#header .top-links .narrow li.menu-item > a {
font-size: 1em;
padding: 0 7px;
line-height: 25px;
border-bottom-width: 0;
}
#header .woocs-switcher li,
#header .woocs-switcher li > .nolink {
cursor: pointer !important;
}
#header .top-links {
white-space: nowrap;
}
#header .top-links > li.menu-item {
display: inline-block;
float: right;
}
#header .top-links > li.menu-item:after {
content: "|";
font-weight: 300;
position: relative;
top: -1px;
font-size: 0.95em;
opacity: 0.8;
margin: 0 5px 0 10px;
}
#header .top-links > li.menu-item.active > a, #header .top-links > li.menu-item:hover > a, #header .top-links > li.menu-item.has-sub:hover > a {
background: transparent;
}
#header .top-links > li.menu-item:last-child > a {
padding-left: 0;
}
#header .top-links > li.menu-item:last-child:after {
content: none;
}
#header .header-top {
/*.porto-view-switcher {
.narrow {
.popup{
> .inner {
> ul {
padding: 4px 0; background: #fff;
}
}
}
li.menu-item {
> a {
background:#fff; color:#777; line-height: 20px;
}
&:hover{
> a {
background-color:#ccc; color:#fff;
}
}
}
}
&.mega-menu.show-arrow {
> li.has-sub {
> a {
&:after {
content:"\e80b"; font-family:"porto"; font-size:11px;
}
}
}
}
}*/
}
#header .header-top .mega-menu {
margin-top: 0;
margin-bottom: 0;
font-size: 1em;
}
#header .header-top .welcome-msg {
line-height: 30px;
letter-spacing: 0.025em;
}
#header .header-top .porto-view-switcher .narrow ul.sub-menu, #header .header-top .top-links .narrow ul.sub-menu {
padding: 4px 0;
}
.header-top .mega-menu > li.menu-item > a {
padding-top: 3px;
padding-bottom: 3px;
letter-spacing: 0.025em;
line-height: 24px;
border-radius: 0 !important;
}
/* Search Form */
@media (max-width: 991px) {
#header .search-lg-auto .searchform-popup .searchform, #header .search-lg-auto.searchform-popup .searchform {
width: auto;
}
}
#header .searchform {
border: 1px solid #ccc;
position: relative;
display: inline-block;
line-height: 38px;
font-size: 0.8125rem;
padding: 0;
vertical-align: middle;
}
@media (max-width: 991px) {
#header .searchform {
border-width: 5px;
display: none;
position: absolute;
left: -25px;
top: 100%;
margin-top: 8px;
z-index: 1003;
box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
}
}
@media (max-width: 375px) {
#header .searchform {
left: -80px;
}
}
#header .searchform .searchform-fields, #header .searchform fieldset {
display: flex;
}
#header .searchform .text,
#header .searchform .cat,
#header .searchform .button-wrap,
#header .searchform .selectric-cat {
display: block;
text-align: right;
}
#header .searchform .button-wrap {
margin: 0;
}
#header .searchform input,
#header .searchform select,
#header .searchform button {
background: none;
border-radius: 0;
border: none;
outline: none;
box-shadow: none;
margin-bottom: 0;
display: block;
}
#header .searchform input::placeholder {
opacity: 0.7;
}
#header .searchform input:-ms-input-placeholder {
opacity: 0.7;
}
#header .searchform input::-ms-input-placeholder {
opacity: 0.7;
}
#header .searchform input,
#header .searchform select,
#header .searchform .selectric label,
#header .searchform button {
height: 38px;
}
#header .searchform input {
padding: 0 15px 0 15px;
width: 398px;
font-size: inherit;
}
#header .searchform.searchform-cats input {
width: 266px;
}
@media (max-width: 767px) {
#header .searchform input {
width: 280px;
}
#header .searchform.searchform-cats input {
width: 150px;
}
}
@media (max-width: 575px) {
#header .searchform input {
width: 234px;
}
#header .searchform.searchform-cats input {
width: 118px;
padding-left: 10px;
}
#header .searchform.searchform-cats select {
width: 116px;
padding: 0 8px;
}
#header .searchform.searchform-cats .selectric-cat {
width: 116px;
}
#header .searchform.searchform-cats .selectric .label {
padding: 0 8px;
}
}
@media (max-width: 374px) {
#header .searchform input {
width: 200px;
}
}
@media (max-width: 320px) {
#header .searchform input {
width: 190px;
}
}
#header .searchform select {
padding: 0 15px 0 15px;
width: 130px;
/*appearance: none;
-moz-appearance: none;
-webkit-appearance: none;*/
}
#header .searchform select::-ms-expand {
display: none;
}
#header .searchform .selectric-cat {
width: 129px;
text-align: right;
}
#header .searchform .selectric {
background: transparent;
border-width: 0;
}
#header .searchform .selectric .label {
padding: 0 15px 0 15px;
margin: 0;
font-weight: normal;
font-size: inherit;
border-radius: 0;
text-align: right;
letter-spacing: 0.005em;
-webkit-user-select: none;
user-select: none;
}
#header .searchform .selectric .label:after {
content: "";
font-family: "porto";
float: left;
font-size: 14px;
}
#header .searchform .selectric-open {
z-index: 10000;
}
#header .searchform .selectric-items {
right: 0px;
max-width: 250px;
}
#header .searchform .selectric-items ul,
#header .searchform .selectric-items li {
line-height: 18px;
min-height: 18px;
}
#header .searchform .selectric-items li {
border-width: 0;
padding: 6px 8px;
}
#header .searchform .selectric-items:focus {
outline: none;
}
#header .searchform input,
#header .searchform select,
#header .searchform .selectric {
border-left: 1px solid #ccc;
}
#header .searchform .autocomplete-suggestions {
width: auto !important;
left: -1px;
right: -1px;
padding: 15px;
border-radius: 0;
}
#header .searchform .autocomplete-suggestion {
padding: 10px 0.5em;
line-height: 1.5em;
min-height: 0;
text-align: right;
}
#header .searchform .autocomplete-suggestion .yith_wcas_result_image {
float: right;
margin-left: 10px;
margin-right: 0;
}
#header .searchform .autocomplete-suggestion .yith_wcas_result_content {
margin: 0;
}
#header .searchform .autocomplete-suggestion span.yith_wcas_result_on_sale,
#header .searchform .autocomplete-suggestion span.yith_wcas_result_featured {
padding: 3px 5px;
}
#header .searchform .autocomplete-suggestion div.badges {
right: auto;
left: 8px;
line-height: 1;
}
#header .searchform .autocomplete-suggestion del {
font-size: 0.8em;
}
#header .searchform .autocomplete-suggestion ins {
text-decoration: none;
}
#header .searchform-popup {
display: inline-block;
position: relative;
vertical-align: middle;
margin-left: 10px;
}
#header .searchform-popup .search-toggle {
cursor: pointer;
display: none;
text-align: center;
position: relative;
}
#header .searchform-popup .search-toggle:after {
content: "";
position: absolute;
z-index: 1000;
display: none;
left: 50%;
top: 100%;
margin-left: -11px;
margin-top: -13px;
width: 22px;
height: 22px;
border: 11px solid transparent;
border-bottom-color: inherit;
}
#header .searchform-popup .search-toggle.opened:after {
display: block;
}
@media (max-width: 991px) {
#header .searchform-popup .search-toggle {
display: block;
}
}
@media (max-width: 575px) {
#header .searchform-popup .searchform {
border-width: 3px;
margin-top: 6px;
}
}
@media (max-width: 991px) {
#header .header-left .searchform {
right: -10px;
left: auto;
}
}
@media (max-width: 767px) {
#header .header-right .searchform {
right: auto;
left: -22px;
}
}
@media (max-width: 575px) {
#header .header-right .searchform {
left: -18px;
}
}
#header .separator {
display: inline-block;
height: 1.2em;
vertical-align: middle;
}
#header .search-toggle .search-text {
display: none;
text-transform: uppercase;
margin-right: 5px;
}
/* Header Contact Block */
#header .header-contact {
margin-top: 5px;
margin-bottom: 5px;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
font-size: 0.9em;
}
#header .header-contact p {
margin-bottom: 0;
}
#header .header-contact .gap {
margin: 0 12px;
}
#header .header-contact i {
display: inline-block;
margin: 0 5px;
}
#header .header-contact .nav-top {
font-size: 1em;
}
#header .nav-top {
font-size: 0.9em;
}
#header .nav-top li > a,
#header .nav-top li > span {
display: inline-block;
padding: 6px 10px;
}
#header .nav-top li:first-child > a,
#header .nav-top li:first-child > span {
padding-right: 0;
}
#header .nav-top i {
font-size: 0.8em;
margin-left: 6px;
margin-right: 0;
}
#header .nav-top > .nav-item-anim-icon > a:hover i {
animation: navItemArrow 0.6s linear infinite;
}
#header .nav-top .nav-item-borders {
border-left: 1px solid rgba(0, 0, 0, 0.06);
padding-left: 12px;
padding-right: 12px;
}
#header .nav-top .nav-item-borders:last-child {
border-left: none;
}
#header .nav-top .nav-item-borders:first-child {
padding-right: 0;
}
#header .nav-item-left-border,
#header .nav-item-right-border {
position: relative;
}
#header .nav-item-right-border:before,
#header .nav-item-left-border:after {
content: "";
position: absolute;
top: 50%;
margin-top: -8px;
width: 1px;
height: 16px;
background: rgba(0, 0, 0, 0.05);
}
#header .nav-item-right-border {
padding-right: 10px;
margin-right: 10px;
}
#header .nav-item-right-border:before {
right: 0;
}
#header .nav-item-left-border {
padding-left: 10px;
margin-left: 10px;
}
#header .nav-item-left-border:last-child {
margin-left: 0;
}
#header .nav-item-left-border:after {
left: 0;
}
#header .header-top .header-contact {
margin-top: 0;
margin-bottom: 0;
}
#header .header-top .header-contact,
#header .header-top .nav-top {
font-size: 1em;
letter-spacing: -0.5px;
}
.header-top,
.header-bottom,
#mini-cart .cart-head,
.main-menu-wrap .container,
.autocomplete-suggestion {
display: flex;
align-items: center;
}
/* Social Links */
#header .share-links {
display: inline-block;
vertical-align: middle;
font-weight: 400;
}
#header .share-links > a {
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}
#header .header-top .share-links > a {
box-shadow: none;
}
/* Mini Cart */
#mini-cart {
display: inline-block;
position: relative;
white-space: normal;
vertical-align: middle;
}
#mini-cart .cart-head {
position: relative;
cursor: pointer;
min-width: 40px;
justify-content: center;
}
#mini-cart .cart-head:before {
content: "";
position: absolute;
top: 100%;
height: 15px;
right: 0;
width: 100%;
z-index: 1;
}
#mini-cart .cart-icon {
position: relative;
line-height: 0;
font-weight: 400;
padding: 5px 0;
min-height: 24px;
}
#mini-cart .cart-icon:after {
content: "";
border-width: 1px 1px 0 0;
border-color: var(--porto-title-bgc);
border-style: solid;
background: var(--porto-normal-bg);
width: 14px;
height: 14px;
position: absolute;
top: calc(100% + 1px);
left: 50%;
margin-left: -7px;
transform: rotate(-45deg);
z-index: 1004;
display: none;
animation: arrowFadeInDown 0.2s ease-out;
}
#mini-cart .minicart-icon {
vertical-align: middle;
display: inline-block;
font-style: normal;
}
#mini-cart .minicart-icon:before {
margin: 0;
}
#mini-cart .cart-popup {
position: absolute;
width: 300px;
-webkit-backface-visibility: hidden;
z-index: 1003;
top: 100%;
margin-top: 8px;
left: 0;
padding: 0;
box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
text-align: right;
display: none;
animation: menuFadeInDown 0.2s ease-out;
}
@media (max-width: 767px) {
#mini-cart .cart-popup {
width: 290px;
}
}
#mini-cart .widget_shopping_cart_content {
padding: 10px 15px 5px;
font-weight: 700;
font-size: 0.8125rem;
line-height: 1.5;
border-radius: 0;
background: var(--porto-normal-bg);
}
#mini-cart .widget_shopping_cart li.empty {
text-align: center;
justify-content: center;
padding: 8px 0 0;
font-weight: 400;
}
#mini-cart .widget_shopping_cart .buttons {
padding: 0 10px 10px;
}
#mini-cart .widget_shopping_cart .total {
padding: 15px 10px 25px;
text-align: right;
text-transform: uppercase;
}
#mini-cart .widget_shopping_cart .total .amount {
float: left;
font-size: 15px;
font-weight: 700;
color: inherit;
}
#mini-cart .cart-loading {
height: 64px;
width: 100%;
background: transparent url(../images/ajax-loader@2x.gif) no-repeat scroll center center/16px 16px;
opacity: 0.6;
}
#mini-cart li:not(.empty) {
padding: 15px 10px;
border-bottom: 1px solid var(--porto-gray-2);
}
#mini-cart .product-details, .wishlist-popup .product-details {
position: static;
padding-top: 0;
}
#mini-cart .product-details a, .wishlist-popup .product-details a {
overflow: visible;
white-space: normal;
}
#mini-cart .product-image, .wishlist-popup .product-image {
margin-left: 0 !important;
order: 2;
}
#mini-cart .product-image, .wishlist-popup .wishlist-item .product-image {
width: 80px;
}
#mini-cart .product-details, .wishlist-popup .wishlist-item .product-details {
width: calc( 100% - 80px );
}
#mini-cart {
/* mini cart types */
}
#mini-cart .cart_list {
min-height: 45px;
max-height: 300px;
margin: 0;
}
#mini-cart .cart_list.scroll-scrolly_visible li {
padding-left: 20px;
}
#mini-cart .total-count {
padding: 12px 10px;
border-bottom: solid 1px var(--porto-gray-2);
}
#mini-cart .total-count a {
color: var(--porto-heading-color);
}
#mini-cart .total-count a:hover {
text-decoration: underline;
}
#mini-cart .quantity, #mini-cart .quantity .amount {
font-weight: 400;
font-size: 0.8125rem;
}
#mini-cart .buttons a {
font: 600 0.75rem/1.5 var(--porto-add-to-cart-ff), var(--porto-body-ff), sans-serif;
letter-spacing: 0.025em;
text-transform: uppercase;
padding: 0.875rem 1.5rem;
border-radius: 2px;
float: none;
width: 100%;
margin-bottom: 10px;
}
#mini-cart .cart-items-text {
font-size: var(--porto-body-fs, 14px);
}
.sticky-header #mini-cart.minicart-arrow-alt {
font-size: 25px;
}
#mini-cart.minicart-arrow-alt .cart-head:after {
content: "";
font-family: "porto";
font-size: 17px;
margin-right: 15px;
}
#mini-cart.minicart-arrow-alt .cart-items-text {
display: none;
margin-right: 4px;
}
#mini-cart.simple .cart-items-text {
display: none;
}
#mini-cart.simple .cart-head {
min-width: 32px;
}
#mini-cart .cart-subtotal {
font-size: 0.875rem;
font-weight: 600;
text-align: right;
line-height: 1.2;
}
#mini-cart.minicart-inline {
margin: 3px 7px 3px 0;
}
#mini-cart.minicart-inline .cart-head {
padding: 0 10px;
white-space: nowrap;
}
.main-menu-wrap #mini-cart.minicart-inline {
margin-top: 3px;
margin-right: 5px;
}
#mini-cart.minicart-inline .minicart-icon {
font-size: 25px;
}
@media (min-width: 992px) {
#mini-cart.minicart-inline .minicart-icon, #mini-cart.minicart-inline .cart-items {
display: none;
}
#mini-cart.minicart-inline .cart-icon {
position: static;
}
}
@media (max-width: 991px) {
#mini-cart.minicart-inline {
margin-right: 0;
}
#mini-cart.minicart-inline .cart-subtotal {
display: none;
}
}
#mini-cart.minicart-text .cart-price {
display: block;
}
#mini-cart.minicart-offcanvas .cart-icon:after {
content: none;
}
#mini-cart.minicart-offcanvas .cart-popup {
position: fixed;
top: 0;
height: 100%;
display: block;
margin-top: 0;
animation: none;
}
#mini-cart.minicart-offcanvas .cart_list {
overflow: visible;
max-height: none;
}
#mini-cart.minicart-offcanvas .widget_shopping_cart li.empty {
justify-content: flex-start;
}
#mini-cart.minicart-offcanvas .widget_shopping_cart_content {
padding: 1.75rem 1.25rem 0.5rem;
}
#mini-cart.minicart-offcanvas .widget_shopping_cart_content .buttons {
padding-left: 0;
padding-right: 0;
}
#mini-cart.minicart-offcanvas .widget_shopping_cart_content .total {
padding: 1.5rem 0;
}
#mini-cart.minicart-offcanvas .cart-loading {
height: 100%;
}
#mini-cart.minicart-offcanvas .remove-product {
top: 10px;
left: -8px;
}
#mini-cart.minicart-offcanvas li:not(.empty) {
padding: 1.25rem 0;
}
#mini-cart.minicart-offcanvas .product-details a {
font-weight: 500;
}
#mini-cart:not(.minicart-offcanvas) .buttons > a:first-child {
display: none;
}
#mini-cart.simple .cart-items {
box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.3);
}
#mini-cart .cart_list,
.minicart-offcanvas .widget_shopping_cart_content {
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
#mini-cart .cart_list::-webkit-scrollbar,
.minicart-offcanvas .widget_shopping_cart_content::-webkit-scrollbar {
width: 6px;
}
.minicart-offcanvas h3 {
font-size: 1.25rem;
}
.minicart-offcanvas .widget_shopping_cart_content {
font-family: var(--porto-h3-ff, var(--porto-body-ff)), sans-serif;
height: 100%;
}
.minicart-offcanvas .cart-popup {
transform: translateX(-105%);
transition: transform 0.35s;
}
.minicart-offcanvas.minicart-opened .cart-popup {
transform: translateX(0);
}
.minicart-offcanvas .button {
background: #e7e7e7;
color: #222529;
}
.minicart-offcanvas .button:hover, .minicart-offcanvas .button:focus {
background: #f1f1f1;
color: #222529;
}
.minicart-overlay {
position: fixed;
z-index: 1001;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.4);
display: none;
}
.minicart-overlay svg {
position: absolute;
top: 1.25rem;
left: 320px;
width: 1.5rem;
height: 1.5rem;
cursor: pointer;
}
.minicart-opened .minicart-overlay {
display: block;
}
#mini-cart .cart-items,
.my-wishlist .wishlist-count,
header .compare-count,
.gutenberg-hb .compare-count {
--porto-badge-size: 16px;
position: absolute;
left: calc( -1 * var(--porto-badge-size) / 2 );
top: -5px;
font-size: 10px;
font-weight: 600;
text-align: center;
width: var(--porto-badge-size);
height: var(--porto-badge-size);
line-height: var(--porto-badge-size);
border-radius: 50%;
overflow: hidden;
color: #fff;
background-color: #ff5b5b;
}
#mini-cart .cart-items.count-updating,
.my-wishlist .wishlist-count.count-updating,
header .compare-count.count-updating,
.gutenberg-hb .compare-count.count-updating {
animation: topDown 0.6s ease-in;
}
#mini-cart .cart-items .items-loading,
.my-wishlist .wishlist-count .items-loading,
header .compare-count .items-loading,
.gutenberg-hb .compare-count .items-loading {
width: 16px;
height: 16px;
display: inline-block;
background: transparent url(../images/ajax-loader@2x.gif) no-repeat scroll center center/16px 16px;
margin-top: -4px;
vertical-align: middle;
}
#mini-cart .cart-items i,
.my-wishlist .wishlist-count i,
header .compare-count i,
.gutenberg-hb .compare-count i {
line-height: inherit;
}
#mini-cart .cart-items {
top: 0;
}
html.touch #mini-cart.open .cart-icon:after, html.touch #mini-cart.open .cart-popup,
html.no-touch #mini-cart:hover .cart-icon:after,
html.no-touch #mini-cart:hover .cart-popup,
html:not(.touch):not(.no-touch) #mini-cart:hover .cart-icon:after,
html:not(.touch):not(.no-touch) #mini-cart:hover .cart-popup {
display: block;
}
/* Main Menu */
@media (max-width: 991px) {
#header.sticky-header .main-menu-wrap, .main-menu-wrap {
display: none;
}
}
.main-menu-wrap .menu-center {
flex: 1;
}
.main-menu-wrap .menu-left,
.main-menu-wrap .menu-right {
display: none;
}
.main-menu-wrap .menu-left {
text-align: right;
}
.main-menu-wrap .menu-right {
padding-right: 10px;
text-align: left;
}
.main-menu-wrap #mini-cart {
position: relative;
}
#header:not(.header-builder) .main-menu-wrap .searchform-popup {
display: none;
}
#header:not(.header-builder) .main-menu-wrap .search-toggle {
display: block;
}
#header:not(.header-builder) .main-menu-wrap .searchform {
display: none;
border-width: 5px;
position: absolute;
right: auto;
left: -22px;
margin-top: 6px;
top: 100%;
z-index: 1003;
box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
}
.sticky-header .main-menu-wrap .logo img {
transform: scale(0.8);
transform-origin: right center;
transition: none !important;
}
.sticky-header .main-menu-wrap .hide-sticky-content .menu-custom-content {
display: none;
}
.sticky-header .main-menu-wrap .menu-left {
padding-left: 25px;
animation: menuFadeInDown 0.3s;
}
.sticky-header .main-menu-wrap .menu-left,
.sticky-header .main-menu-wrap .menu-right {
display: block;
min-width: 75px;
white-space: nowrap;
}
#header.sticky-header .main-menu-wrap .searchform-popup {
display: inline-block;
}
.main-menu-wrap .mega-menu > li.menu-item > a {
padding: 10px 13px;
}
#header .main-menu-wrap .main-menu .menu-custom-block {
padding: 0;
margin: 0;
}
#header .main-menu-wrap .main-menu .menu-custom-block .tip {
top: -5px;
}
#header .main-menu {
text-align: right;
background: none;
}
@media (max-width: 991px) {
#header .main-menu {
display: none;
}
}
#header .main-menu > li.menu-item {
margin: 0 0 0 1px;
}
#header .main-menu > li.menu-item:last-child {
margin-left: 0;
}
@media (max-width: 991px) {
#header .porto-popup-menu.opened .main-menu {
display: block;
}
}
#main-menu {
position: relative;
}
#main-menu.centered .menu-center {
text-align: center;
}
#main-menu.centered .mega-menu {
text-align: center;
margin-left: auto;
margin-right: auto;
display: inline-block;
vertical-align: middle;
}
#main-menu.centered .mega-menu > li.menu-item {
margin: 0 1px;
}
#header .menu-custom-block {
padding: 10px 0 9px;
line-height: 22px;
font-weight: 600;
font-size: 0.8571em;
}
#header .menu-custom-block a {
text-transform: var(--porto-menu-text-transform);
}
#header .menu-custom-block a,
#header .menu-custom-block span {
display: inline-block;
padding: 0 15px;
position: relative;
font-weight: 700;
}
#header .menu-custom-block i {
text-align: center;
}
#header .menu-custom-block i,
#header .menu-custom-block .avatar {
margin-left: 5px;
}
#header .menu-custom-block .avatar img {
margin-top: -5px;
margin-bottom: -4px;
}
#header:not(.header-builder) .menu-custom-block {
margin-right: -10px;
}
@media (max-width: 991px) {
#header:not(.header-builder) .contact-gap,
#header:not(.header-builder) .top-links {
display: none;
}
}
@media (max-width: 767px) {
#header:not(.header-builder) .header-top,
#header:not(.header-builder) .switcher-wrap,
#header:not(.header-builder) .gap {
display: none;
}
}
#main-toggle-menu {
position: relative;
}
@media (max-width: 991px) {
#main-toggle-menu {
/*overflow: hidden;*/
display: none;
}
}
#main-toggle-menu .menu-title {
color: #fff;
cursor: pointer;
background: #303030;
font-size: 0.8571em;
font-weight: 700;
line-height: 20px;
padding: 10px 15px;
margin: 0;
text-transform: uppercase;
position: relative;
transition: 0.25s;
}
#main-toggle-menu .menu-title:hover {
background-color: #555;
}
#main-toggle-menu .menu-title .toggle {
display: inline-block;
margin: 0 0 0 5px;
padding: 0;
}
#main-toggle-menu .menu-title .toggle:before {
content: "";
}
#main-toggle-menu .toggle-menu-wrap {
display: none;
position: absolute;
right: 0;
top: 100%;
width: 100%;
background: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
z-index: 1001;
}
#main-toggle-menu .toggle-menu-wrap > ul {
border-bottom: 5px solid #303030;
}
#main-toggle-menu.closed .toggle-menu-wrap {
display: none;
}
#main-toggle-menu.show-always .menu-title {
background: #303030;
cursor: default;
}
#main-toggle-menu.show-always .toggle-menu-wrap {
height: auto !important;
display: block !important;
}
#main-toggle-menu.show-hover .toggle-menu-wrap {
animation: 0.3s linear menuFadeInDown;
}
#main-toggle-menu.show-hover:hover .toggle-menu-wrap {
display: block;
}
#main-toggle-menu .sidebar-menu > li.menu-item:last-child:hover {
border-radius: 0;
}
.right-sidebar #main-toggle-menu .sidebar-menu > li.menu-item:last-child:hover {
border-radius: 0;
}
#header .mobile-toggle {
cursor: pointer;
padding: 7px 13px;
text-align: center;
display: none;
font-size: 13px;
vertical-align: middle;
margin: 8px 1em 8px 0;
line-height: 20px;
border-radius: 0.25rem;
}
#header .mobile-toggle:first-child {
margin-right: 0;
}
@media (max-width: 991px) {
#header .mobile-toggle {
display: inline-block;
}
}
#header.sticky-header .mobile-toggle {
margin-top: 0;
margin-bottom: 0;
}
.header-extra-info {
list-style: none;
margin: 0;
}
.header-extra-info:after {
content: " ";
display: table;
clear: both;
}
.header-extra-info li {
text-align: right;
float: right;
margin-right: 25px;
}
#header.logo-overlay-header .overlay-logo {
display: none;
}
@media (min-width: 992px) {
#header.logo-overlay-header .overlay-logo {
display: inline-block;
position: absolute;
top: 0;
z-index: 1;
opacity: 1;
}
#header.logo-overlay-header .overlay-logo-transition,
#header.logo-overlay-header .logo-transition {
transition: 0.3s;
}
#header.logo-overlay-header .logo {
opacity: 0;
transform: translate3d(87px, 0, 0);
}
#header.logo-overlay-header.sticky-header .overlay-logo {
opacity: 0;
top: -90px;
visibility: hidden;
}
#header.logo-overlay-header.sticky-header .logo {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
#menu-main-menu #mini-cart {
left: auto;
}
#menu-main-menu #mini-cart.minicart-arrow-alt, #header.sticky-header #menu-main-menu #mini-cart.minicart-arrow-alt {
margin: 0 !important;
}
/* header builder */
#header .header-top .header-row, #header .header-main .header-row, #header .header-bottom .header-row {
display: flex;
}
#header .header-top .header-row > div, #header .header-main .header-row > div {
display: flex;
}
@media (max-width: 991px) {
.header-builder .menu-custom-block {
display: none;
}
}
.header-row {
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
width: 100%;
}
.header-row > div {
align-items: center;
max-height: 100%;
max-width: 100%;
}
.header-row .header-left,
.header-row .header-right,
.header-row .header-center,
.header-row .header-col-wide {
display: flex;
flex-wrap: wrap;
}
.header-row .header-left {
margin-left: auto;
justify-content: flex-start;
}
.header-row .header-center {
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
justify-content: center;
}
.header-row .header-center:only-child {
flex: 0 0 100%;
}
.header-row .header-right {
margin-right: auto;
justify-content: flex-end;
}
.header-row .header-grow {
flex: 1;
}
.header-row .header-col-wide {
align-items: center;
width: 100%;
}
.header-center .header-col-wide {
justify-content: center;
}
.header-col > *:not(.header-col-wide), .header-col-wide > *:not(.header-col-wide) {
margin-right: 0.875rem;
}
.header-col > *:not(.header-col-wide):first-child, .header-col-wide > *:not(.header-col-wide):first-child {
margin-right: 0;
}
.header-has-center .header-row > div:not(.header-center) {
flex: 1;
}
.header-side-nav #header .header-main .header-center,
.header-side-nav .header-row .header-center {
padding-left: 0;
padding-right: 0;
}
.header-side-nav .sidebar-menu {
width: 100%;
margin-right: 0;
}
@media (min-width: 992px) {
.visible-for-sm {
display: none !important;
}
}
@media (max-width: 991px) {
.header-has-center-sm .header-row > div:not(.header-center) {
flex: 1;
}
.header-has-not-center-sm .header-row > div:not(.header-center) {
flex: 0 0 auto;
}
.hidden-for-sm {
display: none !important;
}
/*#header .header-main .top-links {
display: block;
> li.menu-item {
float: none;
display: block;
}
}*/
}
.searchform {
position: relative;
}
.searchform .live-search-list {
font-size: 14px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
min-width: 200px;
z-index: 112;
}
.searchform .live-search-list .autocomplete-suggestions {
font-family: var(--porto-body-ff), sans-serif;
max-height: 70vh;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.searchform .live-search-list .autocomplete-suggestion:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.searchform .btn i {
line-height: 1;
padding: 0.5rem 0.4rem;
}
.autocomplete-suggestion {
cursor: pointer;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
white-space: normal;
}
.autocomplete-suggestion:last-child {
border-bottom-color: transparent;
}
.autocomplete-suggestion img {
width: 40px;
height: 40px;
border-radius: 20px;
margin-left: 10px;
}
.autocomplete-suggestion img + .search-name {
padding-right: 0.5em;
}
.autocomplete-suggestion .search-name {
flex: 1;
}
.autocomplete-suggestion .search-price {
margin-right: 5px;
font-size: 0.8571em;
text-align: left;
}
.block-editor .price {
font-size: 1.5rem;
line-height: 1;
font-weight: 600;
letter-spacing: -0.02em;
}
h2.resp-accordion {
display: none;
}
.summary-before {
position: relative;
}
@media (max-width: 991px) {
.summary-before {
margin-left: auto;
margin-right: auto;
}
}
.summary-before .labels {
position: absolute;
line-height: 1;
color: #fff;
font-weight: 700;
text-transform: uppercase;
margin: 0;
z-index: 7;
top: 0.8em;
right: 0.8em;
}
.summary-before .labels .onhot,
.summary-before .labels .onsale,
.summary-before .labels .onnew {
font-size: 0.8571em;
padding: 0.5833em 0.6333em;
margin-bottom: 5px;
display: block;
}
.product-images {
position: relative;
}
.product-images .zoom {
bottom: 4px;
background-color: var(--porto-primary-color);
color: #FFF;
height: 30px;
position: absolute;
left: 4px;
text-align: center;
width: 30px;
z-index: 1;
}
.product-images .zoom i {
font-size: 14px;
line-height: 28px;
}
.variations td > br {
display: none;
}
.variations .label {
font-size: 1em;
color: inherit;
text-align: right;
padding-right: 0;
vertical-align: baseline;
}
.variations .reset_variations {
display: inline-block;
line-height: 1;
padding: 0.4375rem 0.5rem;
margin-top: 0.7em;
background: #f4f4f4;
color: inherit;
font-size: 0.625rem;
text-transform: uppercase;
text-decoration: none;
}
.variations tr td {
padding-top: 2px;
}
.variations tr td label {
padding-top: 10px;
}
.variations tr:last-child select {
margin-bottom: 0;
}
.variations select {
display: block;
height: 2.625rem;
font-size: 0.8571em;
font-weight: 600;
text-transform: uppercase;
box-shadow: none;
width: 100%;
}
.single_variation_wrap,
.single-product .cart:not(.variations_form) {
padding: 1.25rem 0 1rem;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
margin-top: 1rem;
}
.filter-item-list {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0;
margin: 0 !important;
list-style: none !important;
}
.filter-item-list .filter-color {
display: block;
margin: 3px 0 3px 6px;
padding-left: 0 !important;
width: 28px;
height: 28px;
text-indent: -9999px;
white-space: nowrap;
position: relative;
text-align: right;
}
.filter-item-list .chosen .filter-color:before, .filter-item-list .active .filter-color:before {
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
text-indent: 0;
position: absolute;
left: 0;
top: 50%;
width: 100%;
color: #fff;
font-size: 11px;
height: 12px;
line-height: 12px;
margin-top: -6px;
text-align: center;
}
.filter-item-list + select {
visibility: hidden;
width: 0;
height: 0;
min-height: 0;
overflow: hidden;
margin: 0;
padding: 0;
float: left;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
}
.filter-item-list a.disabled {
cursor: not-allowed;
text-decoration: none;
opacity: 0.5;
}
.woocommerce-widget-layered-nav-list a:not(.filter-color),
.filter-item-list .filter-item {
padding: 0;
border: 1px solid #e9e9e9;
display: block;
line-height: 24px;
padding: 0 8px;
margin: 3px 0 3px 6px;
min-width: 32px;
text-align: center;
font-size: 11px;
color: inherit;
text-decoration: none;
}
.filter-item-list .filter-item:not(.disabled):hover {
color: #fff;
}
.filter-item-list .filter-image {
width: 32px;
height: 32px;
text-indent: -9999px;
background-repeat: no-repeat;
background-size: cover;
background-color: transparent !important;
}
.product-nav {
position: absolute;
top: 0;
margin-top: calc(1.125rem - 14px);
/*left: ($grid-gutter-width / 2);*/
left: 10px;
z-index: 1;
}
.product-nav:after {
content: " ";
display: table;
clear: both;
}
.product-nav .product-prev,
.product-nav .product-next {
float: right;
margin-right: 0.125rem;
}
.product-nav .product-prev:hover .product-popup,
.product-nav .product-next:hover .product-popup {
display: block;
}
.product-nav a {
display: block;
color: #222529;
}
.product-nav a:hover, .product-nav a:focus {
color: #222529;
}
.product-nav .product-link {
font-size: 16px;
width: 28px;
height: 28px;
line-height: 23px;
border: 2px solid #e7e7e7;
border-radius: 14px;
display: inline-block;
text-align: center;
text-decoration: none;
font-family: "porto";
}
.product-nav .product-link.disabled {
cursor: default;
opacity: 0.5;
}
.product-nav .product-prev .product-link:before {
content: "";
}
.product-nav .product-prev .product-popup:before {
left: 36px;
}
.product-nav .product-next .product-link:before {
content: "";
}
.product-nav .product-next .product-popup:before {
left: 7px;
}
.product-nav .featured-box {
display: block;
margin: 0;
text-align: right;
border-width: 0;
box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
}
.product-nav .featured-box .box-content {
display: block;
padding: 10px;
}
.product-nav .featured-box .box-content:after {
content: " ";
display: table;
clear: both;
}
.product-nav .product-popup {
display: none;
position: absolute;
top: 32px;
left: 0;
font-size: 0.9286em;
z-index: 999;
}
.product-nav .product-popup:before {
border-bottom: 7px solid #222529;
border-left: 7px solid transparent !important;
border-right: 7px solid transparent !important;
content: "";
position: absolute;
top: -5px;
}
.product-nav .product-popup .box-content {
border-top: 3px solid #222529;
}
.product-nav .product-popup .product-image {
padding: 0;
width: 90px;
}
.product-nav .product-popup .product-image img {
width: 100%;
height: auto;
}
.product-nav .product-popup .product-details .product-title {
display: block;
padding-top: 5px;
line-height: 1.4em;
font-size: 12px;
font-weight: 600;
text-align: center;
color: #797876;
}
.product-nav .product-popup .product-details .amount {
font-size: 1.0714em;
font-weight: 600;
line-height: 1;
vertical-align: middle;
}
.product-nav .product-popup .product-details .amount .currency,
.product-nav .product-popup .product-details .amount .decimal {
font-size: 0.75em;
font-weight: 400;
}
.product-nav .product-popup .product-details .amount .currency .decimal {
font-size: 1em;
}
.product-nav .product-popup .product-details ins {
text-decoration: none;
vertical-align: baseline;
}
.product-nav .product-popup .product-details del,
.product-nav .product-popup .product-details .from {
color: #a7a7a7;
font-size: 0.8em;
margin-left: 3px;
vertical-align: baseline;
}
.product-nav .product-popup .product-details del .amount,
.product-nav .product-popup .product-details .from .amount {
color: #a7a7a7;
}
/* -------- render controls -------- */
.components-base-control.porto-image-choose {
display: flex;
flex-wrap: wrap;
}
.components-base-control.porto-image-choose > label {
flex: 0 0 100%;
width: 100%;
}
.components-base-control.porto-image-choose > img {
flex: 0 0 50%;
width: 50%;
padding: 2px;
border: 2px solid transparent;
cursor: pointer;
}
.components-base-control.porto-image-choose > .active {
border-color: #08c;
}
.wp-core-ui select[multiple] {
height: auto !important;
}
.wp-core-ui select[multiple] + .components-input-control__suffix {
display: none;
}
/* -------- elements -------- */
.editor-styles-wrapper .thumb-info {
display: block;
position: relative;
text-decoration: none;
max-width: 100%;
-webkit-backface-visibility: hidden;
transform: translate3d(0, 0, 0);
}
.editor-styles-wrapper .thumb-info .thumb-info-title {
transition: 0.3s;
right: 0;
position: absolute;
font-weight: 600;
z-index: 2;
color: #fff;
}
.editor-styles-wrapper .thumb-info .thumb-info-wrapper {
display: block;
position: relative;
}
.editor-styles-wrapper .thumb-info .thumb-info-wrapper:after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
transition: 0.3s;
}
.editor-styles-wrapper .thumb-info img {
display: block;
transition: 0.3s;
position: relative;
width: 100%;
}
.editor-styles-wrapper .thumb-info .zoom {
border-radius: 100%;
bottom: 4px;
cursor: pointer;
color: #fff;
display: block;
height: 30px;
padding: 0;
position: absolute;
left: 4px;
text-align: center;
width: 30px;
opacity: 0;
transition: 0.1s;
z-index: 2;
}
.post-carousel h3 {
font-size: 14px;
}
.post-carousel .post-item, .widget .row .post-item-small {
margin: 0 10px;
}
.posts-container[class*=columns-] {
margin-top: 1.5em;
margin-bottom: 1.5em;
display: grid;
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.porto-blog .post {
margin-bottom: 30px;
}
.posts-container.columns-2 {
grid-template-columns: 1fr 1fr;
}
.posts-container.columns-3 {
grid-template-columns: 1fr 1fr 1fr;
}
.posts-container.columns-4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.posts-container.columns-5 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.posts-container.columns-6 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.posts-container.columns-7 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.posts-container.columns-8 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.posts-medium .post-medium .post-image,
.posts-medium-alt .post-medium-alt .post-image {
float: right;
width: 30%;
margin-left: 20px;
}
.posts-medium .post-medium {
content: "";
display: table;
clear: both;
}
.post-medium-alt:after {
content: "";
display: table;
clear: both;
}
.posts-medium .post-medium .post-image,
.posts-medium-alt .post-medium-alt .post-image {
margin-left: 20px;
}
.posts-container .entry-title {
margin-top: 2px;
}
.mt-0, .my-0 {
margin-top: 0 !important;
}
.mb-0, .my-0 {
margin-bottom: 0 !important;
}
.ml-0 {
margin-right: 0 !important;
}
.mr-0 {
margin-left: 0 !important;
}
.pt-0, .py-0 {
padding-top: 0 !important;
}
.pb-0, .py-0 {
padding-bottom: 0 !important;
}
.pl-0, .px-0 {
padding-right: 0 !important;
}
.pr-0, .px-0 {
padding-left: 0 !important;
}
.p-0 {
padding: 0 !important;
}
.m-0 {
margin: 0 !important;
}
.mt-1, .my-1 {
margin-top: 0.25rem !important;
}
.mb-1, .my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1 {
margin-right: 0.25rem !important;
}
.mr-1 {
margin-left: 0.25rem !important;
}
.pt-1, .py-1 {
padding-top: 0.25rem !important;
}
.pb-1, .py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1, .px-1 {
padding-right: 0.25rem !important;
}
.pr-1, .px-1 {
padding-left: 0.25rem !important;
}
.p-1 {
padding: 0.25rem !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-2, .my-2 {
margin-top: 0.5rem !important;
}
.mb-2, .my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2 {
margin-right: 0.5rem !important;
}
.mr-2 {
margin-left: 0.5rem !important;
}
.pt-2, .py-2 {
padding-top: 0.5rem !important;
}
.pb-2, .py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2, .px-2 {
padding-right: 0.5rem !important;
}
.pr-2, .px-2 {
padding-left: 0.5rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-3, .my-3 {
margin-top: 1rem !important;
}
.mb-3, .my-3 {
margin-bottom: 1rem !important;
}
.ml-3 {
margin-right: 1rem !important;
}
.mr-3 {
margin-left: 1rem !important;
}
.pt-3, .py-3 {
padding-top: 1rem !important;
}
.pb-3, .py-3 {
padding-bottom: 1rem !important;
}
.pl-3, .px-3 {
padding-right: 1rem !important;
}
.pr-3, .px-3 {
padding-left: 1rem !important;
}
.p-3 {
padding: 1rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-4, .my-4 {
margin-top: 1.5rem !important;
}
.mb-4, .my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4 {
margin-right: 1.5rem !important;
}
.mr-4 {
margin-left: 1.5rem !important;
}
.pt-4, .py-4 {
padding-top: 1.5rem !important;
}
.pb-4, .py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4, .px-4 {
padding-right: 1.5rem !important;
}
.pr-4, .px-4 {
padding-left: 1.5rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-5, .my-5 {
margin-top: 3rem !important;
}
.mb-5, .my-5 {
margin-bottom: 3rem !important;
}
.ml-5 {
margin-right: 3rem !important;
}
.mr-5 {
margin-left: 3rem !important;
}
.pt-5, .py-5 {
padding-top: 3rem !important;
}
.pb-5, .py-5 {
padding-bottom: 3rem !important;
}
.pl-5, .px-5 {
padding-right: 3rem !important;
}
.pr-5, .px-5 {
padding-left: 3rem !important;
}
.p-5 {
padding: 3rem !important;
}
.m-5 {
margin: 3rem !important;
}
.m-t-sm {
margin-top: 10px !important;
}
.m-t-md {
margin-top: 20px !important;
}
.m-t-lg {
margin-top: 30px !important;
}
.m-b-sm {
margin-bottom: 10px !important;
}
.m-b-md {
margin-bottom: 20px !important;
}
.m-b-lg {
margin-bottom: 30px !important;
}
.m-b-xl {
margin-bottom: 40px !important;
}
.m-r-lg {
margin-left: 30px !important;
}
.p-t-sm {
padding-top: 10px !important;
}
.p-t {
padding-top: 15px !important;
}
.p-t-md {
padding-top: 20px !important;
}
.p-t-lg {
padding-top: 30px !important;
}
.p-t-xlg {
padding-top: 50px !important;
}
.p-b {
padding-bottom: 15px !important;
}
.p-b-lg {
padding-bottom: 30px !important;
}
.p-b-xlg {
padding-bottom: 50px !important;
}
.p-r-xs {
padding-left: 5px !important;
}
.p-l-sm {
padding-right: 10px !important;
}
.p-r-sm {
padding-left: 10px !important;
}
.p-l-md {
padding-right: 20px !important;
}
.p-r-md {
padding-left: 20px !important;
}
.p-l-lg {
padding-right: 30px !important;
}
.p-r-lg {
padding-left: 30px !important;
}
.font-weight-bold {
font-weight: 700 !important;
}
.font-weight-semibold {
font-weight: 600 !important;
}
.d-none {
display: none !important;
}
.d-block {
display: block !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-inline-flex {
display: inline-flex !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-left, .text-start {
text-align: right !important;
}
.text-right, .text-end {
text-align: left !important;
}
.text-center {
text-align: center !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.overflow-visible {
overflow: visible !important;
}
.z-index-1 {
z-index: 1;
}
.float-start, .pull-left {
float: right !important;
}
.float-end, .pull-right {
float: left !important;
}
.w-100 {
width: 100% !important;
}
.h-100 {
height: 100% !important;
}
@media (min-width: 576px) {
.float-sm-right,
.float-sm-start {
float: left !important;
}
.text-sm-start {
text-align: right !important;
}
.d-sm-block {
display: block !important;
}
}
@media (min-width: 768px) {
.text-md-left, .text-md-start {
text-align: right !important;
}
.text-md-right, .text-md-end {
text-align: left !important;
}
.text-md-center {
text-align: center !important;
}
.d-md-block {
display: block !important;
}
}
@media (min-width: 992px) {
.text-lg-left, .text-lg-start {
text-align: right !important;
}
.text-lg-right, .text-lg-end {
text-align: left !important;
}
.text-lg-center {
text-align: center !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-none {
display: none !important;
}
}
@media (min-width: 1400px) {
.d-xxl-flex {
display: flex !important;
}
}
.flex-wrap {
flex-wrap: wrap !important;
}
.editor-styles-wrapper b, strong {
font-weight: 700;
}
.editor-styles-wrapper hr {
margin: 22px 0;
border-color: rgba(0, 0, 0, 0.06);
}
.editor-styles-wrapper hr.solid {
border-bottom: none;
border-top: 1px solid rgba(0, 0, 0, 0.06);
margin: 22px 0;
}
.editor-styles-wrapper hr.tall {
margin: 44px 0;
}
.editor-styles-wrapper ul.mega-menu {
list-style: none;
padding-right: 0;
margin-right: 0;
margin-top: 0;
}
.editor-styles-wrapper .invisible {
visibility: hidden !important;
}
.editor-styles-wrapper .list li {
margin-bottom: 13px;
}
.editor-styles-wrapper p.wp-block {
margin-bottom: 1.25rem;
}
/* layout */
.container,
.block-editor-block-list__block .block-list-appender {
margin-left: auto;
margin-right: auto;
}
.editor-styles-wrapper {
--wp--style--block-gap: var(--porto-grid-gutter-width,1.5rem);
}
.editor-styles-wrapper .block-editor-block-list__block {
margin-top: 0;
margin-bottom: 0;
}
.editor-styles-wrapper .wp-block-separator {
margin-top: 22px;
margin-bottom: 22px;
}
.editor-styles-wrapper .wp-block-columns {
margin-bottom: 1.75em;
--wp--style--block-gap: calc( 2 * var(--porto-column-spacing) ) ;
}
.editor-styles-wrapper .row {
display: flex;
flex-wrap: wrap;
width: auto;
}
.editor-styles-wrapper .row, .portfolio-row {
margin-left: calc(-1 * var(--porto-column-spacing));
margin-right: calc(-1 * var(--porto-column-spacing));
}
ul.products li.product-col,
.editor-styles-wrapper .row > [class*=col-] {
margin-left: 0;
margin-right: 0;
}
/*.wp-block { max-width: none }*/
.interface-interface-skeleton__editor {
max-width: 100%;
}
@media (min-width: 576px) and (max-width: 767px) {
.wp-block-column:not(:only-child) {
flex-grow: 0;
flex-basis: calc(50% - var(--porto-column-spacing, 10px)) !important;
}
}
@media (min-width: 768px) {
.wp-block-columns.alignwide {
max-width: none;
width: auto;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.6666%;
}
.col-md-7 {
flex: 0 0 auto;
width: 58.3333%;
}
.order-md-2 {
order: 2 !important;
}
.wp-block, .container {
max-width: 800px;
}
.wp-block[data-align=wide] {
max-width: var(--porto-container-width, 1200px);
}
.wp-block-column {
flex-grow: 1;
flex-basis: 0;
}
}
@media (min-width: 992px) {
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
}
/* elements */
.editor-styles-wrapper .sidebar-menu {
margin: 0;
padding: 0;
list-style: none;
}
.editor-styles-wrapper ul.list,
.editor-styles-wrapper .list-unstyled {
list-style: none;
padding: 0;
margin-right: 0;
}
.widget_sidebar_menu .widget-title, .porto-links-block .links-title {
background: #f5f5f5;
border-bottom-color: #ddd;
}
.sidebar-menu > li.menu-item > a, .sidebar-menu .menu-custom-block a {
border-top: 1px solid #ddd;
}
.sidebar-menu li.menu-item > a > i {
margin-left: 0.5rem;
}
.widget_sidebar_menu .widget-title, .sidebar-menu > li.menu-item > a, .sidebar-menu .menu-custom-block a {
color: #444;
}
#header .my-wishlist, #header .my-account, #header .yith-woocompare-open {
display: inline-block;
padding: 0 0.125rem;
font-size: 24px;
vertical-align: middle;
}
#header .logo {
max-width: var(--porto-logo-mw, 170px);
}
#header.sticky-header .logo {
max-width: var(--porto-sticky-logo-mw, 80px);
}
.side-header-narrow-bar-logo {
max-width: var(--porto-side-logo-mw, 170px);
}
.porto-products .product-categories {
margin-right: 0;
}
.porto_google_map {
background: #e5e3df;
}
/* carousel */
.fullscreen-carousel {
min-height: 100vh;
height: auto;
}
.fullscreen-carousel .owl-carousel:not(.owl-loaded) > .wp-block {
height: auto;
}
.fullscreen-carousel .owl-carousel:not(.owl-loaded) > .wp-block > * {
height: 80vh;
}
.owl-carousel .owl-dots {
text-align: center;
}
.owl-carousel .owl-dot {
display: inline-block;
outline: none;
}
.owl-carousel .owl-dot span {
display: block;
transition: opacity 0.2s;
width: 14px;
height: 14px;
margin: 5px 2px;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
color: #fff;
}
.porto-carousel {
margin-bottom: 0;
}
.porto-carousel .wp-block-image .components-resizable-box__container {
display: block;
}
.ccols-2 > div {
width: 50%;
}
.ccols-3 > div {
width: 33.3333333333%;
}
.ccols-4 > div {
width: 25%;
}
.ccols-5 > div {
width: 20%;
}
.ccols-6 > div {
width: 16.6666666667%;
}
.ccols-7 > div {
width: 14.2857142857%;
}
.ccols-8 > div {
width: 12.5%;
}
/* banner */
.editor-styles-wrapper .block-editor-block-list__block[data-type="porto/porto-interactive-banner-layer"] {
position: static;
}
.porto-preset-layout .block-editor-block-list__block[data-type="porto/porto-grid-item"] > div,
.porto-preset-layout .block-editor-block-list__block[data-type="porto/porto-grid-item"] > div > .block-editor-inner-blocks,
.porto-preset-layout .block-editor-block-list__block[data-type="porto/porto-grid-item"] > div > .block-editor-inner-blocks > .block-editor-block-list__layout,
.porto-preset-layout .block-editor-block-list__block[data-type="porto/porto-grid-item"] > div > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block {
height: 100%;
}
.porto-ibanner .porto-ibanner-desc, .porto-ibanner .porto-ibanner-link {
z-index: 1;
}
/* products */
.editor-styles-wrapper .products-title {
font-size: 1.1429em;
line-height: 1.4;
text-transform: uppercase;
margin-bottom: 1.25rem;
position: relative;
}
.editor-styles-wrapper .products {
list-style: none;
padding-left: 0;
padding-right: 0;
}
.editor-styles-wrapper ul.products {
width: calc(100% + var(--porto-grid-gutter-width));
margin-left: calc(-1 * var(--porto-column-spacing)) !important;
margin-right: calc(-1 * var(--porto-column-spacing)) !important;
}
ul.grid.divider-line {
width: auto;
margin-left: 0 !important;
margin-right: 0 !important;
}
.editor-styles-wrapper .posts-container[class*=columns-] {
grid-row-gap: var(--porto-grid-gutter-width);
grid-column-gap: var(--porto-grid-gutter-width);
}
.products-slider.owl-carousel .owl-stage-outer {
padding-top: 10px;
margin-top: -10px;
}
ul.grid-creative li.product-col {
width: 100%;
}
.products.grid-creative li.product-col {
padding-bottom: var(--porto-grid-gutter-width);
margin-bottom: 0;
}
.editor-styles-wrapper ul.product_list_widget {
padding-right: 0;
margin-right: 0;
}
.product_list_widget .product-details a {
color: #474747;
}
ul.product_list_widget li .product-details .amount {
color: #444;
}
.divider-line.grid > .product-col {
border-right: 1px solid rgba(0, 0, 0, 0.09);
border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.components-placeholder.components-placeholder,
.shop-loop-before.shop-builder {
min-height: 40px;
}
.shop-loop-before.shop-builder .block-editor-block-list__layout {
display: flex;
align-items: center;
}
.shop-loop-before.shop-builder .block-editor-block-list__layout .wp-block {
width: auto;
margin-right: 0;
margin-left: 1em;
}
.shop-loop-before .porto-product-filters-toggle svg {
stroke: #222529;
}
/* posts */
.editor-styles-wrapper .post .read-more,
.editor-styles-wrapper .post-item .read-more {
color: #212529;
font-size: 0.9em;
font-weight: 600;
}
.editor-styles-wrapper .btn.read-more {
display: inline-block;
padding: 0.2rem 0.5rem;
border-radius: 0;
border: 1px solid rgba(0, 0, 0, 0.09);
border-bottom-color: rgba(0, 0, 0, 0.2);
font-size: 10px;
font-weight: 400;
text-transform: uppercase;
background: #fff;
}
.blog-posts .post .entry-title {
font-size: 1.5em;
line-height: 1.3;
font-weight: 600;
margin-bottom: 1rem;
}
.editor-styles-wrapper article.post .post-meta {
font-size: 0.9em;
margin-bottom: 8px;
}
/* portfolios */
.editor-styles-wrapper .nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-right: 0;
list-style: none;
}
.editor-styles-wrapper .portfolio-details {
list-style: none;
}
.editor-styles-wrapper .portfolio-carousel {
padding-left: 0;
padding-right: 0;
width: 100%;
}
.portfolio-carousel .portfolio-item {
margin-left: var(--porto-column-spacing);
margin-right: var(--porto-column-spacing);
}
.portfolio-row .portfolio {
padding-left: var(--porto-column-spacing, 10px);
padding-right: var(--porto-column-spacing, 10px);
padding-bottom: var(--porto-grid-gutter-width, 20px);
}
.member-row .member {
padding: 0 var(--porto-column-spacing, 10px) 1px;
margin-bottom: var(--porto-grid-gutter-width, 20px);
width: 100%;
}
.member-row-advanced .member {
padding: 0;
}
/* Interactive Banner */
.porto-ibanner {
text-align: right;
min-height: 60px;
}
.porto-ibanner-desc > .block-editor-inner-blocks > .block-editor-block-list__layout {
position: static;
}
/* Button */
.editor-styles-wrapper .btn {
text-shadow: none;
border-radius: 0;
}
.btn-block {
display: block;
padding-right: 0;
padding-left: 0;
width: 100%;
}
/* Section */
.porto-section {
padding: 50px 0;
}
.flex-container {
display: flex;
padding: 0;
}
.flex-container > .block-editor-inner-blocks {
flex-direction: inherit;
align-items: inherit;
justify-content: inherit;
}
.flex-container > .block-editor-inner-blocks > .block-editor-block-list__layout {
position: static;
display: flex;
flex-direction: inherit;
align-items: inherit;
justify-content: inherit;
}
.flex-container .wp-block {
position: static;
margin-left: 0;
margin-right: 0;
}
.d-flex {
display: flex !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-end {
align-items: flex-end !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.flex-column {
flex-direction: column !important;
}
/*.porto-section .porto-section {
margin-left: 0;
margin-right: 0
}*/
.section-with-shape-divider {
position: relative;
overflow: hidden;
}
.section-with-shape-divider .shape-divider {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 80px;
z-index: 1;
}
.section-with-shape-divider .shape-divider svg {
position: absolute;
width: 100%;
top: 0;
left: 50%;
height: 100%;
transform: translate3d(-50%, 0, 0);
}
.section-with-shape-divider .shape-divider.shape-divider-bottom {
top: auto;
bottom: 0;
}
.section-with-shape-divider .shape-divider.shape-divider-reverse-x {
transform: rotateX(180deg);
}
.section-with-shape-divider .shape-divider.shape-divider-reverse-y {
transform: rotateY(180deg);
}
.section-with-shape-divider .shape-divider.shape-divider-reverse-xy {
transform: rotateY(180deg) rotateX(180deg);
}
/* Core blocks */
.editor-styles-wrapper .wp-block-categories > ul,
.editor-styles-wrapper .wp-block-archives-list,
.editor-styles-wrapper .wp-block-latest-posts {
list-style: none;
}
.editor-styles-wrapper .wp-block-categories > ul li,
.editor-styles-wrapper .wp-block-archives-list li,
.editor-styles-wrapper .wp-block-latest-posts li {
padding: 6px 0 6px 15px;
margin-bottom: 0;
}
.editor-styles-wrapper .wp-block-categories > ul li:before,
.editor-styles-wrapper .wp-block-archives-list li:before,
.editor-styles-wrapper .wp-block-latest-posts li:before {
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: -11px;
margin-left: 6px;
font-size: 0.45rem;
opacity: 0.7;
vertical-align: middle;
}
.editor-styles-wrapper .wp-block-categories,
.editor-styles-wrapper .wp-block-categories ul,
.editor-styles-wrapper ul.wp-block-archives-list,
.editor-styles-wrapper ul.wp-block-latest-posts {
list-style: none;
padding-right: 0;
}
.editor-styles-wrapper .wp-block-categories li > ul,
.editor-styles-wrapper .wp-block-archives-list li > ul,
.editor-styles-wrapper .wp-block-latest-posts li > ul {
margin-top: 8px;
margin-bottom: -8px;
margin-right: -5px;
}
.editor-styles-wrapper blockquote {
border-right: 5px solid #eee;
margin: 0 0 1rem 0;
}
.editor-styles-wrapper .wp-block-quote:not(.is-large):not(.is-style-large) {
border-right: 5px solid #eee;
margin-bottom: 1rem;
padding: 0.5rem 1rem;
}
.editor-styles-wrapper .wp-block-pullquote {
border: none;
padding: 0;
}
.editor-styles-wrapper .wp-block-pullquote .wp-block-pullquote__citation {
color: #666;
}
.editor-styles-wrapper .wp-block-pullquote blockquote {
border-right-color: var(--porto-primary-color);
text-align: right;
padding: 2em;
}
/* Inspector Controls */
.porto-ajaxselect2 select {
width: 100%;
}
.components-base-control,
.components-panel__body + p, .components-base-control + p,
.components-panel__body + h3, .components-base-control + h3 {
padding-left: 15px;
padding-right: 15px;
word-break: break-word;
}
.components-panel__body .components-base-control,
.components-panel__body .components-base-control + p,
.components-panel__body .components-base-control + h3 {
padding-left: 0;
padding-right: 0;
}
.components-panel__body + .components-base-control {
margin-top: 8px;
}
.components-base-control + p {
margin-top: -8px;
}
.porto-typography-control {
border: 1px solid #e1e1e1;
margin: 1rem 1rem 1.5rem;
}
.porto-typography-control > h3 {
padding-left: 0;
padding-right: 0;
margin-top: -0.6rem;
width: -webkit-fit-content;
width: fit-content;
background: #fff;
margin-right: 15px;
}
.components-panel__body .porto-typography-control {
padding: 0 1rem 1rem;
margin-left: 0;
margin-right: 0;
}
.porto-dimension-control {
display: flex;
flex-wrap: wrap;
}
.porto-dimension-control > div {
width: 100%;
flex: 0 0 auto;
}
.porto-dimension-control .components-unit-control-wrapper {
flex: 1;
padding: 0 2px;
}
.porto-dimension-control .components-unit-control-wrapper .components-input-control__label {
font-size: 10px;
text-transform: uppercase;
}
.porto-dimension-control .components-base-control {
margin-bottom: 10px;
}
.porto-dimension-control .components-color-picker__body {
padding: 16px 0 12px 4px;
}
.porto-dimension-control .components-color-picker__inputs-wrapper {
min-width: auto;
}
.components-panel__body .porto-dimension-control {
padding: 0 13px 1rem;
}
.porto-color-show {
display: inline-block;
vertical-align: middle;
width: 18px;
height: 18px;
border-radius: 50%;
margin-left: 10px;
}
.css-1wkpk1y-Flex-ItemsColumn,
.css-rnkj6t-Flex-ItemsColumn {
height: auto;
}
/* dynamic styles */
article.post .post-date .month, article.post .post-date .format, .post-item .post-date .month, .post-item .post-date .format,
ul.list li.product .add_to_cart_button,
ul.list li.product .add_to_cart_read_more,
ul.products li.product-default:hover .add-links .add_to_cart_button,
.product-image .viewcart:hover,
li.product-outimage_aq_onimage .add-links .quickview,
li.product-onimage .product-content .quickview,
li.product-onimage2 .quickview,
li.product-wq_onimage .links-on-image .quickview,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.thumb-info .thumb-info-type,
.sort-source-style-2 {
background-color: var(--porto-primary-color);
border-color: var(--porto-primary-color);
}
ul.category-color-primary li.product-category .thumb-info-title,
article.post .post-date .day {
color: var(--porto-primary-color);
}
ul.category-color-secondary li.product-category .thumb-info-title {
color: var(--porto-secondary-color);
}
.btn-borders.btn-primary {
border-color: var(--porto-primary-color);
color: var(--porto-primary-color);
}
.sort-source-style-2 > li.active > a:after {
border-top-color: var(--porto-primary-color);
}
ul.category-color-dark li.product-category .thumb-info-title,
ul.products li.cat-has-icon .thumb-info > i {
color: var(--porto-dark-color, #212529);
}
/* Porto Blocks */
article.post .post-date .day, .post-item .post-date .day, ul.comments .comment-block {
background: #f4f4f4;
}
.owl-carousel.show-dots-title-right .owl-dots {
right: calc(var(--porto-grid-gutter-width) / 2 - 2px);
}
.blog-posts article, .member-row-advanced .member:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
section.timeline .timeline-box {
border: 1px solid #e5e5e5;
background: #fff;
border-radius: 4px;
}
section.timeline .timeline-date {
background: #fff;
border: 1px solid #e5e5e5;
}
section.timeline .timeline-box.left:after {
background: #fff;
border-left: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
}
section.timeline .timeline-box.right:after {
background: #fff;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
section.timeline .timeline-box.left:before,
section.timeline .timeline-box.right:before {
background: var(--porto-primary-color);
box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px var(--porto-primary-color);
}
.main-sidebar-menu .sidebar-menu > li.menu-item > a,
.main-sidebar-menu .sidebar-menu .menu-custom-block span,
.main-sidebar-menu .sidebar-menu .menu-custom-block a {
font: var(--porto-sm-fs, 14px)/var(--porto-sm-lh, 1.4) var(--porto-sm-ff, var(--porto-body-ff)), sans-serif;
font-weight: var(--porto-sm-fw, 600);
letter-spacing: var(--porto-sm-ls, 0);
}
.editor-styles-wrapper .add-links .add_to_cart_button,
.editor-styles-wrapper .add-links .add_to_cart_read_more,
.editor-styles-wrapper .add-links .quickview,
.editor-styles-wrapper .yith-wcwl-add-to-wishlist span {
background-color: var(--porto-shop-add-links-bg-color);
border: 1px solid var(--porto-shop-add-links-border-color);
color: var(--porto-shop-add-links-color);
border-radius: 0;
}
.porto-products.title-border-bottom > .section-title {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
li.product-onimage .product-content {
background: #fff;
border-top: 1px solid rgba(0, 0, 0, 0.09);
}
.wp-block[data-type="porto/porto-single-icon"], .wp-block[data-type="porto-tb/porto-woo-buttons"], .wp-block[data-type="porto/porto-button"], .wp-block[data-type="porto-tb/porto-meta"] {
display: inline-block;
margin-right: 3px;
}
.porto-u-icons.d-flex > .block-editor-inner-blocks {
justify-content: inherit;
align-items: inherit;
}
.porto-u-icons.d-flex > .block-editor-inner-blocks > .block-editor-block-list__layout {
display: flex;
justify-content: inherit;
align-items: inherit;
}
/* Templates builder */
.gutenberg-hb.editor-styles-wrapper {
padding-left: 20px;
padding-right: 20px;
}
.gutenberg-hb .block-editor-block-list__layout.is-root-container,
.gutenberg-hb .porto-section > .block-editor-inner-blocks > .block-editor-block-list__layout,
.gutenberg-hb .porto-section > .container > .block-editor-inner-blocks > .block-editor-block-list__layout {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.gutenberg-hb .wp-block:not([data-type="porto/porto-section"]) {
width: auto;
margin-left: 0;
margin-left: 0.875rem;
}
.gutenberg-hb .wp-block[data-type="porto/porto-section"] {
flex: 0 0 auto;
width: 100%;
max-width: 100%;
}
/* Type Builder */
.block-editor-block-inspector label + .components-color-picker {
margin-top: 3px;
}
.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]).is-selected:after {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
border-radius: 2px;
top: 1px;
left: 1px;
right: 1px;
bottom: 1px;
}
[data-type="porto-tb/porto-featured-image"] *,
.wp-block[data-type="porto-tb/porto-featured-image"] .block-editor-block-list__block,
.block-editor-block-list__block[data-type="porto/porto-single-icon"] {
position: static;
}
[data-type="porto-tb/porto-featured-image"] .block-editor-block-list__block[data-type^=porto]:not([contenteditable]).is-selected:after {
content: none;
}
[data-type="porto-tb/porto-featured-image"] .block-editor-block-list__block[data-type^=porto]:not([contenteditable]).is-selected [class^=porto-],
[data-type="porto-tb/porto-featured-image"] .block-editor-block-list__block[data-type^=porto]:not([contenteditable]).is-selected [class^=tb-] {
outline: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color);
border-radius: 2px;
}
.wp-block[data-type="porto-tb/porto-featured-image"] .wp-block {
margin: 0;
}
div.quantity .qty {
margin: 0;
border-radius: 0;
box-shadow: none;
}
.editor-styles-wrapper .porto-tb-woo-link {
vertical-align: middle;
color: var(--porto-dark-color, #222529);
}
.editor-styles-wrapper .porto-tb-featured-image {
pointer-events: auto;
}
.meta-absolute [data-type="porto-tb/porto-meta"] {
width: 100%;
}
.porto-page-content {
padding: 16px 32px;
background: #d5dadfcc;
color: #212529;
text-align: center;
opacity: 0.6;
}