/**
 * @file
 * Subtheme specific CSS.
 */
 /* à supprimer */
 /* footer.site-footer{display:none} */

/********** Sticky footer styles **********/
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 220px;
}
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  Set the fixed height of the footer here
  height: 220px;
}

/********** General **********/
.visually-hidden-focusable{display:none}
.no-margin{margin:0 !important}
.icon::before {display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;-webkit-font-smoothing: antialiased;}
.login::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f007";  }
.search-panel{background-color:#fff;padding-top:2em;}
.search-panel #list,.search-panel #advanced{min-height:10em}
/* #main{padding-top:3em;padding-bottom:2em} */

#inscription .table-striped tr.odd{background: #e4e4e4;background: rgba(0, 0, 0, 0.105);}
#inscription .table-striped tr.even{background: #fff;background: rgba(0, 0, 0, 0.063);}
#inscription .td-vignette img{width:100px}
.td-vignette{width:140px}
 
/********** Header **********/
.site-id{line-height:1}
.navbar-brand{font-size:3rem;display:block;margin:0;color:#993300}
.site-name-slogan{font-size:2.5rem;color:#fd7e14}
#navbar-top{background-image: url('/sites/thespies.mom.fr/files/inline-images/bandeau.jpg');background-repeat: no-repeat;background-position: right center; }
#navbar-top .w1200{background-color:#d0d0d0;padding:1rem 50px}
#navbar-top.navbar{padding:0}
#navbar-top .region-top-header{padding-left:35px}
#block-mom-thespies-main-menu{margin-left:2rem}
.navbar-nav .nav-link{color:#ccc;font-weight:bold}
.navbar-nav a.nav-link:hover{color:#f9f9f9}
.header .below-menu{height:2px;background-color:#fd7e14}
/* .search-button {font-family:'Font Awesome\ 5 Free';font-weight:900; /*Fix version 5.0.9*/color:#fff !important;display:inline;font-size:1rem;} */
/* .navbar #block-mom-thespies-search .form-group {margin-bottom:0.5em;} */
/* .navbar #block-mom-thespies-search .form-control {padding-top:0;padding-bottom:0;height:calc(1.5em + .25rem);} */
/* .navbar #block-mom-thespies-search .search-form .btn {padding:0 2px} */
/* .navbar #block-mom-thespies-search{margin-left:auto;} */
.navbar-toggler{border-color: #ccc;margin-bottom:5px}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(204,204,204, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/********** Content **********/
h1.title,h2.node__title a, #block-mom-thespies-presentation h2{font-size:2rem;color:#993300}
.path-frontpage h2.node__title a{pointer-events: none;cursor: default;text-decoration: none;}/* dasactiver link 'a' */
.path-frontpage #block-mom-thespies-page-title{height:0}
#block-mom-thespies-page-title .content h1{display:inline-block}
#block-mom-thespies-page-title .content .toolbar{margin-left:1rem;margin-bottom:5px}
#block-mom-thespies-content{margin-top:10px}
#main.container{padding-top:2rem}
main#content{padding-left:2rem;}

.page-view-frontpage .sidebar .block .content{font-size:1rem;}

/* Datatable indivisul column search */
table#liste input[type="text"] {width:100%;}
table#liste tfoot th {padding:10px}
table#liste tfoot input[type="text"] {color:#555;font-weight:normal;}
table#liste tfoot {display: table-header-group;}/*put the colum search input at the top of table*/
table#liste tbody tr:first-child td{border-top: 1px solid #666}
table#liste tbody tr:last-child td{border-bottom: 1px solid #666}

********* Header **********/
@media (min-width:576px) {
  .container{max-width:100%;padding-right:15px;padding-left:15px;}
  #page .w1200 {margin:0;}
  .table td, .table th{padding:0.35rem}
}

@media (min-width:768px) {
  .container{max-width:100%;padding-right:15px;padding-left:15px;}
  #page .w1200 {margin:0;}
  .table td, .table th{padding:0.5rem}
}

@media (min-width:992px) {
  .container{max-width:100%;padding-right:15px;padding-left:15px;}
  #page .w1200 {display:block;/*margin:auto;*/max-width:1200px}
  .table td, .table th{padding:0.75rem}
}

@media (min-width:1200px) {
  .container{max-width:calc(1200px + 10%);padding-right:30px;padding-left:30px;}
  .table td, .table th{padding:0.75rem}
}

/********** Foot Logo **********/
.site-footer{padding:0}
.site-footer section.row{justify-content: center;}
.logos-pied-de-page img{height:40px;margin:0 25px;}
.credit-pied-de-page{margin-top:30px;font-size:1rem}


/********** Full screen modal carousel **********/

.modal-full {
  width: 100vw;
  height: 100vh;
}

.modal-full .modal-dialog {
  margin: 0;
  height: 100%;
}

.modal-full .modal-content {
  width: 100vw;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}

.modal-full .modal-content .modal-body {
  padding: 0;
}

.modal-full .modal-content .carousel {
  height: 100vh;
}

.modal-full .modal-content .carousel-actions {
  height: 100px;
  width: 100%;
  position: relative;
}

.modal-full .modal-content .carousel-inner {
  height: 100%;
}

.modal-full .modal-content .carousel-inner>.carousel-item {
  height: 100%;
  top: 0;
}

.modal-full .modal-content .carousel-inner>.carousel-item>img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 100%;
  max-width: 100%;
  display: block;
  margin: 0;
}