.image-container{position:relative;}
.caption{width:100%;background:rgba(0,0,0,0.75);position:absolute;top:0px;bottom:0;height:100%;}
.fontshead{font-family:'Alegreya', serif;color:white;text-align:center;margin:5px;top:25%;font-weight:normal!important;text-shadow:1px 1px 5px;}
.fonts{font-family:'Alegreya', serif;color:white;text-align:center;top:25%;font-weight:normal!important;text-shadow:1px 1px 5px;position:fixed;width:89%;}
.tags1{width:100%!important;background-color:rgba(247,247,247,0.3);text-align:center;font-family:'Alegreya', serif;color:white!important;}
.tags1 a{outline-style:groove;outline-color:silver;color:black!important;}
#side-nav{position:fixed;right:0;top:0;bottom:0;height:100%;width:300px;background-color:#1a1117!important;z-index:9999;-webkit-transform:translateX(300px);-ms-transform:translateX(300px);transform:translateX(300px);overflow:auto;}
#side-nav.push-left{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
#main-container{-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;opacity:1;}
#main-container.push-left{-webkit-transform:translate(50px, 50px) scale(0.9);-ms-transform:translate(50px, 50px) scale(0.9);transform:translate(50px, 50px) scale(0.9);opacity:0.5;overflow:hidden;}
#side-nav,
#main-container{-webkit-transition:0.5s cubic-bezier(0.73, 0, 0.32, 1);transition:0.5s cubic-bezier(0.73, 0, 0.32, 1);}
#side-nav input#search-field{border-color:rgba(255, 255, 255, 0.3);margin-right:0;border-radius:3px 20px 20px 3px;border-right:none;width:100%;}
#side-nav button#search-btn{background-color:#666699;border-radius:0px 3px 3px 0px;padding:0;margin:0;height:34px;width:34px;color:#fff;position:absolute;right:0;bottom:0;}
#side-nav label{font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:0.2em;color:#fff;background-color:transparent;}
#side-nav .list-group-item.style-3 a{padding:5px 25px;}
#side-nav form{padding:5px 25px;margin:20px 0;}
.list-icon-left .list-group-item.style-3 a,
.list-icon-left .list-group-item.style-2 a{margin-left:24px;padding-left:24px;border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.list-icon-left .list-group-item.style-3 a span.fa,
.list-icon-left .list-group-item.style-2 a span.fa{width:14px;line-height:24px;height:24px;opacity:0.5;margin-left:-25px;display:block;float:left;}
.list-group-item.style-3,
.list-group-item.style-2{border:none;border-radius:0;padding:0;margin:0;}
.list-group-item.style-3.list-group-label,
.list-group-item.style-2.list-group-label{font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:0.2em;padding:5px 25px;}
.list-group-item.style-3 a,
.list-group-item.style-2 a{display:block;margin:0;padding:5px 0;}
.list-group-item.style-3 a small,
.list-group-item.style-2 a small{display:inline;opacity:0.75;}
.list-group-item.style-3 a span.fa,
.list-group-item.style-2 a span.fa{width:14px;opacity:0.5;}
.list-group-item.style-3 a:hover,
.list-group-item.style-2 a:hover{text-decoration:none;}
.list-group-item.style-3.active,
.list-group-item.style-2.active{font-weight:600;}
.list-group-item.style-3{background-color:transparent;color:rgba(255, 255, 255, 0.5);}
.list-group-item.style-3.list-group-label,
.list-group-item.style-3.list-group-label:hover{color:#fff;background-color:transparent;}
.list-group-item.style-3 a{color:rgba(255, 255, 255, 0.5);}
.list-group-item.style-3 a:hover{color:#ffffff;}
.list-group-item.style-3:hover{background-color:rgba(255, 255, 255, 0.1);}
.list-group-item.style-3.active{color:#ffffff;background-color:rgba(255, 255, 255, 0.1);}
.list-group-item.style-2{background-color:transparent;color:#666699;}
.list-group-item.style-2.list-group-label,
.list-group-item.style-2.list-group-label:hover{color:#666699;background-color:transparent;}
.list-group-item.style-2 a{color:#646464;}
.list-group-item.style-2 a:hover{color:#666699;}
.list-group-item.style-2:hover{background-color:transparent;}
.list-group-item.style-2.active{color:#000000;background-color:transparent;}
.fb-comments span {background-color: white;}
.blog a{text-decoration: underline;}
.whatsapp-button {
      display: inline-flex;
      align-items: center;
      background-color: #25D366;
      color: #fff;
      padding: 12px 18px;
      border-radius: 8px;
      text-decoration: none;
      font-family: Arial, sans-serif;
      font-weight: bold;
      font-size: 16px;
      transition: background-color 0.3s;
    }

.whatsapp-button:hover {
      background-color: #1ebe5d;
    }

.whatsapp-button svg {
      margin-right: 10px;
    }