/*==== base ====*/

html {
  font-size: 16px;
}

img {
  max-width: 100%;
  height:    auto
}

figure.image.ck-widget {
  height: auto !important;
}

a {
  color:           #337AB7;
  text-decoration: none;
  word-break:      break-all;
}

a:hover {
  color: #E24A29 !important;
}

a:hover img {
  opacity: .7;
}

.block-itrail {
  overflow: hidden
}

.hint-text {
  color:     darkgoldenrod;
  font-size: 0.9rem;
}

/*==== pagina-header ====*/
#pagina-header {
  width:      100%;
  background: #F9F9F9;
  padding:    0;
  margin:     0;
  border:     none;
  position:   fixed;
  top:        0;
  left:       0;
  z-index:    1010;
}

#pagina-header :after {
  display: none !important;
}

body {
  padding-top: 56px;
}

@media (min-width: 768px) {
  body {
    padding-top: 100px;
  }

  #pagina-main {
    min-height: 800px;
  }
}

@media (min-width: 1200px) {
  body {
    padding-top: 70px;
  }
}

/*==== main ====*/

.main-container {
  min-height: auto;
}

#pagina-main .media iframe {
  width:  100%;
  height: 500px;
}

.node .text-formatted {
  font-size:      18px;
  line-height:    1.8;
  letter-spacing: 0.2px
}

/*==== page-title ====*/
.block-page-title-block {
  padding-bottom: 9px;
  margin:         40px 0 20px;
  border-bottom:  1px solid #EEEEEE;
}

.block-page-title-block h1 {
  font-size:  2.2rem;
  text-align: center;
}

@media (min-width: 768px) {
  .block-page-title-block h1 {
    text-align: left;
  }
}

/*==== #pagina-footer ====*/
#pagina-footer {
  padding-bottom: 0
}

#pagina-footer .region-wrapper-footer {
  background-color: #49303A;
  padding:          35px 5px 35px 5px;
  color:            #CCCCCC;
  text-align:       left;
  font-size:        .9rem;
  opacity:          1;
  line-height:      1.5;
}

#pagina-footer .region-wrapper-footer p {
  margin-bottom: .2rem;
}

#pagina-footer .region-wrapper-footer a {
  display:         inline-block;
  color:           #CCCCCC;
  border-bottom:   none;
  text-decoration: none;
}

#pagina-footer .region-wrapper-footer .social {
  margin-top:    1rem;
  margin-bottom: 1rem;
}

#pagina-footer .region-wrapper-footer .social .icon-footer {
  width:           30px;
  height:          30px;
  text-indent:     -100rem;
  background-size: cover;
}

#pagina-footer .region-wrapper-footer .tmitrail-link:before {
  content:        url("../images/icon-tmitrail-logo-40x42.png");
  display:        inline-block;
  width:          40px;
  height:         42px;
  vertical-align: -50%;
}

#pagina-footer .region-wrapper-action div.block {
  display: inline-block;
}

#block-thetheme-wgnodeedit a {
  display:       inline-block;
  padding:       5px 10px;
  font-weight:   bold;
  border-radius: 10px 10px 0 0;
}

/*@media only screen and (max-width: 834px) {*/

/*  #pagina-footer .region-wrapper-footer {*/
/*    padding-bottom: 100px;*/
/*  }*/

/*}*/

/*---- sidebar ----*/

#pagina-sidebar ul {
  margin:     0;
  padding:    0;
  list-style: none;
}

#pagina-sidebar ul li {
  display: inline;
  padding: 0;
  margin:  0
}

#pagina-sidebar ul li a {
  display:       inline-block;
  padding:       5px 20px;
  margin:        0;
  color:         #337AB7;
  border-bottom: 1px solid #CCCCCC;
}

#pagina-sidebar ul li.in-active-trail a {
}

#pagina-sidebar ul li a.active {
  border-width: 2px
}

#pagina-sidebar ul ul li a {
  margin-left: 20px;
  font-size:   90%
}

#pagina-sidebar ul li a {
}

@media (min-width: 768px) {
  #pagina-sidebar {
    padding-top: 5rem;
  }

  #pagina-sidebar ul li a {
    display:   block;
    padding:   10px;
    font-size: 1rem;
  }

  #pagina-sidebar ul ul li a {
    margin-left:  0;
    padding-left: 40px;
  }

  #pagina-sidebar ul li.in-active-trail a {

    background-color: #E6E8E6;
  }

  #pagina-sidebar ul li a.active {
    background-color: #CCCCCC;
  }

  /*  #pagina-main {*/
  /*    min-height: 600px*/
  /*  }*/

}

/*==== user ====*/


/*==== query ====*/
.query_summary {
  color: darkred;
}
.data_query_result_table {
  overflow: scroll
}
.data_query_result_table table.table {
  width: 950px
}
.data_query_result_table .sensitive {
  color:         white;
  background:    red;
  font-size:     13px;
  padding:       2px 3px;
  border-radius: 10px;
  width:         auto;
  display:       inline-block;
}

/*==== cc ====*/

table.dataTable th.dt-type-date, table.dataTable td.dt-type-date {
  text-align: left;
}

table .th-dt {
  width: 10rem;
}

.ui-widget-overlay.ui-front {
  z-index:    1259;
  background: #333333;
  opacity:    .8;
}


.leaderboard .name {
  display: inline-block;
}

.leaderboard .badgets {
  display:      inline-block;
  padding-left: 5px;
}

.leaderboard .badgets .badget {
  width: 20px;
}

.traildayrank.leaderboard {
  margin-bottom: 2rem;
}

.traildayrank.leaderboard .table-wrapper {
  height:   44rem;
  overflow: hidden;
}

.traildayrank.leaderboard .showmore {
  /* border: 1px solid red; */
  text-align: center;
  padding:    5px 0;
  background: sandybrown;
}

.traildayrank.leaderboard .showmore:hover {
  cursor: pointer;
}