/*
Theme Name:     Papillon Spa Centar
Theme URI:      n/a
Template:       kadence
Author:         Vojkan Cvijanovic
Author URI:     https://vojkan.net/
Description:    Tema za Papillon spa & wellness centar.
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

.beli-link {
	color: var(--global-palette7);
}

.max-with-title {
	max-width: 30ch;
  margin: auto;
}

.full-height {
	height:	calc(100vh - 126px);
}

.box-height-l {
	height: 290px;
}
@media screen and (min-width: 767px)
{
	.box-height-l {
	height: auto;
}
}


.left-section-width {
	max-width: calc(55vw - 160px);
	padding-left: 17vw;
}

.color-accent {
	color:#5D7694;
}

.fluentform .ff-btn-secondary {
    background-color: var(--global-palette3);
    border-color: var(--global-palette3);
    color: #fff;
}

.fluentform .ff-btn-secondary:hover {
    background-color: var(--global-palette4);
    border-color: var(--global-palette4);
    color: #fff;
}

.fluentform .ff-step-titles li.ff_active, .fluentform .ff-step-titles li.ff_completed {
    color: var(--global-palette1);
}

.fluentform .ff-step-titles li.ff_active:before, .fluentform .ff-step-titles li.ff_completed:before {
    background-color: var(--global-palette1);
    border: 1px solid transparent;
    color: #fff;
}

.fluentform .ff-step-titles li {
    color: var(--global-palette5);

}


/* Hot oznaka u glavnom meniju*/
.menu-badge {
	font-size: 9px;
	margin-left: 4px;
	position: relative;
	top: -10px;
	margin-bottom: 13px;
	color: #ffffff;
	background-color: #FF0000;
	padding: 3px 4px;
	border-radius: 3px;
}

.badge-bounce {
	animation: bouncing 1s cubic-bezier(0.1,0.05,0.05,1) 0s infinite alternate both;
}

@keyframes bouncing{
	0%{top:-6px}
	100%{top:-10px}
}

/* end Hot oznaka u glavnom meniju*/

.beli-link {
	color: var(--global-palette7);
}

.max-with-title {
	max-width: 30ch;
  margin: auto;
}

.full-height {
	height:	calc(100vh - 126px);
}

.box-height-l {
	height: 290px;
}
@media screen and (min-width: 767px)
{
	.box-height-l {
	height: auto;
}
}


.left-section-width {
	max-width: calc(55vw - 160px);
	padding-left: 17vw;
}

.color-accent {
	color:#5D7694;
}

.fluentform .ff-btn-secondary {
    background-color: var(--global-palette3);
    border-color: var(--global-palette3);
    color: #fff;
}

.fluentform .ff-btn-secondary:hover {
    background-color: var(--global-palette4);
    border-color: var(--global-palette4);
    color: #fff;
}

.fluentform .ff-step-titles li.ff_active, .fluentform .ff-step-titles li.ff_completed {
    color: var(--global-palette1);
}

.fluentform .ff-step-titles li.ff_active:before, .fluentform .ff-step-titles li.ff_completed:before {
    background-color: var(--global-palette1);
    border: 1px solid transparent;
    color: #fff;
}

.fluentform .ff-step-titles li {
    color: var(--global-palette5);

}