nn/** Start Template Kit CSS: Beauty (css/customizer.css) **/nn/* Envato Custom CSS – classes are added to elements under Advanced tab */n/* White carousel thumb background */nsmall{font-size: 50%;}n.envato-kit-31-carousel-thumb .slick-slide-image{background-color: #FFF;}nn/* Skewed elements */n.skewed-left-down .elementor-widget-container {n transform: skewY(-10deg) skewX(20deg);n}n/* Gallery */n.envato-kit-31-gallery .gallery{n display: flex;n flex-direction: row;n flex-wrap: wrap;n n}n.envato-kit-31-gallery .gallery-item{n width: calc(33%);n height: 360px;n max-height: 360px;n overflow: hidden;n}n.envato-kit-31-gallery .gallery-item img{nmargin: 10px;n border-radius: 6px;nn}n@media screen and (max-width:360px){n .envato-kit-31-gallery .gallery-item{n width: calc(100%);n height: 360px;n max-height: 360px;n overflow: hidden;n}n}n/* Hide elements which overflow */n.overflow-hidden {n overflow: hidden;n}nnn/* Price list single */n.price-list .elementor-text-editor p {n border-bottom: 1px dashed #aaa;n padding-bottom: 5px;n}nn/**n * Transform text verticallyn * (only on desktop screens)n */n@media screen and (min-width: 769px) {n n .vertical-text-outside .elementor-heading-title {n transform: rotate(90deg);n transform-origin: right;n }nn .vertical-text-outside-left .elementor-heading-title {n transform: rotate(-90deg);n transform-origin: left top;n }n n .vertical-title .elementor-heading-title {n transform: rotate(90deg);n transform-origin: bottom left;n }n .vertical-title-2 .elementor-heading-title {n transform: rotate(-90deg);n transform-origin: top right;n right: 40px;n top: -40px;n position: absolute;n width: 1000%;n }n .vertical-title-3 .elementor-heading-title {n transform: rotate(-90deg);n transform-origin: right;n }n}nnn/* SECTIONS CSS */n.dream-look .elementor-widget-image:hover {n position: relative;n z-index: 20 !important;n}n.dream-look .elementor-widget-image img {n transition: 0.3s;n}n.dream-look .elementor-widget-image:hover img {n transform: scale(1.05);n}nn/* Services section*/n.services .elementor-container {n height: 100%;n}n.elementor-page:not(.elementor-editor-active) .services .service-hover {n position: absolute;n top:20px;n bottom: 40px;n left: 20px;n right: 20px;n opacity: 0;n -webkit-transition: all 0.4s linear !important;n -moz-transition: all 0.4s linear !important;n transition: all 0.4s linear !important;n z-index:2;n}nn.elementor-page:not(.elementor-editor-active) .services .service-hover:hover {n opacity: 1;n -webkit-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.2);n -moz-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.2);n box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.2);n cursor: pointer;n}nnn/* Custom outlines */n.outline-outside:after, n.outline-outside.white:after,n.outline-outside.dark:aftern{n content: “”;n position: absolute;n display: block;n z-index: 1;n top: 40px;n left:-40px;n height: 100%;n width: 100%;n border: 5px solid rgba(255, 112, 170, 0.7);n}n.outline-outside-right:after {n content: “”;n position: absolute;n display: block;n z-index: 1;n top: 40px;n right:-40px;n height: 100%;n width: 100%;n border: 5px solid rgba(255, 112, 170, 0.7);n}n.outline-outside.white:after,n.outline-outside-right.white:after {n border: 5px solid rgba(255, 255, 255, 0.7);n}n.outline-outside.dark:after,n.outline-outside-right.dark:after {n border: 5px solid rgba(0, 0, 0, 0.7);n}n@media screen and (max-width: 768px) {n .outline-outside:after, n .outline-outside.white:after,n .outline-outside.dark:after{n top: 0;n left: 0;n }n .outline-outside-right:after,n .outline-outside-right.white:after,n .outline-outside-right.dark:after {n top: 0;n right: 0;n }n}n@media screen and (max-width: 480px) {n .outline-outside:after,n .outline-outside-right:after { display: none; }n}n/* end custom outlines */nn/** End Template Kit CSS: Beauty (css/customizer.css) **/nnnn/** Start Template Kit CSS: Makeup Brand (css/customizer.css) **/nn/* Envato Kit Custom CSS – classes are applied to the Advanced tab of the element they affect */n.envato-kit-77-caption figcaption{n position: absolute;n bottom: 10%;n right: 5%;n}nn.envato-kit-77-playicon img{n width: 75px !important;n display: inline-block !important;n}nn/** End Template Kit CSS: Makeup Brand (css/customizer.css) **/nn.elementor-portfolio-item__overlay{n opacity: 1 !important;n background-color: rgba(129,138,145,0.6);n}n.elementor-portfolio-item__overlay:hover{n opacity: 0 !important;n background-color: rgba(129,138,145,0);n transition: opacity .9s;n}nnsection.elementor-section.elementor-section-stretched.elementor-section-boxed.elementor-section-height-default {n width: 100% !important;n}

Leave a Reply

Your email address will not be published. Required fields are marked *