/* Main Tags */
* { box-sizing: border-box;}
body { padding-top: 52px; overflow-x: hidden }
body,p,div,td,th,ul,li,ol,a { font-family: 'Open Sans',Roboto,Calibri,sans-serif; }
p,div,li { line-height: 26px }
h1,h2,h3,h4,h5,h6 { font-family: 'Open Sans',Roboto,Calibri,sans-serif;}
a:hover { text-decoration: none }

.navbar { padding: 0 !important; }
.navbar-brand { font-size: 16px; margin-right: 0 }
.navbar>a, a.nav-link, .nav-social>a { padding: 1rem !important; color: #fff !important }
.navbar a:hover, a.nav-link:hover, .nav-social>a:hover { background-color: #16aab9; color: #fff !important }

/* Carousel */
.carousel-inner>.carousel-item { height: 420px !important; overflow: hidden !important; }
.carousel-inner>.carousel-item>img { width: 100%; height: 420px !important; object-fit: cover !important;}
.carousel-caption { right: 0 !important; left: 0 !important; bottom: 0 !important; background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.5); padding-top: 0 !important; padding-bottom: 10px !important }
.carousel-caption>p { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.carousel-caption>h3  { margin-top: 0 !important; padding-top: 10px !important; }
.carousel-indicators { top: 10px !important }
.carousel-indicators li, .carousel-indicators li.active  { margin: 0 2px !important; }/*
*/

/* Structure */
.wrapper { max-width: 1288px; margin: 0 auto; padding: 0 10px; }
.ewrapper { max-width: 1288px; margin: 0 auto; padding: 0; }
.footer {padding: 30px 0 !important}
.footer a { color: #ffff00; }
.footer a:hover { color: #04ff00; }

/* Text contents */
.cursor { cursor:pointer; }

/* Home page */
.jumbotron { height: 350px; padding: 0; background: transparent url(../slides/sisef_main.jpg) center center no-repeat; background-size: cover }
.jumbotron h1 { font-family: Lato, sans-serif !important; font-size: 48px; letter-spacing: 3px; color: white; text-shadow: -1px -1px 9px #000, 1px 1px 9px #000, -1px 1px 9px #000, 1px -1px 9px #000;
padding: 10px 0 10px 75px; background: transparent url('/images/logos/wp_leaf.png') left center no-repeat; background-size: 70px 70px}

/* Breadcrumb */
ul.breadcrumb { padding: 0 16px 10px 0; list-style: none; margin-bottom: 20px; background-color: transparent; }
ul.breadcrumb li { display: inline; }
ul.breadcrumb li+li:before { padding: 8px; color: black; content: " | "; }
ul.breadcrumb li a { color: #0275d8; text-decoration: none; }
ul.breadcrumb li a:hover { color: #01447e; text-decoration: underline; }  

/* Lists */
.media-list-img { width: 100px; height: 120px; object-fit: cover; background-color: #f9f9f9; border-radius: 6px; border: solid 1px #ddd }
.media-focus { width: 100px; height: 120px; }

/* Scroll Bars */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f1f1f1;}
::-webkit-scrollbar-thumb { background: #ccc; }
::-webkit-scrollbar-thumb:hover { background: #888; }

#mover { position: fixed; bottom: 10px; right: 10px }

@media screen and (max-width: 992px) {

}
@media screen and (min-width: 768px) and (max-width: 855px) {
  .nav>li>a { padding: 15px 6px !important}
}
@media screen and (max-width: 767px) {
  body { padding-bottom: 0; overflow-x: hidden }
  #mover, #bmover { bottom: 10px;right: 10px; padding: 10px 12px;border-radius: 10px;font-size: 14px;}
  .nav>li>a { padding: 8px 15px !important; }
  .dropdown-toggle>.caret {display: inline-block; float: right; margin-top: 8px}
  .dropdown-hide {display:none}
  .jumbotron h1 { font-size: 36px }
  .carousel-inner>.item { height: 250px }
}
@media screen and (max-width: 480px) {
}
    
