/*!
Theme Name: Villa Folirantica
Theme URI: http://underscores.me/
Author: Iva Radaković
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: villa-folirantica
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Villa Folirantica is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap');
body {font-family: 'Lato', sans-serif;
     
     }

h1 {color: #508788;}
#zaglavljeclanka {background-image: url(https://46.internetskimarketing.eu/wp-content/uploads/2023/05/IMG_5614-2-scaled.jpg);
	background-attachment:fixed;
	position:relative;
padding-top:160px;
padding-bottom:80px;
margin-bottom: 80px;
color:white;
background-position:center;
background-size:cover;}
#zaglavljeclanka:after{
	content:"";position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:black;
opacity:0.4;}
#zaglavljeclanka .container {
position: relative;
z-index: 1;	
background-attachment: fixed;

}
#zaglavljeclanka h1{font-weight:700; 
		color:white;}

		#sadrzaj p{
			font-weight:300;
			font-size:18;
			line-height:26px;
			color:#2895c7;

		}



		#zaglavlje {
     background:rgba(255,255,255,0);
     position:sticky;
     top:0;
     margin-bottom: -56px;
     transition:all 200ms linear;
     z-index:99999;

      }

      #zaglavlje.sticky {
        background: rgba(255,255,255,1);

      }



      #primary-menu li {
      	margin-right:24px;
      }

     #primary-menu li a {
     	color: white;
     	text-decoration:none;


     }


     #primary-menu li a:hover{
        color:none;
    }

    .sticky #primary-menu li a {
       color:#4a4866; 
    }

     	.zaglavlje-blog {
     		background-image: url(https://46.internetskimarketing.eu/wp-content/uploads/2023/05/IMG_5614-2-scaled.jpg);
     		background-size: cover;
     		background-position: center;
     		min-height: 100vh;
     		position:relative;
     		display:flex;
     		align-items: center;


     	}

     	.zaglavlje-blog:before {
     		content: "";
     		position:absolute;
     		top:0;
     		left:0;
     		width:100%;
     		height:100%;


     	}

     	.zaglavlje-blog h1, .zaglavlje-blog h4{
     		color:#ffff;


     		}

     	.zaglavlje-blog h1{
     		font-weight: 700;
     		font-size: 48px;
     		letter-spacing: 1px;
     		margin-bottom: 40px;
     	}	

     	.zaglavlje-blog h4{
     		font-size:36px;
     		
     	}	

     	.zaglavlje-blog a.btn{
     		width: 150px;
     		border-radius: : 0;
     		background-color: #2d6f72;
     		border-color: #2d6f72;
     	}

        .blog-kartica a{
            height: 320px;
            background-size: : cover;
            background-position: center;
            text-decoration:none;
            position:relative;
        }

        .blog-kartica a:before{
            content:"";
            content:"";
            position: absolute;
            width: 100%;
            height:100%;
            top: 0;
            left: 0;
            background: rgba(0,0,0,0.4);
        }

        .blog-kartica a h2{
            color: #fff;
            font-size: 26px;
            font-weight: 600;
            position:absolute;
            bottom:20px;
            padding: 0 20px;
            margin: 0;

        }

        .blog-kartica a i {
            font-size: 20px;
            color: #222;
            background-color: #ABB8C3;
            padding: 3px 0;
            width: 36px;
            display:block;
            text-align: center;
            position: absolute;
            bottom: 20px;
            right: 20px;
        }


        .blog-kartica a:hover i {
            background-color: #fff;
        }




ul.footer-links {
    padding: 0;

}

ul.footer-links li{
    list-style-type:none;
    margin-bottom: : 16px;
    
}

ul.footer-links li a{
    color: #fff;
    text-decoration:none;
}

ul.footer-links li a:hover{
    color:red;
}

.w-100 figure, .w-100 img {
    width: 100%;
}

#footer {
    height:30px;
}


     

 @media only screen and (max-width: 600px) {

  #zaglavlje {
    background-color: #C2B5AB;
    position: relative;
    width: 100%;
    margin-bottom: 0px;
   
   }
  
}


#primary-menu {
    width:100%;
    justify-content:center;
}

#primary-menu li.lang-item.lang-item-en-gb {
  right: 80px;  
}

#primary-menu li.lang-item.lang-item-de-de {
    right: 40px;
}

#primary-menu li.lang-item {
    position:absolute;
    right:0;
}

/*#booking_form_div1 {
    background-color:#C2B5AB !IMPORTANT;
    position:relative;
    z-index: 3;

} */


.datepick-header {
    background-color: #ABB8C3;
}


tr.datepick-days-row {
    background-color: #C2B5AB;
}

.controls {
    background-color: #ABB8C3;
}

#wp-block-uagb-container.uagb-block-64234cb7.alignfull.uagb-is-root-container {
  position:relative;


}

  /*#calendar_booking1.hasDatepick .datepick-inline { 
   position: absolute;
   left:50%;    
   top:50%; 
   transform: translate(-50%,-50%);
   width:800px; !IMPORTANT;
   height:100px;
   margin: 0 auto;
   z-index:2;

    
    
}
/*
.table-datepick .datepick-inline { 
    width:400px;
    height:300px;

} */


.wp-block-uagb-icon-list.uagb-block-8ae1902b {
    font-size: x-small;
}


.wp-block-uagb-icon-list.uagb-block-be955452 {
    font-size: x-small;
}


.justify-content-end.d-flex.gap-3 {
    color:beige;
}



.istaknuta-slika {
    transition: transform 0.5s ease;
}

.istaknuta-slika:hover {
    transform: scale(1.2);
}

/*.span.daschicons.dashicons-phone {
    font-size: 24px; !IMPORTANT;
    color:white;
}


.span.dashicons.dashicons-email-alt {
    font-size: 24px;
    color:white;
}

.dashicons, .dashicons-before:before {
    font-size: 26px;
    color:red; }

    @media (max-width:768px) {
    .dashicons-email-alt {
        display: inline-block; 
    }
} krive ikone */

a.icon-with-text {
  display: flex;
  align-items: center;
  margin-right: 20px; !IMPORTANT;
}

a.icon-with-text svg {
  width: 46px;
  height: 46px;
  margin-right: 30px;
}

a.icon-with-text {
  font-size: 16px;
  color:white;
}

span.text {
    color:white;
}

form.uagb-forms-main-form {
    color:white;
}

.wp-block-uagb-container.uagb-block-54d5f449 {
  text-align: center; /* Centriranje ikone i teksta */
}

.wp-block-uagb-container.uagb-block-54d5f449 svg {
  width: 30px; /* Veličina ikone */
  height: 30px;
  fill: white; /* Boja ikone */
  margin-bottom: 10px; /* Razmak između ikone i teksta */
}

.wp-block-uagb-container.uagb-block-54d5f449 span {
  font-size: 18px; /* Veličina teksta */
  color: #white; /* Boja teksta */
}

.wp-block-uagb-container.uagb-block-54d5f449 a {
  text-decoration: none; !IMPORTANT; /* Uklanjanje podvlake ispod teksta */
}

.wp-block-uagb-container.uagb-block-54d5f449 a:hover {
  color: #ABB8C3; /* Boja teksta prilikom prelaska mišem */
}

.wp-block-uagb-container.uagb-block-16a1a2c9 {
    text-align: center; /* Centriranje ikone i teksta */
}

.wp-block-uagb-container.uagb-block-16a1a2c9 svg {
  width: 30px; /* Veličina ikone */
  height: 30px;
  fill: white; /* Boja ikone */
  margin-bottom: 10px; /* Razmak između ikone i teksta */
}

.wp-block-uagb-container.uagb-block-16a1a2c9 span {
  font-size: 18px; /* Veličina teksta */
  color: #white; /* Boja teksta */
}

.wp-block-uagb-container.uagb-block-16a1a2c9 a {
  text-decoration: none; !IMPORTANT;/* Uklanjanje podvlake ispod teksta */
}

.wp-block-uagb-container.uagb-block-16a1a2c9 a:hover {
  color: #ABB8C3; /* Boja teksta prilikom prelaska mišem */
}