/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
html {
  font-size: 100%;
  background-color: var(--heading-light)
}

body {
  font-size: 1rem;
  line-height: 1.3;
  color: var(--text-dark);
  background: none;
}

/* Size */
.text-lg {
	font-size: 2.6rem;
	font-size: clamp(2.6rem, 2.3203rem + 1.4vw, 4rem);
}
h1 {
	font-size: 2.25rem;
	font-size: clamp(2.25rem, 2.1rem + .75vw, 3rem);
}
h2 {
	font-size: 1.8rem;
	font-size: clamp(1.8rem, 1.6802rem + .5999vw, 2.4rem);
}
h3,
.male-blog--grid-masonry__main-card-heading a,
.male-single-quote--text {
	font-size: 1.6rem;
	font-size: clamp(1.6rem, 1.52rem + .3999vw, 2rem);
}
h4,
.male-offcanvas-nav--menu-link,
.male-offcanvas-nav--menu-dropdown span {
	font-size: 1.4rem;
	font-size: clamp(1.4rem, 1.3599rem + .2018vw, 1.6rem);
}
h5,
.male-hero--text,
.male-activities--slide__heading,
.male-planning--card__heading,
.male-blog--grid-masonry__sub-card-heading,
.male-destinations--card__heading,
.male-single-info--card-heading,
.male-single-destinations--slide__heading {
	font-size: 1.3rem;
	font-size: clamp(1.3rem, 1.28rem + .0987vw, 1.4rem);
}
h6 {
	font-size: 1.1rem;
	font-size: clamp(1.1rem, 1.08rem + .0987vw, 1.2rem);
}
div,
p,
a {
	font-size: clamp(0.9rem, 0.153vw + 0.869rem, 1rem);
}
p {
	font-weight: 400;
	line-height: 1.5em;
}

.brxe-section {
    padding: clamp(1.5rem, 0.765vw + 1.347rem, 2rem) clamp(1.25rem, 2.778vw + 0.417rem, 2.5rem);
}
.text-sm,
.male-offcanvas-nav--submenu-link,
.male-header--dropdown-content__link,
.male-planning--card__link,
.male-blog--grid-masonry__sub-card-excerpt,
.male-single-info--card-text p,
.male-single-info--card-text a {
	font-size: .9rem;
	font-size: clamp(.9rem, .86rem + .2001vw, 1.1rem);
}
.male-header--contact-text,
.male-header--list-link,
.male-header--dropdown span,
.male-header--dropdown-content__card-link,
.male--subheading,
.male-blog--grid-masonry__main-card-date,
.male-blog--grid-masonry__sub-card-date,
.male-single-hero--subheading,
.male-single--subheading,
.male-single-quote--name {
	font-size: .8rem;
	font-size: clamp(.8rem, .78rem + .0998vw, .9rem);
}
.male-btn,
.male-offcanvas-nav--menu-title,
.male-header--dropdown-all-btn,
.male-offcanvas-nav--menu-dropdown-inner__title,
.male-footer--menu-nav-link,
.male-footer--cta-title,
.male-subfooter--copyright,
.male-blog--grid-masonry__main-card-cat a,
.male-blog--grid-masonry__sub-card-cat a,
.male-single-cta--available__text {
	font-size: .7rem;
	font-size: clamp(.7rem, .67999rem + .1009vw, .8rem);
}
/* Weight */
h1,
.male-offcanvas-nav--menu-dropdown i,
.male-header--dropdown i {
	font-weight: 700;
}
h2,
h3,
h3 a {
	font-weight: 600;
}
h4,
h5,
h6,
a,
.male-offcanvas-nav--menu-link,
.male-offcanvas-nav--menu-dropdown span {
	font-weight: 500;
}
.card_services_heading,
.card_services_text {
  color: #6b6b6b !important; /* osnovna boja */
  transition: color 0.3s ease !important;
}

.card:hover .card_services_heading,
.card:hover .card_services_text {
  color: #ffffff !important; /* boja na hover kartice */
}


/* Root */
:root {
  --grid-1: repeat(1, minmax(0, 1fr));
  --grid-2: repeat(2, minmax(0, 1fr));
  --grid-3: repeat(3, minmax(0, 1fr));
  --grid-4: repeat(4, minmax(0, 1fr));
  --grid-5: repeat(5, minmax(0, 1fr));
  --grid-6: repeat(6, minmax(0, 1fr));
  --grid-7: repeat(7, minmax(0, 1fr));
  --grid-8: repeat(8, minmax(0, 1fr));
  --grid-9: repeat(9, minmax(0, 1fr));
  --grid-10: repeat(10, minmax(0, 1fr));
  --grid-11: repeat(11, minmax(0, 1fr));
  --grid-12: repeat(12, minmax(0, 1fr));
  --container-gap: clamp(4.2645336rem, calc(2.4706425447vw + 3.3751022839rem), 6.75rem);
  --content-gap: clamp(1.75rem, 0.765vw + 1.597rem, 2.25rem);
  --grid-gap: clamp(2.4rem, calc(0.5964214712vw + 2.1852882704rem), 3rem);
  --links-gap: calc(clamp(2.4rem, calc(0.5964214712vw + 2.1852882704rem), 3rem) / 3.5);

--header-padding-block: clamp(0.5rem, 0.382vw + 0.424rem, 0.75rem) 2.5rem;
--section-padding-block: clamp(2rem, 4.589vw + 1.082rem, 5rem);
--footer-padding-block: clamp(1rem, 6.119vw + -0.224rem, 5rem) clamp(1.25rem, 1.912vw + 0.868rem, 2.5rem);
	
  --footer-heading: clamp(1.125rem, 0.191vw + 1.087rem, 1.25rem);
  --footer-link: clamp(0.938rem, 0.096vw + 0.918rem, 1rem);
	
	
--body-link-color: #001381;	
	
	--primary: #001381;
	--primary-hover: #0057d9;
	--secondary: #efd600;
	--secondary-accent: #baa700;
	--navigation: #272727;
	--default: #6b6b6b;
	--bg-dark: #001028;
	
	--heading-dark: #040404;
	--text-dark: #242424;
	
	
	--heading-light: #f9f9f9;
	--text-light: #c7c7c7;
	--bg-light: #d9e8ff;
	
	--black: #000;
	--white: #fff;

	--tile: #ededed;	
	--tile-hover: var(--primary);
	
	--radius-none: 0;
	--radius-primary: 1rem;
	--radius-full: 999rem;
	
	--bricks-transition-fast: all .2s cubic-bezier(.87,0,.13,1);
	--bricks-transition: all .4s cubic-bezier(.87,0,.13,1);
}

/* Transitions */
a,
.male-header--contact-text,
.male-header--contact-icon,
.male-offcanvas-nav .brx-offcanvas-inner,
.male-header--dropdown-content__img-wrapper::before,
.male-subfooter--social-media li,
.male-info-card::before,
.male-activities--slide__img-wrapper::before,
.male-blog--grid-masonry__main-card-img-wrapper::before,
.male-blog--tab-menu__text-wrapper,
.male-destinations--card__img-wrapper::before,
.male-single-destinations--slide__img-wrapper::before {
	-webkit-transition: var(--bricks-transition);
			transition: var(--bricks-transition);
}
.male-header--dropdown-content {
	-webkit-transition: var(--bricks-transition-fast);
			transition: var(--bricks-transition-fast);
}

/* General */
*,
html,
body {
  	overscroll-behavior: none!important;
}




.male-btn,
.male-offcanvas-nav--menu-title,
.male-header--dropdown-all-btn,
.male-offcanvas-nav--menu-dropdown-inner__title,
.male-footer--menu-nav-link,
.male-footer--cta-title,
.male-subfooter--copyright,
.male-blog--grid-masonry__main-card-cat a,
.male-blog--grid-masonry__sub-card-cat a,
.male-single-cta--available__text {
	font-size: .7rem;
	font-size: clamp(.7rem, .67999rem + .1009vw, .8rem);
}



/* Offcanvas */
.male-header--dropdown.active span,
.male-offcanvas-nav--menu-dropdown.active span {
	color: var(--primary);
}
.male-offcanvas-nav--menu-dropdown .brx-submenu-toggle button {
	transform: translateY(2px) scaleY(1);
}
.male-offcanvas-nav--menu-dropdown .brx-submenu-toggle button[aria-expanded="true"] {
	transform: translateY(2px) scaleY(-1);
}





/* Tablet portrait */
@media (min-width: 600px) {
	/* Header */

    .slide-right-hover-effect:hover::before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    .slide-right-hover-effect::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
	

    /* Header Buttons */
	.book-now:hover .book-now-text,
	.call-now:hover .call-text {
		color: #fff;
	}
	.book-now:hover svg path,
	.call-now:hover svg path {
    fill: #fff;
    }
	.call-now svg path {
  		color: var(--text-dark);
  		fill: var(--text-dark)
	}
	.book-now svg path {
  		color: var(--primary);
  		fill: var(--primary)
	}
	{
    fill: #fff;
    }

  	/* Offcanvas */
	.male-offcanvas-nav--menu-dropdown .brx-submenu-toggle button {
		transform: translateY(2px) scale(1,1) rotate(-90deg); 
	}
	.male-offcanvas-nav--menu-dropdown .brx-submenu-toggle button[aria-expanded="true"] {
		transform: translateY(2px) scale(-1,1) rotate(-90deg); 
	}
	.brxe-dropdown .brx-dropdown-content.male-offcanvas-nav--menu-dropdown-content {
		position: absolute;
		top: 0;
		left: calc(100% + 1rem + 1px) !important;
	}
	/* Scrollbar - Chrome */
	.male-offcanvas-nav--menu-dropdown-list::-webkit-scrollbar {
		width: 2px;
	}
	.male-offcanvas-nav--menu-dropdown-list::-webkit-scrollbar-track {
		background: rgba(var(--white),1);
	}
	.male-offcanvas-nav--menu-dropdown-list::-webkit-scrollbar-thumb,
	.male-offcanvas-nav--menu-dropdown-list::-webkit-scrollbar-thumb:hover {
		background: var(--primary);
	}
}