/*
Theme Name: Kayleen child
Theme URI: https://landing.rivaxstudio.com/kayleen/
Author: RivaxStudio
Author URI: https://themeforest.net/user/rivaxstudio/
Description: Kayleen is Designed for lightweight WordPress Magazine, Blog and Newspapaer Websites.
Version: 1.0.0
Template:  kayleen
License: Themeforest.net
License URI: http://themeforest.net/licenses
Text Domain: rivax-studio
Tags: blog, magazine, minimal, lightweight
*/


.cf7-two-col {
  display: flex;
  gap: 20px; /* razmak između polja */
}

.cf7-two-col label {
  flex: 1; /* oba labela iste širine */
}

.wpcf7 label{
	color:#63696f;
}

.wpcf7-textarea{
	width:100%;
}

/* responsive: na manjim ekranima polja idu jedno ispod drugoga */
@media (max-width: 768px) {
  .cf7-two-col {
    flex-direction: column;
  }
}

.grecaptcha-badge{
	display:none;
}

@media (min-width: 1024px){
	.sidebar-right.content-container{
		width: calc(100% - 300px) !important;
	}

	.sidebar-container {
		width:300px !important;
	}
}

@media (max-width: 767px) {
  .footer-canvas-menu-btn-container { /* prilagodi klasu prema temi */
    position: absolute;
    top: 15px;     /* udaljenost od vrha */
    right: 15px;   /* udaljenost od desnog ruba */
    bottom: auto;  /* ukloni bilo kakvu bottom poziciju */
  }
	
	.footer-canvas-menu-bg{
		position: absolute;
		top: 15px;     /* udaljenost od vrha */
		right: 15px;   /* udaljenost od desnog ruba */
		bottom: auto;  /* ukloni bilo kakvu bottom poziciju */
	}
	
	.footer-canvas-menu-active .footer-canvas-menu-bg{
		top:0;
		position:fixed;
	}
}