F@charset "utf-8";
/* CSS Document */
/* Font */
@font-face {
    font-family: 'ACaslonPro-Regular';
    src: url(/themes/heljda/fonts/ACaslonPro-Regular.otf) format("truetype");
}
@font-face {
    font-family: 'ACaslonPro-Bold';
    src: url(/themes/heljda/fonts/ACaslonPro-Bold.otf) format("truetype");
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url(/themes/heljda/fonts/Montserrat-Bold.otf) format("truetype");
}
@font-face {
    font-family: 'Montserrat-Regular';
    src: url(/themes/heljda/fonts/Montserrat-Regular.otf) format("truetype");
}
@font-face {
    font-family: 'Signature of the Ancient';
    src: url(/themes/heljda/fonts/Signature_of_the_Ancient.ttf) format("truetype");
}


/* ---------- Overall Specifications ---------- */

body { line-height: 1.5 !important; font-size: 87.5%; word-wrap: break-word; margin: 0; padding: 0; border: 0; outline: 0; font-family:'ACaslonPro-Regular'; background: transparent; }
a { text-decoration: none; color:#000000; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { margin: 0.5em 0 0.5em; font-weight: inherit; font-family: 'Montserrat-Bold' !important; color: #326a31;
}
/*h1 { font-size: 1.357em; color: #000; }
h2 { font-size: 1.143em; }*/
p { margin:0; font-size:14pt; text-align:justify; font-family: 'ACaslonPro-Regular'; color:#666666;}
tr.odd { background-color: #dddddd; }
img { outline: 0; }

/*-------------------------- Mobile Menu Sidebar -------------------- */
a[data-toggle="offCanvas"] {
    position: absolute;
    right: 20px;
    top: 0;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 100;
}
#header a[data-toggle="offCanvas"] {
    position: absolute;
    left: 200px;
    top: 220px;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 100;
}
a[data-toggle="offCanvas"] span {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

a[data-toggle="offCanvas"] span,
a[data-toggle="offCanvas"] span:before,
a[data-toggle="offCanvas"] span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 5px;
    width: 29px;
    background: #326a31;
    box-shadow: 0 2px 5px #fff;
    position: absolute;
    display: block;
    content: "";
}
a[data-toggle="offCanvas"] span:before {
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
    -webkit-transform: translate(0px, -10px);
}
a[data-toggle="offCanvas"] span:after {
    -ms-transform: translate(0px, 10px);
    transform: translate(0px, 10px);
    -webkit-transform: translate(0px, 10px);
}
a[data-toggle="offCanvas"] span,
a[data-toggle="offCanvas"] span:before,
a[data-toggle="offCanvas"] span:after {
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
}

a[data-toggle="offCanvas"].activeOpen span {
    background-color: transparent;
}
a[data-toggle="offCanvas"].activeOpen span:before,
a[data-toggle="offCanvas"].activeOpen span:after {
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
}
a[data-toggle="offCanvas"].activeOpen span:before {
    -ms-transform: translate(-0px, -0px) rotate(-45deg);
    transform: translate(-0px, -0px) rotate(-45deg);
    -webkit-transform: translate(-0px, -0px) rotate(-45deg);
}
a[data-toggle="offCanvas"].activeOpen span:after {
    -ms-transform: translate(0px, -0px) rotate(45deg);
    transform: translate(0px, -0px) rotate(45deg);
    -webkit-transform: translate(0px, -0px) rotate(45deg);
}

/* Sticky nav */

.sticky-nav  {
  width: 100%;
  /* animation magic */
  transition: all 2.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  z-index: 99;
}

.fixed {
	background:#326a31 !important;
    box-shadow:0 2px 6px rgba(0,0,0,0.2);
    animation:slide-down 0.7s;
	position:fixed;
	top:0px;
	opacity:0.9;
}
.shrink img{
	width:40%;
}
.move{
	display:inline-block;
}
.move .logo-wrap{
	padding-top: 5px !important;
    padding-bottom: 5px !important;
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 0.9;
        transform: translateY(0);
    }
}
/* Off canvas */
.off-canvas{
	padding-top:70px;
	background:#326a31 !important;
}
.off-canvas ul:not(.contextual-links){
    margin: 0;
    padding: 0;
    list-style: none;
	display:block !important;
}
.off-canvas ul:not(.contextual-links) li{
    width: 100%;
    padding: 0;
}
.off-canvas ul:not(.contextual-links) li a{
    font-size: 1.5rem;
    padding: 10px;
    text-align: center;
    transition: all ease-in-out .2s;
    color: #cccccc;
}
.off-canvas ul:not(.contextual-links) li a:hover{
    color: #3e57a7;
}
.stick{
    position: fixed !important;
    margin-top: -159px;
    z-index: 500;
    border-bottom: 1px solid #3e57a7;
    background: #fff;
    width: 100%;
    justify-content: center;
    align-items: center;
}
@media all and (max-width: 767px){
	.stick{
		display: none;
	}
	.stick a[data-toggle="offCanvas"]{
		top: 25px;
	}
}



/* -------------------------Custom ----------------------- */
.toolbar { background:none; font-size:12px; }
ul.menu li { list-style:none; display:inline; }
.nopadding { padding:0; }
.nopadding-left { padding-left: 0; }
.nopadding-right { padding-right: 0; }
.nomargin { margin: 0; }

.row.maxWidth { max-width:65rem; margin-left:auto; margin-right:auto; }


.row .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.row,
.columns {
	max-width:100% !important;
}
.column,
.columns{

	/*overflow:visible;*/
}
.no-paddings-rl{
    padding-left:0px;
	padding-right:0px;
}
.fullWidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: 100%;
   padding-left:0;
   padding-right:0;
}

.page-container{
	position: relative;
    overflow: hidden;
}
.page-title{
	text-align:center;
}
#block-pagetitle{
	text-align:center;
}

.navigation-wrapper,
.content-wrapper,
.banner-wrapper,
.slideshow-wrapper,
.header-wrapper,
.highlite-wrapper,
.header-top-wrapper,
.page-wrapper,
.features-wrapper,
.gallery-wrapper,
.footer-wrapper {
	float:left;
	width: 100%;
	clear: both;
}

/* Regions */
.navigation,
.content,
.banner,
.slideshow,
.header,
.highlite,
.header-top,
.page,
.features,
.gallery,
.footer {
	max-width:100%;
	margin: 0 auto;
}
/* Header Top */
.header-top-wrapper{
	background-color:#fcfcfc;
}
/* Menu list - horizontal layout */
.header-top-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 10px;
}

/* All menu items */
.menu-item {
  position: relative;
  margin: 0;
  padding: 0;
}

/* All menu links - consistent styling */
.menu-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  text-decoration: none;
  color: #333;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.menu-link:hover {
  color: #326a31;
}

.menu-link i {
  font-size: 18px;
}

/* Menu text styling */
.menu-text {
  font-size: 14px;
  font-weight: 500;
}

/* Cart-specific wrapper for badge positioning */
.menu-item-cart .menu-link {
  position: relative;
}

.menu-item-cart .menu-text {
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* Cart badge - inline with "Korpa" text */
.menu-item-cart .cart-badge {
  position: relative;
  top: 0;
  right: 0;
  margin-left: 8px;
  background-color: #326a31;
  color: white;
  border-radius: 50%;
  font-size: 11px;
  line-height: 1;
  padding: 3px 6px;
  min-width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  font-weight: bold;
  font-family: Arial, sans-serif;
  z-index: 10;
  animation: fadeIn 0.3s ease-in-out;
  border: 2px solid white;
  vertical-align: middle;
}

/* Alternative: Badge inline with text */
.menu-item-cart.inline-badge .cart-badge {
  position: relative;
  top: auto;
  right: auto;
  margin-left: 8px;
  display: inline-flex;
}

/* Fade in animation */
@keyframes fadeIn {
  from { 
    opacity: 0;
    transform: scale(0.5);
  }
  to { 
    opacity: 1;
    transform: scale(1);
  }
}

/* Pulse animation on hover or update */
@keyframes pulse {
  0% { 
    transform: scale(1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  }
  50% { 
    transform: scale(1.2);
    box-shadow: 0 4px 8px rgba(50, 106, 49, 0.5);
  }
  100% { 
    transform: scale(1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  }
}

/* Bounce animation */
@keyframes bounce {
  0%, 100% { 
    transform: translateY(0);
  }
  25% { 
    transform: translateY(-5px);
  }
  50% { 
    transform: translateY(-3px);
  }
  75% { 
    transform: translateY(-7px);
  }
}

/* Apply pulse on hover */
.menu-item-cart:hover .cart-badge {
  animation: pulse 0.6s ease-in-out;
}

/* Glow effect */
@keyframes glow {
  0%, 100% {
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  }
  50% {
    box-shadow: 0 0 15px rgba(50, 106, 49, 0.8),
                0 2px 4px rgba(0,0,0,0.3);
  }
}

/* Apply glow when cart has items */
.menu-item-cart .cart-badge {
  animation: fadeIn 0.3s ease-in-out, glow 2s ease-in-out infinite;
}

/* Shake animation for when new item is added */
@keyframes shake {
  0%, 100% { transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% { transform: translateX(-3px); }
  20%, 40%, 60%, 80% { transform: translateX(3px); }
}

/* Class to trigger shake - can be added via JavaScript */
.cart-badge.shake {
  animation: shake 0.5s ease-in-out;
}

/* Class to trigger pulse - can be added via JavaScript */
.cart-badge.pulse-once {
  animation: pulse 0.4s ease-in-out;
}

/* Class to trigger bounce - can be added via JavaScript */
.cart-badge.bounce {
  animation: bounce 0.6s ease-in-out;
}

/* Badge color variations based on quantity */
.cart-badge.low-stock {
  background-color: #326a31; /* Green - few items */
}

.cart-badge.medium-stock {
  background-color: #f39c12; /* Orange - moderate items */
}

.cart-badge.high-stock {
  background-color: #e74c3c; /* Red - many items */
}

/* Subtle breathing animation */
@keyframes breathe {
  0%, 100% { 
    transform: scale(1);
    opacity: 1;
  }
  50% { 
    transform: scale(1.05);
    opacity: 0.9;
  }
}

.cart-badge.breathe {
  animation: breathe 2s ease-in-out infinite;
}

/* Badge appears with pop effect */
@keyframes popIn {
  0% { 
    transform: scale(0);
    opacity: 0;
  }
  50% { 
    transform: scale(1.2);
  }
  100% { 
    transform: scale(1);
    opacity: 1;
  }
}

.cart-badge.pop-in {
  animation: popIn 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* Rotate animation */
@keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.cart-badge.rotate {
  animation: rotate 0.5s ease-in-out;
}

/* Badge grows when hovering cart link */
.menu-item-cart .menu-link:hover .cart-badge {
  transform: scale(1.15);
  transition: transform 0.2s ease;
}

/* Number changes animation */
@keyframes numberChange {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; transform: scale(1.3); }
}

.cart-badge.number-change {
  animation: numberChange 0.4s ease;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .menu-text {
    font-size: 14px;
  }
  
  .menu-item-cart .cart-badge {
    font-size: 10px;
    min-width: 14px;
    height: 14px;
    padding: 2px 4px;
    top: -6px;
    right: -6px;
  }
}

/* For very small screens - hide text, show only icon + badge */
@media (max-width: 576px) {
  .menu-text {
    display: none;
  }
  
  .menu-item-cart .cart-badge {
    top: -5px;
    right: -5px;
  }
}

/* Top Navigation */
.header-top{
	float: right;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
}
#block-heljda-headertopmenu a{
	font-family: 'ACaslonPro-Bold';
	color:#555555;
}
#block-heljda-headertopmenu a:hover{
	color:#1c871b;
	transition: 0.8s ease-in-out;
	text-decoration:none;
}
/* Navigation */
.navigation-wrapper{
	background: #fcfcfc;
	max-height:65px;
	padding-bottom:10px;
}
.navigation{
	max-width:1800px;
	margin:0 auto;
	display: flow-root;
	position:relative;
}
.navigation ul li{
	float:right;
	font-size:1rem;
	color:#1c871b;
	text-transform:uppercase;
}
.navigation  a{
	font-family: 'ACaslonPro-Bold';
	color:#555555; 
	display:inline-block;
	margin:0;
	line-height: 30px;
}
.navigation ul.menu li a:hover{
	color:#1c871b;
	transition: 0.8s ease-in-out;
	text-decoration:none;
}
.navigation .menu-item{
	padding-top:0;
}
.navigation ul.menu{
	justify-content:space-around;
}
.navigation ul.menu li a:after {
  display:block;
  content: '';
  border-bottom: solid 3px #1c871b;  
  transform: scaleX(0);  
  transition: transform 800ms ease-in-out;
}
.navigation ul.menu li a:hover:after {
 transform: scaleX(1);
}
#logo img{
	z-index: 5000;
    position: relative;
	max-width:120px;
}
.language-switch{
	line-height:5;
}
.language-switch ul{
	list-style-type:none !important;
	display:inline-flex;
}
.language-switch ul li{
	padding-left:10px;
}
#block-languageswitcher .contextual-links{
	display:none;
}
#primary_menu{
	padding-top:10px;
}
/* Superfish */
.sf-depth-2{
	background:#ffffff;
}
.sf-depth-2 a{
	padding: 0.5em 1em !important;
}
ul.sf-menu a, ul.sf-menu span.nolink{
	padding-left: 5px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
}
/* Header */
.header-wrapper{
	height:0;
}
.header{
	position: relative;
	z-index:1000;
}
.header-right{
	padding-top:10px;
	float:right
}
/* Slideshow */
.slideshow{
	border-bottom:1px solid #326a31;
	border-top: 1px solid #326a31;
}
.slideshow-title{
	text-align: center;
    padding-top: 2vw;
    padding-bottom: 2vw;
}
.fp-banner-block h2{
	font-weight:800;
	color:#c8f1c8;
	margin-bottom:0;
	filter: drop-shadow(5px 5px 5px #808080);
}
.fp-banner-block p{
	text-align:center;
	color:#326a31;
	text-transform:uppercase;
	font-size:x-large;
	filter: drop-shadow(5px 5px 5px #808080);
}
#block-heljda-headerblock{
	text-align:center;
	padding-top: 5vw;
    padding-bottom: 5vw;
}
#block-heljda-headerblock img{
    filter: drop-shadow(5px 5px 5px #808080);
}
/* Parallax */
.parallax-section{
	overflow:hidden;
	z-index:0;
	position:relative;
}
.parallax-image{
	width:100%;
	background-attachment:fixed;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
}
.parallax{
}
.parallax-banner{
	background-image:url('/themes/heljda/images/background1.jpg');
}
.fp-banner-text{
	display:none;
}
#block-bannerlogo{
	text-align:center;
}
#block-bannerlogo img{
	padding-top:5vh;
	padding-bottom:5vh;
}

/* Highlite */
.highlite-wrapper{
	background:#fcfcfc;
	padding-bottom:3vw;
}
.highlite{
	max-width:1000px;
	margin:0 auto;
	padding-top:3vw;
}
.highlite h2{
	text-align:center;
}
.highlite img{
	 filter: drop-shadow(5px 5px 5px #808080);
}
.fp-block .left-image img{
	padding-right:40px;
	padding-top: 20px;
    padding-bottom: 20px;
}
.fp-block .right-image img{
	padding-left:40px;
	padding-top: 20px;
    padding-bottom: 20px;
}

/* Commerce quantity plus/minus */
.product-purchase-form .commerce-order-item-add-to-cart-form {
    display: flex;
    flex-direction: column;
}

/* Move price to top */
.product-purchase-form .field--name-unit-price,
.commerce-product-field.commerce-product-field-commerce-price.field-commerce-price {
    order: -3;
    margin-bottom: 15px;
    font-size: 1.5em;
    font-weight: bold;
    padding-left: 10px;
    color: #444;
}

/* Quantity field container */
.product-purchase-form .form-item-quantity,
.product-purchase-form .form-item.form-type-textfield.form-item-quantity {
    order: -2;
    margin-bottom: 15px;
}

.product-purchase-form .form-item-quantity label {
    display: inline;
    margin-right: 5px;
    font-weight: bold;
    color: #333;
    vertical-align: middle;
}

/* Quantity input field */
.product-purchase-form .form-item-quantity input[name="quantity"],
.product-purchase-form input#edit-quantity {
    display: inline-block;
    width: 50px;
    min-height: 1em;
    height: 1em;
    padding: 4px 6px;
    border: 2px solid #eaeaea;
    background-color: #fcfcfc;
    color: #999999;
    font-size: 14px;
    text-align: center;
    margin: 0;
    vertical-align: middle;
    border-radius: 3px;
    border-left: none;
    border-right: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.product-purchase-form .form-item-quantity input[name="quantity"]:focus,
.product-purchase-form input#edit-quantity:focus {
    background-color: #fff;
    border-color: #E74C3C;
    outline: none;
    color: #444;
}

/* Plus/Minus buttons */
.commerce-quantity-plusminus-link {
    display: inline-block;
    vertical-align: middle;
}

.commerce-quantity-plusminus-link a.button {
    display: inline-block;
    width: 25px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    background-color: #444;
    color: #fff;
    text-decoration: none;
    border: 2px solid #eaeaea;
    font-weight: normal;
    font-size: 14px;
    cursor: pointer;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.commerce-quantity-plusminus-link a.button:hover {
    background-color: #E74C3C;
    border-color: #E74C3C;
    color: #fff;
    text-decoration: none;
}

.commerce-quantity-plusminus-link a.button:focus {
    outline: none;
    text-decoration: none;
}

/* Decrease button (left side) */
.commerce-quantity-plusminus-link-decrease a.button {
    border-radius: 3px 0 0 3px;
    border-right: none;
}

/* Increase button (right side) */
.commerce-quantity-plusminus-link-increase a.button {
    border-radius: 0 3px 3px 0;
    border-left: none;
}

/* Disabled state */
.commerce-quantity-plusminus-link-disabled a.button {
    background-color: #fcfcfc;
    border-color: #eaeaea;
    color: #999;
    cursor: not-allowed;
    opacity: 0.7;
}

.commerce-quantity-plusminus-link-disabled a.button:hover {
    background-color: #fcfcfc;
    border-color: #eaeaea;
    color: #999;
}
.profile--type--customer div { margin:0; font-size:14pt; font-family: 'ACaslonPro-Regular'; color:#666666;}

/* Submit button */
.product-purchase-form .form-actions {
   /* order: -1;*/
    margin-top: 15px;
}

.product-purchase-form .form-submit,
.product-purchase-form input[type="submit"] {
    margin: 5px 5px 10px 0;
    background-color: #444;
    border: none;
    box-shadow: none;
    color: #fff;
    padding: 15px 24px;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.product-purchase-form .form-submit:hover,
.product-purchase-form input[type="submit"]:hover {
    background-color: #E74C3C;
    color: #ffffff;
}

/* */
.product-purchase-form .form-submit[value*="Add to cart"]:not([value="Kupi"]) {
    font-size: 0 !important;
}

.product-purchase-form .form-submit[value*="Add to cart"]:not([value="Kupi"])::after {
    content: "Kupi";
    font-size: 14px;
    font-weight: normal;
}

/* General product */
.product-for-node-content {
    padding: 15px 0;
}

.product-for-node-content .product-title {
    margin-bottom: 15px;
    font-size: 1.25rem;
    font-weight: bold;
    color: #444;
}

/* Price formatting */
.product-price .price-amount {
    font-size: 1.5em;
    font-weight: bold;
    color: #444;
}

/* Commerce product reference field styling */
.field-name-field-referenca-ka-proizvodu {
    clear: both;
}

/* Ensure proper spacing for commerce forms */
.commerce-add-to-cart.commerce-cart-add-to-cart-form {
    margin-bottom: 20px;
}

.product-purchase-form label{
	display:inline-flex !important;
	padding-right:20px;
}
.product-purchase-form .form-number{
	width: 20%;
    display: inline-flex;
}
/* Button */
.button{
    background: #326a31 !important;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 10px 20px;
    font-size: 16pt;
    font-weight: 700;
    transition: .5s ease-in-out;
}
.button:hover{
	background-color:#ffffff !important;
	border: 1px solid #326a31;
	color: #326a31;
}
#edit-actions .link--previous{
	background: #326a31 !important;
    color: white;
    padding: 15px 40px;
    border: none;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 8px rgba(76, 175, 80, 0.3);
	max-height:48px;
	line-height:normal;
}
#edit-actions .link--previous:hover{
	background-color:#ffffff !important;
	border: 1px solid #326a31;
	color: #326a31;
	text-decoration:none;
}
.purple-button a{
    padding: 10px 20px;
    font-size: large;
    font-weight: 700;
	color: #ffffff;
}
.purple-button{
	background: #326a31;
    border: 2px solid #326a31;
    transition: .5s ease-in-out;
	padding-bottom: 5px;
    padding-top: 5px;
    max-width: 150px;
    margin: 0 auto;
	text-align:center;
	border-radius:10px;
}
.purple-button:hover{
	background: #326a31;
	border: 2px solid #326a31;
}
.purple-button a:hover{
	color: #ffffff !important;
	text-decoration: none;
}
.gold-button{
	background: #ecc66b;
    border: 2px solid #ecc66b;
    transition: .5s ease-in-out;
	padding-bottom: 5px;
    padding-top: 5px;
    max-width: 150px;
    margin: 0 auto;
	text-align:center;
	border-radius:10px;
	
}
.gold-button a{
	padding: 10px 20px;
    font-size: large;
    font-weight: 700;
	color: #ffffff;
}
.gold-button:hover{
	background: #326a31;
	border: 2px solid #ecc66b;
}
.gold-button a:hover{
	color: #ffffff !important;
	text-decoration: none;
}
.green-button{
    text-align: center;
	margin-bottom:10px;
}
.green-button a{
    background: #e4ccb4;
    color: #ffffff;
    border: 1px solid #bababa;
    padding: 10px 20px;
    font-size: large;
    font-weight: 700;
    transition: .5s ease-in-out;
}
.green-button a:hover{
	background: #ffffff;
	border: 1px solid #bababa;
	color: #e4ccb4 !important;
	text-decoration: none;
}
.orange-button{
    padding-top: 40px;
    text-align: center;
}
.orange-button a{
    background: #bababa;
    color: #ffffff;
    border: 1px solid #bababa;
    padding: 10px 20px;
    font-size: large;
    font-weight: 700;
    transition: .5s ease-in-out;
}
.orange-button a:hover{
	background: #ffffff;
	border: 1px solid #bababa;
	color: #bababa !important;
	text-decoration: none;
}
.dark-blue-button{
	border: 2px solid #ffffff;
    text-align: center;
	padding: 10px 20px;
	background: #0e5897;
	max-width:200px;
}
.dark-blue-button:hover{
	background: #ffffff;
	border: 2px solid #0e5897;
	color: #016781 !important;
	text-decoration: none;
}
.dark-blue-button a{
	color: #ffffff;
	border-radius:10px;
	font-size: large;
    font-weight: 700;
	transition: .5s ease-in-out;
}
.dark-blue-button:hover a{
	color: #0e5897 !important;
	text-decoration: none;
}
.tophl-button{
	margin-bottom:20px;
}
/* Showcase */
.showcase-wrapper{
	background:#c3e3c3;
	padding-bottom: 30px;
}
.showcase{
	max-width:1300px;
	margin:0 auto;
	padding-top: 3vw;
	padding-bottom: 3vw;
}

/* Gallery */
.object-gallery-wrapper{
	max-width:900px;
	margin:0 auto;
}
.object-gallery .slider{
	height: auto !important;
}

/* ========================================
   REVIEW PAGE - FIX STYLING
   ======================================== */

/* 1. SAKRIJ "Način plaćanja (Izmeni)" naslov */
#edit-review-payment-information legend,
#edit-review-payment-information .fieldset-legend {
  display: none !important;
}

/* 2. SAKRIJ "Plaćanje pouzećem" tekst iznad profila */
#edit-review-payment-information .fieldset-wrapper {
  font-size: 0; /* Sakrije loose text nodes */
}

#edit-review-payment-information .fieldset-wrapper > *,
#edit-review-payment-information .fieldset-wrapper > * * {
  font-size: 15px; /* Vrati font-size za elemente */
}

/* 3. UNIFIKOVANI FONT za adresu, ime i telefon */
#edit-review-payment-information .address,
#edit-review-payment-information .address span,
#edit-review-payment-information .address .given-name,
#edit-review-payment-information .address .family-name,
#edit-review-payment-information .address .address-line1,
#edit-review-payment-information .address .postal-code,
#edit-review-payment-information .address .locality,
#edit-review-payment-information .address .country,
#edit-review-payment-information .field--field-phone,
#edit-review-payment-information .field--field-phone div,
#edit-review-contact-information .fieldset-wrapper {
  font-family: 'ACaslonPro-Bold' !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #495057 !important;
}

/* 4. DODATNO stilizovanje fieldset-ova */
#edit-review-contact-information,
#edit-review-payment-information {
  background: white;
  padding: 20px;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  margin-bottom: 20px;
}

/* 5. Stilizovanje legend-a (naslova sekcija) */
#edit-review-contact-information legend {
  padding: 0 10px;
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
}

/* 6. Dodaj custom naslov za Payment sekciju */
#edit-review-payment-information {
  position: relative;
  padding-top: 50px; /* Prostor za naslov */
}

#edit-review-payment-information::before {
  content: 'Podaci za dostavu i naplatu';
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
  padding-bottom: 10px;
  border-bottom: 2px solid #4CAF50;
  width: calc(100% - 40px);
}

/* 7. Profile container styling */
#edit-review-payment-information .profile {
  padding: 15px;
  background: #f8f9fa;
  border-radius: 6px;
  margin-top: 10px;
}

/* 8. Adresa paragraph styling */
#edit-review-payment-information .address {
  margin: 0 0 15px 0;
  padding: 0;
}

#edit-review-payment-information .address br {
  line-height: 1.6;
}

/* 9. Telefon field styling */
#edit-review-payment-information .field--field-phone {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e9ecef;
}

#edit-review-payment-information .field--field-phone > div:first-child {
  font-weight: 600;
  color: #2c3e50;
  display: inline-block;
  margin-right: 5px;
}

#edit-review-payment-information .field--field-phone > div:first-child::after {
  content: ':';
}

#edit-review-payment-information .field--field-phone > div:last-child {
  display: inline-block;
}

/* 10. Kontakt informacije styling */
#edit-review-contact-information .fieldset-wrapper {
  padding: 10px;
  background: #f8f9fa;
  border-radius: 6px;
}

/* 11. Remove contextual links (edit button) u review */
#edit-review-payment-information .contextual-region > div[data-contextual-id] {
  display: none;
}

/* 12. OPTIONAL - Dodaj ikone */
#edit-review-contact-information legend::before {
  content: '✉️ ';
  margin-right: 8px;
}

#edit-review-payment-information::before {
  content: '📋 Podaci za dostavu i naplatu';
}
/* Accordion view */

/* Sidebar */

/* CSS animations */


.animation-element {
  opacity: 0;
  position: relative;
}

/*animation element sliding left*/

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.animation-element.slide-right {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(100px, 0px, 0px);
  -webkit-transform: translate3d(100px, 0px, 0px);
  -o-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate3d(100px, 0px, 0px);
}

.animation-element.slide-right.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.animation-element.slide-up {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(0px, 100px, 0px);
  -webkit-transform: translate3d(0px, 100px, 0px);
  -o-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate3d(0px, 100px, 0px);
}

.animation-element.slide-up.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.animation-element.zoom-pop{
	opacity:0;
	transition: all 500ms linear; /* Animation */
	transform:scale(0.1);
}
.animation-element.zoom-pop.in-view{
	opacity:1;
	transform:scale(1);
}
.animelement-fade-in{
	animation: fadeIn 2s;
}
.animelement-fade-in-1{
	animation: fadeIn 1s 2s both;
}
.animelement-fade-in-2{
	animation: fadeIn 2s 4s both;
}

@keyFrames animelement-fade-in{
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animelement-fade-in-1{
	opacity:0;
}
.animelement-fade-in-2{
	opacity:0;
}
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.owl-item .active h3{
  animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s both;
  opacity: 1;
  -webkit-animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s both;
}

.owl-item .active img{
  animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
}
/* footer */
.menu--footer{text-align: center;display: inline-block;}
.region-footer-navigation{text-align: center;}
.footer-wrapper{
	background:#326a31;
	border-top:1px solid #bababa;
}
.footer{
	position:relative;
	margin:0 auto;
	max-width:1600px;
	padding-top:50px;
}
.footer-nav ul.menu a{
	color:#ecc66b;
	font-size: 12pt !important;
}
.footer-nav ul.menu{
	display:flex;
	justify-content : space-around;
}
.footer-content{
	margin: 0 auto;
    max-width: 100%;
    padding-top: 50px;
}

.social-bar-wrapper{
	float:right;
}
.social-bar-wrapper-2{
	float:left;
	display:inline-flex;
}
.footer-nav ul.menu a.is-active{
	color: #ecc66b;
}
.footer-content-text ul{
	margin-left:0;
	list-style-type:none;
}
.footlok h3{
    color: #ecc66b;
    font-size: 16pt;
    font-weight: 700;
    border-bottom: 1px solid #ecc66b;
}
.footlok p{
	color:#ecc66b;
	font-size:12pt;
}
.footer-content h2{
	color: #ecc66b;
    font-size: 16pt;
    font-weight: 700;
    border-bottom: 1px solid #ecc66b;
}
.footer-content a{
	color:#ecc66b;
	font-size:12pt;
}
/* Page content */
.page-content{
	max-width: 900px;
    margin: 0 auto;
    padding: 10px;
}
.page{
    max-width: 1350px;
    margin: 0 auto;
    padding: 10px;
	text-align:left;
}
.page-content img{
	margin-bottom:30px;
}
.page-content ul li{
	margin: 0;
    font-size: 12pt;
    text-align: justify;
    font-family: 'ACaslonPro-Regular';
    color: #666666;
}
.page-content img{
	border: 1px solid #bababa;
    box-shadow: 5px 5px 10px #bababa;
	margin-top:20px;
	margin-bottom:20px;
}

.page-content h2{
	padding-bottom:1vw;
	text-align:center;
}
.cycle-pager-field-slideshow-id img{
	margin-left:5px;
	margin-right:5px;
	box-shadow:none;
}
.field-slideshow-wrapper{
	padding-top:20px;
}
.field-slideshow-item {
	position:relative !important;
	display:flex !important;
}
.content-youtube div {
  padding: 15px;
}
/* Image effects */

figure {
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
.hoverop figure img {
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.hoverop figure:hover img {
	opacity: .5;
}
.s-hover figure{
	position:relative;
}
.s-hover figure:before{
	content: "";
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.s-hover .figure:hover:before{
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
/* Forms */
.js-form-type-commerce-number{
	display:none;
}
/* CSS Effects */
.container{
	position:relative;
}
.fp-objects-wrapper{
	padding-bottom:50px;
}
.fp-objects{
	position:relative;
}
.fp-objects-image{
	position:relative;
	padding:20px;
	border:1px solid #4b8d4c;
	box-shadow: 5px 10px 8px #65876b;
	max-width: 570px;
    text-align: center;
    margin: 0 auto;
	background:#ffffff;
}
.sidebar .fp-objects-image{
	position:relative;
	padding:5px;
	border:1px solid #4b8d4c;
	box-shadow: 5px 10px 8px #65876b;
	max-width: 570px;
    text-align: center;
    margin: 0 auto;
	background:#ffffff;
}
.fp-image-overlay{
	position:absolute;
	top:1.021vh;
	left:1.021vh;
}
.container .fp-image-overlay{
	  background-color: #4b8d4c;
      position: absolute;
      top: 0;
      left: 0;
      color: #fff;
      -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
      opacity: 0;
	  width:100%;
	  height:100%;
      /*width: 460px;
      height: 540px;*/
}
.objects-image-2{
      position: relative;
      top: 0;
      left: 0;
      color: #fff;
      -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
	  width:100%;
	  height:100%;
}
.objects-image-2:hover{
	opacity:0.5;
}
.objects-image-2 img{
	margin-top: 0;
	margin-bottom: 0;
}
.objects-title-2 h3{
	padding-left:20px;
	font-size:18pt;
}
.container-2 .block-text{
	  -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
      transform: translateX(20px);
      -webkit-transform: translateX(20px);
}
.container-2 .fp-immg-hover-link{
	  -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
      transform: translateX(20px);
      -webkit-transform: translateX(20px);
}
.container-2:hover .block-text{
      transform: translateX(30px);
      -webkit-transform: translateX(30px);
}
.container-2:hover .fp-immg-hover-link{
      transform: translateX(30px);
      -webkit-transform: translateX(30px);
}
.green:hover{
	background-color: #4b8d4c;
	-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
	opacity: 0.5;
}
.container:hover .fp-image-overlay{
	  opacity: 0.9;
}

.container .block-text{
	  -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
      transform: translateX(30px);
      -webkit-transform: translateX(30px);
}
.container .fp-immg-hover-link{
	  -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
      transform: translateX(30px);
      -webkit-transform: translateX(30px);
}
.container:hover .block-text{
      transform: translateX(0px);
      -webkit-transform: translateX(0px);
}
.container:hover .fp-immg-hover-link{
      transform: translateX(0px);
      -webkit-transform: translateX(0px);
}
.objects-image{
	position:relative;
}
.fp-objects-title{
    position: absolute;
    top: 5px;
    left: 5%;
    z-index: 9999;
}
.fp-objects-title p{
	color: #ffffff;
    font-size: x-large;
    /*text-transform: lowercase;*/
	text-align:left;
}
.sidebar .fp-objects-title p{
	color: #ffffff;
    font-size: large;
    /*text-transform: lowercase;*/
	text-align:left;
	display:none;
}
.fp-img-hover-text{
	padding:10px;
    margin-top:45px;
}
.fp-img-hover-text .block-text{
	padding-left:10px;
	color: #ecc66b;
    font-size: medium;
	font-family: 'ACaslonPro-Regular';
}
.fp-img-hover-text p{
	padding:20px;
	color:#ecc66b !important;
}
.fp-immg-hover-link{
	padding-left:20px;
	padding-top:10px;

}
.fp-immg-hover-link a{
	color:#ecc66b;
	font-size:large;
}
.pur a{
	color:#326a31 !important;
	font-size:large;
}
.left-border{
	border-left:1px solid #ecc66b;
}
.left-border-pur{
	border-right:1px solid #326a31;
}
.container:hover .fp-objects-title p{
	color:#ecc66b;
}
.sidebar .container:hover .fp-objects-title p{
	color:#ecc66b;
	display:block;
}
.gray-button{
	text-align:center;
}
.container-dest{
	position:relative;
	background: #ffffff;
    padding: 20px;
    box-shadow: 5px 10px 8px #326a31;
	max-width:431px;
	margin:0 auto;
}
.green-bck{
	background:#c3e3c3;
}
.sc-title{
	text-align:center;
	padding-top:30px;
}
.fp-dest-title{
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 9999;
    background: rgba(157,77,100, 0.5);
	width:100%;
    max-width: 391px;
}
.fp-dest-title p{
	font-size: xx-large;
    text-align: center;
    color: #326a31;
}
.fp-dest-image{
	max-width:431px;
	margin:0 auto;
}
.fp-dest-image img{
	position:relative;
	border:1px solid #326a31;
	background:#ffffff;
}
.fp-dest-overlay{
	position:absolute;
	top:1.021vh;
	left:1.021vh;
	display:flex;
}
.container-dest .fp-dest-overlay{
	  background-color: #326a31;
      position: absolute;
      top: 0;
      left: 0;
      color: #fff;
      -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
      opacity: 0;
	  width:100%;
	  height:100%;
      max-width: 391px;
      max-height: 603px;
}
.container-dest:hover .fp-dest-overlay{
	  opacity: 0.6;
}

.container-dest .dest-text{
	  -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
      transform: translateX(30px);
      -webkit-transform: translateX(30px);
}
.container-dest .fp-dest-hover-link{
	  -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
      transform: translateX(30px);
      -webkit-transform: translateX(30px);
}
.container-dest:hover .dest-text{
      transform: translateX(0px);
      -webkit-transform: translateX(0px);
}
.container-dest:hover .fp-dest-hover-link{
      transform: translateX(0px);
      -webkit-transform: translateX(0px);
}
.box-border{
	border:1px solid #ecc66b;
}
.dest-image{
	position:relative;
	text-align:center;
}
.fp-dest-hover-link{
    /*padding-left:20px;
	padding-top:10vh;*/
	text-align: center;
    /*padding-bottom: 10vh;*/
}
.fp-dest-hover-link a{
	color:#ecc66b;
	padding-top:10vh;
	font-size:large;
}
.dest-text{
	padding:30px;
    margin-top:20px;
}
.dest-text p{
	padding:20px;
	color:#ecc66b;
	text-align: center;
    font-size: large;
}
.fp-dest-hover-text{
	padding: 20px;
    margin-top: 50px;
	height: 92%;
    display: flex;
}
.container-dest:hover .fp-dest-title p{
	color:#ecc66b;
}
.gray-button .webform-button--submit{
	background:#c4b7a6;
	padding: 10px;
    color: #ffffff;
    font-size: initial;
    font-weight: 800;
}
.gray-button .webform-button--submit:hover{
	border:2px solid #c4b7a6;
    background:#ffffff;
    color: #c4b7a6;
	transition: 0.5s ease-in-out;
	text-decoration:none;
}

.team-wrapper{
	padding-bottom:50px;
}
.team{
	position:relative;
}
.team-title p{
	color: #949494;
    font-size: xx-large;
    text-transform: lowercase;
}
.team-image{
	position:relative;
	padding:20px;
	border:1px solid #dbdbdb;
	box-shadow: 5px 10px 8px #b5b5b5;
}
.team-image-overlay{
	position:absolute;
	top:1.021vh;
	left:1.021vh;
}
.container .team-image-overlay{
	  background-color: #989898;
      position: absolute;
      top: 0;
      left: 0;
      color: #fff;
      -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
      opacity: 0;
	  width:100%;
	  height:100%;
      /*width: 460px;
      height: 540px;*/
}
.container:hover .team-image-overlay{
	  opacity: 0.9;
}

.container .team-text{
	  -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
      transform: translateX(30px);
      -webkit-transform: translateX(30px);
}
.container .team-immg-hover-link{
	  -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
      transform: translateX(30px);
      -webkit-transform: translateX(30px);
}
.container:hover .team-text{
      transform: translateX(0px);
      -webkit-transform: translateX(0px);
}
.container:hover .team-immg-hover-link{
      transform: translateX(0px);
      -webkit-transform: translateX(0px);
}

.team-title{
    position: absolute;
    top: 3vh;
    left: 65%;
    z-index: 9999;
}
.team-img-hover-text{
	padding:30px;
    margin-top:20px;
}
.team-img-hover-text p{
	color:#ffffff;
}
.team-immg-hover-link{

}
.team-img{
	position:relative;
}
.team-immg-hover-link a{
	color:#ffffff;
	padding-top:10vh;
	font-size:large;
}
.container:hover .team-title p{
	color:#e16b73;
}
.team-image img{
	width:100%;
}
.bottom_content_wrapper{
	width:100%;
	clear: both;
}
.bottom_content{
	max-width:1200px;
	margin:0 auto;
}
.second_content{
	max-width:1200px;
	margin:0 auto;
}
.inline_blocks{
	display:inline-block;
	padding-right:5px;
}
/* View pager */
ul.pager__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 1em 0;
  gap: 6px;
}

.pager__item {
  display: inline-block;
}

.pager__item a {
  display: inline-block;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #333;
  text-decoration: none;
}

.pager__item.is-active a {
  background-color: #333;
  color: #fff;
  border-color: #333;
}

.pager__item a:hover {
  background-color: #f5f5f5;
}

/* Customer notice */
.checkout-customer-notice {
  padding: 20px;
  background: linear-gradient(135deg, #d1ecf1 0%, #bee5eb 100%);
  border-left: 5px solid #17a2b8;
  border-radius: 6px;
  margin-bottom: 25px;
  color: #0c5460;
  font-size: 16px;
}

.checkout-customer-notice a {
  color: #0c5460;
  font-weight: bold;
  text-decoration: underline;
}

/* Payment method highlight box */
.payment-method-highlight {
  background: linear-gradient(135deg, #fff9e6 0%, #fff3cd 100%);
  padding: 25px;
  border-radius: 8px;
  border: 2px solid #ffc107;
  margin-bottom: 25px;
  box-shadow: 0 3px 8px rgba(255, 193, 7, 0.2);
}

.payment-method-highlight h3 {
  margin: 0 0 15px 0;
  color: #856404;
  font-size: 22px;
  font-weight: 600;
}

.payment-info-box {
  background: white;
  padding: 20px;
  border-radius: 6px;
  border-left: 5px solid #ffc107;
}

.payment-info-box strong {
  font-size: 18px;
  color: #2c3e50;
  display: block;
  margin-bottom: 12px;
}

.payment-info-box p {
  margin: 6px 0;
  color: #155724;
  font-size: 15px;
}

/* Main checkout layout */
.layout-checkout-form {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}

.layout-region-checkout-main {
  flex: 1 1 65%;
  min-width: 300px;
}

.layout-region-checkout-secondary {
  flex: 1 1 30%;
  min-width: 280px;
}

.layout-region-checkout-footer {
  flex: 1 1 100%;
}

/* Checkout panes in main area */
.layout-region-checkout-main .checkout-pane {
  background: white;
  padding: 25px;
  margin-bottom: 20px;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.layout-region-checkout-main .checkout-pane h3,
.layout-region-checkout-main .checkout-pane legend {
  color: #2c3e50;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 3px solid #4CAF50;
}

/* Payment information pane specific */
.checkout-pane--payment-information {
  background: #fff9e6 !important;
  border: 2px solid #ffc107 !important;
}

.checkout-pane--payment-information legend,
.checkout-pane--payment-information h3 {
  color: #856404 !important;
  border-bottom-color: #ffc107 !important;
}

/* Billing/order information pane */
.checkout-pane--order-information,
.checkout-pane--billing-information {
  background: #f8f9fa !important;
}

/* Contact information */
.checkout-pane--contact-information,
.checkout-pane--login {
  background: #e7f3ff !important;
}

/* Order summary sidebar */
.layout-region-checkout-secondary {
  background: #f8f9fa;
  padding: 25px;
  border-radius: 8px;
  border: 1px solid #dee2e6;
  position: sticky;
  top: 20px;
  align-self: flex-start;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.layout-region-checkout-secondary h3 {
  color: #2c3e50;
  font-size: 20px;
  font-weight: 600;
  border-bottom: 3px solid #4CAF50;
  padding-bottom: 12px;
  margin: 0 0 20px 0;
}

.layout-region-checkout-secondary table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 15px;
}

.layout-region-checkout-secondary table th {
  text-align: left;
  padding: 10px 5px;
  border-bottom: 2px solid #dee2e6;
  color: #495057;
  font-weight: 600;
  font-size: 14px;
}

.layout-region-checkout-secondary table td {
  padding: 12px 5px;
  border-bottom: 1px solid #e9ecef;
  color: #495057;
  font-size: 14px;
}

.layout-region-checkout-secondary table tr:hover {
  background: #f1f3f5;
}

.layout-region-checkout-secondary .order-total-line,
.layout-region-checkout-secondary .checkout-order-summary-total {
  font-size: 18px;
  font-weight: bold;
  color: #28a745;
  padding-top: 15px;
  border-top: 3px solid #28a745;
  margin-top: 15px;
}

/* Checkout footer with actions */
.layout-region-checkout-footer {
  margin-top: 30px;
  padding: 25px;
  background: #f8f9fa;
  border-radius: 8px;
  text-align: right;
  border: 1px solid #dee2e6;
}

.layout-region-checkout-footer .form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 15px;
  flex-wrap: wrap;
}

/* Submit button */
.layout-region-checkout-footer input[type="submit"],
.layout-region-checkout-footer .button--primary {
  background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
  color: white;
  padding: 15px 40px;
  border: none;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 8px rgba(76, 175, 80, 0.3);
}

.layout-region-checkout-footer input[type="submit"]:hover,
.layout-region-checkout-footer .button--primary:hover {
  background: linear-gradient(135deg, #45a049 0%, #3d8b40 100%);
  box-shadow: 0 6px 12px rgba(76, 175, 80, 0.4);
  transform: translateY(-2px);
  color:#326a31;
  border:1px solid #326a31;
}

/* Back button */
.layout-region-checkout-footer .button--previous {
  background: #6c757d;
  color: white;
  padding: 12px 30px;
  border: none;
  border-radius: 6px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  font-weight: 600;
}

.layout-region-checkout-footer .button--previous:hover {
  background: #5a6268;
  transform: translateY(-2px);
}

/* Form labels */
.layout-checkout-form label {
  font-weight: 600;
  color: #495057;
  margin-bottom: 6px;
  display: inline-block;
  font-size: 15px;
}

/* Form inputs */
.layout-checkout-form input[type="text"],
.layout-checkout-form input[type="email"],
.layout-checkout-form input[type="tel"],
.layout-checkout-form select,
.layout-checkout-form textarea {
  width: 100%;
  /*padding: 12px 15px;*/
  border: 2px solid #ced4da;
  border-radius: 6px;
  font-size: 15px;
  transition: border-color 0.3s ease;
  background: white;
}

.layout-checkout-form input:focus,
.layout-checkout-form select:focus,
.layout-checkout-form textarea:focus {
  border-color: #4CAF50;
  outline: none;
  box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);
}

/* Address book select */
.address-book-select {
  margin-bottom: 20px;
}

.address-book-select label {
  font-weight: 600;
  font-size: 16px;
  color: #2c3e50;
  margin-bottom: 10px;
  display: block;
}

.address-book-select select {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%23333" d="M6 9L1 4h10z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 15px center;
  padding-right: 40px;
}

/* Phone field icon */
input[name*="phone"],
input[name*="telefon"],
.field--name-field-phone input {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="gray" viewBox="0 0 16 16"><path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328z"/></svg>');
  background-repeat: no-repeat;
  background-position: 12px center;
  padding-left: 40px;
}

/* Payment gateway radio buttons */
.form-type-radio {
  padding: 15px;
  background: white;
  border: 2px solid #4CAF50;
  border-radius: 6px;
  margin-bottom: 12px;
  transition: all 0.3s ease;
  cursor: pointer;
}

.form-type-radio:hover {
  background: #f8fff9;
  transform: translateX(5px);
}

.form-type-radio input[type="radio"] {
  margin-right: 10px;
}

.form-type-radio label {
  font-weight: 600;
  color: #2c3e50;
  cursor: pointer;
  margin: 0;
}

/* Required field indicator */
.form-required {
  color: #dc3545;
  font-weight: bold;
  margin-left: 3px;
}

/* Error messages */
.messages.messages--error {
  background: #f8d7da;
  border: 2px solid #dc3545;
  border-left: 5px solid #dc3545;
  color: #721c24;
  padding: 15px 20px;
  border-radius: 6px;
  margin-bottom: 20px;
}

.messages.messages--error ul {
  margin: 0;
  padding-left: 20px;
}

/* Help text */
.description,
.help-block {
  font-size: 14px;
  color: #6c757d;
  margin-top: 5px;
  font-style: italic;
}

/* Fieldsets */
fieldset {
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 20px;
  margin-bottom: 20px;
  background: #fafafa;
}

fieldset legend {
  padding: 0 10px;
  font-weight: 600;
  font-size: 18px;
  color: #2c3e50;
}

/* Checkout */
.checkout-complete {
  max-width: 800px;
  margin: 30px auto;
  padding: 30px;
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.completion-success-message {
  padding: 25px;
  background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
  border-left: 5px solid #28a745;
  border-radius: 6px;
  margin-bottom: 25px;
}

.completion-success-message h2 {
  color: #155724;
  font-size: 28px;
  margin: 0 0 15px 0;
}

.completion-success-message p {
  color: #155724;
  font-size: 16px;
  margin: 10px 0;
}

.checkout-complete__payment-instructions {
  padding: 20px;
  background: #fff9e6;
  border-left: 5px solid #ffc107;
  border-radius: 6px;
  margin-top: 25px;
}

.checkout-complete__payment-instructions h3 {
  color: #856404;
  font-size: 20px;
  margin: 0 0 15px 0;
}

.checkout-complete__payment-instructions p {
  color: #856404;
  font-size: 15px;
  margin: 10px 0;
}

.payment-note {
  font-style: italic;
  margin-top: 15px;
}

/* Responsive design */
@media (max-width: 992px) {
  .layout-checkout-form {
    flex-direction: column;
  }
  
  .layout-region-checkout-main,
  .layout-region-checkout-secondary {
    flex: 1 1 100%;
  }
  
  .layout-region-checkout-secondary {
    position: static;
    order: 2;
  }
  
  .layout-region-checkout-main {
    order: 1;
  }
  
  .layout-region-checkout-footer {
    order: 3;
  }
}

@media (max-width: 768px) {
  .checkout-customer-notice,
  .payment-method-highlight {
    padding: 15px;
    font-size: 14px;
  }
  
  .layout-region-checkout-main .checkout-pane,
  .layout-region-checkout-secondary {
    padding: 15px;
  }
  
  .layout-region-checkout-footer {
    text-align: center;
  }
  
  .layout-region-checkout-footer .form-actions {
    flex-direction: column-reverse;
  }
  
  .layout-region-checkout-footer input[type="submit"],
  .layout-region-checkout-footer .button--previous {
    width: 100%;
    margin: 5px 0;
  }
}



/* Responsive adjustments */
@media (max-width: 768px) {
  .menu-text {
    font-size: 14px;
  }
  
  .menu-item-cart .cart-badge {
    font-size: 10px;
    min-width: 14px;
    height: 14px;
    padding: 2px 4px;
    top: -6px;
    right: -6px;
  }
}

/* For very small screens - hide text, show only icon + badge */
@media (max-width: 576px) {
  .menu-text {
    display: none;
  }
  
  .menu-item-cart .cart-badge {
    top: -5px;
    right: -5px;
  }
}
/* Responsive */
@media screen and (max-width:559px) {
}
@media screen and (max-width:1007px) {
}
@media screen and (max-width:1024px) {
	.badges-wrapper{
		padding-bottom:10px;
		text-align:center;
	}
	.bros-wrapper{
		padding-top:10px;
	}
}
@media screen and (min-width: 560px) and (max-width:640px){
}
@media screen and (max-width:640px) {
	.fp-objects-title p{
		font-size:x-large;
	}
	.fp-objects-title{
		top:0;
	}
	.fp-img-hover-text .block-text{
		font-size:small;
		padding-left: 5px;
		text-align: justify;
		line-height:1.3;
	}
	.fp-img-hover-text{
		margin-top:0;
	}
	.container:hover .fp-objects-title p{
		color:transparent;
    }
	.fp-dest-title{
		left:0;
	}
	.container-dest .fp-dest-overlay{
		left:0;
		top:0;		
	}
	.dest-text p{
		padding:5px;
		font-size: medium;
	}
	.fp-dest-hover-link{
		padding-left:0;
		padding-top:0;
	}
	.gridstack--js .box__category, .gridstack--js .box__caption{
		position:relative;
	}
	.gridstack--js .box__caption, .gridstack--js .box__category, .is-gs-enabled .box__content{
		top: -30% !important;
	}
}
@media screen and (min-width: 641px) and (max-width:840px){
}
@media screen and (min-width: 841px) and (max-width:1023px){
}
@media screen and (min-width: 1024px) and (max-width:1140px){
	ul.sf-menu a, ul.sf-menu span.nolink{
    font-size: 1rem;
    }
}
@media screen and (min-width: 1141px) and (max-width:1240px){
	ul.sf-menu a, ul.sf-menu span.nolink{
    font-size: 1rem;
    }
}
@media screen and (min-width: 1241px) and (max-width:1420px){
}