this is my custom css ..
.mfp-title {
display: none;
}
.primary-color, .primary-color-headers h1, .primary-color-headers h2, .primary-color-headers h3, .primary-color-headers h4, .primary-color-headers h5, .primary-color-headers h6, .color-primary {
color: #ff1493;
}
.logo-3d .m1 {
color: #ff1493;
}
body[class*="topbar"] .mega form button {
outline: medium none;
color: #fff;
display: inline-block;
padding: 0.7em;
margin: 0.8em 0px 0px;
background: none repeat scroll 0% 0% #ff1493;
border: 3px solid #fff;
}
.style-icon::after {
position: relative;
bottom: -0.25em;
left: 0.1em;
color: #ff1493;
font-size: 0.4em;
}
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {
color: #ff1493;
}
.logo-3d .m1 .lhover {
color: #FFF;
}
.logo-3d .m2 .lhover {
color: #ff1493;
}
Element {
color: #fff;
transform: rotateZ(0deg);
}
.menu-absolute-20[class*="menu-absolute"][class*="topbar"] .nav-wrapper:not(.topbar-sticky-pos) {
background: none repeat scroll 0% 0% ;
}
.logo-3d .m2 {
color: #fff;
}
.images.card .item-link {
display: inline-block;
width: 100%;
border-radius: 24px;
overflow: hidden;
background-color: #060606;
box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.1);
}
body[class*="topbar"] .menu > li.child-active > a, body[class*="topbar"] .menu > li > a.active {
background: none ;
}
.fotorama__toggleplay, .slideshow .fotorama__video-play,
.fotorama__arr--next > button,.fotorama__arr > button
{
display: none;
}
.main {
padding: 3em 0px 0px;
background: url('http://stefanhubigdesign.com/ro.png') no-repeat;
}
body[class*="topbar"] .mega {
position: absolute;
text-align: center;
padding: 1em;
background: none repeat scroll 0% 0% #D9DCDF;
}
body.clear[class*="topbar"] .nav-wrapper.topbar-sticky-pos {
color: rgb(111, 110, 110);
background: none repeat scroll 0% 0% rgb(252, 252, 252);
}
.fotorama__fullscreen-icon {
display:none;
}
body[class*="topbar"] .mega.list .image-container img {
position: absolute;
left: 0px;
width: 200px;
height: 200px;
border-radius: 150px;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
overflow:hidden;
}
body[class*="topbar"] .mega.list .image-container {
padding-bottom: 100%;
position: relative;
margin-bottom: 1.2em;
outline: none;
background: none ;
}
body[class*="topbar"] .preview > div:last-child button:first-of-type {
display:none;
}
body[class*="topbar"] .preview > div:last-child button {
display:none;
}
body[class*="topbar"] .menu h2 {
color: #FF1493;
font-size: 1.2rem;
}
body[class*="topbar"] .mega.list .preview {
min-height: 255px;
background-color: #CCD1D5;
perspective: 1000px;
perspective-origin: 30% 30%;
}
.mega-preview > * {
display: none;
}
.mega-preview > .image-container {
display: block;
}