/***   Touch of Kat   ***/

.tok_track {
  font-size: 0.8em;
  text-align: left;
  margin-left: 7px;
  margin-right: 9px;
  padding: 15px;
}
.tracks PRE {
  background-color: #222;
  color: orange;
  padding: 5px;
  margin-top: 0;
  margin-bottom: 0;
}
.tracks span {
  background-color: black;
  color: #777;
  padding: 5px;
  font-size: unset;
}

@font-face{
	font-family: 'fontawesome';
	font-style: normal;
	font-weight: normal;
	src: url("fonts/fontawesome-webfont.eot?v=4.2.0");
	src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"),url("fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"),url("fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"),url("fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg")
}
@font-face {
	font-family: 'Merriweather';
	src: url('fonts/Merriweather-Regular.ttf') format('truetype');
	font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'Raleway';
	src: url('fonts/Raleway-Regular.ttf') format('truetype');
	font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Cinzel';
  src:  url('fonts/Cinzel-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

html, .card-title {font: normal 'Raleway', Verdana, Helvetica, sans-serif !important;}

#theHeadpiece {
  text-align: center;
  font-family: 'Cinzel';
  font-size: 200%;
  padding: 1rem;
}

#theHeader {font-family: Merriweather, cursive;}

.logo { /* site logo */
}
.gal-title { /* galery title */
  position: relative;
/*
  font-size: calc(1.561rem + 1.9512vw);
  font-size: 4rem;
*/
/* top: 22px; >> css local de LFE ou custom */
}

/* slider legend */
.nivo-caption {
  font-family: 'Raleway' !important;
  color: white;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000 !important;
}

.Online {float : none !important;}

span.nb-hits {display:none;}

.ml-2, .mx-2  {margin-left: 0 !important;}
.ml-2, .mx-2 {
  margin-left: .5rem !important;
}


.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: top, left, opacity;
  transition-property: transform, opacity;
}
.isotope, .isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

#sidebar h2 {
  font-weight: 300;
}

#tab_info.tab-pane, #tab_metadata.tab-pane {
/*
  width: 40%;
  width: 100%;
*/
}

#tab_comments {
/*
  margin: 10px 20px !important;
*/
}

#tab_comments .card {
  color: inherit;
  background-color: inherit;
  border: none;
  box-shadow: unset;
}

#tab_comments #comments {
/*
  padding: 0 1.25rem;
*/
}

#tab_comments #viewcomments .card-title {
  display: none;
}

/*
#tab_comments #comments.card,
*/
#comments .tab-content {
  border: none;
  box-shadow: unset;
}

#comments, #tab_comments {
/*
  margin-left: 20px;
  margin-right: 20px;
*/
}


.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5 {
  font-family: 'Raleway';
  font-weight: bold;
}
.capitalized_titles {
  font-variant: small-caps;
}

.text-small {
  font-size: 0.9rem;
}
.text-medium {
  font-size: 1rem;
}
.text-large {
  font-size: 1.15rem;
}
#theImageComment h1, #content-description h1, #theImageInfos h1, #sidebar h1 {
  font-size: 1.8em;
}
#theImageComment h2, #content-description h2, #theImageInfos h2, #sidebar h2 {
  font-size: 1.5em;
}
#theImageComment h3, #content-description h3, #theImageInfos h3, #sidebar h3 {
  font-size: 1.3em;
}
.h1, h1 {
  font-size: 1.75rem;
  text-align:center;
}
h1.title-small {
  font-size: 1.6rem;
}
h1.title-medium {
  font-size: 1.75rem;
}
h1.title-large {
  font-size: 2rem;
}
h2.title-small {
  font-size: 1rem;
}
h2.title-medium {
  font-size: 1.25rem;
}
h2.title-large {
  font-size: 1.5rem;
}


#infopanel {
  margin-top: 20px;
  border:none;
  max-width: 1024px;
}
#infopanel .nav {
/*
  padding-left:16px;
*/
  padding:0 16px;
}
#infopanel .nav li {
  float:left;
  margin:0 6px 0 0;
  margin:0 2px 0 0;
  overflow:hidden;
  text-align:center;
  border:none;
  position:relative;
}
#infopanel .nav a {
  display:block;
  font-weight: normal;/* ZZZ important */
  text-decoration:none;
  overflow:hidden;
  padding:6px 20px;
  margin: 0;
  border-bottom:none;
  border-radius:10px 10px 0 0;
}
#infopanel .nav a.active:hover {
  cursor: default;
}
#infopanel .nav a span {
  color: inherit;
  font-size: unset;
}

/*
@media (min-width: 512px) {
@media (min-width:486px) {
@media (min-width:576px)   ZZZ basculement onglets
*/
@media (min-width:576px) {
  #infopanel .imageInfo:not(#map-info) {
    margin-left: calc(50% - 196px);
    margin-right:  calc(50% - 196px);
  }
  #comments, #tab_comments {
    margin-left: 0.5vw;
    margin-right: 0.5vw;
    padding-left: 0.5vw;
    padding-right: 0.5vw;
  }
}
@media (max-width:575.98px) {
  #infopanel .imageInfo:not(#map-info) {
    margin-left: 58px;
    margin-left: 9%;
  }
  #comments, #tab_comments {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width:576px){
  #metadata-content {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}


.tab-content {
  padding: 0.5rem 0 0.5rem 0;
  border-radius: 0.5rem;
}

.tab-content .table {
  margin: 0;
}

.tab-content .bmd-form-group .bmd-label-static {
  font-size: inherit;
}

div#main-picture-container h1 {
  text-align:center;
  margin-bottom: 1rem;
}


/* inutile si correction de picture.php / <br> 
h1 + br, h2 + br, h3 + br, h4 + br, h5 + br, p + br {
  display: none;
} */


li#linked_page_1.row_0 a, li#linked_page_1.row_0 a h1, li#linked_page_1.row_0 a h2 {
  font-family: 'Raleway';
  font-size:1.2rem !important;
  font-weight: bold;
  text-align:center !important;
}

.bg-dark {
  margin: 0;
/*
  margin-bottom:1px;
  padding-top: 12px;
*/
}

.bg-primary {
  margin: 0;
/*
  padding: 12px 0 0 0;
  padding: .2rem 1rem;
*/
}

.badge-secondary {margin-right:10px;}
.nav a .badge-secondary {margin: unset;}

/* copyright footer */
a.Piwigo {color:#F70;}
a.Piwigo::after {
  content:url(../img/pwg-small.png);
  position:relative;
  right:-3px;
  bottom:-2px;
  margin-right:4px;
 }

#CC_block{margin: 0; padding: 12px 0 0 0;}

#content-description, section#important-info {
  font-family: 'Raleway';
/*
  font-size: 1.1rem !important;
*/
  text-align: justify !important;
  padding: 0;
  width: 100%;
  display: block;
}
section#important-info .imageComment {
  text-align: center !important;
}

#linked_pages li a h1 {
  padding:4px 8px;
  border-width:1px;
  border-style:dotted;
  border-radius:2px;
}

.instit {
  font-family: Merriweather, cursive !important;
  fontsize: 1rem;
  color: purple;
  text-align: justify;
  padding: 4px 8px;
  border-width: 3px;
  border-style: solid;
  border-radius: 10px;
}

p#uploadWarningsSummary {
 text-overflow: ellipsis;
 width: 222px;
 white-space: nowrap;
 overflow:hidden;
}

.embed-responsive {position: relative;display: block;height: 0;padding: 0;overflow: hidden;}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object {position: absolute;  top: 0;  left: 0;  bottom: 0;  height: 100%;  width: 100%;  border: 0;}
.embed-responsive.embed-responsive-kat {  padding-bottom: 100%;}
.embed-responsive.embed-responsive-16by9 {padding-bottom: 56.25%;}
.embed-responsive.embed-responsive-4by3 {padding-bottom: 75%;}

@media screen and (max-width: 1024px) {div.container.pwgstuffs-container div.row div#stuffs_block_1.pwgstuffs-col.col-12{display:none;} img {max-width:100%; height:auto}}

hr {
  border: none;
  overflow: visible;
  text-align: center;
  height: 5px;
	margin: 20px;
}

/* bars */

.nav-breadcrumb > .nav-breadcrumb-item, .card-title {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}


@media (min-width: 1200px) {
  .nav-breadcrumb .nav-breadcrumb-item {
    max-width: 800px;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .nav-breadcrumb > .nav-breadcrumb-item {
  max-width: 600px;
  }
}


/*
body:not(#theAdditionalPage) .navbar-brand a:last-child {display:none;}
*/

/* >> css local de LFE ou custom
.navbar-main .navbar-brand{font-family: Merriweather, cursive;font-size: 150%;}
.navbar-main a.navbar-brand.mr-auto{font-style: italic;}
*/

nav.navbar.navbar-expand-lg.navbar-contextual.navbar-dark.bg-primary.sticky-top.mb-2 div.container h2 {text-align:right !important;}
/*
.navbar-dark .navbar-nav{padding-right:2.5rem;}
*/
.navbar .dropdown-menu.show {
  padding-top: 10px;
  padding-bottom: 10px;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: #fff;
}

#navbar-menubar #quicksearch {
  color: rgba(255, 255, 255, 0.75);
}
#navbar-menubar #quicksearch:hover {
  color: #fff;
}

.dropdown-menu .dropdown-item {min-height: 1.5rem;/*pour diminuer la hauteur de ligne des menus déroulants*/}
.dropdown-item external, .dropdown-menu .dropdown-item{padding:0.25rem 1rem 0.25rem 1rem !important;}
li#links dropdown div a{background: inherit;line-height:1;margin:0,padding:0;}
.navbar .dropdown-menu{border-radius: 10px;padding-left: 5px;padding-right: 5px;}
.dropdown-item{margin-top:0 !important;margin-bottom:0 !important;}
.dropdown-divider{display:none;}
/*
.dropdown-item, .dropdown-item:focus, .dropdown-item:active {background-color: transparent !important;}
*/
.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active {
  font-style: italic;
  font-size: 1.1rem;
}
.dropdown-menu.show {
  padding-top: 10px;
}

/* breadcrumb and bars */
.nav-breadcrumb > .nav-breadcrumb-item {white-space: nowrap;overflow: visible;}
/*
.nav-breadcrumb-item.active {display:none !important;}
*/
/*
.navbar-brand .nav-breadcrumb-item:not(:first-child) {
  position:relative;
  bottom: 2px;
}
*/
.navbar.navbar-contextual .navbar-brand a:not(:first-child)::before,
.navbar.navbar-contextual .navbar-brand,
.nav-breadcrumb-item.active {
  color: rgba(255, 255, 255, 0.75) !important;
}
.navbar.navbar-contextual .navbar-brand a:hover,
.navbar.navbar-contextual .navbar-brand a:focus {
  color: #fff !important;
}

/*
.ellipsis {
  white-space: normal !important;
}
*/

.page-link{line-height:1.5}
.page-item:first-child .page-link,.page-item:last-child .page-link{display:block;border-radius:4em}


.pagination-sticky {
  position: fixed;
  bottom: 32px;
  left: 0;
  right: 0;
  padding: 4px;
  z-index: 1000;
}

/* tags */

/* #fullTagCloud pour ne pas styler le menu "tags liés" */
#fullTagCloud .tagLevel1,#fullTagCloud .tagLevel2,#fullTagCloud .tagLevel3,#fullTagCloud .tagLevel4,#fullTagCloud .tagLevel5 {
  border-radius: .25em;
  padding: 0 .3rem;
  font-variant:small-caps;
}
#fullTagCloud .tagLevel1,#fullTagCloud a.tagLevel1:hover {font-size:1rem;color:rgb(0,0,0);}
#fullTagCloud .tagLevel2,#fullTagCloud a.tagLevel2:hover {font-size:1.4rem;color:rgb(206, 4, 13);}
#fullTagCloud .tagLevel3,#fullTagCloud a.tagLevel3:hover {font-size:1.8rem;color:rgb(27, 146, 108);}
#fullTagCloud .tagLevel4,#fullTagCloud a.tagLevel4:hover {font-size:2.2rem;color:rgb(63, 81, 181);}
#fullTagCloud .tagLevel5,#fullTagCloud a.tagLevel5:hover {font-size:2.5rem;color:rgb(223, 105, 26);}


/* thumbnails, cards */

.pagina, body#theCategoryPage div#wrapper div.container div#content.content-grid.pt-3, ul#thumbnails {
  background:rgba(240, 240, 240, 0.7);
  padding: 8px;
  display: block;
  padding: 1%;
  margin: .1rem auto;
  text-align: left;
}

ul#thumbnails li.gthumb span.thumbLegend {
  font-family: 'Raleway', Verdana, Helvetica, sans-serif;
  font-size:0.8rem;
  font-weight: normal;
  color: #fff !important;
}

span.thumbName {background:transparent;}

/*modifie le nombre de lignes sous les vignettes*/
div#content.content-grid.pt-3 ul#thumbnails li.gthumb span.thumbLegend {
  display: block;
}
span.thumbLegend {z-index:10 !important;}

ul#thumbnails li.gthumb span.thumbLegend span.thumbName h2 {font-size:0.7rem !important;font-variant:normal;}

/*ne pas afficher le nombre de commentaires dans la légende des vignettes de photo*/
ul#thumbnails li.gthumb span.thumbLegend span.zero.nb-comments, ul#thumbnails li.gthumb span.thumbLegend span.nb-comments {display:none;}

/* hide dates on categories thumbnails */
.card-text .info-dates {
/*
  color: transparent;
*/
}

.card-border-none {
  border-width: 0;
}
.card-border-thin {
  border-width: 1px;
}
.card-border-medium {
  border-width: 3px;
}
.card-border-thick {
  border-width: 5px;
}


.card-thumbnail .card-body, .card-thumbnail .card-footer {
  display: none;
}

.card-rounded-none, .card-img-top-rounded-none, .card-img-left-rounded-none {
  border-radius: 0;
}

.card-rounded-small, .card-img-top-rounded-small, .card-img-left-rounded-small {
  border-radius: .25rem;
}

.card-rounded-medium, .card-img-top-rounded-medium, .card-img-left-rounded-medium {
  border-radius: .5rem;
}

.card-rounded-large, .card-img-top-rounded-large, .card-img-left-rounded-large {
  border-radius: 1rem;
}



/* image */

/* img:hover {filter:contrast(1.60);} */ /* ==> LFE ou custom */

.img-cadre,#theImage img/*, #theAdditionalPage img*/ {
  display: block;
  padding:1%;
  margin: 0 auto;
  margin-top: 10px;
  text-align:center;
/*
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
*/
  box-shadow: 5px 5px 20px #151515;
}
.img-cadre/*, #theAdditionalPage img*/ {
  margin: 1rem auto;
}


/* comments */

#commentList .add-comment,
#commentList .view-comments {
  float: right;
  font-size: .875rem;
  font-weight: 500;
}

#commentList .add-comment .nav-link,
#commentList .view-comments .nav-link {
  padding: .3rem 0 0 0;
}

#theImageComment {
  padding-bottom: 1rem;
}

.imageComment {
  margin-bottom: .75rem;
}

/*pour ne pas afficher le formulaire de recherche sur la page des commentaires*/
#theCommentsPage .form-horizontal {display: none;}

#commentList h1 {
  font-size: 1.5rem;
}

#theCommentsPage #commentList h1 {
  display: none;
}

#theCommentsPage #commentList h2 {
  text-align: unset !important;
}

#commentList .comment .image img {
  padding: 5px;
  border-style: solid;
  border-width: 1px;
  margin-right: 10px;
  width: 120px;
  height: 120px;
}

#commentList .comment .description {margin-left: 0 !important;}
#commentList .comment .description span {padding-left: 10px;}

#theImageInfos .card:not(#infopanel #card-comments)  {
  margin-top: 20px;
}

#card-comments .bmd-form-group .bmd-label-static {
  display: inline-block;
}

#commentList .comment:not(:last-child) {
  margin-bottom: 50px;
}

/* div#commentList div.comment div.description blockquote { */
div#commentList blockquote {
  margin: 2rem 5px 0.5rem 5px;
  margin: 2rem 0 1rem;
}

.signature {
  text-align: right;
  margin: 10px 5px 0 5px;
}

blockquote {
  display:block;
  padding: 15px 20px 15px 50px;
  margin: 20px;
  position: relative;
  font: bold 'Raleway', Verdana, Helvetica, sans-serif !important;
  font-size: 16px;
  line-height: 1.2;
  text-align: justify;
}

.quote-li {
  list-style-type: none;
}

.quote-mark {
  display: table-cell;
}

.quote {
  display: table-cell;
  width: 100%;
  padding: 15px 20px 15px 45px;
  font-size: 16px;
  line-height: 1.2;
  text-align: justify;
}

blockquote::before {
  content: "\201C";
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  position: absolute;
  left: 10px;
  top:-8px;
  margin-right:2rem;
}

.quote-mark::before {
  content: "\201C";
  line-height: 0;
  vertical-align: -moz-middle-with-baseline;
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
}

blockquote::after, .quote::after {
  content: "";
}

blockquote a, .quote a {
  text-decoration: none;
  cursor: pointer;
  padding: 0 3px;
}

blockquote em {
  font-style: italic;
}

/* .gravatar {display:none;} inutile > suppr des templates */


#disqus_thread, #comments {
/*
  padding: 1.25rem;
*/
}
/*
#theImageInfos .tab-pane,
*/
#disqus_thread {
  margin: 0 !important;
}


/* calendar */
#calendar-select ~ .card {
  margin-top: 10px;
  margin-bottom: 10px;
}


/* search */
.mcs-container .filter {
  color: unset;
  border-width: 1px;
  border-radius: 10px;
}
.filter-manager-popin, .tags-found-popin, .albums-found-popin {
  z-index: 1500;
}
.filter-manager-popin label span, .filter-manager-popin :checked + span {
  border-radius: 10px;
}


/* plugins */

.pwgstuffs-navbar {margin-bottom: 20px;}

#ato_header, #ato_header_closed:not(.smartpocket){margin: 0;}

#osmmap {
  border-style: solid;
  border-width: 0;
  display: block;
  padding:1%;
  margin: 1rem auto;
  text-align:center;
}
.container-fluid #osmmap {
  margin: 1rem 1rem;
}