@import url(../../css/font.css);
@import url(../../css/init.css);
@import url(../../css/vars.css);
@import url(../../css/srgntopbar.css);
@import url(../../css/srgnmenu.css);
@import url(../../css/srgnfooter.css);
@import url(../../css/pageheader.css);

:root{
    --primary-color: rgb(138,45,0);
    --secondary-color:  rgb(251,235,197);
    --trusary-color:rgb(250,173,22); 
    
    --white-color:rgb(255,255,255);
    --primary-gold-color: #ffd700;


    --primary-dark-color:#250202;
    --secondary-dark-color:#453c5c;
    
    --primary-dark-text-color: #130e20;
    --secondary-dark-text-color: #453c5c;

    
    --primary-light-text-color: #ffffff;

    --white-color: #ffffff;
    --light-bg-color: #f2f3f5;

    --main-title-font-family: 'robotoblack';
    --main-title-font-size: 2em ;
    
    --big-title-font-size:2.5em;
    --def-title-letter-spacing:0.8em;

    --sub-title-font-family: 'robotomedium';
    --sub-title-font-size: 1.3em;

    --def-sub-title-letter-spacing:0.05em;

    --def-font-family-large: 'AcuminVariableConcept';
    --def-font-family-small: 'robotolight';
  
    --def-font-family-large1: 'roboto_condensedlight';
    --def-font-family-small1: 'Oswald-Light';

    --def-font-size-large: 1.2em;
    --def-font-size-small: 1em;


    --max-padding-top: 50px;
    --max-padding-bot: 50px;

    --def-lr-padding: 20px;
    --cnt-padding-top: 30px;
    --cnt-padding-bot: 30px;  
    
}

.headerarea{
  background-image: url(../../image/cbgrd.png);
}

.pasteventlist{
    background-color:var(--white-color);
    padding-bottom: var(--max-padding-bot);
  }

  .fairpartners{
    padding: 0 20px;
    height: auto;
  }
  
  .separator{
    width: 100%;
    display:flex;
    align-items: center;
    z-index: 999;
  }
  
  .separator .line{
    height: 10px;
    flex: 1;
    background-color:var(--primary-color);
    z-index: 999;
  }
  
  .separator h2{
    font-family: 'Fahkwang-Medium', 'Courier New', Courier, monospace;
      font-size: 2em;
      letter-spacing: 0.08em;
      color:var(--primary-color);
    padding: 1px 10px;
    width:800px;
    background-color:rgb(250,173,22);
 
    text-align:center;
    border: 5px solid var(--primary-color);
    z-index: 999;
  }
  
  .sponsors{
    width: 100%;
    min-height: 200px;
    margin: 20px auto 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-around;
    align-items: flex-start;
  }
  
  .sponsors h3{
    width: 300px;
    padding: 5px 10px;
    font-family: 'Fahkwang-Regular', 'Courier New', Courier, monospace;
    background-color: rgb(138,45,0);
    font-size: 1.2em;
    color: white;
 
    text-align: center;
    letter-spacing: 0.08em;
  }

  .emerging{
    width: 100%;
    min-height: 100px;
    height: auto;
    display: block;
    margin: 0 auto;
    padding: 0;
  }

  .pageNum{
    width: 100%;
    height: auto;
    padding: 10px 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .paginationClass {
    min-width: 10px;
    font-family: 'Fahkwang-Medium', 'Courier New', Courier, monospace;
    font-size: 1em;
    cursor: pointer;
    margin: 0 5px;
    padding: 3px 7px;
    color: var(--primary-color);
    background: var(--trusary-color);
    border: 1px solid rgb(150, 150, 150);
    display: inline-block;
    transition: background 500ms ease-out;
    text-align:center;
}

.paginationClass:hover {
    background: var(--primary-color);
    color: var(--trusary-color);
}

.restable{
  display: block;
  width: 100%;
  margin: 50px auto 0;
  padding: 0 ;
}

.restable table{
  width: 80%;
  margin: 0 auto;
}

.restable table tr {
  padding: 2em;
}

.restable table tr th {
  padding: 1em 0.45em;
}

.restable table tr td {
  padding: 0.45em;
}
.restable table td:nth-child(1),
.restable table td:nth-child(2){
  text-align: center;
}

.restable table th:nth-child(3),
.restable table td:nth-child(3){
  text-align: left;
}

.restable table tr th{
    font-family: 'Fahkwang-Medium', 'Courier New', Courier, monospace;
    font-size: 1.2em;
    color:var(--primary-color);
    font-weight: 600;
}

.restable table tr td{
    font-family: 'Fahkwang-Medium', 'Courier New', Courier, monospace;
    font-size: 1.2em;
    color:var(--primary-color);
    font-weight: 500;
}

.restable table a{
  font-family: 'Fahkwang-Regular', 'Courier New', Courier, monospace;
    font-size: 0.9rem;
    color:var(--primary-color);
    font-weight: 600;

}

.restable table tr th{
  background-color: var(--primary-color);
  color: var(--secondary-color);
  letter-spacing: 0.08em;
}

.restable table tbody tr:nth-child(odd){
  background-color: var(--secondary-color);
}

@media (max-width: 700px){

  .restable table thead tr{
    display: none;
  }

  .restable table tr{
    display: block;
  }

  .restable table td{
    width: 100%;
    float: right;
    display: block;
}

.restable table td::before{
  content: attr(data-title)" : ";
  float: left;
}

.restable table td:nth-child(1),
.restable table td:nth-child(2),
.restable table td:nth-child(3)
{
  text-align: right;
}

.restable table tbody{
  background-color: var(--secondary-color);
}


}