@import url('https://fonts.googleapis.com/css2?family=Alice&family=Arbutus+Slab&family=Concert+One&family=Domine:wght@400..700&family=Platypi:ital,wght@0,300..800;1,300..800&family=Sedan:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alice&family=Arbutus+Slab&family=Concert+One&family=Domine:wght@400..700&family=Platypi:ital,wght@0,300..800;1,300..800&family=Sedan:ital@0;1&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Alice&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nova+Round&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/* .patuaoneregular {
  font-family: "Patua One", serif;
  font-weight: 400;
  font-style: normal;
} */
/* .borderimg {
    color: DodgerBlue;
    text-shadow: 4px 3px px #000000;
    font-size: 30px;
    font-family: 'Abril Fatface', serif;
    border: 10px solid transparent;
    padding: 15px;
    border-image:url(border.png) 30 stretch;
  } */
  /* .part_one h2{
    font-size: 3.30rem;
    color: #054688;
  } */
  
  /* .part_one p{
    text-align: justify;
  } */

*{
  font-family: "Nova Round", system-ui;
  font-weight: 300;
  font-style: normal;
}

.photo_gallery {
  background-color: #434c50;
  min-height: 100vh;
  font: normal 16px sans-serif;
  padding: 20px 0;
}
.gallery-container {
  background-color: #fff;
  color: #35373a;
  min-height: 100vh;
  padding: 30px 50px;
}

.gallery-container h1 {
  text-align: center;
  margin-top: 50px;
  font-family: 'Droid Sans', sans-serif;
  font-weight: bold;
}

.gallery-container p.page-description {
  text-align: center;
  margin: 25px auto;
  font-size: 18px;
  color: #999;
}

/* .tz-gallery {
  padding: 40px;
} */

/* Override bootstrap column paddings */
.tz-gallery .row > div {
  padding: 8px;
}

.tz-gallery .lightbox img {
  width: 80%;
  height: 60%;
  border-radius: 0;
  position: relative;
}

.tz-gallery .lightbox:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
  opacity: 0;
  color: #fff;
  font-size: 26px;
  font-family: 'Glyphicons Halflings';
  content: '\e003';
  pointer-events: none;
  z-index: 9000;
  transition: 0.4s;
}


.tz-gallery .lightbox:after {
  position: absolute;
  top: 0;
  left: 0;
  /* width: 100%;
  height: 100%; */
  opacity: 0;
  background-color: rgba(46, 132, 206, 0.7);
  content: '';
  transition: 0.4s;
}

/* .tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
  opacity: 1;
} */

.baguetteBox-button {
  background-color: transparent !important;
}

@media(max-width: 768px) {
  body {
      padding: 0;
  }
}


/* .hw{
  height:40px;
  width:40px;
} */


/* ===================== card gradient color ===================== */

.card-gradint-color {
  background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
}

.nav-item a{
  transition: transform 2s;
}

/* .nav-item a:hover{
 border-bottom:3px solid #00b8e6;
 transition: transform .5s;
} */

.nav-item::after {
  content: '';
  display: block;
  width: 0;
  height: 3px;
  background: white;
  transition: width .4s;
}

.nav-item:hover::after {
  width: 100%;
  transition: width .4s;
}


/* <===================== button ===================> */
.text-center {
  text-align: center;
}


/* ================= card =================== */


.grey-bg {  
  background-color: #ca1c90;
}


/* ======================= photo gallery ========================= */

.photo_gallery{
background-image:url('images/photo-1550895030-823330fc2551.jpg'); 
background-attachment:fixed;
background-repeat: no-repeat;
background-position: center;
/* background: linear-gradient(90deg, rgba(10,0,0,0.0760679271708683) 41%, rgba(8,0,13,0.5830707282913166) 68%, rgba(9,5,0,1) 100%),url('images/img1.jpg'); */
}

.photo_gallery img
{
  border:2px solid white;
  transition: transform 1.5s;
}

.photo_gallery a img:hover{
  /* animation: zoomin 3s linear infinite; */
  transition: transform 0.4s;
  transform: rotate(30deg);
}

:root {
  --lightbox: rgb(0 0 0 / 0.75);
  --carousel-text: #fff;
}



@keyframes zoomin {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}


.lightbox-modal .modal-content {
  background-color: var(--lightbox);
}

.lightbox-modal .btn-close {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  font-size: 1.25rem;
  z-index: 10;
  filter: invert(1) grayscale(100);
}

.lightbox-modal .modal-body {
  display: flex;
  align-items: center;
  padding: 0;
}

.lightbox-modal .lightbox-content {
  width: 100%;
}

.lightbox-modal .carousel-indicators {
  margin-bottom: 0;
}

.lightbox-modal .carousel-indicators [data-bs-target] {
  background-color: var(--carousel-text) !important;
}

.lightbox-modal .carousel-inner {
  width: 75%;
}

.lightbox-modal .carousel-inner img {
  animation: zoomin 10s linear infinite;
}

.lightbox-modal .carousel-item .carousel-caption {
  right: 0;
  bottom: 0;
  left: 0;
  padding-bottom: 2rem;
  background-color: var(--lightbox);
  color: var(--carousel-text) !important;
}

.lightbox-modal .carousel-control-prev,
.lightbox-modal .carousel-control-next {
  width: auto;
}

.lightbox-modal .carousel-control-prev {
  left: 1.25rem;
}

.lightbox-modal .carousel-control-next {
  right: 1.25rem;
}

@media (min-width: 1400px) {
  .lightbox-modal .carousel-inner {
    max-width: 60%;
  }
}

[data-bs-theme = "dark"] .lightbox-modal .carousel-control-next-icon,
[data-bs-theme = "dark"] .lightbox-modal .carousel-control-prev-icon {
    filter: none;
}

.btn-fullscreen-enlarge,
.btn-fullscreen-exit {
  position: absolute;
  top: 1.25rem;
  right: 3.5rem;
  z-index: 10;
  border: 0;
  background: transparent;
  opacity: .6;
  font-size: 1.25rem;
}

.bi {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.035em;
  fill: currentcolor;
}

/* ================= shadow ================= */

.polaroid{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.40);
}

/* ======================== footer ======================= */
.footer-heading{
  font-family: 'Platypi', serif;
}

.footer{
  font-family: "Alice", serif;
}

/* ======================== about ========================= */

.alice-regular {
  font-family: "Alice", serif;
  font-weight: 400;
  font-style: normal;
}

/* ================Media Query for Phone view=========== */

@media screen and (min-width: 576px)  {

  .project_heading{
    font-size:23px;
  }
}

@media screen and (min-width: 720px)  {

  .project_heading{
    font-size:25px;
  }
}

.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0; /* remove the gap so it doesn't close */
}