/*  MICROTHEMER STYLES here  */

/*= Hand Coded CSS ============ */

@font-face {
    font-family: ITCAvantGardePro-Md;
    src: url('ITCAvantGardePro-Md.eot');
     src: url('ITCAvantGardePro-Md.eot?#iefix') format('embedded-opentype'), 
        url('ITCAvantGardePro-Md.woff') format('woff'), 
        url('ITCAvantGardePro-Md.ttf')  format('truetype'),
        url('ITCAvantGardePro-Md.svg#svgFontName') format('svg');
        font-weight: normal;
        font-style: normal;

}

/*= Body ====================== */

/** Body >> .uabb-typed-main **/
.uabb-typed-main {
	font-family: 'Roboto' !important;
	font-size: 20px !important;
}


/*= Header ==================== */

/** Header >> Red-btn **/
header#home a.red-btn {
	background-color: rgba(233, 102, 86, 0.6) !important;
}


/** Header >> Green-btn **/
header#home a.green-btn {
	background-color: rgba(30, 158, 107, 0.6) !important;
}


/** Header >> Red-btn-hover **/
header#home a.red-btn:hover {
	background-color: rgb(233, 102, 86) !important;
}


/** Header >> H1 **/
header#home h1 {
	width: 60% !important;
	margin-right: auto !important;
	margin-bottom: 0 !important;
	margin-left: auto !important;
}


/** Header >> Intro-text **/
header#home h1.intro-text {
	color: rgba(255, 255, 255, 0) !important;
	background-color: rgba(0, 0, 0, 0) !important;
}


/*= Content =================== */

/** Content >> Green-bt-hover **/
header#home a.green-btn:hover {
	background-color: rgb(30, 158, 107) !important;
}


/** Content >> Page-numbers **/
article#post-43 a.page-numbers {
	background-color: rgb(255, 251, 251) !important;
}


/** Content >> Content-wrap **/
header#home div.header-content-wrap {
	background-color: rgba(0, 0, 0, 0) !important;
}


/** Content >> Latestnews **/
#latestnews {
	font-family: ITCAvantGardePro-Md !important;
	background-color: rgba(255, 255, 255, 0) !important;
	background-image: none !important;
	padding-top: 0px !important;
}


/** Content >> Latestnews container **/
#latestnews .container {
	background-color: rgb(255, 255, 255) !important;
	border-radius: 5px !important;
}


/** Content >> Dark text **/
.dark-text {
	font-family: ITCAvantGardePro-Md !important;
}


/** Content >> Main nav container **/
#main-nav .container {
	font-family: ITCAvantGardePro-Md !important;
	color: rgb(2, 7, 14) !important;
}


/** Content >> Latesnews content paragraph **/
.latesnews-content p {
	color: rgb(2, 7, 14) !important;
}


/** Content >> #content **/
#content {
	font-family: 'Roboto' !important;
	background-color: rgba(255, 255, 255, 0) !important;
	background-image: url("http://www.barskiljetopis.me/wp-content/uploads/2017/04/background.jpg") !important;
}


/** Content >> .fl-module-blog-posts **/
.fl-module-blog-posts {
	font-family: 'Roboto' !important;
	border-radius: 5px !important;
}


/** Content >> .fl-node-58f3729820a66 div **/
.fl-node-58f3729820a66 div {
	font-family: ITCAvantGardePro-Md !important;
	border-radius: 0 !important;
}


/** Content >> .uabb-post-meta a **/
.uabb-post-meta a {
	color: rgb(0, 204, 255) !important;
}


/** Content >> .uabb-post-meta a:hover **/
.uabb-post-meta a:hover {
	color: rgb(2, 7, 14) !important;
}


/** Content >> .fl-row-content-wrap **/
.fl-row-content-wrap {
	padding-top: 0 !important;
}


/** Content >> .fl-tabs-labels .fl-tab-active **/
.fl-tabs-labels .fl-tab-active {
	font-weight: bold !important;
	background-color: rgb(219, 219, 219) !important;
}


/** Content >> .zerif-footer-email a:hover **/
.zerif-footer-email a:hover {
	color: rgb(0, 204, 255) !important;
}


/** Content >> #post-4931 **/
#post-4931 {
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}


/*= Pages ===================== */

/** Pages >> table.tabela tbody .plava-treca p **/
table.tabela tbody .plava-treca p {
	margin-bottom: 3px !important;
}


/** Pages >> table.tabela tbody .crvena-treca p **/
table.tabela tbody .crvena-treca p {
	margin-bottom: 3px !important;
}


/** Pages >> table.tabela tbody .zuta-treca p **/
table.tabela tbody .zuta-treca p {
	margin-bottom: 3px !important;
}


/** Pages >> .zelena-treca p **/
.zelena-treca p {
	margin-bottom: 3px !important;
}


/** Pages >> .tabela tr **/
.tabela tr {
	vertical-align: middle !important;
}


/** Pages >> #section-topline-0 td **/
#section-topline-0 td {
	vertical-align: middle !important;
}


/** Pages >> #tribe-events-content **/
#tribe-events-content {
	background-color: rgb(255, 255, 255) !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
}


/*= Sidebar =================== */

/** Sidebar >> Calendar-month **/
div#calendar div.c-grid-title {
	font-family: ITCAvantGardePro-Md !important;
	font-size: 25px !important;
	font-weight: normal !important;
	background-color: rgb(0, 204, 255) !important;
}


/** Sidebar >> Calendar-Week **/
div#calendar div.c-week-day {
	font-family: ITCAvantGardePro-Md !important;
	color: rgb(0, 204, 255) !important;
	font-size: 13px !important;
	line-height: 15px !important;
	font-variant: normal !important;
	border-top-color: rgb(0, 204, 255) !important;
	border-bottom-color: rgb(0, 204, 255) !important;
	border-left-color: rgb(0, 204, 255) !important;
}


/** Sidebar >> Calendar-days **/
div.c-grid div.c-day {
	color: rgb(2, 7, 14) !important;
}


/** Sidebar >> Calendar-Day-Today **/
div#calendar div.c-today {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(0, 204, 255) !important;
}


/** Sidebar >> Calendar-event-day **/
div#calendar div.c-event {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(154, 154, 154) !important;
}


/** Sidebar >> Calendar-Event-hover **/
div#calendar div.c-event-over {
	color: rgb(2, 7, 14) !important;
	font-weight: bold !important;
	background-color: rgb(208, 205, 205) !important;
}


/** Sidebar >> Calendar-Event-Title **/
div#calendar div.c-event-title {
	font-family: ITCAvantGardePro-Md !important;
	font-size: 22px !important;
	font-style: normal !important;
	background-color: rgb(2, 7, 14) !important;
}


/** Sidebar >> Calendar-Event-titleTime **/
div.c-event-item div.title {
	color: rgb(2, 7, 14) !important;
}


/** Sidebar >> Calendar-widget **/
aside#total_soft_cal-5 div#calendar {
	text-shadow: 0 0 rgba(255, 255, 255, 0) !important;
	box-shadow: 1px 0 0 rgba(255, 255, 255, 0) !important;
	width: 100% !important;
	padding-top: 10px !important;
	border-color: rgb(255, 255, 255) !important;
	border-radius: 5px !important;
}


/** Sidebar >> Sidebar-wrap **/
div#content div.sidebar-wrap {
	background-color: rgb(255, 255, 255) !important;
	padding-top: 0 !important;
	margin-top: 15px !important;
	border-radius: 0 !important;
}


/** Sidebar >> Pokrovitelji-h2 **/
aside#hugeit_slider_widget-5 h2.widget-title {
	font-family: ITCAvantGardePro-Md !important;
	color: rgb(255, 255, 255) !important;
	text-align: center !important;
	background-color: rgb(2, 7, 14) !important;
}


/** Sidebar >> Widget title **/
.widget-title {
	font-family: ITCAvantGardePro-Md !important;
	color: rgb(255, 255, 255) !important;
	font-size: 20px !important;
	line-height: 30px !important;
	font-weight: normal !important;
	text-align: center !important;
	background-color: rgb(2, 7, 14) !important;
	background-repeat: repeat !important;
	margin-top: 20px !important;
}


/** Sidebar >> Paragraph link **/
p a {
	color: rgb(246, 99, 99) !important;
	font-size: 15px !important;
	line-height: 0 !important;
	font-weight: normal !important;
}


/** Sidebar >> #hugeit_slider_widget-5 **/
#hugeit_slider_widget-5 {
	background-color: rgb(255, 255, 255) !important;
	border-radius: 5px !important;
}


/** Sidebar >> .entry-title **/
.entry-title {
	padding-top: 30px !important;
	padding-right: 5px !important;
	padding-left: 5px !important;
}


/** Sidebar >> .entry-header **/
.entry-header {
	background-color: rgb(255, 255, 255) !important;
}


/** Sidebar >> .page-title **/
.page-title {
	background-color: rgb(255, 255, 255) !important;
	padding-top: 25px !important;
}


/** Sidebar >> .post div **/
.post div {
	background-color: rgb(255, 255, 255) !important;
	padding: 0 10px 10px 10px !important;
	margin-top: 0 !important;
}


/** Sidebar >> .plava-prva h3 **/
.plava-prva h3 {
	font-size: 20px !important;
	line-height: 35px !important;
	padding-left: 5px !important;
}


/** Sidebar >> .crvena-prva h3 **/
.crvena-prva h3 {
	font-size: 20px !important;
	line-height: 35px !important;
	padding-left: 5px !important;
}


/** Sidebar >> .zuta-prva h3 **/
.zuta-prva h3 {
	font-size: 20px !important;
	line-height: 35px !important;
	padding-left: 5px !important;
}


/** Sidebar >> .zelena-prva h3 **/
.zelena-prva h3 {
	font-size: 20px !important;
	line-height: 35px !important;
	padding-left: 10px !important;
}


/** Sidebar >> #tribe_events_filters_wrapper **/
#tribe_events_filters_wrapper {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	margin-bottom: 2px !important;
}


/** Sidebar >> .tribe-events-promo **/
.tribe-events-promo {
	display: none !important;
}


/** Sidebar >> .tribe-events-page-title a **/
.tribe-events-page-title a {
	color: rgb(0, 148, 145) !important;
	font-size: 25px !important;
	font-weight: 500 !important;
	text-decoration: underline !important;
}


/** Sidebar >> .tribe-icon-month **/
.tribe-icon-month {
	font-size: 15px !important;
}


/** Sidebar >> #legend **/
#legend {
	margin-left: 0 !important;
}


/** Sidebar >> .type-tribe_events **/
.type-tribe_events {
	border-bottom: 1px solid rgba(5, 18, 34, 0.5) !important;
}


/** Sidebar >> .tribe-events-list-separator-month **/
.tribe-events-list-separator-month {
	color: rgb(32, 170, 220) !important;
	font-weight: 700 !important;
	text-align: center !important;
	background-color: rgb(5, 18, 34) !important;
}


/** Sidebar >> .tribe-events-list-separator-month span **/
.tribe-events-list-separator-month span {
	color: rgb(44, 185, 236) !important;
	font-size: 25px !important;
}


/** Sidebar >> .ticket-cost::before **/
.ticket-cost::before {
	content: "Cijena ulaznice: " !important;
}


/** Sidebar >> .content-left-wrap **/
.content-left-wrap {
	font-family: 'Roboto' !important;
	padding-top: 0px !important;
}


/** Sidebar >> .entry-content **/
.entry-content {
	margin-top: 0px !important;
}


/** Sidebar >> .tribe-events-page-title **/
.tribe-events-page-title {
	background-color: rgb(255, 255, 255) !important;
	padding-top: 15px !important;
	margin-bottom: 0 !important;
}


/** Sidebar >> #tribe-events-list-widget-15 .widget-title **/
#tribe-events-list-widget-15 .widget-title {
	font-family: ITCAvantGardePro-Md !important;
}


/*= Footer ==================== */

/** Footer >> .zerif-footer-address **/
.zerif-footer-address {
	font-family: ITCAvantGardePro-Md !important;
}


/** Footer >> .zerif-copyright:hover **/
.zerif-copyright:hover {
	color: rgb(0, 204, 255) !important;
}


/** Footer >> .zerif-footer-email **/
.zerif-footer-email {
	font-family: ITCAvantGardePro-Md !important;
}


/** Footer >> .zerif-footer-phone **/
.zerif-footer-phone {
	font-family: ITCAvantGardePro-Md !important;
}


/*= Main Menu ================= */

/** Main Menu >> Menu item link **/
.menu-item a {
	color: rgb(255, 255, 255) !important;
}


/** Main Menu >> Menu item link Hover **/
.menu-item a:hover {
	color: rgb(71, 244, 239) !important;
}


/** Main Menu >> Menu item link Active **/
.menu-item a:active {
	color: rgb(0, 204, 255) !important;
}


/** Main Menu >> Latestnews title link Hover **/
.latestnews-title a:hover {
	color: rgb(0, 204, 255) !important;
}


/** Main Menu >> Latestnews title link **/
.latestnews-title {
	color: rgb(2, 7, 14) !important;
}


/** Main Menu >> .fl-node-58ed3a5019a42 div **/
.fl-node-58ed3a5019a42 div {
	border-radius: 0 !important;
}


/** Main Menu >> .widget input **/
.widget input {
	width: 100% !important;
	border-radius: 5px !important;
}


/** Main Menu >> #searchsubmit **/
#searchsubmit {
	background-color: rgb(0, 204, 255) !important;
	width: 100% !important;
	height: auto !important;
}


/** Main Menu >> .sidebar-wrap **/
.sidebar-wrap {
	background-color: rgba(255, 255, 255, 0) !important;
	width: 20% !important;
	padding-bottom: 10px !important;
	border-radius: 5px !important;
}


/** Main Menu >> a .fa:hover **/
a .fa:hover {
	color: rgb(0, 204, 255) !important;
}


/** Main Menu >> .sub-menu .menu-item **/
.sub-menu .menu-item {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(0, 4, 52) !important;
}


/** Main Menu >> .col-md-9 **/
.col-md-9 {
	padding-top: 0 !important;
	padding-right: 5px !important;
	padding-left: 5px !important;
}


/*= Sidebar _2 ================ */

/** Sidebar _2 >> .nav-links a **/
.nav-links a {
	color: rgb(101, 244, 235) !important;
}


/** Sidebar _2 >> .fl-node-590b7cd77a85c .fl-col **/
.fl-node-590b7cd77a85c .fl-col {
	background-color: #fff !important;
	box-shadow: 0 0 35px #9B9B8C !important;
}


/** Sidebar _2 >> .c-month **/
.c-month {
	font-family: ITCAvantGardePro-Md !important;
	font-size: 20px !important;
	background-color: rgb(2, 7, 14) !important;
}


/** Sidebar _2 >> #calendar_5 **/
#calendar_5 {
	box-shadow: 1px 0 0px 0px rgb(255, 255, 255) !important;
	margin-top: 25px !important;
}


/** Sidebar _2 >> .c-next **/
.c-next {
	background-color: rgb(2, 7, 14) !important;
}


/** Sidebar _2 >> .c-previous **/
.c-previous {
	background-color: rgb(2, 7, 14) !important;
}


/** Sidebar _2 >> .c-event-title **/
.c-event-title {
	font-family: ITCAvantGardePro-Md !important;
	font-size: 20px !important;
	background-color: rgb(2, 7, 14) !important;
	height: 30px !important;
}


/** Sidebar _2 >> .c-week-day **/
.c-week-day {
	font-family: ITCAvantGardePro-Md !important;
	color: rgb(2, 7, 14) !important;
	font-size: 12px !important;
	border-bottom-color: rgb(2, 7, 14) !important;
}


/** Sidebar _2 >> .c-today **/
.c-today {
	background-color: rgb(27, 208, 239) !important;
}


/** Sidebar _2 >> .col-md-3 **/
.col-md-3 {
	padding-right: 0px !important;
	padding-left: 0px !important;
}


/** Sidebar _2 >> .huge-it-wrap **/
.huge-it-wrap {
	height: 150px !important;
}


/** Sidebar _2 >> #site-navigation **/
#site-navigation {
	float: left !important;
}


/** Sidebar _2 >> .tribe-events-after-html a **/
.tribe-events-after-html a {
	color: rgb(255, 255, 255) !important;
	padding-left: 0px !important;
}


/** Sidebar _2 >> .tribe-events-after-html p **/
.tribe-events-after-html p {
	text-align: center !important;
}


/** Sidebar _2 >> .tribe-events-category-168:hover **/
.tribe-events-category-168:hover {
	background-color: rgb(72, 130, 45) !important;
}


/** Sidebar _2 >> .tribe-events-category-167:hover **/
.tribe-events-category-167:hover {
	background-color: rgb(0, 87, 163) !important;
}


/** Sidebar _2 >> .tribe-events-category-166:hover **/
.tribe-events-category-166:hover {
	background-color: rgb(206, 123, 0) !important;
}


/** Sidebar _2 >> .tribe-events-category-169:hover **/
.tribe-events-category-169:hover {
	background-color: rgb(175, 43, 43) !important;
}


/** Sidebar _2 >> .tribe-events-category-170:hover **/
.tribe-events-category-170:hover {
	background-color: rgb(116, 32, 155) !important;
}


/** Sidebar _2 >> .widgettitle **/
.widgettitle {
	font-size: 20px !important;
	line-height: 22px !important;
	font-weight: 500 !important;
	text-align: center !important;
}


/** Sidebar _2 >> .tribe-events-category-177:hover **/
.tribe-events-category-177:hover {
	background-color: rgb(72, 130, 45) !important;
	margin: 0px !important;
	border-left-color: rgb(72, 130, 45) !important;
}


/** Sidebar _2 >> .tribe-events-category-176:hover **/
.tribe-events-category-176:hover {
	background-color: rgb(175, 43, 43) !important;
	border-left-color: rgb(175, 43, 43) !important;
}


/** Sidebar _2 >> .tribe-events-category-178:hover **/
.tribe-events-category-178:hover {
	background-color: rgb(116, 32, 155) !important;
	border-left-color: rgb(116, 32, 155) !important;
}


/** Sidebar _2 >> .description **/
.description {
	float: left !important;
}


/** Sidebar _2 >> .description p **/
.description p {
	display: none !important;
}


/** Sidebar _2 >> .entry-title::before **/
.entry-title::before {
	background-color: rgba(255, 255, 255, 0) !important;
	height: 0px !important;
}


/** Sidebar _2 >> .entry-title::after **/
.entry-title::after {
	height: 0px !important;
}


/** Sidebar _2 >> .tribe-events-before-html button **/
.tribe-events-before-html button {
	display: -webkit-inline-flexbox !important;
	display: -moz-inline-flexbox !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
}


/** Sidebar _2 >> #legend li **/
#legend li {
	margin-left: 0px !important;
}


/*= Sidebar _2 _2 ============= */

/** Sidebar _2 _2 >> .legend-explanation **/
.legend-explanation {
	visibility: hidden !important;
}


/** Sidebar _2 _2 >> button a **/
button a {
	font-size: 14px !important;
}


/** Sidebar _2 _2 >> .footable-header .ninja_column_0 **/
.footable-header .ninja_column_0 {
	min-width: 100px !important;
}


/** Sidebar _2 _2 >> .footable-header .ninja_column_2 **/
.footable-header .ninja_column_2 {
	min-width: 150px !important;
}


/** Sidebar _2 _2 >> .footable-header th **/
.footable-header th {
	text-align: center !important;
}


/** Sidebar _2 _2 >> .fl-node-5b1afbc71ae92 .fl-module **/
.fl-node-5b1afbc71ae92 .fl-module {
	background-color: #fff !important;
	box-shadow: 0 0 35px #9B9B8C !important;
}


/*= Sidebar _3 ================ */

/** Sidebar _3 >> .tribe-events-category-249:hover **/
.tribe-events-category-249:hover {
	background-color: rgb(196, 98, 0) !important;
}


/** Sidebar _3 >> .fl-node-5cfa31aa1f048 .fl-module **/
.fl-node-5cfa31aa1f048 .fl-module {
	background-color: #fff !important;
	box-shadow: 0 0 35px #9B9B8C !important;
}


/** Sidebar _3 >> .fl-node-5cfa31aa1f12e .fl-module **/
.fl-node-5cfa31aa1f12e .fl-module {
	background-color: #fff !important;
	box-shadow: 0 0 35px #9B9B8C !important;
}


/** Sidebar _3 >> .fl-col-group-nested .fl-module **/
.fl-col-group-nested .fl-module {
	background-color: #fff !important;
	box-shadow: 0 0 35px #9B9B8C !important;
}


/** Sidebar _3 >> #main-nav .container **/
#main-nav .container {
	font-family: 'Roboto' !important;
}


/** Sidebar _3 >> #content **/
#content {
	font-family: 'Roboto' !important;
}



/*[ Large Desktop ]*/
@media (min-width: 1200px) {

	/*= Sidebar =================== */

	/** Sidebar >> Calendar-month **/
		div#calendar div.c-grid-title {
		font-size: 18px !important;
		font-weight: bold !important;
	}


	/** Sidebar >> Calendar-Event-Title **/
		div#calendar div.c-event-title {
		height: 50px !important;
	}


	/** Sidebar >> Sidebar-wrap **/
		div#content div.sidebar-wrap {
		margin-top: 0 !important;
	}


	/** Sidebar >> Widget title **/
		.widget-title {
		font-family: ITC !important;
	}


	/** Sidebar >> #hugeit_slider_widget-5 **/
		#hugeit_slider_widget-5 {
		height: 235px !important;
	}


	/** Sidebar >> #main-nav **/
		#main-nav {
		background-color: rgb(0, 4, 52) !important;
	}


	/*= Main Menu ================= */

	/** Main Menu >> Menu item link **/
		.menu-item a {
		color: rgb(255, 255, 255) !important;
	}


	/** Main Menu >> .fl-node-58ed3a5019a42 div **/
		.fl-node-58ed3a5019a42 div {
		border-radius: 0 !important;
	}


	/** Main Menu >> .sub-menu .menu-item **/
		.sub-menu .menu-item {
		background-color: rgb(0, 4, 52) !important;
	}


	/** Main Menu >> .col-md-9 **/
		.col-md-9 {
		width: 80% !important;
		margin-top: -16px !important;
	}


	/*= Sidebar _2 ================ */

	/** Sidebar _2 >> .c-event-grid **/
		.c-event-grid {
		height: 522px !important;
	}


	/** Sidebar _2 >> #calendar_5 **/
		#calendar_5 {
		height: 700px !important;
	}


	/** Sidebar _2 >> .c-next **/
		.c-next {
		background-color: rgb(2, 7, 14) !important;
	}


	/** Sidebar _2 >> .c-previous **/
		.c-previous {
		background-color: rgb(2, 7, 14) !important;
	}


	/** Sidebar _2 >> .c-event-title **/
		.c-event-title {
		font-family: ITCAvantGardePro-Md !important;
		background-color: rgb(2, 7, 14) !important;
	}

}

/*[ Desktop & Tablet ]*/
@media (min-width: 768px) and (max-width: 979px) {

	/*= Pages ===================== */

	/** Pages >> .tabela h2 **/
		.tabela h2 {
		font-size: 20px !important;
	}


	/*= Sidebar =================== */

	/** Sidebar >> Calendar-widget **/
		aside#total_soft_cal-5 div#calendar {
		width: 300px !important;
	}


	/** Sidebar >> Sidebar-wrap **/
		div#content div.sidebar-wrap {
		width: 250px !important;
	}


	/** Sidebar >> #hugeit_slider_widget-5 **/
		#hugeit_slider_widget-5 {
		width: 250px !important;
	}


	/** Sidebar >> .tribe-events-calendar th **/
		.tribe-events-calendar th {
		font-size: 13px !important;
		font-weight: 600 !important;
		text-transform: capitalize !important;
	}


	/** Sidebar >> .fl-node-590b825d4cce7 a **/
		.fl-node-590b825d4cce7 a {
		margin-left: -5px !important;
	}


	/*= Main Menu ================= */

	/** Main Menu >> .fl-node-58ed3a5019a42 div **/
		.fl-node-58ed3a5019a42 div {
		margin-top: 0 !important;
		border-radius: 0 !important;
	}


	/*= Sidebar _2 ================ */

	/** Sidebar _2 >> .fl-heading-text **/
		.fl-heading-text {
		font-family: ITCAvantGardePro-Md !important;
		font-weight: normal !important;
	}


	/*= Sidebar _3 ================ */

	/** Sidebar _3 >> .fl-photo-content **/
		.fl-photo-content {
		min-width: 120px !important;
		max-width: 120px !important;
	}

}

/*[ Tablet & Phone ]*/
@media (max-width: 767px) {

	/*= Pages ===================== */

	/** Pages >> table.tabela tbody .plava-treca p **/
		table.tabela tbody .plava-treca p {
		font-size: 12px !important;
		line-height: 15px !important;
		text-align: left !important;
		white-space: pre-line !important;
	}


	/** Pages >> table.tabela tbody .crvena-treca p **/
		table.tabela tbody .crvena-treca p {
		font-size: 12px !important;
		text-align: left !important;
		word-wrap: normal !important;
		white-space: pre-line !important;
		margin-bottom: 3px !important;
	}


	/** Pages >> table.tabela tbody .zuta-treca p **/
		table.tabela tbody .zuta-treca p {
		font-size: 12px !important;
		white-space: pre-line !important;
		margin-bottom: 3px !important;
	}


	/** Pages >> .tabela h2 **/
		.tabela h2 {
		font-size: 18px !important;
	}


	/** Pages >> .plava-druga **/
		.plava-druga {
		display: none !important;
		width: 0px !important;
	}


	/** Pages >> .crvena-druga **/
		.crvena-druga {
		display: none !important;
		width: 0px !important;
		max-width: none !important;
	}


	/** Pages >> .zuta-druga **/
		.zuta-druga {
		display: none !important;
		width: 0px !important;
	}


	/** Pages >> .zelena-druga **/
		.zelena-druga {
		display: none !important;
		width: 0px !important;
		max-width: none !important;
	}


	/** Pages >> .zelena-treca p **/
		.zelena-treca p {
		font-size: 12px !important;
		white-space: pre-line !important;
		margin-bottom: 3px !important;
	}


	/*= Sidebar =================== */

	/** Sidebar >> Calendar-widget **/
		aside#total_soft_cal-5 div#calendar {
		width: 300px !important;
	}


	/** Sidebar >> Sidebar-wrap **/
		div#content div.sidebar-wrap {
		width: 350px !important;
	}


	/** Sidebar >> Paragraph link **/
		p a {
		font-size: 15px !important;
		font-weight: normal !important;
	}


	/** Sidebar >> #hugeit_slider_widget-5 **/
		#hugeit_slider_widget-5 {
		width: 250px !important;
	}

}

/*[ Phone ]*/
@media  (max-width: 480px)
 {

	/*= Content =================== */

	/** Content >> Navbar toggle **/
		.navbar-toggle {
		background-color: rgb(0, 204, 255) !important;
	}


	/** Content >> Dropdownmenu **/
		.dropdownmenu {
		background-color: rgb(0, 204, 255) !important;
	}


	/*= Pages ===================== */

	/** Pages >> table.tabela tbody .plava-treca p **/
		table.tabela tbody .plava-treca p {
		font-size: 12px !important;
		line-height: 10px !important;
		margin-bottom: 5px !important;
	}


	/** Pages >> table.tabela tbody .crvena-treca p **/
		table.tabela tbody .crvena-treca p {
		font-size: 12px !important;
		line-height: 10px !important;
		margin-bottom: 5px !important;
	}


	/** Pages >> table.tabela tbody .zuta-treca p **/
		table.tabela tbody .zuta-treca p {
		font-size: 12px !important;
		line-height: 10px !important;
		margin-bottom: 5px !important;
	}


	/** Pages >> .tabela .plava-druga **/
		.tabela .plava-druga {
		background-size: cover !important;
	}


	/** Pages >> .tabela .crvena-druga **/
		.tabela .crvena-druga {
		background-size: cover !important;
	}


	/** Pages >> .tabela .zuta-druga **/
		.tabela .zuta-druga {
		background-size: cover !important;
	}


	/** Pages >> .tabela h2 **/
		.tabela h2 {
		font-size: 16px !important;
		line-height: 20px !important;
	}


	/** Pages >> .plava-treca **/
		.plava-treca {
		padding-left: 5px !important;
	}


	/** Pages >> .plava-druga **/
		.plava-druga {
		display: none !important;
		width: 0px !important;
	}


	/** Pages >> .crvena-druga **/
		.crvena-druga {
		display: none !important;
		width: 0px !important;
	}


	/** Pages >> .zuta-druga **/
		.zuta-druga {
		display: none !important;
		width: 0px !important;
	}


	/** Pages >> .zelena-druga **/
		.zelena-druga {
		display: none !important;
		width: 0px !important;
	}


	/** Pages >> .crvena-treca **/
		.crvena-treca {
		padding-left: 5px !important;
	}


	/** Pages >> .zuta-treca **/
		.zuta-treca {
		padding-left: 5px !important;
	}


	/** Pages >> .zelena-treca **/
		.zelena-treca {
		padding-left: 5px !important;
	}


	/** Pages >> .zelena-treca p **/
		.zelena-treca p {
		font-size: 12px !important;
		line-height: 10px !important;
	}


	/*= Sidebar =================== */

	/** Sidebar >> Calendar-widget **/
		aside#total_soft_cal-5 div#calendar {
		width: 300px !important;
	}


	/** Sidebar >> Paragraph link **/
		p a {
		font-size: 14px !important;
	}


	/** Sidebar >> #hugeit_slider_widget-5 **/
		#hugeit_slider_widget-5 {
		width: 250px !important;
	}


	/** Sidebar >> .tribe-events-calendar th **/
		.tribe-events-calendar th {
		padding-right: 5px !important;
		padding-left: 5px !important;
	}


	/** Sidebar >> .tribe-events-page-title **/
		.tribe-events-page-title {
		font-size: 25px !important;
	}


	/*= Main Menu ================= */

	/** Main Menu >> Menu item link Active **/
		.menu-item a:active {
		color: rgb(0, 204, 255) !important;
	}


	/*= Sidebar _2 ================ */

	/** Sidebar _2 >> #calendar_5 **/
		#calendar_5 {
		width: 100% !important;
	}


	/** Sidebar _2 >> #secondary **/
		#secondary {
		width: 300px !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

}

/*[ Small desktop ]*/
@media (min-width: 980px) and (max-width: 1199px) {

	/*= Sidebar =================== */

	/** Sidebar >> Calendar-Event-Title **/
		div#calendar div.c-event-title {
		height: 45px !important;
	}


	/** Sidebar >> .tribe-events-calendar th **/
		.tribe-events-calendar th {
		font-size: 12px !important;
		padding-right: 5px !important;
		padding-left: 5px !important;
	}


	/*= Sidebar _2 ================ */

	/** Sidebar _2 >> .fl-callout-title span **/
		.fl-callout-title span {
		font-size: 14px !important;
	}


	/** Sidebar _2 >> .c-event-grid **/
		.c-event-grid {
		height: 438px !important;
	}


	/** Sidebar _2 >> .c-month **/
		.c-month {
		font-size: 18px !important;
	}

}

/*[ Small phone ]*/
@media (min-width: 350px) and (max-width: 450px) {

	/*= Sidebar =================== */

	/** Sidebar >> Paragraph link **/
		p a {
		text-align: center !important;
	}


	/** Sidebar >> .tribe-events-calendar th **/
		.tribe-events-calendar th {
		font-size: 14px !important;
		font-weight: 400 !important;
		padding-right: 2px !important;
		padding-left: 2px !important;
	}


	/*= Sidebar _2 ================ */

	/** Sidebar _2 >> .tribe-events-after-html p **/
		.tribe-events-after-html p {
		text-align: center !important;
	}

}

/*[ less than 350 ]*/
@media (max-width: 350px) {

	/*= Sidebar =================== */

	/** Sidebar >> Paragraph link **/
		p a {
		color: rgb(246, 99, 99) !important;
	}


	/** Sidebar >> .tribe-events-calendar th **/
		.tribe-events-calendar th {
		font-size: 12px !important;
		font-weight: 400 !important;
		padding-right: 2px !important;
		padding-left: 2px !important;
		margin-right: auto !important;
		margin-bottom: auto !important;
	}


	/*= Sidebar _2 ================ */

	/** Sidebar _2 >> .tribe-events-after-html p **/
		.tribe-events-after-html p {
		text-align: center !important;
	}


	/** Sidebar _2 >> .tribe-events-before-html button **/
		.tribe-events-before-html button {
		-webkit-flex-wrap: wrap !important;
		-moz-flex-wrap: wrap !important;
		-ms-flex-wrap: wrap !important;
		-webkit-flex-wrap: wrap !important;
		-moz-flex-wrap: wrap !important;
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
	}

}