/*
Theme Name: my-gridstack
Description: Theme enfant de GridStack
Author: Maryline
Author URI: http://creativejuiz.com
Version: 1.9
Template: gridstack
*/

@import url("../gridstack/style.css");

#logo img {
    display: block;
}   

/* logo */
@media only screen and (max-width: 767px) {
    
    #img-logo-mobile {
        width: 280px;
        margin-left: auto;
        margin-right: auto;   
    }    
    
    #img-logo-desktop {
        display: none;
        width: 0px;
    } 
}

@media only screen and (min-width: 768px) {
    #img-logo-mobile {
        display: none;   
        width: 0px;
    }    
    
    #img-logo-desktop {
        width: 300px;
    }
}

/* Seulement pour les ecrans */
@media only screen and (min-width: 960px) {
    
    .container .sixteen.columns { 
        width: 939px; 
    }
    
    .pagetitle .subtitle {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 20px;
    } 
    
    .singlecontent h1 {
        font-size: 18px;
        line-height: 10px;
        margin-bottom: 30px;
        color: #333333;
    }

    .singlecontent h2 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 20px;
        color: #333333;
    }

    .singlecontent h3 {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 20px;
        color: #333333;
    }

    .singlecontent h6 {
        font-size: 12px;
        line-height: 10px;
        margin-bottom: 30px;
        color: #000000;
    }    
    
    
}

/* mobile et tablettes */
@media only screen and (max-width: 960px) {
    
    .pagetitle .subtitle {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 0px;
    }    
    
    .singlecontent h1 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 30px;
        color: #333333;
    }

    .singlecontent h2 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 20px;
        color: #333333;
    }

    .singlecontent h3 {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 20px;
        color: #333333;
        
    }.singlecontent h5 {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 20px;
        color: #333333;
    }

    .singlecontent h6 {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 30px;
        color: #000000;
    }    
    
    /* Gallery Changes */
    .gallery-wrap.fixed,
    .gallery-wrap.fixed .gallery, 
    .gallery-wrap .gallery,
    img.fixedimg, 
    .singlecontent img.fixedimg,
    #sitecontainer img.fixedimg,
    .singlecontent img.alignright, 
    .wp-caption.alignright,
    .singlecontent img.alignleft, 
    .wp-caption.alignleft {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .singlecontent img.alignright,
    .singlecontent img.alignleft {
        width: 49%;
    }
}

/* general - commun à tous les appareils */
.pagetitle {
    padding: 0px 0 0px 0;
    margin-bottom: 0px;
}

.pagetitle .title {
    max-width: 100%;
    font-size: 15px;
  
}

.pagetitle .subtitle {
    color:#999;
    display: block;
}

.pagetitle .subtitle a {
    font-weight:bold;
}

.singlecontent img.alignright,
.wp-caption.alignright {
  float: right;
  margin: 5px 0 10px 5px;
}
.singlecontent img.alignleft,
.wp-caption.alignleft {
  float:left;
  margin: 5px 5px 10px 0px;
} 
.singlecontent img.aligncenter {

} 

a.postlink:hover img {
  -webkit-transform:scale(1) rotate(0deg); /*Webkit: Scale up image to 1.2x original size*/
  -moz-transform:scale(1) rotate(0deg); /*Mozilla scale version*/
  -o-transform:scale(1) rotate(0deg); /*Opera scale version*/
  -ms-transform: scale(1) rotate(0deg); /*MS scale version*/
  /* Firefox 10+, Firefox on Android - too buggy */
  /* filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); */
  filter: gray; /* IE6-9 */
  filter:  grayscale(100%) opacity(0.5);
  -webkit-filter: grayscale(100%) opacity(0.5);
  -moz-filter: grayscale(100%) opacity(0.5);
  -o-filter: grayscale(100%) opacity(0.5);
  -ms-filter: grayscale(100%) opacity(0.5);

}
div.filtercontainer {
  margin-bottom:10px;
}

ul.filter {
  margin-bottom:30px;  
  margin-top:20px;   
}
ul.filter li a,
ul.filter li a:visited {
  padding: 6px 8px;
  font-size: 13px;
  text-transform: uppercase;

  letter-spacing: 0.5px;
  font-size: 13px;
  color: #333333;
  border:0px
      px solid transparent;
}

ul.filter li a:hover {
    color : #009933;
    font-weight : 500;
}

p, ul {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
    color: #222121;
}

/* Hover Effect */
.controls p.hoverhelper {
    margin-top: 0px;
}

.singlecontent a img {
    display: inline;
}