/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Logo */
.transparent #logo img {
    max-height: 190px !important;
	margin-top: -15px;
}

#logo img {
    max-height: 170px !important;
    margin-top: -10px;
}

.icon.primary.button{
	font-size: 1.2em !important;
}
.social-icons i {
    min-width: 1.3em;
    font-size: 1.4em;
    color: #f4ecd4;
}


/* Overlay menu */
.mfp-bg.off-canvas-center:not(.dark) {
    background-color: #f39013 !important;
    opacity: .95;
}
.main-menu-overlay {
    background-color: #f39013 !important;
}
/* Overlay menu Buttons Center */
.header-block-block-1{
	width: 100%;
}


/* Meny sektion 1 */
.bg1 .col-inner{
	background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)),
		 url(https://lapiazza.se/wp-content/uploads/2026/05/phatthanan-tuppocha-t8aw1zX_8gA-unsplash-scaled.jpg);
    background-position: center center;
    background-size: cover;
}

/* Meny sektion 2 */
.bg2 .col-inner{
	background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)),
		 url(https://lapiazza.se/wp-content/uploads/2026/05/qui-nguyen-Zrp9b3PMIy8-unsplash-scaled.jpg);
    background-position: center center;
    background-size: cover;
}

/* Meny sektion 3 */
.bg3 .col-inner{
	background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)),
		url(https://lapiazza.se/wp-content/uploads/2026/05/pexels-yusuf-kaya-288172498-19001076-scaled.jpg);
    background-position: center center;
    background-size: cover;
}

/* Fasad bild ANVÄNDS EJ */
.bg4 .col-inner{
	background-image: url(https://lapiazza.se/wp-content/uploads/2026/05/bg-torget-3.jpg);
    background-position: center center;
    background-size: cover;
}

/* Meny sektion BG Flowers 1*/
.bg7 .section-bg{
	background-image: url(https://lapiazza.se/wp-content/uploads/2026/06/Rityta-1.png);
    background-position: bottom center;
    background-size: 100%;
	background-repeat: no-repeat;
}

/* Kontakt BG Flowers 2*/
.bg5 .col-inner{
	background-image: url(https://lapiazza.se/wp-content/uploads/2026/06/Rityta-2.png);
    background-position: bottom center;
    background-size: 100%;
	background-repeat: no-repeat;
}

/* Footer BG Flowers 3*/
.bg6 .section-bg{
	background-image: url(https://lapiazza.se/wp-content/uploads/2026/05/la-piazza-textur-blommor.png);
    background-position: bottom center;
    background-size: 100%;
	background-repeat: no-repeat;
}


/* Om oss Bild*/
.bg8 .col-inner{
	background-image: url(https://lapiazza.se/wp-content/uploads/2026/06/717675712_18038367644645999_752352383497581037_n.jpg);
    background-position: center center;
    background-size: 100%;
}



.scoopbtn {
    corner-shape: scoop !important;
    border-radius: 10px !important;
	border-width: 3px 3px 3px 3px;
	border-color: #f4ecd4; /* Beige */
	/*border-color: #005537; Green*/
	border-style: solid;
}



/* ANIMATION rotating logo footer
.rotateIn img{
    animation-name: rotateIn;
	animation-duration: 1s;
    animation-fill-mode: both;
	
	animation-timeline: view();
    animation-range: entry 0% cover 40%;
}

@keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}
 ANIMATION END */




@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.transparent #logo img {
    max-height: 150px !important;
	margin-top: -2px;
}
	
#logo img {
    max-height: 150px !important;
    margin-top: -2px;
}

.social-icons i {
    min-width: 1.1em;
    font-size: 1.0em;
    color: #f4ecd4;
}

/* Overlay menu Buttons Center */
.header-block-block-1{
	width: 100%;
}

	
}
/*************** ADD MOBILE ONLY CSS HERE  ***************/