/* ==========================================================
   GALLERY PAGE — Dr.Anupama original /gallery/ recreation
   Based on the supplied original page source and structure.
   ========================================================== */

.gallery-page{background:#fff;color:#454545;}

/* Original inner-page title/breadcrumb area */
.gallery-page-banner{
  min-height:315px;
  height:315px;
  background:url('https://dranupama.in/wp-content/uploads/2020/03/bg_breadcrumbs.jpg') center center/cover no-repeat;
  position:relative;
  display:flex;
  align-items:center;
}
.gallery-page-banner::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(255,255,255,.08);
}
.gallery-page-banner .container{position:relative;z-index:1;}
.gallery-page-banner h1{
  margin:0 0 7px;
  color:#fff;
  font-family:'Titillium Web',Arial,sans-serif;
  font-size:54px;
  line-height:1.08;
  font-weight:400;
  letter-spacing:.2px;
}
.gallery-page-banner .crumbs{
  color:#fff;
  font-size:16px;
  font-weight:400;
  font-family:'Titillium Web',Arial,sans-serif;
}
.gallery-page-banner .crumbs a{color:#fff;}
.gallery-page-banner .crumbs a:hover{color:#da0067;}

/* Main WordPress content + right sidebar */
.gallery-content-wrap{
  width:100%;
  padding:72px 0 80px;
  background:#fff;
}
.gallery-content-layout{
  max-width:1170px;
  margin:0 auto;
  padding:0 20px;
  display:grid;
  grid-template-columns:minmax(0,870px) 270px;
  column-gap:30px;
  align-items:start;
}
.gallery-main{min-width:0;}

/* NextGEN Basic Compact Album recreation */
.ngg-albumoverview{
      width: 74%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 0px;
  row-gap:45px;
  margin:0;
  padding:0;
  margin-left: 52px;
}
.ngg-album-compact{
  width:260px;
  max-width:100%;
  margin:0 auto;
  padding:0;
  text-align:left;
  box-sizing:border-box;
}
.ngg-album-compactbox{
  width:250px;
  max-width:100%;
  height:auto;
  margin:0 0 16px;
  padding:4px;
  box-sizing:border-box;
  background:#fff;
  border:1px solid #e6e6e6;
}
.ngg-album-link{width:100%;line-height:0;}
.ngg-album-link a{display:block;}
.ngg-album-compactbox .Thumb{
  display:block;
  width:240px;
  height:160px;
  max-width:100%;
  object-fit:cover;
  margin:0;
  padding:0;
  border:0;
}
.ngg-album-compact h4{
  margin:0 0 5px;
  padding:0;
  width:100%;
  min-height:24px;
  font-family:'Titillium Web',Arial,sans-serif;
  font-size:18px;
  line-height:1.35;
  font-weight:600;
  text-align:left;
}
.ngg-album-compact h4 .ngg-album-desc{
  color:#333;
  text-decoration:none;
  display:inline;
}
.ngg-album-compact h4 .ngg-album-desc:hover{color:#da0067;}
.ngg-album-gallery-image-counter{
  margin:0;
  padding:0;
  color:#888;
  font-family:'Titillium Web',Arial,sans-serif;
  font-size:14px;
  line-height:1.5;
  font-weight:400;
}
.ngg-album-gallery-image-counter strong{font-weight:600;color:#555;}
.ngg-clear{clear:both;}

/* Sidebar */
.gallery-sidebar{
  width:270px;
  font-family:'Titillium Web',Arial,sans-serif;
}
.gallery-widget{
  margin:0 0 38px;
  padding:0 0 4px;
}
.gallery-widget-title{
  margin:0 0 20px;
  padding:0 0 11px;
  color:#222;
  font-size:20px;
  line-height:1.2;
  font-weight:600;
  position:relative;
}
.gallery-widget-title::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:36px;
  height:2px;
  background:#da0067;
}
.gallery-widget ul{list-style:none;margin:0;padding:0;}
.gallery-widget li{margin:0;padding:0;border-bottom:1px solid #eee;}
.gallery-widget li a{
  display:block;
  padding:8px 0;
  color:#777;
  font-size:15px;
  line-height:1.4;
}
.gallery-widget li a:hover{color:#da0067;}

.gallery-search-form{display:flex;width:100%;}
.gallery-search-form input[type="search"]{
  width:100%;
  height:42px;
  border:1px solid #ddd;
  border-right:0;
  border-radius:0;
  padding:0 12px;
  font:400 14px 'Titillium Web',Arial,sans-serif;
  outline:none;
}
.gallery-search-form input[type="submit"]{
  width:76px;
  height:42px;
  border:0;
  background:#da0067;
  color:#fff;
  cursor:pointer;
  font:600 13px 'Titillium Web',Arial,sans-serif;
}

.gallery-tagcloud{line-height:2.3;}
.gallery-tagcloud a{
  display:inline-block;
  margin:0 7px 2px 0;
  color:#777;
  font-family:'Titillium Web',Arial,sans-serif;
}
.gallery-tagcloud a:hover{color:#da0067;}
.gallery-tagcloud .small{font-size:13px;}
.gallery-tagcloud .large{font-size:24px;}

.gallery-recent-post{margin:0 0 20px;}
.gallery-recent-post a.title{
  display:block;
  color:#333;
  font-size:16px;
  line-height:1.3;
  font-weight:600;
}
.gallery-recent-post a.title:hover{color:#da0067;}
.gallery-recent-post .date{
  display:block;
  margin-top:4px;
  color:#999;
  font-size:13px;
}
.gallery-recent-post .thumb{
  width:90px;
  height:60px;
  object-fit:cover;
  display:block;
  margin-top:9px;
  background:#eee;
}

.gallery-calendar{width:100%;border-collapse:collapse;table-layout:fixed;color:#777;}
.gallery-calendar caption{
  padding:0 0 12px;
  text-align:left;
  color:#333;
  font-size:15px;
  font-weight:600;
}
.gallery-calendar th,
.gallery-calendar td{
  padding:6px 2px;
  text-align:center;
  font-size:12px;
  font-weight:400;
}
.gallery-calendar th{color:#555;font-weight:600;}
.gallery-calendar td#today{
  background:#da0067;
  color:#fff;
  border-radius:50%;
}
.calendar-nav{margin-top:10px;font-size:13px;}
.calendar-nav a{color:#777;}
.calendar-nav a:hover{color:#da0067;}

/* Keep the existing site footer, but give the gallery page the original visual depth. */
.gallery-page + footer,
.gallery-page footer{margin-top:0;}

@media(max-width:1100px){
  .gallery-content-layout{grid-template-columns:minmax(0,1fr) 245px;column-gap:25px;}
  .ngg-albumoverview{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ngg-album-compact{width:260px;}
  .gallery-sidebar{width:245px;}
}

@media(max-width:900px){
  .gallery-page-banner{height:260px;min-height:260px;}
  .gallery-page-banner h1{font-size:46px;}
  .gallery-content-layout{grid-template-columns:1fr;}
  .gallery-sidebar{width:100%;margin-top:65px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 30px;}
  .gallery-widget{margin:0;}
}

@media(max-width:700px){
  .gallery-page-banner{height:220px;min-height:220px;}
  .gallery-page-banner h1{font-size:38px;}
  .gallery-page-banner .crumbs{font-size:14px;}
  .gallery-content-wrap{padding:50px 0 60px;}
  .ngg-albumoverview{grid-template-columns:1fr;row-gap:38px;}
  .ngg-album-compact{width:260px;margin:0 auto;}
  .gallery-sidebar{grid-template-columns:1fr;gap:35px;}
}

@media(max-width:420px){
  .gallery-page-banner{height:190px;min-height:190px;}
  .gallery-page-banner h1{font-size:32px;}
  .ngg-album-compact{width:100%;}
  .ngg-album-compactbox{width:250px;margin-left:auto;margin-right:auto;}
  .ngg-album-compact h4,.ngg-album-gallery-image-counter{text-align:center;}
}
.gallery-page ~ footer{margin-top:0;}
.gallery-page ~ footer{
  background-image:url('../images/andrology/footer-background.jpg');
  background-size:cover;
  background-position:center;
}


/* ===== Footer icon images ===== */
.footer-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
}
.footer-icon img{
  width:52px;
  height:52px;
  object-fit:contain;
  display:block;
  margin:0 auto;
}
@media (max-width:576px){
  .footer-icon img{
    width:48px;
    height:48px;
  }
}