body { padding-top: 56px; }
*{
  font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
.left-aligned { margin-left: auto; }
/* Background */
.bg-dark { background-color: #343a40 !important; }
/* Hero */
.bg-hero{background: linear-gradient( 135deg, #B621FE, #1FD1F9);}
/* .bg-hero { background-color:#f54263; } */

/* CALLOUT */
.bd-callout { padding:1.25rem; margin-top:1.25rem; margin-bottom:1.25rem; border:1px solid #e9ecef; border-left-width:.25rem; border-radius:.25rem }
.bd-callout h4 { margin-bottom:.25rem }
.bd-callout p:last-child { margin-bottom:0 }
.bd-callout code { border-radius:.25rem }
.bd-callout+.bd-callout { margin-top:-.25rem }
.bd-callout-info { border-left-color:#5bc0de }
.bd-callout-warning { border-left-color:#f0ad4e }
.bd-callout-danger { border-left-color:#d9534f }

/* Navbar */

/* .navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;..");
} */
.navbar{
  color: white;
  background-color:rgba(2, 2, 2, 0.699);
    /* z-index: 100000; */
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(6px);
    /* box-shadow: 0px 0px 5px 0px rgba(157, 157, 157, 0.138); */
    margin-bottom: 10px;
}
  .nav-item,.nav-link{
    opacity: 1;
    color:rgb(255, 255, 255);
    font-weight: bold;
  }
  
  .nav-item:hover, .nav-item.active-bar {
    /* background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 0, 128)), to(rgb(47, 1, 255))); */
    background: linear-gradient(to left,#B621FE, #1FD1F9);
    font-weight: bold;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* border-left: 2px solid white; */
}

.nav-link span {
    display: inline-block;
}

.nav-link span::after, .nav-item.active-bar{
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: white;
    background: linear-gradient(to left, #B621FE, #1FD1F9);
    transition: width .3s;
}

.nav-link span:hover::after{
    width: 100%;
}
.dropdown-menu{
  margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
}
/* .nav-item .dropdown-item a.dropdown-item{
    background: #757576 ;
    -webkit-text-fill-color: white;
    color:white;
  }  */
  /* .dropdown-item:hover{
    background: -webkit-linear-gradient(to left,#B621FE, #1FD1F9);
    color:white;
    -webkit-text-fill-color: white;
  } */

.dropdown-item a.dropdown-item:hover, .nav-item:hover .dropdown-item a.dropdown-item:hover, a.dropdown-item.dlist:hover {
    font-weight: bold;
    color: white;
    -webkit-text-fill-color: white;
    background: linear-gradient(to left,#B621FE, #1FD1F9);
    /* background-color: rgb(107, 107, 107); */
    /* border-radius: 10px; */
    /* box-shadow: 0px 0px 11px rgba(130, 1, 235, 0.15); */
}
ul.dropdown-menu show, a.dropdown-item.dlist{
  color: white;
  /* -webkit-text-fill-color:darkmagenta; */
  font-weight: bold;
  background: linear-gradient(to left,#B621FE, #1FD1F9);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
  
}
/* .the-blur {
    position: fixed;
    top:0;
    width: 100%;
    min-height: 50px;
    margin-bottom: 20px;
    background: rgba(255, 112, 112, 0.4);
    z-index:1010;
    -webkit-filter: blur(20px);
    -moz-filter: blur(20px);
    -o-filter: blur(20px);
    -ms-filter: blur(20px);
    filter: blur(20px);
} */
/* li.nav-item.drop-down{
  -webkit-text-fill-color: black ;
}
.nav-item:hover li.nav-item.dropdown{
  -webkit-text-fill-color: black ;
}
a#navbarDropdown.nav-link.dropdown-toggle::after{
  background: -webkit-linear-gradient(to left,#B621FE, #1FD1F9);
} */
/* footer */
footer a { color: white; font-weight: bold; text-decoration: none; }
footer a:hover { color: white; text-decoration: underline; }

/* Img on Talk description Pages */
  img.cont2 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: auto;
  border-radius:50px;
  padding:0;
  margin:0;
  float:center;
   }
   div.gallery2{
      width: 70%;
  height: auto;
  margin: 20px 0;
  padding:0;
  border-radius:50px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
   }
/* Gallery img */

div.gallery img {
  width: 100%;
  height: auto;
  border-radius:20px;

}
div.gallery img:hover {
 box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);

}

div.gal {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}

.responsive {
  padding: 20px;
  float: left;
  width: 22.99999%;
}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    /*margin: 6px 0;*/
  }
      .gallery2 img.cont2 {
    width: 100%;
    border-radius: 30px;
    padding:0;
}
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
    .gallery2 img.cont2 {
    width: 100%;
  border-radius: 30px;
  padding:0;
}
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}