From cade88d398af694d44c3f7fbcc043ecd7f2feb67 Mon Sep 17 00:00:00 2001
From: Shilpi <shilpi.saini@viithiisys.com>
Date: Wed, 4 Sep 2019 11:59:30 +0530
Subject: [PATCH] minor change

---
 css/custom.css              | 33 +++++++++++++++++++++++++++++++++
 pages/caricatures.html      |  6 ++++--
 pages/paytmCaricatures.html |  6 ++++--
 3 files changed, 41 insertions(+), 4 deletions(-)

diff --git a/css/custom.css b/css/custom.css
index 92c666c..c75c80e 100755
--- a/css/custom.css
+++ b/css/custom.css
@@ -1252,6 +1252,39 @@ input.hidden {
     height: auto;
     cursor: pointer;
 }
+.container {
+  position: relative;
+  width: 50%;
+}
+
+.overlay {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 100%;
+  width: 100%;
+  opacity: 0;
+  transition: .5s ease;
+  background-color: #FF6600;
+}
+
+.container:hover .overlay {
+  opacity: 1;
+}
+
+.text {
+  color: white;
+  font-size: 22px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  text-align: center;
+}
 
 .title{
   text-align: center;
diff --git a/pages/caricatures.html b/pages/caricatures.html
index fdbf46e..d23d08c 100644
--- a/pages/caricatures.html
+++ b/pages/caricatures.html
@@ -17,9 +17,11 @@
                <div class="txt">Ahmedabad</div>
             </div> -->
             <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
-               <div class="card1">
+               <div class="container">
                   <img class="card-img-top" src="images/mumbai.png">
-                  <img class="img-top">
+                  <div class="overlay">
+                     <div class="text">Sold Out</div>
+                  </div>
                </div>
                <div class="txt">IIT Bombay</div>
                <div class="txt1">Mumbai | September 4th, 2019</div>
diff --git a/pages/paytmCaricatures.html b/pages/paytmCaricatures.html
index 475d41a..47555b0 100644
--- a/pages/paytmCaricatures.html
+++ b/pages/paytmCaricatures.html
@@ -3,9 +3,11 @@
       <div class="stages card-align">
           <div class="row">
              <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
-                <div class="card1">
+                <div class="container">
                    <img class="card-img-top" src="images/mumbai.png">
-                   <img class="img-top">
+                   <div class="overlay">
+                     <div class="text">Sold Out</div>
+                  </div>
                 </div>
                 <div class="txt">IIT Bombay</div>
                 <div class="txt1">Mumbai | September 4th, 2019</div>
-- 
2.0.0