/*---Media Queries --*/
@media (min-width: 320px) {
  .container {
    max-width: 100%; 
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1260px; 
    padding-left: 15px;
    padding-right: 15px;
  }
}

/*--- body --*/
body, html {
  background-color: #424242;
  background-image: url(/img/bodybg.png);
  background-repeat: repeat;
  padding-left: 0;
  padding-right: 0;
}

/*--- breadcrumb --*/
.breadcrumb-item {
  font-weight: 200;
}

/*--- link --*/
a {
  color: #dd8822;
}
.legal a {
  color: #aaaaaa !important;
  font-weight: 300 !important;
}

/*--- nav --*/
.navbar-brand img {
  width: 150px;
  height: 23px;
}

.navbar .nav-link {
  font-size: 11pt;
  margin-left: 8px;
  /* color: #424242 !important; */
  /* font-weight: 500; */
  text-transform: uppercase;
}
.navbar a.active {
  color: #dd8822 !important;
}

.navbar a.dropdown-item {
  /* font-size: 12pt; */
  color: #424242;
}

.navbar .dropdown-toggle::after {
  vertical-align: .05em;
}

/*--- text --*/
.text-important {
  color: rgb(118, 131, 0) ;
}

/*--- zoom in ---*/
.zoomable {
  transition: transform .2s;
}

.zoomable:hover {
  transform: scale(1.15);
}

.zoomable-little {
  transition: transform .2s;
}

.zoomable-little:hover {
  transform: scale(1.05);
}

/*--- video modal --*/
#videoModal .modal-content iframe {
  margin: 0 auto;
  display: block;
}

#videoModal .modal-dialog {
  max-width: 1080px;
  margin: 30px auto;
}

#videoModal .modal-body {
  position:relative;
  padding:0px;
}
#videoModal .close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}

/*--- social network icon ---*/
.social-network-icon {
  display: inline-block;
  width: 48px; 
  height: 48px;
  line-height: 48px;
  text-align: center;
  vertical-align: middle;
  margin: 5px;
  border-radius: 4px;
  color: white;
}

.facebook-icon {
  background-color:#3b5998;
}
.twitter-icon {
  background-color:#55acee;
}
.google-plus-icon {
  background-color:#dc4e41;
}
.youtube-icon {
  background-color:#cd201f;
}

/*
Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/