/*
Theme Name: MyTgsEvent
Theme URI: https://wordpress.org/themes/twentytwenty/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.3
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwenty
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* global */

body {
  color: #222;
  font-size: 20px;
}
a {
  color: #222;
  font-size: 20px;
}

.mt-100 {
  margin-top: 100px;
}
.mt-0 {
  margin-top: 0px;
}

main {
  margin-top: 70px;
}

.btn-primary {
  background-color: #f0812a !important;
  color: #fff;
  padding: 10px !important;
  border-radius: 10px;
}

.btn-white {
  background-color: white !important;
  color: #222;
  padding: 10px !important;
  border-radius: 10px;
  display: inline-flex !important;
}

.btn-white a {
  text-decoration: none;
}
/* .btn-white:hover {
  pointer-events:;
} */

h1 {
  font-size: 48px;
}

.section .sub-title {
  color: #0b3d62;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.section h2 {
  font-size: 35px;
  margin-top: 10px;
}

/* header */
header {
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 1;
  margin-left: 10px;
  margin-right: 10px;
}

header h1 {
  font-size: 30px;
}
header h2 {
  margin-top: 0px;
  margin-block-start: 0px !important;
  font-size: 25px;
}

header hr {
  opacity: 0.2;
  border-top-width: 1px;
}

.current-menu-item > .wp-block-navigation-item__content,
.current-menu-ancestor > .wp-block-navigation-item__content,
body.category .categorie > .wp-block-navigation-item__content,
body.single .categorie > .wp-block-navigation-item__content {
  text-decoration: underline solid var(--wp--preset--color--orange) 2px;
  text-underline-offset: 4px;
}

.wp-block-navigation-link:hover {
  text-decoration: underline solid var(--wp--preset--color--orange) 2px;
  text-underline-offset: 4px;
}
/* footer */
footer {
  padding: 40px;
}
footer hr {
  opacity: 0.2;
  border-top-width: 1px;
}
footer a {
  color: #222;
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline solid var(--wp--preset--color--orange) 2px;
  text-underline-offset: 4px;
}

footer .follow-us .wp-block-group {
  gap: 4px;
}

footer h2 {
  font-size: 25px;
}
/* home */
.home header hr {
  margin-bottom: 0px;
}
.home .entry-content {
  margin-block-start: 0px;
}
.home .details .wp-block-column {
  background-color: #f6f5f1;
  padding: 20px;
}
.home .details .address {
  color: white;
  background: #0b3d62;
  border: 5px solid #fcfaf4;
  outline: 2px solid #082c48;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
  padding: 20px 22px;
  min-width: 260px;
  flex: 0 0 auto;
}

.home .details .btn-primary {
  display: inline-flex;
}
.home .details .btn-primary a {
  color: white;
  text-decoration: none;
}
/* page program */
.program .wp-block-column {
  /* border-top: 4px solid var(--wp--preset--color--orange); */
  /* border-top-right-radius: 4px;
  border-top-left-radius: 4px; */
  padding-top: 10px;
  background-color: #f6f5f1;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 20px;
}

.program h2 {
  text-transform: uppercase;
  color: var(--wp--preset--color--orange);
  font-size: 30px;
}

.program h3 {
  font-size: 24px;
  margin-top: 5px;
}

.program .detail {
  min-height: 150px;
}
.program ul {
  /* list-style-image: url("https://tgshub.alwaysdata.net/events_v2/wp-content/themes/events/image/puce.png"); */
  list-style-type: none;
  padding-left: 20px;
}

.program li {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* page delegate */
#delegates {
  /* padding-top: 20px; */
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
  width: 100%;
}
.dataTables_wrapper .dataTables_filter {
  float: left !important;
}
#delegates_filter {
  margin-bottom: 30px;
}
#delegates_filter input {
  height: 46px;
  padding: 0 16px;
  border: 1px solid #d8dde6;
  border-radius: 10px;
  background: #fff;
  font-size: 15px;
  transition: 0.2s;
}

#delegates thead {
  color: white;
}

#delegates thead th {
  background: #f6f5f1;
  color: #222;
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 18px;
  text-align: left;
  border-bottom: 1px solid #eceff3;
}
#delegates thead th:first-child {
  border-radius: 14px 0 0 0;
}
#delegates thead th:last-child {
  border-radius: 0 14px 0 0;
}
/* page venue */
.page-id-13 .nearby-hotels ul {
  list-style-type: none;

  padding-left: 20px;
  display: flex;
  flex-wrap: wrap;
}

/* rwd */
.page-id-13 .nearby-hotels li {
  padding: 20px;
  background-color: #f6f5f1;
  margin: 10px;
}

.address {
  padding: 20px;
  background-color: #f6f5f1;
  margin: 10px;
}

.book-early {
  background-color: #f6f5f1;
  border-left: 3px solid #0b3d62;
  padding: 30px;
}

.view-maps a {
  font-size: 15px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {
  left: 0px !important;
  color: #0b3d62 !important;
  background: none !important;
  margin-top: 0px !important;
  top: auto !important;
  box-shadow: none !important;
  border: 1px solid #222 !important;
}
/* rwd */
@media (max-width: 1000px) {
  .menu {
    flex-direction: column;
  }
}
@media (max-width: 781px) {
  .is-layout-constrained {
    padding-left: 20px;
    padding-right: 20px;
  }
  footer {
    text-align: center;
  }
  footer .logo-title {
    justify-content: center;
  }
  footer h2 {
    padding-top: 20px;
  }
  nav ul.wp-block-navigation {
    display: flex;
    justify-content: center;
    margin-top: 30px;
  }
  header {
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
  }
  .row-location {
    flex-direction: column;
  }
}