/* #########################################
*  # 2022/07/13 - Css 3.0 Stylesheet.      #
*  # Author: oak3                          #
*  ######################################### */


/* <----------------------------------------------------#  Selector block  #- */

body {background: #fefefe url('') no-repeat;
background-attachment: fixed;
background-position: 50% 33%;
color: #000;
margin: 0;
padding: 0;
line-height: 1.5rem;
}

a {text-decoration: none;
outline: 0;
}

a:link, a:visited {color: #0000d7;
}

a:hover {text-decoration: none;
color: #ccc;
}

a:active {color: #005fd7;
outline: 0;
}

a.nav-link {background: #efefef;
color: #0000d7;
font-size: 1.4em;
}

a.nav-link:hover {background: #570022;
color: #fff;
}

a.btn {background: #efefef !important;
color: #0000d7;
border: 1px solid #666 !important;
padding: 0.5rem 1rem; 
font-weight: 400;
}

a.btn:hover {background: #fefefe !important;
color: #0000d7;
border: 1px solid #666 !important;
padding: 0.5rem 1rem;
}

a.btn:active, a.btn:focus, a.btn:active:focus {background: #e6e6e6 !important;
color: #999 !important;
border: 1px solid #aaa !important;
outline: 0;
box-shadow: none !important;
}

pre {color: #fafafa;
}


/* <-------------------------------------------------#  ID Selectors  #---- */

#header {background: #003600 url("../img/img-header-bg-3.jpg") no-repeat;
}

#header div.col h1 {font-family: 'The Nautigal', serif;
color: #fff;
font-size: 4em;
font-weight: 700;
}

#header div.col p {font-size: 1em;
color: #fff;
font-weight: 600;
}

#footer {padding: 1rem 0;
}

#map {width: 80%;
height: 400px;
border: #999999 solid 1px;
}

/* <-------------------------------------------------#  Navigation  #---- */

#navbar {background: #efefef;
margin: 0;
padding: 0;
font-size: 0.80em;
border-bottom: 1px solid #ccc;
}

#navbar ul {list-style-type: none;
margin: 0 0 0 -1px;
padding: 0;
font-weight: bold;
z-index: 1;
}

#navbar ul li {margin: 0;
display: inline-block;
position: relative;
}

#navbar ul li a {display: block;
margin: 0;
padding:  10px 20px;
text-decoration: none;
color: #0000d7;
}

#navbar ul li a:hover {margin: 0;
background: #570022;
color: #fff;
}

#navbar ul li ul {
    display: none;
    position: absolute;
    background-color: #efefef;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #ccc;
}

#navbar ul li:hover ul {display: block;
}

#navbar ul li ul li {
    display: block;
    white-space: nowrap;
}

#navbar ul li ul li a {
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    color: #0000d7;
    transition: background-color 0.3s;
}

#navbar ul li ul li a:hover {
    background-color: #570022;
}


/* <-------------------------------------------------#  Sundry classes  #---- */


img.logo {margin: 0;
padding: 0;
width: 75px;
}

.img-thumbnail {border-color: #000 !important;
border-width: 1px;
border-radius: 0;
padding: 0;
}

.border-dark {border-color: #999 !important;
border-width: 1px;
}

.border-light {border-color: #777 !important;
border-width: 1px;
margin-top: 1px;
}

span.code {font-family: monospace;
color: #dfdfdf;
font-size: 0.95em;
}

span.date {font-family: monospace;
font-size: 0.75em;
color: #fff;
}

p.pre {font-size: 0.85em;
margin: 0;
padding: 0;
}

.reverb {unicode-bidi: bidi-override;
direction: rtl;
}

.bg {background-image: url("../img/banner-main.jpg");
background-size: cover;
}

.navbar {padding: 0;
}

.small {font-size: 0.75em;
}

/* <----------------------------------------------------#  End of file  #---- */