@import url('https://fonts.googleapis.com/css?family=Oswald';);
:not(.fa):not(.fi) {
font-family: 'Oswald' !important;
color#545454;
 }


.bar p {
  font-family: Times New Roman, sans-serif;
}

.company-name.company-logo-and-name {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 240px; /* Adjust the width as needed */
  height: 40px; /* Adjust the height as needed */
  background-color: #09f; /* Specify the desired background color */
border-radius: 5px; /* Adjust the border-radius value to control the corner roundness */
background-color: rgba(9, 153, 255, 0.7);
}

/* Media query for phone devices */
@media only screen and (max-width: 600px) {
  .company-name.company-logo-and-name {
    width: 120px; /* Adjust the width for phones */
    height: 55px; /* Adjust the height for phones */
  }
}

/* Media query for tablets */
@media only screen and (min-width: 601px) and (max-width: 1024px) {
  .company-name.company-logo-and-name {
    width: 240px; /* Adjust the width for tablets */
    height: 40px; /* Adjust the height for tablets */
  }
}

/* Media query for computers */
@media only screen and (min-width: 1025px) {
  .company-name.company-logo-and-name {
    width: 240px; /* Adjust the width for computers */
    height: 105px; /* Adjust the height for computers */
  }
}


document.addEventListener('DOMContentLoaded', function() {
  var mapLink = document.querySelector('.bar .btn.map');

  mapLink.href = 'https://www.google.com/maps/place/Iv%C3%A1ncsa,+2454+%D0%92%D0%B5%D0%BD%D0%B3%D1%80%D0%B8%D1%8F/@47.1470733,18.8047535,14z/data=!3m1!4b1!4m6!3m5!1s0x4742027994d3750f:0xa943cfe9922b7cab!8m2!3d47.153376!4d18.8270434!16s%2Fm%2F02r1r94?entry=ttu';
});

/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/

 #events h3   {
  margin-bottom: 50px;
  padding: 20px;
  vertical-align: middle;
  color: teal;
  line-height: 30px;
  display: inline-block;
  margin: 20px auto;
  font: 16px/1.4 Arial,sans-serif;
  float: left;
  position: relative;
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}