/* ==========================================================
   VIDEO GALLERY — reference-match stylesheet
   ========================================================== */
.video-gallery-page{
  background:#fff;
  color:#777;
  font-family:'Titillium Web',Arial,sans-serif;
}

/* Breadcrumb banner */
.video-gallery-banner{
  height:315px;
  min-height:315px;
  background:url('https://dranupama.in/wp-content/uploads/2018/03/innerpage.jpg') center/cover no-repeat;
  position:relative;
  display:flex;
  align-items:center;
}
.video-gallery-banner::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.05)}
.video-gallery-banner .container{
  position:relative;
  z-index:1;
  max-width:1170px;
  width:100%;
  margin:0 auto;
  padding:0 15px;
}
.video-gallery-banner .container::before{
  content:"";
  position:absolute;
  left:15px;
  top:-55px;
  width:min(560px, calc(100% - 30px));
  height:225px;
  background:#fff;
}
.video-gallery-banner h1{
  position:relative;
  z-index:2;
  margin:0 0 28px;
  padding-left:60px;
  color:#282828;
  font-size:54px;
  line-height:1.08;
  font-weight:600;
}
.video-gallery-banner .crumbs{
  position:relative;
  z-index:2;
  padding-left:60px;
  color:#9a929b;
  font-size:16px;
}
.video-gallery-banner .crumbs a{color:#9a929b}
.video-gallery-banner .crumbs a:hover{color:#da0067}

/* Main content */
.video-gallery-page-content{
  padding:72px 0 92px;
  background:#fff;
}
.video-gallery-content-wrap{
  width:1170px;
  max-width:calc(100% - 40px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) 270px;
  gap:70px;
  align-items:start;
}
.video-gallery-primary{min-width:0}
.video-gallery-article{margin:0}
.post_content.entry-content{margin:0}

/* Tall white gallery panel seen in the reference */
#thumbwrapper2.gallery-video-content{
  width:100%;
  margin:0;
  padding:18px 18px 20px;
  background:#fff;
  border:1px solid #ddd;
  box-shadow:0 2px 7px rgba(0,0,0,.16);
}
#huge_it_videogallery{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;
  align-items:start;
}
#huge_it_videogallery > li.huge_it_big_li{
  list-style:none;
  margin:0;
  padding:0;
  min-width:0;
}
#huge_it_videogallery .huge_it_videogallery_item{
  display:block;
  position:relative;
  overflow:hidden;
  text-decoration:none;
  background:#eee;
  line-height:0;
  cursor:pointer;
}
#huge_it_videogallery .huge_it_videogallery_item > img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/10;
  object-fit:cover;
  transition:transform .3s ease;
}
#huge_it_videogallery .overLayer{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.48);
  opacity:0;
  transition:opacity .25s linear;
}
#huge_it_videogallery .infoLayer{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  opacity:0;
  transition:opacity .25s linear;
  padding:15px;
}
#huge_it_videogallery .infoLayer ul{list-style:none;margin:0;padding:0;width:100%;color:#fff}
#huge_it_videogallery .infoLayer h2{margin:0 0 8px;color:#fff;font-size:14px;line-height:1.3;font-weight:600}
#huge_it_videogallery .infoLayer p{margin:0;color:#fff;font-size:12px;font-weight:600}
#huge_it_videogallery .huge_it_videogallery_item:hover > img{transform:scale(1.03)}
#huge_it_videogallery .huge_it_videogallery_item:hover .overLayer,
#huge_it_videogallery .huge_it_videogallery_item:hover .infoLayer{opacity:1}
#huge_it_videogallery #fullPreview,
#huge_it_videogallery #total{display:none}

/* Sidebar */
.video-gallery-content-wrap .sidebar{
  min-width:0;
  padding:38px 34px 34px;
  background:#fff;
  box-shadow:0 10px 38px rgba(0,0,0,.09);
}
.video-gallery-content-wrap .sidebar_inner{width:100%}
.video-gallery-content-wrap .sidebar .widget{
  margin:0 0 42px;
  padding:0 0 31px;
  border-bottom:1px solid #e7e7e7;
}
.video-gallery-content-wrap .sidebar .widget:last-child{
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:0;
}
.video-gallery-content-wrap .sidebar .widget_title,
.video-gallery-content-wrap .sidebar .widget-title{
  margin:0 0 23px;
  padding:0;
  color:#282828;
  font-size:18px;
  line-height:1.25;
  font-weight:600;
  text-transform:none;
}
.video-gallery-content-wrap .sidebar .widget_categories ul{
  list-style:none;
  margin:0;
  padding:0;
}
.video-gallery-content-wrap .sidebar .widget_categories li{
  list-style:none;
  border:0;
  padding:4px 0;
  font-size:13px;
}
.video-gallery-content-wrap .sidebar .widget_categories li a::before{
  content:"›";
  margin-right:7px;
  color:#333;
  font-weight:700;
}
.video-gallery-content-wrap .sidebar .widget a{
  color:#333;
  text-decoration:none;
}
.video-gallery-content-wrap .sidebar .widget a:hover{color:#da0067}

/* Search */
.video-gallery-content-wrap .sidebar .widget_search form{
  display:block;
  width:100%;
}
.video-gallery-content-wrap .sidebar .widget_search label{
  display:block;
  width:100%;
}
.video-gallery-content-wrap .sidebar .search-field{
  width:100%;
  height:42px;
  border:1px solid #ddd;
  padding:0 38px 0 12px;
  box-sizing:border-box;
  font:400 13px 'Titillium Web',Arial,sans-serif;
  color:#666;
  outline:none;
  background:#fff;
}
.video-gallery-content-wrap .sidebar .search-submit{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.video-gallery-content-wrap .sidebar .widget_search label{position:relative}
.video-gallery-content-wrap .sidebar .widget_search label::after{
  content:"⌕";
  position:absolute;
  right:11px;
  top:8px;
  color:#222;
  font-size:17px;
}

/* Tags */
.video-gallery-content-wrap .sidebar .widget-tagcloud .tagcloud{
  line-height:1;
  margin-bottom: 19px;
}
.video-gallery-content-wrap .sidebar .widget-tagcloud a{
  display:inline-block;
  margin:0 4px 5px 0;
  padding:4px 9px;
  border-radius:4px;
  background:#26262b;
  color:#fff;
  font-size:14px !important;
  line-height:1.1;
  font-weight:600;
      height: 33px;
    width: 82px;
    text-align: center;
    margin-bottom: 10px;
}
.video-gallery-content-wrap .sidebar .widget-tagcloud a:hover{background:#da0067;color:#fff}

/* Calendar */
.video-gallery-content-wrap .sidebar .widget_calendar .widget_title{margin-bottom:18px}
.video-gallery-content-wrap .sidebar #wp-calendar{
  width:100%;
  border-collapse:collapse;
  font-size:11px;
  color:#777;
}
.video-gallery-content-wrap .sidebar #wp-calendar caption{
  caption-side:top;
  text-align:left;
  font-size:12px;
  color:#da0067;
  font-weight:600;
  margin-bottom:8px;
}
.video-gallery-content-wrap .sidebar #wp-calendar th,
.video-gallery-content-wrap .sidebar #wp-calendar td{
  text-align:center;
  padding:4px 1px;
  border:0;
}
.video-gallery-content-wrap .sidebar #wp-calendar th{
  color:#333;
  font-weight:600;
}
.video-gallery-content-wrap .sidebar #wp-calendar td{border:0}
.video-gallery-content-wrap .sidebar #wp-calendar #today{
  color:#fff;
  background:#da0067;
  font-weight:700;
  border-radius:50%;
}

/* Footer */
.video-gallery-footer{
  position:relative;
  min-height:510px;
  background:url('https://dranupama.in/wp-content/uploads/2017/10/pic110.jpg') center/cover no-repeat;
  padding:80px 0 25px;
  color:#fff;
}
.video-gallery-footer::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(55,44,60,.08);
}
.video-footer-inner{
  position:relative;
  z-index:1;
  width:1170px;
  max-width:calc(100% - 40px);
  margin:0 auto;
}
.video-footer-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:50px;
}
.video-footer-card{
  min-height:325px;
  background:rgba(255,255,255,.98);
  padding:42px 28px 35px;
  text-align:center;
  color:#222;
}
.video-footer-icon{
  width:62px;
  height:62px;
  margin:0 auto 20px;
}
.video-footer-icon svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:#d5009b;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.video-footer-card h4{
  margin:0;
  color:#222;
  font-size:18px;
  font-weight:700;
}
.video-footer-rule{
  display:block;
  width:48px;
  height:2px;
  margin:23px auto 22px;
  background:#e8e8e8;
}
.video-footer-card p,
.video-footer-card a{
  color:#8d8790;
  font-size:13px;
  line-height:1.6;
}
.video-footer-card strong{color:#333}
.video-footer-directions{
  display:inline-block;
  margin-top:2px;
  color:#777 !important;
  font-weight:600;
}
.video-footer-brand{
  margin-top:42px;
  text-align:center;
  color:#fff;
  font-size:12px;
}
.video-footer-powered{
  margin-bottom:8px;
  color:#1b9aa1;
  font-size:16px;
  font-weight:600;
  letter-spacing:-.5px;
}
.video-footer-powered span{color:#df0068}

/* Video modal */
.video-modal-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.82);
  display:none;
  align-items:center;
  justify-content:center;
  padding:25px;
  z-index:99999;
}
.video-modal-overlay.open{display:flex}
.video-modal-box{
  position:relative;
  width:min(960px,100%);
  background:#111;
  box-shadow:0 15px 50px rgba(0,0,0,.5);
}
.video-modal-box iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
.video-modal-close{
  position:absolute;
  right:-42px;
  top:-42px;
  width:38px;
  height:38px;
  border:0;
  background:#da0067;
  color:#fff;
  border-radius:50%;
  font-size:20px;
  cursor:pointer;
  z-index:2;
}

/* Responsive */
@media(max-width:1100px){
  .video-gallery-content-wrap{grid-template-columns:minmax(0,1fr) 245px;gap:45px}
  .video-footer-cards{gap:30px}
}
@media(max-width:850px){
  .video-gallery-content-wrap{display:block;max-width:calc(100% - 30px)}
  .video-gallery-primary{margin-bottom:55px}
  .video-gallery-content-wrap .sidebar{width:100%;box-sizing:border-box}
}
@media(max-width:700px){
  .video-gallery-banner{height:250px;min-height:250px}
  .video-gallery-banner .container::before{
    left:15px;top:-55px;width:calc(100% - 30px);height:205px;
  }
  .video-gallery-banner h1{font-size:40px;padding-left:35px;margin-bottom:24px}
  .video-gallery-banner .crumbs{font-size:14px;padding-left:35px}
  .video-gallery-page-content{padding:50px 0 60px}
  #thumbwrapper2.gallery-video-content{padding:12px}
  #huge_it_videogallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}
  .video-footer-cards{grid-template-columns:1fr;gap:25px}
  .video-gallery-footer{padding-top:55px}
}
@media(max-width:480px){
  .video-gallery-banner{height:210px;min-height:210px}
  .video-gallery-banner .container::before{height:175px}
  .video-gallery-banner h1{font-size:32px;padding-left:25px}
  .video-gallery-banner .crumbs{padding-left:25px}
  .video-gallery-content-wrap{max-width:calc(100% - 24px)}
  .video-gallery-page-content{padding:42px 0 50px}
  #thumbwrapper2.gallery-video-content{padding:8px}
  .video-footer-inner{max-width:calc(100% - 24px)}
}


/* ===== 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;
  }
}