.wrapper-main-content.has-sidebar{
--width-sidebar: 320px;
display: grid;
grid-template-columns: minmax(0, 1fr) var(--width-sidebar);
gap: 80px;
}
.wrapper-container{
width: 1515px;
max-width: 100%;
margin: 0 auto;
padding: 0 20px;
}
.elementor-icon .azr{
font-size: inherit;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.malistena-primary{overflow: hidden} header{	
position: relative;
}
.header-main{
background: var(--primary-color);
padding: 0 30px;
display: flex;
position: relative;
align-items: center;
}
.no-socials .header-main{
justify-content: center;
}
.has-socials .header-main{
justify-content: space-between;
}
.malistena-logo{
padding: 2em 30px;
text-align: center;
}
.malistena-logo img{max-width: 70%}
.site-title {
margin: 0;
font-family: var(--script-font);
font-weight: normal;
line-height: 1em;
font-size: 6em;
text-shadow: 0px 0px 10px rgba(0,0,0,0.3);
letter-spacing: 6px;
}
.site-title a{color: inherit}
.tag-line{
text-transform: uppercase;
font-size: 13px;
letter-spacing: 4px;
opacity: 0.5;
} .malistena-main-menu{
padding: 0;
}
.malistena-main-menu > ul,
ul.malistena-main-menu{padding: 0}
.malistena-main-menu li{
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
position: relative;
font-family: var(--body-font);
}
div.malistena-main-menu > ul > li,
ul.malistena-main-menu > li{
display: inline-block;
font-size: 14px;
}
.malistena-main-menu li a{
color: var(--heading-color);
text-transform: uppercase;
line-height: 30px;
display: inline-block;
padding: 1em 1.5em;
font-size: 12px;
letter-spacing: 1px;
}
.malistena-main-menu li a:hover,
.malistena-main-menu li.current_page_item > a:hover{
color: var(--accent-color)
}
div.malistena-main-menu > ul > li:first-child,
ul.malistena-main-menu > li:first-child{
margin-left: 0
}
div.malistena-main-menu > ul > li:last-child,
ul.malistena-main-menu > li:last-child{
margin-right: 0
}
.malistena-main-menu .sub-menu,
.malistena-main-menu .children{
position: absolute;
top: 100%;
left: 0;
background: #fff;
-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
box-shadow: 0 0 15px rgba(0,0,0,0.1);
padding: 0;
min-width: 200px;
z-index: 50;
text-align: left;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
height: 0;
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-ms-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
}
.malistena-main-menu li:focus-within > .sub-menu,
.malistena-main-menu li:hover > .sub-menu,
.malistena-main-menu .show-submenu > .sub-menu,
.malistena-main-menu li:focus-within > .children,
.malistena-main-menu li:hover > .children,
.malistena-main-menu .show-submenu > .children{
visibility: visible;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
height: auto;
opacity: 1;
}
.malistena-main-menu .sub-menu .sub-menu,
.malistena-main-menu .children .children{
top: 0;
left: 100%;
}
.malistena-main-menu .sub-menu li,
.malistena-main-menu .children li{
list-style: none;
display: block;
white-space: nowrap;
}
.malistena-main-menu .sub-menu li a,
.malistena-main-menu .children li a{
padding: 0.5em 1.5em;
border-bottom: 1px solid #ddd;
display: -webkit-flex;
display: flex;
justify-content: space-between;
align-items: center;
text-transform: capitalize;
font-family: var(--heading-font);
font-style: italic;
font-size: 18px;
}
.malistena-main-menu .sub-menu li a:hover,
.malistena-main-menu .children li a:hover,
.malistena-main-menu .sub-menu li.current_page_item > a,
.malistena-main-menu .children li.current_page_item > a{
color: var(--accent-color);
}
.malistena-main-menu .sub-menu li:last-child > a,
.malistena-main-menu .children li:last-child > a{
border-bottom: none;
}
.malistena-main-menu .wrap-linkmenu{
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.malistena-main-menu .sub-menu .wrap-linkmenu{
padding-right: 15px;
}
.malistena-main-menu .icon-dropdown{
padding-left: 8px;
cursor: pointer;
display: inline-block;
z-index: 2;
font-size: 0.8rem;
}
div.malistena-main-menu > ul > li > .wrap-linkmenu .icon-dropdown,
ul.malistena-main-menu > li > .wrap-linkmenu .icon-dropdown{
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.malistena-main-menu li:hover > .wrap-linkmenu > .icon-dropdown{
color: var(--accent-color);
}
.malistena-main-menu .sub-menu .icon-dropdown{
padding-left: 20px;
} .social-network a{
display: inline-block;
color: var(--heading-color);
margin-right: 10px;
font-size: 14px;
}
.social-network a:last-child{margin-right: 0}
.social-network a:hover{
color: var(--accent-color);
}
.social-network .social-slug{display: none;}       .swiper-button-next::after, .swiper-button-prev::after {
display: none;
}
.vp-portfolio__items-style-fly .vp-portfolio__item-meta > *{margin-bottom: 0}
.vp-portfolio__items-style-fly .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category{
font-family: var(--heading-font);
font-style: italic;
color: var(--accent-color);
font-size: 22px;
text-transform: none;
opacity: 1;
} .item-client .client-inner {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.item-client .client-image {
-webkit-flex: 1 0 57%;
-ms-flex: 1 0 57%;
flex: 1 0 57%;
max-width: 57%;
z-index: 1;
}
.item-client .client-info {
-webkit-flex: 1 0 50%;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
max-width: 50%;
padding: 3em 5em 4.5em 5em;
margin-top: 4em;
text-align: center;
z-index: 2;
margin-left: -5.25em;
color: #8a867b;
background-color: #f6f6f6;
font-family: var(--heading-font);
box-shadow: 0 0 15px rgba(0,0,0,0.15);
}
.item-client .icon-quote{
width: 50px;
height: 50px;
display: block;
color: var(--accent-color);
line-height: 1;
background-color: var(--accent-color);
mask: url(//tomconwayphoto.com/wp-content/themes/malistena/assets/images/quote-alt-right.svg) no-repeat center / contain;
-webkit-mask: url(//tomconwayphoto.com/wp-content/themes/malistena/assets/images/quote-alt-right.svg) no-repeat center / contain;
background-size: contain;
background-repeat: no-repeat;
margin: 0 auto;
}
.item-client .quote-auth{
font-size: 3rem;
color: var(--heading-color);
}
.item-client .quote-text{
font-style: italic;
font-size: 20px;
}
.item-client .client-link{
position: relative;
color: var(--accent-color);
font-size: 22px;
}
.item-client .client-link:before{
content: "";
width: 1px;
height: 30px;
display: block;
margin: 15px auto;
background-color: var(--accent-color);
}
.swaper-pagination{
display: flex;
justify-content: center;
flex-direction: inherit;
align-items: center;
padding: 20px 0;
color: var(--accent-color);
}
.swaper-pagination .client-button-prev{
order: 1;
color: inherit;
}
.swaper-pagination .client-button-next{
order: 3;
color: inherit;
}
.swaper-pagination .swiper-pagination{
order: 2;
position: static;
width: auto;
margin: 0 15px;
bottom: auto;
} .malistena-pricing{
padding: 2.5em;
background: var(--primary-color);
text-align: center;
}
.malistena-pricing .pricing-title{
text-transform: uppercase;
margin: 0;
font-size: 1.25rem;
letter-spacing: 1.5px;
font-weight: 400;
}
.malistena-pricing .price{
font-size: 3.5rem;
font-family: var(--heading-font);
}
.pricing-feadture {
margin-bottom: 25px;
display: inline-block;
}
.pricing-feadture ul{
padding: 0;
list-style: none;
}
.pricing-feadture ul li{
padding: .2em 0;
}
.pricing-button{
position: relative;
text-transform: uppercase;
font-size: 0.85rem;
display: block;
line-height: 1.8em;
margin-top: 3em;
letter-spacing: 2px;
display: flex;
justify-content: center;
align-items: center;
}
.pricing-button:hover{
color: var(--accent-color)
}
.pricing-button:before{
content: "";
position: absolute;
left:50%;
display: inline-block;
width: 1px;
height: 2.7em;
margin: 10px 0;
transform-origin: bottom;
transform: translate(0,-100%)scaleY(1);
transition: all .4s ease-in-out;
background: var(--accent-color);
}
.pricing-button:hover:before{
transform: translate(0,-100%)scaleY(.7);
}
.pricing-icon{
font-size: 5rem;
color: var(--accent-color);
line-height: 1;
} .elementor-section{
counter-reset: section;
}
.malistena-service{
padding: 40px 35px;
text-align: center;
color: inherit;
background: rgba(var(--accent-color-rgb), 0.2);
margin-top: 30px;
}
.malistena-service:before{
counter-increment: section;
content: "0" counter(section);
position: absolute;
left: 0;
top: -5px;
font-style: italic;
font-size: 6rem;
font-family: var(--heading-font);
color: var(--accent-color);
line-height: 3rem;
}
.malistena-service .service-icon{
position: relative;
max-width: 60px;
margin: 0 auto 30px;
z-index: 1;
}
.malistena-service .service-icon:after {
position: absolute;
content: '';
left: 45%;
bottom: 10%;
width: 0;
height: 50%;
border-style: solid;
border-width: 0px 44.5px 70px 44.5px;
border-color: transparent transparent #fff transparent;
transform: translate3d(-50%, 0, 0) rotate(15deg);
transform-origin: 50% 80%;
transition: all .3s ease;
z-index: -1;
}
.service-desc{margin-bottom: 30px}
.service-title{
font-size: 1.8rem;
text-transform: capitalize;
margin-bottom: 10px;
}
.malistena-service .service-button{
text-transform: uppercase;
padding: 12px 30px;
background: var(--body-color);
color: #fff;
font-size: 12px;
letter-spacing: 0.1em;
font-weight: var(--variant-headding);
}
.malistena-service .service-button:hover,
.malistena-service .service-button:focus{
background: var(--accent-color);
} .malistena-posts-layout{overflow: hidden; padding: 10px 0}
.malistena-posts-layout > .row{justify-content: center;}
.malistena-posts-layout .post-item{
margin-bottom: 50px;
}
.malistena-posts-layout .post-format img{
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}
.malistena-posts-layout .post-info{
text-align: center;
width: 450px;
max-width: 100%;
margin: 0 auto;
}
.malistena-posts-layout .post-cats{margin-bottom: 10px;}
.malistena-posts-layout .post-cats a{
font-family: var(--heading-font);
font-style: italic;
background: transparent;
color: inherit;
}
.malistena-posts-layout .post-title{
font-size: 1.65em;
margin-bottom: 16px;
} .main-contaier{padding: 70px 0;}
.elementor-template-full-width .main-contaier{
padding: 0;
}
.malistena-page-banner .page-image{
position: relative;
}
.malistena-page-banner .page-image:after{
content: "";
padding-top: 28%;
width: 100%;
display: block;
position: relative;
background: rgba(0,0,0,0.3);
}
.malistena-page-banner .page-image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.malistena-page-banner{
position: relative;
}
.page-title{
letter-spacing: 0.2em;
font-size: 48px;
text-align: center;
text-transform: uppercase;
}
.malistena-page-banner .page-title{
text-align: center;
color: #fff;	
position: absolute;
top: 50%;	
width: 100%;
transform: translateY(-50%);
z-index: 3;	
}
.page-title::after {
content: "";
height: 2px;
width: 70px;
margin: 10px auto 0;
display: block;
background: var(--accent-color);
}
.page-excerpt ul{margin-bottom: 30px}
.wpcf7-form .wpcf7-form-control-wrap{
margin-bottom: 30px;
display: inline-block;
width: 100%;
}
.wpcf7-form .wpcf7-form-control{
width: 100%;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.3em;
}
.wpcf7-form .wpcf7-form-control.wpcf7-submit{
width: auto;
}
.error-page{
text-align: center;
max-width: 850px;
margin: 0 auto;
padding: 70px 0;
}
.error-page .page-title{margin-bottom: 10px;} :root {
--vp-color-brand: var(--accent-color);
}
.vp-filter__style-minimal .vp-filter__item.vp-filter__item-active {
--vp-filter-minimal--items__color: var(--accent-color)!important;
--vp-filter-minimal--items-hover__color: var(--vp-filter-minimal--items-active__color);
}
.vp-filter__style-minimal .vp-filter__item > a:hover, .vp-filter__style-minimal .vp-filter__item > a:focus{
color: var(--accent-color)!important;
}
.vp-filter__style-minimal .vp-filter__item > *{
font-weight: 500!important;
}
.pf-featured-image{
position: relative;
}
.pf-featured-image:after{
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.4);
color: #fff;
}
.pf-featured-image img{
height: 450px;
width: 100%;
object-fit: cover;
}
.pf-featured-image .pf-head{
padding: 0 30px;
text-align: center;
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
color: #fff;
}
.pf-head .pf-title{
color: inherit;
margin-bottom: 0;
text-transform: uppercase;
letter-spacing: 0.2em;
font-size: 48px;
}
.pf-head .pf-title:after{
content: "";
width: 70px;
height: 2px;
display: block;
background: var(--accent-color);
margin: 15px auto 0;
}
.pf-cat a {
color: #fff;
font-weight: 500;
font-style: italic;
font-family: var(--heading-font);
font-size: 21px;
line-height: normal;
}
.single-portfolio-content{
padding: 70px 0;
}
.az-pagination{
display: flex;
justify-content: space-between;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
margin-top: 70px;
}
.az-pagination > div{
color: var(--accent-color);
}
.az-pagination > div:hover{
color: var(--heading-color);
}
.az-pagination a{
text-decoration: none;
}
.az-pagination .newer{margin-left: auto}
.az-pagination .newer i{
margin-left: 10px;
}
.az-pagination .older i{
margin-right: 10px;
}
.vp-portfolio__items .vp-portfolio__item-meta-title{
font-size: 1.85em;
}
.vp-pagination__style-minimal .vp-pagination__item a.vp-pagination__load-more{
border: 1px solid #cecece;
font-weight: normal;
padding: 12px 20px;
font-size: 15px;
}
.vp-pagination__style-minimal .vp-pagination__item a.vp-pagination__load-more:hover{
border-color: var(--accent-color);
}
.vp-portfolio__items-wrap{
margin-bottom: 50px
} .post-meta{
font-family: var(--heading-font);
font-style: italic;
font-size: 22px;
color: inherit;
line-height: normal;
display: flex;
justify-content: center;
justify-items: center;
}
.post-cats a{
font-family: var(--heading-font);
font-style: italic;
font-size: 24px;
margin: 0 2px;
}
.post-meta a{
color: inherit;
}
.post-meta a:hover{color: var(--heading-color);}
.post-meta > div:after{
content: "/";
display: inline-block;
margin: 0 10px;
color: #cecece;
}
.post-meta div:last-child:after{display: none;}
.post-header{position: relative;}
.date-post{
width: 64px;
border: 2px solid;
color: #fff;
background-color: #363438;
padding: 10px 5px;
text-align: center;
}
.has-post-thumbnail .date-post{
position: absolute;
top: -14px;
left: 20px;
}
.post-header .date-post span {
display: block;
line-height: 20px;
}
.post-header .date-post .day {
font-weight: 500;
line-height: 1em;
margin-bottom: 5px;
}
.post-header .date-post .month{
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
}
.malistena-blogs .post-title{
margin-bottom: 15px;
font-size: 2rem;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
-webkit-box-orient: vertical;
padding-bottom: 2px;
}
.post-title a {
color: inherit;
background-image: linear-gradient(transparent calc(100% - 1px), var(--heading-color) 1px);
background-size: 0;
background-repeat: no-repeat;
padding-bottom: 1px;
display: inline;
-webkit-transition: 0.5s ease;
transition: 1s ease;
}
.post-title a:hover {
background-size: 100%;
color: inherit;
}
.malistena-blogs .post-content{
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 3;
overflow: hidden;
margin-bottom: 15px;
}
.malistena-blogs .post-info{
position: relative;
z-index: 2;
text-align: center;
} .malistena-blogs .post{
margin-bottom: 40px;
}
.post .post-format{
position: relative;
--post-image-ratio: 3/4;
margin-bottom: 20px;
}
.post .post-format:after{
content: "";
width: 100%;
display: block;
padding-top: calc( var(--post-image-ratio) * 100%)
}
.post .post-format img{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.post .post-format a.post-image{
display: block;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
} .malistena-pagination{margin-top: 50px;}
.malistena-pagination .pagination{
justify-content: center;
}
.pagination .page-numbers{
display: inline-block;
width: 50px;
height: 50px;
color: var(--heading-color);
line-height: 50px;
text-align: center;
margin-right: 10px;
border: 1px solid #cecece;
}
.pagination .page-numbers:hover,
.pagination .page-numbers.current{
color: #fff;
background: var(--accent-color);
border-color: var(--accent-color);
} .main-contaier.page-single-post{
padding-top: 0
}
.malistena-single-post .wrapper-main-content {margin-top: 50px;}
.malistena-single-post .post-format{
position: relative;
}
.malistena-single-post > .post-format:after{
content: "";
width: 100%;
display: block;
padding-top: 30%;
}
.malistena-single-post > .post-format.post-video:after{
display: none;
}
.malistena-single-post > .post-format.post-video,
.malistena-single-post > .post-format.malistena-post-audio{
width: 1400px;
margin: 70px auto 0;
max-width: 100%;
}
.malistena-single-post > .post-format.malistena-post-audio:after{padding-top: 45%}
.malistena-single-post .post-format .post-audio{
position: absolute;
bottom: 0;
width: 100%;
}
.malistena-single-post .post-format .post-audio .mejs-container{
width: 100%!important;
}
.malistena-single-post .post-format img{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.malistena-single-post .post-single .post-header{
text-align: center;
margin-bottom: 30px;
}
.no-sidebar .malistena-single-post .post-single .post-header{
margin-bottom: 50px;
}
.malistena-single-post .post-single .post-info,
.malistena-single-post .post-single .post-header,
.malistena-single-post .post-about,
.malistena-single-post .post-related,
.malistena-single-post .comment-respond,
.malistena-single-post .comments-area{
width: 950px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.malistena-single-post .post-footer{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 20px;
padding: 0 0 1rem;
border-bottom: 1px solid #cecece;
}
.malistena-single-post .post-footer .post-tags{
background: #fff;
padding-right: 10px;
}
.malistena-single-post .post-single .post-title{
margin-bottom: 5px;
font-size: 3rem;
}
.post-single .post-format{text-align: center}
.post-tags a{
font-family: var(--heading-font);
font-style: italic;
font-size: 22px;
color: inherit;
line-height: normal;
}
.post-tags a:after{
content: "";
height: 1px;
width: 10px;
display: inline-block;
margin: 0 7px;
background: #cecece;
vertical-align: middle;
}
.post-tags a:last-child:after{
display: none;
}
.post-tags a:hover{
color: var(--accent-color);
} .post-share a{
text-align: center;
color: inherit;
display: inline-flex;
font-size: 16px;
align-items: center;
}
.post-share a:after{
content: "/";
display: inline-block;
margin: 0 7px;
vertical-align: middle;
font-size: 20px;
color: #cecece;
}
.post-share a:last-child:after{
display: none;
}
.post-share a:hover{
color: var(--accent-color);
} .post-about{
padding: 40px 50px;
background-color: #f7f6f5;
display: flex;
margin-top: 50px;
}
.post-about .ab-img{
width: 145px;
height: 145px;
border-radius: 50%;
flex: 0 0 auto;
margin-right: 35px;
background-color: #fff;
border: 1px solid #cecece;
padding: 14px;
}
.post-about .ab-img img{
border-radius: 50%
}
.post-about .ab-text{
margin-bottom: 1.5rem;
}
.post-about .name-ath{
font-size: 2.5rem;
margin-bottom: 10px
}
.post-about .name-ath a{
color: inherit;
position: relative;
z-index: 1;
}
.post-about .name-ath a:after{
position: absolute;
bottom: 5px;
background-color: rgba(var(--accent-color-rgb), 0.7);
mask: url(//tomconwayphoto.com/wp-content/themes/malistena/assets/images/title-bg.svg) no-repeat center / contain;
-webkit-mask: url(//tomconwayphoto.com/wp-content/themes/malistena/assets/images/title-bg.svg) no-repeat center / contain;
height: 1rem;
width: calc(100% + 1.5rem);
content: "";
display: block;
left: -0.5rem;
right: 0;
z-index: -1;
display: block;
} .post-related .post-title{
font-size: 1.5rem;
margin-bottom: 5px
}
.post-related, .comment-respond, .comments-area{margin-top: 2rem;}
.post-related-title{
font-size: 2rem;
}
.post-related-title:before{
content: "//";
color: var(--accent-color);
display: inline-block;
margin-right: 10px;
font-size: 26px;
}
.item-relate .post-format a.post-image::after {
padding-top: 115%;
}
.item-relate .inner-post{position: relative;}
.item-relate .post-info {
position: relative;
z-index: 2;
text-align: center;
} .comments-title{
padding-top: 2rem;
margin-bottom: 2rem;
border-top: 2px solid #000;
}
.comment-reply-title{
font-size: 2rem;
}
.comment-reply-title:before{
content: "//";
color: var(--accent-color);
display: inline-block;
margin-right: 10px;
font-size: 26px;
}
.comment-reply-title small{
margin-left: 15px
}
.logged-in-as {
margin-bottom: 10px;
}
.comment-form .input-form, .comment-form .textarea-form{
margin-bottom: 30px;
width: 100%
}
.comment-form .textarea-form, .textarea-form .input-form{width: 100%}
.comment-form input[type="checkbox"]{margin-right: 10px}
.comment-list{
padding: 0;
list-style: none;
}
.comment-body {
padding: 20px 0;
border-top: 1px solid #cecece;
}
.comment-body .comment-author{
float: left;
margin-right: 20px;
}
.comment-body .comment-author .avatar{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.comment-body .comment-content{
overflow: hidden;
}
.comment-content .author-name{
font-family: inherit;
font-size: 1rem;
display: inline-block;
margin-bottom: 0px;
text-transform: capitalize;
}
.comment-content .author-name a{color: inherit;}
.comment-content .date-comment{
font-size: 0.85rem;
display: inline-block;
margin-left: 10px;
}
.comment-content .date-comment a{color: inherit;}
.comment-content .reply{
font-size: 1rem;
}
.comment-content .reply a{color: var(--heading-color);}
.comment-content .reply a:hover{color: var(--accent-color);}
.comment-content .reply .comment-reply-link:after{
content: "\f3e5";
display: inline-block;
margin-left: 5px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.comment-content .comment-text {
margin-top: 15px;
}
.comment-list ol.children{
list-style: none;
}
.malistena-single-post .comment-respond{
padding: 40px;
background-color: var(--primary-color);
font-size: 0.925rem;
} .widget ul{padding: 0}
.widget ul ul,.widget ol ol{padding-left: 20px}
.widget ul li{
list-style: none;
}
.wpb_widgetised_column .widget,
.sidebar .widget{
margin-bottom: 40px;
}
.widget_rss li{margin-bottom: 20px;}
.widget_rss li cite:before{
content: "";
width: 20px;
height: 1px;
background: #999;
display: inline-block;
margin-right: 5px;
}
.widget_rss li .rsswidget{display: block;}
.widget_rss li .rss-date{font-style: italic;}
.tagcloud a {
font-size: 13px !important;
color: inherit;
border: 1px solid #ddd;
padding: 3px 20px;
border-radius: 25px;
margin: 0 5px 10px 0;
display: inline-block;
}
.tagcloud a:hover{
background: var(--accent-color);
border-color: var(--accent-color);
color: #fff;
} .footer-widget .widget_malistena_social_network .social-network{text-align: center;}
.widget_malistena_social_network .social-network a{
font-size: 18px;
margin-right: 0;
color: inherit;
}
.widget_malistena_social_network .social-network a:hover{
color: var(--accent-color);
}
.widget_malistena_social_network .social-network a:after{
content: '';
position: relative;
display: inline-block;
vertical-align: middle;
top: -1px;
left: 0;
width: 32px;
height: 1px;
margin: 0 6px;
background-color: #cecece;
}
.widget_malistena_social_network .social-network a:last-child:after{
display: none;
}
.sidebar .widget_malistena_social_network .social-network a:after{
width: 25px;
} .wp-block-tag-cloud a{
font-size: 20px !important;
color: inherit;
margin: 0;
font-style: italic;
font-family: var(--heading-font);
}
.wp-block-tag-cloud a:after{
content: "-";
margin: 0 5px;
display: inline-block;
}
.wp-block-tag-cloud a:last-child:after{
display: none;
} .list-latest-posts .post{
border-top: 1px dashed #cecece;
padding-top: 20px;
margin-top: 20px;
}
.list-latest-posts .post:first-child{border-top: none;}
.list-latest-posts .post-title{
font-size: 1.25rem;
text-transform: capitalize;
margin-bottom: 0;
display: -webkit-box;
-webkit-line-clamp: 3;
overflow: hidden;
-webkit-box-orient: vertical;
padding-bottom: 2px;
}
.list-latest-posts .post-inner{
display: -webkit-flex;
display: flex;
align-items: center;
}
.list-latest-posts .post-image{
margin-right: 25px;
margin-bottom: 0;
position: relative;
width: 95px;
flex: 0 0 auto;
line-height: 0;
}
.list-latest-posts .post-image img{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.widget-blog-list .date-post{
display: block;
position: static;
font-size: 0.9rem;
font-style: italic;
background: transparent;
color: inherit;
border: none;
width: auto;
text-align: left;
}
.list-latest-posts .post-image > a{
position: relative;
display: inline-block;
overflow: hidden;
width: 100%;
}
.list-latest-posts .post-image > a:after{
content: "";
display: block;
width: 100%;
padding-top: 100%;
background: #cecece;
}
.list-latest-posts .post .post-number{
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
color: #fff;
background: #000;
font-size: 12px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: -10px;
right: -10px;
} .list-popular-post .post{
margin-bottom: 30px;
position: relative;
text-align: center;
}
.list-popular-post .post:last-child{margin-bottom: 0}
.list-popular-post .post-content{
text-align: center;
position: absolute;
margin: 0 10%;
width: 80%;
padding: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: rgba(255,255,255,0.8);
}
.list-popular-post .post-image{margin-bottom: 15px}
.list-popular-post .post .post-image:after{padding-top: 80%}
.list-popular-post .post-title{
font-size: 1.5rem;
text-transform: capitalize;
margin-bottom: 0;
} .malistena-newsletter{
text-align: center;
padding: 50px 20px;
background: #f3f3f3;
}
.form-newsletter input[type="email"] {
padding: 13px 18px;
border: 1px solid #cecece;
width: 100%;
}
.form-newsletter button {
padding: 13px 18px;
width: 100%;
position: relative;
background: var(--heading-color);
margin-top: 1rem;
} .malistena-about-me{
text-align: center
}
.malistena-about-me .about-image{
padding: 5px;
width: 230px;
margin: 0 auto 35px;
border: 1px solid #cecece;
background: #fff;
position: relative;
border-radius: 50%;
}
.malistena-about-me .about-image:after{
content: "";
display: block;
width: 100%;
padding-top: 100%;
}
.malistena-about-me .about-image > img{
padding: 5px;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
}
.malistena-about-me .ab-signature{
position: absolute;
bottom: -30px;
right: 0;
}
.malistena-about-me .ab-signature img{
width: auto
}
.malistena-about-me .about-title{
position: relative;
display: inline-block;
z-index: 2;
font-size: 2rem;
margin-bottom: 1rem;
}
.malistena-about-me .about-title::after {
position: absolute;
bottom: 5px;
height: 1rem;
width: calc(100% + 1.5rem);
content: "";
display: block;
left: -0.5rem;
right: 0;
z-index: -1;
display: block;
}
.malistena-about-me .about-text{
margin-bottom: 20px;
} .footer-ins{
padding: 40px 9% 0;
text-align: center;
position: relative;
background: linear-gradient(180deg, var(--primary-color) 60%, #fff 40%);
}
.footer-ins #sbi_mod_error{display: none!important;}
.footer-ins #sb_instagram #sbi_load .sbi_load_btn, .footer-ins #sb_instagram .sbi_follow_btn a{
border-radius: 0;
text-transform: uppercase;
padding: 14px 40px;
font-size: 12px;
letter-spacing: 2px;
margin-top: 0;
}
#sb_instagram .sbi_follow_btn a:hover, #sb_instagram .sbi_follow_btn a:focus{
box-shadow: none;
}
.footer-ins .ins-title{
text-transform: uppercase;
letter-spacing: 0.2em;
font-weight: normal;
font-size: 35px;
margin-bottom: 0;
}
.footer-ins .ins-subtitle{
font-style: italic;
color: var(--accent-color);
font-size: 1.35em;
margin-bottom: 0;
}
.footer-ins .ins-footer{margin-top: 20px}
.main-footer{
position: relative;
}
.logo-footer img{
max-width: 150px;
}
.footer-widget .widget{margin-bottom: 20px}
.footer-widget .widget-title{margin: 10px 0}
.backtotop {
position: absolute;
right: 15px;
bottom: 15px;
height: 10px;
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
background: var(--accent-color);
display: block;
color: #fff;
font-size: 25px;
}
.footer-widget{
padding: 25px 0 65px;
}
.footer-widget .col-md-4{
text-align: center;
padding: 30px 15px 20px;
}
.footer-widget h1, .footer-widget h2,  .footer-widget h3,
.footer-widget h4, .footer-widget h5, .footer-widget h6{
margin: 10px 0;
}
.footer-widget .col-md-4:last-child{margin-right: 0}
.footer-widget .col-md-4:nth-child(2){
border-left: 1px solid #cecece;
border-right: 1px solid #cecece;
}
.footer-widget a{
color: inherit;
} .mc4wp-form-fields > p{
font-family: var(--heading-font);
font-style: italic;
font-size: 20px;
}
.input-wrap{
border-bottom: 1px solid #cecece;
display: inline-flex;
width: 300px;
max-width: 100%;
}
.input-wrap input[type="email"]{
border: none;
padding: 0;
flex: 1 auto;
max-width: calc(100% - 25px);
}
.input-wrap input[type="submit"]{
text-indent: -9999px;
padding: 0;
width: 25px;
height: 25px;
background-color: #cecece;
mask: url(//tomconwayphoto.com/wp-content/themes/malistena/assets/images/envelope-regular.svg) no-repeat center / contain;
-webkit-mask: url(//tomconwayphoto.com/wp-content/themes/malistena/assets/images/envelope-regular.svg) no-repeat center / contain;
} .footer-copyright{
text-align: center;
background: var(--primary-color);
padding: 15px 0;
font-size: 16px;
}
.footer-nav{
position: relative;
width: 100%;
display: flex;
}
.footer-nav .backtotop{
position: absolute;
right: 30px;
font-size: 10px;
text-transform: uppercase;
color: #fff;
top: -5px;
}
.footer-nav .backtotop i{
display: block;
text-align: center;
font-size: 16px;
margin-bottom: -5px;
} @media (min-width : 1330px){
.container{
max-width: 1330px;
}
}
.menu-touch{
color: var(--heading-color);
} @media (min-width: 1200px) and (max-width: 1399.98px){
.social-network a{margin-right: 8px;}
.wrapper-main-content.has-sidebar{gap: 50px;}
.post-related .post-title{font-size: 1.35rem;}
}
@media (min-width: 992px) and (max-width: 1199.98px){
.malistena-main-nav li.menu-item-logo{display: none}	
.wrapper-main-content.has-sidebar{
--width-sidebar:  300px;
gap: 40px;
}
.malistena-blogs .post-title{font-size: 1.65rem}
.post-meta div{margin-right: 15px}
.malistena-single-post .post-single .post-title{font-size: 2.5rem}
.footer-ins{padding: 40px 3% 0}
.item-client .client-info{padding: 2em 2em 2.5em 2em;}
.malistena-service{padding: 30px 25px}
.malistena-pricing{padding: 2rem}
.post-related .date-post{width: 55px; padding: 5px}
.post-related .post-title {font-size: 1.2rem;}
.has-post-thumbnail .date-post{left: 10px}
.malistena-page-banner .page-image::after{padding-top: 35%}
}
@media (max-width: 991.98px){
.wrapper-main-content.has-sidebar{
grid-template-columns: 100%;
}
.malistena-main-nav{
display: none;
position: absolute;
width: 100%;
left: 0;
top: 100%;
background: #fbfbfb;
padding: 0 20px;
z-index: 5;
margin-top: 1px;
}
div.malistena-main-menu > ul > li > .wrap-linkmenu .icon-dropdown,
ul.malistena-main-menu > li > .wrap-linkmenu .icon-dropdown{
position: static;
transform: translateY(0);
}
div.malistena-main-menu > ul > li, ul.malistena-main-menu > li{display: block;}
.malistena-main-menu li a{
display: -webkit-flex;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
}
.malistena-main-menu li > a, .malistena-main-menu li > .wrap-linkmenu{
border-bottom: 1px solid #cecece;
}
.malistena-main-menu li:last-child > a, .malistena-main-menu li:last-child > .wrap-linkmenu{border-bottom: none;}
.malistena-main-menu li > .wrap-linkmenu > a{border-bottom: none}
.malistena-main-menu .sub-menu{
position: relative;
-webkit-box-shadow: none;
box-shadow: none;
border-top: none;
padding-left: 20px
}
.malistena-main-menu .sub-menu li a{padding: 10px 0}
.malistena-main-menu .sub-menu .sub-menu, .malistena-main-menu .children .children{left: 0; top: 0}
.malistena-single-post .post-single .post-title{font-size: 2.25rem}
.backtotop{width: 50px; height: 50px; line-height: 50px;}
}
@media (min-width: 768px) and (max-width: 991.98px){
.malistena-blogs .post-title{font-size: 1.75rem}
.post-meta div{margin-right: 15px}
.malistena-service{padding: 35px 20px}
.item-client .client-info{padding: 2em 1.5em 1.5em 1.5em}
.item-client .quote-auth{font-size: 2.5rem; line-height: 4rem}
.malistena-pricing{padding: 1.5em}
.input-wrap{width: auto}
.footer-widget .col-md-4{ padding: 25px 15px 20px; }
.item-client .client-image{flex: 1 0 53%; max-width: 53%;}
.item-client .client-info{flex: 1 0 57%; max-width: 57%;}
.malistena-posts-layout .post-title{font-size: 1.35rem;}
.malistena-posts-layout .post-cats a{font-size: 18px;}
.widget_malistena_social_network .social-network a::after{width: 20px}
.footer-ins{padding: 40px 5% 0}
.malistena-single-post > .post-format::after {padding-top: 55%;}
.item-relate .date-post{width: 58px; padding: 8px 5px;}
.post-related .item-relate{margin-bottom: 35px}
.post-related > .row{justify-content: center}
.malistena-page-banner .page-image::after{padding-top: 55%}
.pf-head .pf-title{font-size: 42px;}
}
@media (max-width: 767.98px){
.wp-block-quote.is-style-default, .wp-block-quote.is-large, .wp-block-quote.is-style-large {
padding:0px 30px 40px 50px;
}
.wp-block-quote.is-style-large{padding: 40px 30px}
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p{font-size: 20px;}
.wp-block-quote.is-style-large::before{left: -25px}
.post-meta div{margin-right: 15px}
.post-related .post-title{font-size: 1.5rem}
.footer-widget{text-align: center}
.footer-widget .col-md-4{flex: 0 0 100%; margin-bottom: 0px;}
.footer-widget .col-md-4:nth-child(2){border: none;}
.backtotop{bottom: 100px}
.malistena-pricing{padding: 2em}
.site-title{font-size: 4.5em;}
.item-client .client-inner{flex-direction: column;}
.item-client .client-image{flex: 1 0 100%; max-width: 100%}
.item-client .client-info{flex: 1 0 100%;  max-width: 100%; margin-top: 0; margin-left: 0; padding: 2em 1.5em 2.5em 1.5em}
.footer-ins .ins-title{font-size: 30px; letter-spacing: 0.1em}
.footer-ins{padding: 40px 5% 0}
.malistena-service{padding: 35px 30px;}
.item-client .quote-auth{font-size: 2.5rem;}
blockquote, .wp-block-quote, .wp-block-quote.is-style-default, .wp-block-quote.is-large, .wp-block-quote.is-style-large {
padding: 0px 25px 50px 45px;
}
.malistena-single-post .comment-respond{padding: 30px}
.post-related .item-relate{margin-bottom: 35px}
.page-title{font-size: 38px;}
.pf-head .pf-title{font-size: 38px;}
}
@media (min-width: 576px) and (max-width: 767.98px){
.malistena-single-post > .post-format::after {padding-top: 45%;}
.post-about{padding: 40px 30px}
.site-logo img{max-width: 400px;}
.malistena-page-banner .page-image::after{padding-top: 75%}
}
@media (max-width: 575.98px){
.malistena-single-post > .post-format::after {padding-top: 65%;}
.malistena-single-post .post-single .post-title {font-size: 2rem;}
.post-about{flex-direction: column;padding: 40px;text-align: center}
.post-about .ab-img{margin: 0 auto}
.site-logo img{max-width: 320px;}
.malistena-blogs .post-title{font-size: 1.8rem;}
.post-tags a{font-size: 20px;}
.post-share a{font-size: 14px;}
.malistena-page-banner .page-image::after{padding-top: 110%}
}