/** Import Fonts **/
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,700);
/** @import url(https://fonts.googleapis.com/css?family=Jost:300,400,700); **/

/** Global Variables for Easy Customization **/
:root {
  --primary-color: #000;
  --secondary-color: #007bff;
  --text-color: #000;
  --background-color: #fff;
  --border-color: #ddd;
  --font-primary: 'Montserrat', Arial;
}

/** Base Styles **/
body {
  color: var(--text-color);
  background: var(--background-color);
  font: 17px var(--font-primary);
  font-weight: 400;
  line-height: 28px;
}

/** Typography **/
h1, h2, h3 {
  font-family: var(--font-primary);
  color: var(--primary-color);
  font-weight: 700;
  border-bottom: 2px solid var(--secondary-color);
  padding-bottom: 5px;
  margin: 30px 0 20px;
  display: table;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; padding-bottom: 10px; }

p {
  font-size: 17px;
  color: var(--text-color);
  font-weight: 400;
  line-height: 2em;
  margin: 15px 0;
}

/** Link Styling **/
a, p a, ul li a, ol li a, .nav-item a {
  color: var(--primary-color);
  text-decoration: none;
  border-bottom: 2px solid var(--text-color);
}

/** 
a:hover, p a:hover, ul li a:hover, ol li a:hover, .nav-item a:hover {
  border-bottom: 2px solid var(--primary-color); 
} **/


/** Navigation - Leonardtown **/
.navbar-brand {
  border-bottom: none;
}

.nav-item a {
  color: var(--primary-color);
  border-bottom: none;
}

.nav-item a:visited {
  color: var(--primary-color);
  border-bottom: none;
}

.nav-item a:hover {
  color: var(--primary-color);
  text-decoration: underline;
  border-bottom: none;
}

.nav-item a:active {
  color: var(--primary-color);
  border-bottom: none;
}


/** Ordered & Unordered Lists **/
ol li a, ul li a {
  border-bottom: 2px solid var(--primary-color);
}

/** Container and Layout **/
.container {
  max-width: 900px;
}


/** List Styles - Events **/
.list ul {
  list-style: none;
  padding: 10px;
}

.list ul li {
  padding-top: 3px;
}

.list ul li a {
  color: #222;
  border-bottom: 2px solid var(--border-color);
  margin-left: 15px;
}

.list ul li a:hover {
  border-bottom: 2px solid #222;
}

/** Destinations **/
.border-hover {
  border: 1px solid var(--border-color);
  color: black;
}
.border-hover:hover {
  border: 1px solid var(--secondary-color);
  color: black;
}

/** Footer **/
.footer {
  text-align: center;
}