/* [Mod Gallery layout & classes] */
/*Configuration generale pour la page de la galerie*/
/*For homepage (2 columns)*/
/* OYILI Website's color palette : coolors.co/17252a-649E9C-ffb445-EAF5FF-feffff */
/* Redefining the html tags */
:root {
  --primary: #ddd;
  --dark: #333;
  --light: #faf9f7;
  --lighter: #fff;
  --contrast: $color5;
  --shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
  --max: 100%;
  --half: 50%;
  --quarter: 25%; }

/*@mixin border-radius($rTop:false, $rRight:false, $rBottom:false, $rLeft:false){
  -webkit-border-radius: $rTop $rRight $rBottom $rLeft;
  -moz-border-radius:  $rTop $rRight $rBottom $rLeft;
  -o-border-radius:  $rTop $rRight $rBottom $rLeft;
  -ms-border-radius:  $rTop $rRight $rBottom $rLeft;
  -khtml-border-radius:  $rTop $rRight $rBottom $rLeft;
  border-radius:  $rTop $rRight $rBottom $rLeft;
}*/
/**************************************************** 
				* From TownPress *
*****************************************************/
/**************************************************** 
				* Customized mixins *
*****************************************************/
/*  Media queries */
/*** Random image at Homepage **/
.gallery-image-random img {
  width: 100%; }

#page_main #content #gallery_content_left {
  width: 502px;
  float: left;
  margin: 0 10px 0 0;
  border-right: var(--light) dashed 1px; }

#page_main #content #gallery_content_left h1 {
  font-size: 140%;
  margin: 0 0 10px 0px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #003399;
  text-align: left; }

#page_main #content #gallery_content_left a {
  color: #e8611d;
  text-decoration: none; }

#page_main #content #gallery_content_left ul {
  margin: 5px 0 0 20px; }

#page_main #content #gallery_content_left ul li {
  list-style-type: square;
  margin: 5px 0; }

/*Right page content, when content_left available*/
#page_main #content #gallery_content_right {
  width: 298px;
  float: right; }

.gallery_page_title {
  font-size: 120%;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #667E8C;
  font-weight: bold;
  text-decoration: underline; }

.gallery_page_descr {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  margin-top: 10px;
  font-style: italic;
  text-align: center;
  background-color: #ddd;
  padding: 20px; }

/*Miniatures d'une galerie*/
.gallery_thumbs {
  margin: 10px auto;
  width: 680px;
  padding: 5px; }

.gallery_thumbs .item {
  float: left;
  margin: 7px; }
  .gallery_thumbs .item img {
    border: 1px solid #ddd;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -o-border-radius: 4px 4px 4px 4px;
    -ms-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    padding: 5px;
    width: 150px;
    height: 150px; }
    .gallery_thumbs .item img:hover {
      -webkit-box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
      -khtml-box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
      -moz-box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
      -ms-box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
      -o-box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
      box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5); }

/*Images aleatoires*/
.gallery_random {
  background-color: #e8611d;
  color: #FFF; }
  .gallery_random .descr {
    text-align: center;
    padding-top: 5px; }
    .gallery_random .descr a {
      text-decoration: none;
      text-align: center;
      font-family: Georgia, "Times New Roman", Times, serif;
      color: #FFF; }
      .gallery_random .descr a:hover {
        text-decoration: none;
        text-align: center;
        font-family: Georgia, "Times New Roman", Times, serif;
        color: #FFF; }
      .gallery_random .descr a a:visited {
        text-decoration: none;
        text-align: center;
        font-family: Georgia, "Times New Roman", Times, serif;
        color: #FFF; }
  .gallery_random img {
    position: relative;
    width: 100%;
    max-height: 350px; }
  .gallery_random p {
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 10px 5px; }

/*Les albums*/
.thumb_gallery_cat {
  width: 180px;
  height: 220px;
  background-color: var(--primary-color-two);
  text-align: center;
  float: left;
  margin: 10px 10px 20px 10px;
  border-radius: 10px; }

.thumb_gallery_cat .thumb_gallery_cat_title {
  /* Album title */
  padding: 5px;
  border-bottom: #FFCC00 1px solid;
  background-color: var(--primary-color-one);
  border-radius: 10px 10px 0 0;
  min-height: 29px; }

.thumb_gallery_cat a img {
  /* Album last picture */
  width: 180px;
  height: 150px;
  border-radius: 0 0 5px 5px;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  opacity: 0.5;
  filter: alpha(opacity=50); }

.thumb_gallery_cat a img:hover {
  /* Album last picture */
  width: 180px;
  height: 150px;
  border-radius: 0 0 5px 5px;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  opacity: 1;
  filter: alpha(opacity=100); }

.thumb_gallery_cat .thumb_gallery_cat_title a {
  text-decoration: none;
  font-weight: bold;
  color: #FFF; }

.thumb_gallery_cat .thumb_gallery_cat_descr {
  /* Album description */
  font-family: Georgia, "Times New Roman", Times, serif;
  padding: 5px;
  background-color: #111;
  /*#536179;*/
  border-radius: 10px; }

.thumb_gallery_cat .thumb_gallery_cat_descr a {
  font-family: Georgia, "Times New Roman", Times, serif;
  text-decoration: none;
  color: #FFF; }

.gallery_recent{
  padding:0;
  margin:0;
}

/*Photo detail*/
.gallery_page_detail_wrapper {
  margin: 10px auto;
  width: 720px;
  border: #84B528 1px solid; }

.gallery_page_detail {
  font-family: Georgia, "Times New Roman", Times, serif;
  background-color: #a0ecc6;
  border: #000000 1px solid;
  float: left;
  width: 720px; }

.gallery_page_detail .gallery_page_detail_title {
  padding: 10px;
  background: url(../../../img/dzine/bg/bg_box_right_head.jpg) repeat-x;
  font-size: 80%; }

.gallery_page_detail .gallery_page_detail_descr {
  padding: 10px;
  font-size: 80%; }

.gallery_page_detail .gallery_page_detail_img img {
  width: 720px; }

/*Imagette de la page detail des photos*/
.gallery_page_detail_thumbs {
  float: left;
  margin-left: 5px; }

.gallery_thumbs_detail {
  border: #003399 1px solid; }

.gallery_thumbs_detail .item {
  float: left;
  width: 80px;
  background-color: #0099FF;
  text-align: center;
  padding: 13px 0px;
  margin: 2px; }

.gallery_thumbs_detail .item:hover {
  float: left;
  width: 80px;
  background-color: #000;
  text-align: center;
  padding: 13px 0px;
  margin: 2px; }

.gallery_thumbs_detail .item a {
  border: none; }

.gallery_thumbs_detail .item a img {
  width: 50px;
  border: #FFF 2px solid; }

/**/
.gallery_detail_thumbs {
  width: 192px;
  border: #003399 1px solid;
  margin: 0 auto; }

.gallery_detail_thumbs .item {
  float: left;
  width: 60px;
  background-color: #0099FF;
  text-align: center;
  padding: 3px 0px;
  margin: 2px; }

.gallery_detail_thumbs .item:hover {
  float: left;
  width: 60px;
  background-color: #000;
  text-align: center;
  padding: 3px 0px;
  margin: 2px; }

.gallery_detail_thumbs .item a {
  border: none; }

.gallery_detail_thumbs .item a img {
  width: 50px;
  border: #FFF 2px solid; }

p.gallery_recent {
  border-bottom: #ccc 1px solid;
  padding: 5px 10px; }

p.gallery_recent:hover {
  border-left: #E36917 5px solid;
  padding-left: 5px; }

ul.gallery_recent {
  padding: 0;
  min-height: 1em; }

ul.gallery_recent li {
  border-bottom: #ccc 1px solid;
  list-style-type: none;
  margin: 0;
  padding: 10px 0; }

ul.album_list {
  text-indent: none;
  margin: 0;
  padding: 0;
  text-indent: none; }

ul.album_list li {
  font-size: 100%;
  list-style-type: none;
  text-indent: none; }

.gallery-image-inner img {
  width: 100%;
  height: auto; }

/***********************
      MEDIA QUERIES
***********************/
/*  GO FULL WIDTH AT LESS THAN $maxWidth 480 PIXELS */
@media only screen and (max-width: 480px) {
  /*************** News @ Home Page **************
  ************************************************/
  /*Images aleatoires*/
  .gallery_random img {
    width: 100%;
    height: auto; } }
/* ::  :: */

/*# sourceMappingURL=gallery.css.map */