/*
Theme Name: Elementra Child Theme
Theme URI: https://elementra.themerex.net/
Description: Elementra is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: ThemeREX
Author URI: https://themerex.net/
Version: 2.0.2
Tested up to: 7.0
Requires at least: 5.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: elementra
Template: elementra
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */
/*FORMS*/
.hs-form__radios{
	margin-bottom: 30px !important;
}

.hs-submit{
	border-radius: 3px 3px 3px 3px !important;
    padding: 25px 45px 25px 45px !important;
	letter-spacing: 0px !important;
}

.hs-submit:hover,
a.hs-submit:hover{
	background: #C30505 !important;
	color: #fff !important;
}

.hs-form.hs-form--status .hs-form__grid {
    grid-template-columns: 3fr 2fr 1fr !important;
}

.theme_form_field_text, input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="search"], input[type="password"], select, .select2-container.select2-container--default span.select2-choice, .select2-container.select2-container--default span.select2-selection{
	height: 69px !important;
}

/*---*/
.swiper-pagination-bullet{
	width: 60px !important;
    border-radius: 0 !important;
    height: 5px !important;
}

.footer-icons .elementor-image-box-img{
	background: #fff !important;
    padding: 15px !important;
    border-radius: 99px !important;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 15px 40px !important;
	transition: 0.3s !important;
	--overlay-transition: 0.3s !important;
	    border: 6px solid #fff;
}

@media(max-width: 634px){
	.footer-icons .elementor-image-box-wrapper{
		display: flex;
    align-items: center;
		gap: 20px;
	}
}

.footer-icons .elementor-image-box-wrapper:hover .elementor-image-box-img{
	background: #0b213e !important;
}

.trx_addons_scroll_to_top.trx_addons_icon-up.inited.show{
	border-radius: 99px;
	padding: 5px;
	background: linear-gradient(90deg, var(--e-global-color-primary) 0%, #193150 100%) !important;
    border: 4px solid #fff !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 15px 40px !important;
    z-index: 9 !important;
}

.trx_addons_scroll_to_top:before{
	font-size: 25px !important;
}

 .trx-addons-hamburger-toggle {
    background: linear-gradient(90deg, var(--e-global-color-primary) 0%, #193150 100%) !important;
    border: 4px solid #fff !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 15px 40px !important;
	z-index: 9 !important;
}

.trx-addons-hamburger-toggle  i.ti-close{
	font-size: 19px !important;
    padding: 7px !important;
}

.trx-addons-stretch-dropdown .trx-addons-mobile-menu-container {
    z-index: 1 !important;
    height: 100vh !important;
    top: 50px !important;
	
}

ul.trx-addons-mobile-menu{
	 height: fit-content !important;
}

ul.trx-addons-mobile-menu li{
	padding: 9px 20px;
    border-bottom: 1px solid #f5f8fb;
}

ul.trx-addons-mobile-menu{
	padding: 20px 0px !important;
}

.menu-sec span{
	font-size: 0.9em;
    font-weight: 400;
}

li.menu-shop{
	background: linear-gradient(90deg, var(--e-global-color-primary) 0%, #193150 100%) !important;
	
}

li.menu-shop span{
	color: #fff !important;
}

.footer-icons .elementor-social-icon {
    background: linear-gradient(90deg, var(--e-global-color-primary) 0%, #193150 100%) !important;
    border: 4px solid #fff !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 15px 40px !important;
}

.odometer-value{
	font-size: 93% !important;
}

@media (max-width: 479px) {
	h1, h2, h3, h4, h5, h6 {
		hyphens: none !important;
	}
	
	.hs-form.hs-form--status .hs-form__grid {
      grid-template-columns: 1fr !important;
	}
	
	.hs-submit{
		width: 100% !important;
	}
}



/*Translate*/

a.glink {
	margin-right: 10px;
}



/*COOKIE*/

.cky-notice-des p{
	line-height: 1.5em !important;
}

.cky-btn.cky-btn-accept,
.cky-btn.cky-btn-reject,
.cky-btn.cky-btn-preferences{
	background-color: #15213c !important;
    border-color: #15213c !important;
}

.cky-btn.cky-btn-customize{
	color: #15213c !important;
    border-color: #15213c !important;
}

.cky-btn-revisit-wrapper{
	background-color: #15213c !important;
}



/* Cookie ikona */
@media (min-width: 769px) {
	
	.cky-consent-bar{
	padding: 50px !important;
}
	
	/* COOKIE BANNER - raspored */
.cky-notice {
    display: grid !important;
    grid-template-columns: 80px minmax(0, 1fr);
    column-gap: 28px;
    align-items: center;
}
	
	.cky-notice::before {
		content: "";
		grid-column: 1;
		grid-row: 1 / 3;

		width: 76px;
		height: 76px;

		background-image: url("https://serviscentar.hr/wp-content/uploads/2026/09/cookie_6954019.svg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}

	/* Naslov */
	.cky-title {
		grid-column: 2;
		margin: 0 0 14px 0 !important;
	}

	/* Tekst + gumbi */
	.cky-notice-group {
		grid-column: 2;

		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 30px;
		align-items: center;
	}

	/* Opis */
	.cky-notice-des {
		min-width: 0;
	}

	/* Gumbi */
	.cky-notice-btn-wrapper {
		display: flex !important;
		gap: 10px;
		flex-shrink: 0;
	}

	/* Malo veći i uredniji gumbi */
	.cky-notice-btn-wrapper .cky-btn {
		min-width: 127px;
		height: 58px;
		}
}