.media-section  {height: 30vh;border: 2px solid black;
                background :linear-gradient(to right, rgba(4, 20, 1, 1), rgba(0,0,0,0.3)), 
                url('../assets/images/Gemini_media.png');background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                padding: 10px;}
.mb-items       {color: white ; padding: 30px;}
.mb-items-h4       {font-weight: bolder;font-family:'Century Gothic','Poppins', 'Questrial',"Roboto";}
.mb-items-sm        {font-family: 'Century Gothic','Poppins','Questrial', "Roboto";padding: 10px;color: rgb(218, 216, 216);}


/* explore mobile view dropdown */
/* .ex-mob-view        {border:2px solid green;} */
/* .ex-mob-view-dropdown   {border: 1px solid black;width: 1500px;} */
/* #ex-mob-view-select  {width: 100px;height:auto;background-color: bisque; } */


/* explore media center */
.page-pointers   {text-decoration: none;color:black;}
.page-pointers  a {text-decoration: none;color:black;font-size: normal;}
.explore-media-section  {position: sticky;
  top: 0;
  height: fit-content;}

.ex-mob-view  {display: none;}

.mdc-content    {display: grid;grid-template-columns: 250px 1fr;grid-gap: 30px;margin-top: 20px;
}
.explore-media-section  {}
.ex-mdc         {border: 1px solid rgb(223, 222, 222);border-radius: 10px;
                font-family:'Century Gothic','Poppins','Questrial', 'Inter';padding: 15px;border-radius: 15px;}
.ex-mdc-item-header {font-family:'Century Gothic','Poppins', 'Questrial',"Inter";font-weight: bold;line-height: 30px;color:#374151; font-size: 15px;}
.ex-mdc-list, .ex-mdc-quicklinks    {font-size: 13px; font-weight:bolder;font-family: 'Century Gothic','Poppins','Questrial';}

/* the code below adds bg color to explore links when clicked */
.on-site-page    {background-color: rgb(117, 224, 117);padding: 5px;color: white;}
/* explore bg color code end */

.mdc-gallery    {}
.mdc-latestnews-section {padding: 10px;}
.mdc-latestnews-title   { font-family:'Century Gothic','Poppins', 'Questrial',;  color:#374151;font-weight: bolder;font-size: larger; display: grid;grid-template-columns: 1fr 1fr;}
#mdc-latestnews-title2  {color: green;justify-self: end;font-size: small;font-family: 'Century Gothic','Poppins','Questrial';}
#mdc-latestnews-title2  a {text-decoration: none;color: green;;}
#mdc-latestnews-title1   {font-family:'Century Gothic','Poppins', 'Questrial';}
.mdc-latestnews-item1   {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 10px;}
.mdc-latestnews-item-card   {height: auto;border: 1px solid rgb(223, 222, 222);border-radius: 10px;}
.mdc-latestnews-card-img    {height: 50%;}
.mdc-latestnews-card-img img   {width: 100%;height: 100%;border-top-right-radius: 10px; border-top-left-radius: 10px;}
.mdc-latestnews-card-text   {font-family:'Century Gothic','Poppins', 'Questrial', "Inter";padding: 5px;}
.mdc-latestnews-card-text1   {font-weight: bolder;font-size: 14px;}
.mdc-latestnews-card-text2   {font-weight: 500;padding-top: 7px;font-size: 12px; }
.mdc-latestnews-date        {color: gray;font-weight: lighter;padding-left: 8px;}

/* photo gallery */
.photo-gallery      {padding: 10px;border: 1px solid rgb(223, 222, 222);border-radius: 10px;}
.photo-gallery-label    {display:grid; grid-template-columns: 1fr 1fr;font-family:'Century Gothic','Poppins', 'Questrial',;}
.photo-gallery-label1    {font-weight: bolder;font-family:'Century Gothic','Poppins', 'Questrial';}
.photo-gallery-label2    { font-family:'Century Gothic','Poppins', 'Questrial'; font-weight: bolder; font-size: small; color: green;justify-self: end;}
.photo-gallery-items    {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 15px;}

/* .photo-gallery-item1    {width: 250px;height: 200px;} */
.photo-gallery-item1    {}
.photo-gallery-item1 img   {width: 100%;height:auto; border-radius: 20px;}
#ph-ic img {width: 40px;}

/* event section */
.events-section     {padding: 10px;border: 1px solid rgb(223, 222, 222);border-radius: 10px;
                    background-color: rgb(252, 252, 252);}
.events-labels      {display: grid;grid-template-columns: 1fr 1fr;font-family: 'Century Gothic','Poppins','Questrial';}
.event-label1    {font-weight: bolder;}
.event-label2    {font-weight: bolder; font-size: small; color: green;justify-self: end;}
.event-table-section    {width: 80%;justify-self: center;}
.event-table       {width: 100%;font-family:'Century Gothic','Poppins',"Cossete Titre","Inter", "Google Sans"; border-collapse: separate;
                    border-spacing: 0 12px;}

.event-table tr      { padding:10px;}
td  {border-bottom: rgb(179, 177, 177) solid 1px;border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.td-dt      {text-align: center;}

.dtd        {color: rgb(85, 174, 85);font-weight: bolder;font-family: 'Questrial';}
.ev-hdl     {font-weight: bolder;font-family: 'Century Gothic','Poppins','Questrial';}
.ev-lc      {font-weight:bold;color: rgb(142, 139, 139);}

.td-ac    button  {font-size: small;}
.ev-td-item     {display: none;font-family:'Century Gothic','Poppins', 'Questrial';}
/* .ev-td-item-sample     {} */
#ev-ic img {width: 40px;}

/* documents section */
.docs-section   {padding: 10px;border: 1px solid rgb(223, 222, 222);border-radius: 10px;
                    background-color: rgb(252, 252, 252);}
.docs-label     {display:grid;grid-template-columns: 1fr 1fr;}
.docs-label1     {font-weight: bolder;font-family:'Century Gothic','Poppins', 'Questrial';}
.docs-label2     { font-family:'Century Gothic','Poppins', 'Questrial'; font-weight: bolder; color: green;font-size: small;justify-self: end;}
.docs-table      { } 

.doc-table     {width: 100%;font-family:'Century Gothic','Poppins','Questrial', "Inter";border: 1px solid rgb(223, 222, 222);
                font-family:'Century Gothic','Poppins','Questrial',"Cossete Titre","Inter", "Google Sans";}
/* .docs-table  .doc-table  {border: rgb(43, 255, 0) 2px solid ;} */
.doc-td-item    {display: none;}
.doc-table .theads th{background-color: rgb(235, 233, 233) ;padding: 15px;}
.doc-table td {padding: 15px;}
.dc-dwn-btn     {color: green;font-size: small;font-weight: bolder;}
.dc-dwn-btn  img   {width: 20px;}
.dc-dwn-btn  a   {text-decoration: none;color: green;font-size: smaller;}



#dc-ic img {width: 30px;}
/* the code below is used to make event table scrollable */
.docs-fold-table      {height: 40vh; overflow-y: scroll;}
/* end of scrollable table */
.to-hide-first  {display: none;}


/* for mobile view  */
@media (max-width:900px) {

.ex-mob-view  {display: block;}
.mdc-content    {display: grid;grid-template-columns:1fr;grid-gap: 30px;margin-top: 20px;

}

.explore-media-section  {display: none;}

.mdc-latestnews-item1   {display: grid;grid-template-columns: 1fr; grid-gap: 10px;}

.photo-gallery-label    {display:grid; grid-template-columns: 1fr;}  
.photo-gallery-label2    {font-weight: bolder; font-size: small; color: green;justify-self: start;}
.photo-gallery-items    {display: grid;grid-template-columns:1fr;grid-gap: 15px;}  

/* events */
.event-table-section    {width: 100%;justify-self: center;}
.events-labels      {display: grid;grid-template-columns:1fr;}
.event-label1    {font-weight: bolder;}
.event-label2    {font-weight: bolder; font-size: small; color: green;justify-self:start;}
.event-table-section    {justify-self: start;}

/* documents */
.docs-label     {display:grid;grid-template-columns:1fr;}
.docs-label1     {font-weight: bolder;}
.docs-label2     {font-weight: bolder; color: green;font-size: small;justify-self:start;}

.doc-table     { overflow-x: auto;border-collapse: separate;}



.doc-table     {font-family:'Century Gothic','Poppins', "Inter";border: 1px solid rgb(223, 222, 222);
                font-family:'Century Gothic','Poppins',"Cossete Titre","Inter", "Google Sans";
               }

.doc-table .theads th{background-color: rgb(235, 233, 233) ;padding: 5px;}
.theads {font-size: smaller;font-family:'Century Gothic','Poppins', "Inter";}
.doc-table td {padding: 5px;}



}


@media (min-width: 901px) and (max-width: 1010px) {

.mdc-content    {display: grid;grid-template-columns:1fr;grid-gap: 30px;margin-top: 20px;

                  }

.explore-media-section  {display: none;}
.mdc-latestnews-item1   {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 10px;}





}