/*
 * Style tweaks
 * --------------------------------------------------
 */
@font-face { 
  font-family: "Arsenal"; 
  src: url("../fonts/Arsenal-Regular.woff2") format('woff2'), 
       url("../fonts/Arsenal-Regular.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Arsenal";
  src: url("../fonts/Arsenal-Bold.ttf") format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: "Arsenal";
  src: url("../fonts/Arsenal-Italic.ttf") format('truetype');
  font-style: italic;
}

@font-face {
  font-family: "Arsenal";
  src: url("../fonts/Arsenal-BoldItalic.ttf") format('truetype');
  font-style: italic;
  font-weight: bold;
}

@font-face {
  font-family: "Caveat";
  src: url("../fonts/Caveat-Regular.woff2") format('woff2'),
       url("../fonts/Caveat-Regular.ttf") format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: "Caveat";
  src: url("../fonts/Caveat-Bold.ttf") format('truetype');
  font-weight: bold;
}

html {
  overflow: -moz-scrollbars-vertical;
}

html,
body {
  overflow-y: scroll; 
  overflow-x: hidden; /* Prevent scroll on narrow devices */
/*  font-size: 20px; */
  font-size: 1.05em;
  height: 100%;
}

body {
  font-family: 'Arsenal', sans-serif;
  line-height: 1.75;
}

footer {
  padding: 30px 0;
}

/* Navbar */
.navbar {
  background: #828282;
  color: white;
  border-bottom: 6px solid #337ab7;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
}

.nav-pills .nav-link.active {
  background-color: #337ab7;
}

#dropdownMenuLink {
  padding-top: 6px;
  padding-bottom: 6px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: #337ab7;
}

.navbar-toggler {
  color: white;
}

a.navbar-brand:hover {
  background: #337ab7;
  color: white;
}

a.navbar-brand {
  color: white;
  font-size: 1.05em;
}


li.nav-item > a.nav-link {
  color: white;
}

li.nav-item:hover {
  background: #337ab7;
}

li.nav-item.active {
  background: #337ab7;
}

.nav > a {
  padding-top: 6px;
  padding-bottom: 6px;

}

.nav {
  line-height: 1.25; 
}


.dropdown {
  margin-top: 20px;
  margin-bottom: 10px;
}


.btn-group-vertical {
  display: inline;
}

/*
a.list-group-item, .btn {
  padding: 10px 15px;
  border: 1px solid;
  border-color: #828282;
  background: #f5f5f5;
}

.list-group {
  font-size: 14px;
}
*/
div.container > hr {
  border-bottom: 2px solid #337ab7;
}

h1, h2, h3 {
  font-family: 'Caveat', cursive;
}

div.btn-group > *, .btn-group-vertical > a {
  background: #f5f5f5;
}

.center {
  display: block;
  margin: 0 auto;
}

footer {
  padding: 5px 0;
}

a {
  color: #337ab7;
}


/*
 * Off Canvas
 * --------------------------------------------------
 */
/* @media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; 
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%;
  }

  .row-offcanvas-right.active {
    right: 50%;
  }

  .row-offcanvas-left.active {
    left: 50%; 
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%;
  }
} */


@media (max-width: 767px) {
.navbar {
    position: relative;
    right: 0;
    left: 0;   
    border-radius: 0;
    top: 0;
  }      
}





@media print {
  .navbar {
    display: none;
  }

  #sidebar {
    display: none;
  }

  .breadcrumb {
    display: none;
  }

  footer {
    display: none;
  }
  * {
margin: 0;
padding: 0;
}

}