/*!
Theme Name: Dobar Template
Theme URI: https://dobarsajt.com
Author: DobarSajt team
Author URI: https://dobarsajt.com
Description: Wordpress starter template.
Version: 1.0
*/

:root {
	--bg: #f8f8f8;
	--header1: #69AEE7; /* rgb(105, 174, 231) */
	--header2: #4281B7; /* rgb(66, 129, 183) */
	--border: #e7e7e7;
	
	--primary-1: #69AEE7; 
	--primary-2: #4281B7;
	--primary-light: #edf6fc;
	
	--orange: #FFC09F;
	--orange-light: #fff2eb;
	
	--red: #C97064;
	
	--green: #5C996E;
	--green-light: #73AB84;
	--green-bg: #f2f7f4;
	
	--font-cabin: "IBM Plex Sans", sans-serif;
	--font-sans: Arial, Helvetica, sans-serif;

	--text: #333333;
	--text-meta: #777777;
	
	--blue: #4281b7;
	--darkblue: #366996;
}

body {
	background: #fff;
	color: var(--text);
		font-family: 'IBM Plex Sans', Arial, Helvetica, sans-serif;
}

a, a:visited {
	color: var(--primary-2);
	transition: all 0.3 ease;
}

a:hover {
	color: var(--primary-1);
	text-decoration: underline;
}

h1, h2, h3, h4 {
	color: var(--text)!important;
	font-family: var(--font-cabin)!important;
	font-weight: 600!important;
}

/* Responsive headings */
h1, h2, h3, h4, h5 {
    color: #222;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

/* Mobile heading sizes (Under 768px) */
h1 { font-size: 1.75rem; } /* ~28px */
h2 { font-size: 1.5rem;  } /* ~24px */
h3 { font-size: 1.3rem;  } /* ~21px */
h4 { font-size: 1.15rem; } /* ~18px */
h5 { font-size: 1rem;    } /* 16px (Same as p, but bold) */

/* Desktop heading sizes (768px and up) */
@media (min-width: 768px) {
    h1 { font-size: 2.25rem; } /* ~36px */
    h2 { font-size: 1.75rem; } /* ~28px */
    h3 { font-size: 1.5rem;  } /* ~24px */
    h4 { font-size: 1.25rem; } /* ~20px */
    h5 { font-size: 1.1rem;  } /* ~18px */
}

#siteTitle {
	color: #ffffff!important;
}

/* Body width */
@media (min-width: 1200px) {
  .container {
    max-width: 1200px!important;
  }
}

/* Text styles */
.text-primary {
	color: var(--primary-2)!important;
}

.text-primary-light {
	color: var(--primary-1)!important;
}

.text-meta {
	color: var(--text-meta);
}

.text-vazno {
	color: var(--green);
}

.text-red {
	color: var(--red);
}

.text-white {
	color: #fff!important;
}

.fs-8 {
	font-size: 0.8rem!important;
}

.fs-9 {
	font-size: 0.9rem!important;
}

.fw-500 {
	font-weight: 500!important;
}

.fw-600 {
	font-weight: 600!important;
}

.fw-800 {
	font-weight: 800!important;
}

/* Background */
.bg-blue {
	background: var(--blue)!important;
}

.bg-darkblue {
	background: var(--darkblue)!important;
}


.bg-header {
	background: var(--header1);
	background: linear-gradient(180deg, rgba(105, 174, 231, 1) 0%, rgba(66, 129, 183, 1) 100%);
}

.bg-savet {
	background: var(--primary-light);
}

.bg-vazno {
	background: var(--green-bg);
}

.bg-primary-1 {
	background: var(--primary-1)!important;
}

.bg-primary-2 {
	background: var(--primary-2)!important;
}

/* Fonts */
.font-cabin {
	font-family: var(--font-cabin)!important;
}

/* Borders */
.border-main {
	border-color: var(--border)!important;
}

.border-savet {
	border-color: var(--primary-1)!important;
}

.border-vazno {
	border-color: var(--green-light)!important;
}

.border-primary-1 {
	border-color: var(--primary-1)!important;
}


/* WordPress */
.active>.page-link, .page-link.active {
	background: var(--primary-2)!important;
}

.page-linke {
	transition: all 0.3 ease;
}

.page-link:hover {
	background: var(--primary-2)!important;
	color: #fff!important;
	text-decoration: none!important;
}

.page-link:focus {
	box-shadow: none!important;
	background: var(--primary-1)!important;
}