@-webkit-keyframes shine {
100% {
left: 125%;
}
}
.portfolio-details.masonry .content-parallax {
margin: auto;
text-align: center;
width: 100%;
padding: 60px 0 10px;
}
.portfolio-details.masonry .content-parallax .title {
font-size: 29px;
line-height: 1.4;
margin-top: 0;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
}
.portfolio-details.masonry .content-parallax .category-parallax {
margin-top: 12px;
margin-bottom: 15px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
line-height: 1.2;
}
.portfolio-details.masonry .content-parallax .category-parallax a {
font-size: 12px;
font-weight: 700;
color: var(--main-color);
text-decoration: none;
letter-spacing: 2px;
line-height: 2;
text-transform: uppercase;
left: 0;
}
.portfolio-details.masonry .content-parallax .category-parallax a:hover {
text-decoration: none;
color: var(--grey-color);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.portfolio-details.masonry .content-parallax .excerpt {
font-size: 17px;
text-align: center;
line-height: 1.7;
margin: 30px auto auto;
color: var(--grey-color);
max-width: 900px;
}
.portfolio-details.masonry .content-parallax .excerpt p {
margin-bottom: 0;
}
.portfolio-details.masonry .light-gallery::before, .portfolio-details.masonry .light-gallery::after {
content: '';
display: table;
clear: both;
}
.portfolio-details.masonry .s-back-switch {
-webkit-background-size: cover;
background-size: cover;
background-position: center;
}
.portfolio-details.masonry .gallery-item-wrap {
overflow: hidden;
text-decoration: none;
position: relative;
margin: 0 0 30px;
float: left;
}
.portfolio-details.masonry .gallery-item-wrap.column-4 {
width: calc(25% - 90px/4);
}
.portfolio-details.masonry .gallery-item-wrap.column-3 {
width: calc(100%/3 - 20px);
}
.portfolio-details.masonry .gallery-item-wrap.column-6 {
width: calc(50% - 15px);
}
.portfolio-details.masonry .gallery-item-wrap a {
position: relative;
display: block;
margin-bottom: 0;
}
.portfolio-details.masonry .caption {
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
pointer-events: none;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(19, 19, 19, 0.6);
color: var(--light-color);
font-size: 17px;
font-weight: 700;
opacity: 0;
visibility: hidden;
text-transform: uppercase;
letter-spacing: 2px;
-webkit-transition: all 450ms ease;
-moz-transition: all 450ms ease;
-ms-transition: all 450ms ease;
-o-transition: all 450ms ease;
transition: all 450ms ease;
}
.portfolio-details.masonry .gallery-item-wrap {          ;
}
.portfolio-details.masonry .gallery-item-wrap .gallery-item {
-webkit-transition: all 450ms ease;
-moz-transition: all 450ms ease;
-ms-transition: all 450ms ease;
-o-transition: all 450ms ease;
transition: all 450ms ease;
}
.portfolio-details.masonry .gallery-item-wrap:not(.default):hover .caption {
opacity: 1;
visibility: visible;
}
.portfolio-details.masonry .gallery-item-wrap.default:hover .caption {
opacity: 1;
visibility: visible;
}
.portfolio-details.masonry .gallery-item-wrap.hover1 .gallery-item {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.portfolio-details.masonry .gallery-item-wrap.hover1:hover .gallery-item {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.portfolio-details.masonry .gallery-item-wrap.hover2 .gallery-item {
left: 0;
width: 120%;
position: relative;
max-width: none;
}
.portfolio-details.masonry .gallery-item-wrap.hover2:hover .gallery-item {
width: 120%;
left: -7%;
}
.portfolio-details.masonry .gallery-item-wrap.hover3 .gallery-item {
-webkit-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
}
.portfolio-details.masonry .gallery-item-wrap.hover3:hover .gallery-item {
-webkit-transform: rotate(15deg) scale(1.4);
-ms-transform: rotate(15deg) scale(1.4);
transform: rotate(15deg) scale(1.4);
}
.portfolio-details.masonry .gallery-item-wrap.hover4 .gallery-item {
-webkit-filter: blur(0px);
filter: blur(0px);
}
.portfolio-details.masonry .gallery-item-wrap.hover4:hover .gallery-item {
-webkit-filter: blur(3px);
filter: blur(3px);
}
.portfolio-details.masonry .gallery-item-wrap.hover5 .gallery-item {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.portfolio-details.masonry .gallery-item-wrap.hover5:hover .gallery-item {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.portfolio-details.masonry .gallery-item-wrap.hover6 .gallery-item {
-webkit-filter: sepia(0%);
filter: sepia(0%);
}
.portfolio-details.masonry .gallery-item-wrap.hover6:hover .gallery-item {
-webkit-filter: sepia(100%);
filter: sepia(100%);
}
.portfolio-details.masonry .gallery-item-wrap.hover7 .gallery-item {
-webkit-filter: blur(0px) grayscale(0%);
filter: blur(0px) grayscale(0%);
}
.portfolio-details.masonry .gallery-item-wrap.hover7:hover .gallery-item {
-webkit-filter: blur(3px) grayscale(100%);
filter: blur(3px) grayscale(100%);
}
.portfolio-details.masonry .gallery-item-wrap.hover8 .gallery-item {
opacity: 1;
}
.portfolio-details.masonry .gallery-item-wrap.hover8:hover .gallery-item {
opacity: 0.7;
}
.portfolio-details.masonry .gallery-item-wrap.hover9::before {
content: '';
position: absolute;
top: 0;
left: -90%;
z-index: 2;
display: block;
width: 50%;
height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.portfolio-details.masonry .gallery-item-wrap.hover9:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
.portfolio-details.masonry .single-pagination {
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin-left: -15px;
width: calc(100% + 30px);
}
.portfolio-details.masonry .single-pagination .pag-next {
text-align: right;
}
.portfolio-details.masonry .single-pagination .pag-prev,
.portfolio-details.masonry .single-pagination .pag-next {
padding: 30px 15px 60px;
width: 50%;
}
.portfolio-details.masonry .single-pagination .pag-prev div,
.portfolio-details.masonry .single-pagination .pag-next div {
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
color: var(--main-color);
letter-spacing: 2px;
margin-bottom: 5px;
}
.portfolio-details.masonry .single-pagination .pag-prev a,
.portfolio-details.masonry .single-pagination .pag-next a {
font-size: 15px;
text-transform: uppercase;
font-weight: 700;
color: var(--dark-color);
letter-spacing: 2px;
text-decoration: none;
}
.portfolio-details.masonry .single-pagination .pag-prev a:hover,
.portfolio-details.masonry .single-pagination .pag-next a:hover {
color: var(--grey-color);
opacity: 1;
}
@media only screen and (max-width: 991px) {
.portfolio-details.masonry .gallery-item-wrap.column-3,
.portfolio-details.masonry .gallery-item-wrap.column-4 {
width: calc(50% - 15px);
}
}
@media only screen and (max-width: 600px) {
.portfolio-details.masonry .single-pagination .pag-prev,
.portfolio-details.masonry .single-pagination .pag-next {
padding: 15px 15px 30px;
}
.portfolio-details.masonry .single-pagination .pag-prev a, .portfolio-details.masonry .single-pagination .pag-prev div,
.portfolio-details.masonry .single-pagination .pag-next a,
.portfolio-details.masonry .single-pagination .pag-next div {
letter-spacing: 1px;
}
.portfolio-details.masonry .gallery-item-wrap .caption {
letter-spacing: 1px;
}
.portfolio-details.masonry .gallery-item-wrap.column-6, .portfolio-details.masonry .gallery-item-wrap.column-4, .portfolio-details.masonry .gallery-item-wrap.column-3 {
width: 100%;
margin-bottom: 15px;
}
}a.logo span{color:#eeee22 !important;width:200px !important;font-size:30px !important;}
body{
--light-color: #ffffff;
--black-color: #222;
--dark-color: #3a3a3a;
--main-color: #b9a893;
--light-main-color: #f8f6f5;
--grey-color: #000000;
--light-grey-color: #aaa;
}
.a-btn-1,
.a-btn-2,
.a-btn-3,
.a-btn-4,
.a-btn-5,
.a-btn-6,
.a-btn-7,
.a-btn-8,
.a-btn-9,
.comments input[type="submit"],
.comments-form input[type="submit"],
.form input[type="submit"] {
font-family: "Josefin Sans" !important;font-style:normal !important;}
a {
font-family: "Josefin Sans" !important;}
p,
pa {
font-family: Source Sans Pro !important;font-size: 20px !important;
line-height: normal;}
h1,
h1a {
font-family: Josefin Sans !important;font-size: 54px !important;
line-height: normal;}
h3,
h3a {
font-family: Josefin Sans !important;font-size: 45px !important;
line-height: normal; font-weight: 600 !important;
}
#topmenu ul li a {
font-family: "Josefin Sans", sans-serif !important;
font-size: 30px !important;
}
#topmenu ul ul li a {
}