/* header is common for all pages */
header {background-color: #3399cc;
        padding-right: 10px;  
        padding-left: 10px;
        margin-right: 10px; 
        margin-left: 10px; 
        max-width: 1300px; 
        overflow: hidden; 
        height: 100px;}
/*background-color: #3399cc;*/
/* h2 is common for all pages */
h2 { font-family: serif; 
     font-weight: 550;
     text-align: center;
     font-size: 20px;
     color: white;  }

/* h3 is coommon for all pages */
h3 { font-family: serif; 
     font-weight: 550;
     text-align: center;
     font-size: 15px;
     color: white; 
     margin-top: 20px;}

/* h4 for heading after view in english button common for all pages */
h4 {font-family: serif;
    text-align: left;
    margin-top: 0px; }

/* h5 - head for last column - thagaval pagudhi and temple photos */
h5 {color: darkred;
    text-align: center;
    font-weight: 550;}
    
body {font-family: serif; }

p {font-size: 14px; }

/* font size for 2 column table common except index pages */
table {font-size: 14px;}

/* common for all tables */   
table th {background-color: #b3d8fc;
          text-align: center; 
          color: black; 
          font-weight: 550;}

/* for pathikam session not in index pages*/

ol {border: 1px solid black; }

ol li {padding : 4px;
       margin: 6px;
       font-weight: 550;
       list-style-position: outside;
       background-color:  #fffff7; }
       
hr { display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  color:black;
  border-width: 2px;} 

pre {background-color: #fef1e4;
     font-size: 12px;
     margin-left: 25px;
     margin-right: 25px;
     padding-top: 0px;}

/* this class is mentioned in tnt09.html*/
aside { width: 30%;
       padding: 10px;
       margin-left: 10px;
       float: right;
       border: 1px solid #555; }

/*marquee {background-color: #fef1e4;
         color: black;
         font-size: 20px;
         }*/

.navbar-light {background-color: #e4f1fe;
               min-height: 1px;
              margin-left: 10px;
              margin-right: 10px; }

.icon-bar {background-color:black;}

.navbar-header a {color: black;
                 font-size: 16px;}

.navbar-brand:hover {background-color: #F0F0F0;}

.navbar-collapse a {color:black;
                    font-size: 14px;}

.small a {color:black;}

/* this is for view in english button */
.btn {height:30px;
      background-color: #fef1e4;
      width: 300px;
      border-radius: 20px;
      padding: 0px;
      display: block;
      margin: auto;
      }
/* this is for view in english button */
.btnlang a {font-size: 18px;
            color:black;}

.breadcrumb {font-size: 11px;}

.row {margin-top: 25px;}

.text-info {color : purple;
            font-size: 12px;}

/* this is for dinamani article link */

.pariharasthalam {background-color: #fef1e4;
                  font-weight: 550;
                  padding:5px;
                  border: 1px solid black;}

.pariharasthalam-table {font-size: 13px;}

.one {background-color: #f7fbff;
      padding: 10px; }

.two {background-color: #fffbf7;
      padding : 10px; }

.three {background-color: #fffff7;
      padding: 10px; }

.four {background-color: #f7fbff;
       padding : 10px; }

.five {background-color: #fffbf7;
      padding : 10px;}

.six  {background-color: #fffff7;
      padding: 10px; }

/* last column temple photos */
.images {text-align: center;
         font-size: 13px;
         }

/* thagaval pagudhi p tag head - in index pages */
.tph {text-align: center;
      color: darkred;}

/* districtwise info backgroun in index pages */
.districtinfo {background-color: #fef1e4;
               padding: 10px;}

.lastcolumn-info {background-color: #e4f1fe;}

.table-condensed {font-size: 12px;}

/* this class used for pnt12.html carousel */
.car-width {width: 230px;
                display: block;
                margin-left: auto;
                margin-right: auto;
                border: 10px solid #555;
                border-style: double;}

.bullet-points ul {background:  #b3d8fc;
                padding: 10px; 
                list-style-position: inside;}

.bullet-points li {background: #e4f1fe;
  color: black;
  margin: 10px;
  padding: 10px;}

.travel-tips {background-color: #fef1e4;
              padding:10px; }

.unselectable { margin-top: 20px; 
      -webkit-user-select: none;
        -webkit-touch-callout: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
             }
             
.titbits {background-color: #fff7f7;
      padding: 10px; }

.readingtime {color: blue;
              font-style: italic;
              padding-left: 10px;}

.fa-map-marker { font-size: 24px;
                 color: red; }

.center-image { display: flex;
                justify-content: center;
                padding: 20px; }

.center-image img { border: 5px double #555;}

.polaroid { display: block;
  margin-left: auto;
  margin-right: auto;width: 50%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
  justify-content: center;
   padding: 10px;
}

.polaroid-container {
  text-align: center;
  padding: 10px 20px;
}

.tablecontent .google-auto-placed {display: none;}

@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

.pagination-container {
  width: calc(100% - 2rem);
  display: flex;
  align-items: center;
  position: relative;
  bottom: 0;
  padding: 2rem 0;
  justify-content: center;
}

.pagination-number,
.pagination-button{
  font-size: 1.1rem;
  background-color: transparent;
  border: none;
  margin: 0.25rem 0.25rem;
  cursor: pointer;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: .2rem;
}

.pagination-number:hover,
.pagination-button:not(.disabled):hover {
  background: #fff;
}

.pagination-number.active {
  color: #fff;
  background: #0085b6;
}

.sitemap {background-color: #e4f1fe;
         padding: 10px;}

.sitemap-list ul {
  background: #e4f1fe;
  padding: 20px;
}

.sitemap-list li {
  background: #f7fbff;
  margin: 5px;
  padding: 5px; 
}

.sitemap-list a { color: darkblue; }

.sitemap-list i { color: darkred; }

/* FROM HERE STYLING FOR COLLAPSIBLE TABLE AND COLLAPSIBLE CONTENT STARTS. NOT YET UPLOADED */
.collapsible {
  color: black;
  cursor: pointer;
  padding: 6px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 14px;
}

.collapsible:hover {
  background-color: lightgray;
}

.collapsible:after {
  content: '\002B';
  color: black;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.collapsible .active:after {
  content: "\2212";
}

.content {
  padding: 0 10px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #d4edda; 
}

.content pre {background-color: #d4edda;
     margin-left: 1px;
     margin-right: 1px;
     padding: 5px;}

#vt-pre {background-color: #E5E4E2;
     margin: 2px;
     padding: 5px;}

.content .google-auto-placed {display: none;}

#paginated-list .google-auto-placed {display: none;}

@media screen and (max-width: 720px) {
  .panel-group { width: 100%; }}

/*
@media (max-width: 600px) {
    body {
        font-weight: 550; /* darker weight for mobile */
    }
}
*/
  
/* color codes used 
   header = #3399cc;
   navbar = #e4f1fe;
   view in button = #fef1e4;
   one =  #f7fbff;
   two =  #fffbf7;
   three = #fffff7;
   four = same as one
   five = same as two
   six = same as three
   pre = #fef1e4;
   pathikam background color =  #fffff7;
   table head = #70B8DB; or #3399cc; or #b3d8fc
   district info = same as view in button
   content color code original - #f1f1f1; */