/* Basic styles */

/* Variables */
:root {
  --main-color: #2B3990;
  --main-color-accent: #1E2C72;

  /* Line colours */
  --m1-color: #EB2227;
  --m2-color: #1C75BC;
  --m3-color: #39B54A;
  --m4-color: #FFDE17;
  --m5-color: #8B5E3C;
  --m6-color: #662D91;

  --bus-color: #BE1E2D;
  --trolley-color: #27AAE1;
  --tram-color: #F7941D;
  --retro-color: #774c29;
  --lift-color: #754C29;
  --izlet-color: #006838;
  --nosht-color: #000;

  /* Stop colours */
  --stop-bgr: #fff200;
  --stop-color: #056839;

 /* Text colours */
  --body-text-color: #333;
  --title-color: #2B3990;
  --subtitle-color: #797979;
  --link-text-color: #1276bc;
  --link-hover-color: #2B3990;

  /* Schedule text colours */
  --disrupt-color: #ec2028;
  --warning-color: #f88f08;
  --restore-color: #52b205;

  /* Form control colours */
  --form-sc-active-bgr: #2B3990;
  --form-sc-inactive-bgr: #e9edff;
  --form-bgr-faded-bgr: #f3f5ff;
  --form-border: #dee4fb;

  /* Tables, tabs etc. colours */
  --tab-border: #ededed;
  --tab-bgr: #fff;
  --tab-inactive: #dfdfdf;
  --td-bgr: #fafafa;
  --td-bgr-alt: #fff;
  --th-color: #000;
  --td-color: #d5d5d5;
  --td-color-accent: #2B3990;

  /* Accent box colours */
  --accent-box-bgr: #fbd504;
  --accent-box-text-color: #000;
  --accent-box-link-color: #1276bc;
  --accent-box-shadow-color: rgba(236,236,236,0.7);

  /* Feature box colours */
  --feature-box-bgr: #1276bc;
  --feature-box-text-color: #fff;
  --feature-box-link-color: #fff;
  --feature-box-shadow-color: #000;

  /* Footer colours */
  --footer-bgr: #f6f6f7;
  --footer-heading-color: #333333;
  --footer-link-color: #2B3990;

  /* Paddings */
  --padding: 20px;
  --margin: 20px;
}

body {
  font-family: 'Sofia';
  font-size: 18px;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6{
  font-family: 'Sofia';
  font-weight: bold;
  color: var(--main-color);
}

/* Links */
a:not(.btn){
  color: var(--link-text-color);
  transition: 0.3s all ease-in-out;\
  text-decoration: underline;
}
a:not(.btn):hover{
  color: var(--link-hover-color);
}
a.link-box{
  text-decoration: none;
}

/* Buttons */
.btn{
  border-radius: 20px;
  padding: calc(0.4 * var(--padding)) calc(0.8 * var(--padding));
}
.btn-primary{
  background: var(--main-color);
  border: none;
  color: #fff !important;
}
.btn-secondary{
  background: #fff;
  border: 1px solid var(--main-color);
  color: var(--main-color) !important;
}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus{
  background: var(--form-sc-inactive-bgr);
  color: #fff !important;
}