/*
Theme Name: Twenty Sixteen
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen

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.
*/


.column-narrow ul li {  font-size: 15px; line-height: 24px;}
section#products .canadapost {padding:0px;margin-top: 0;}
.responsive {
    height: auto;
    width: 100%;
}
section#products .flyout{width:100%;}
section#products .column-narrow {
width:91%
    margin: 0 ;
    display: inline-block;
   
    margin-right: 0%;
    overflow: hidden;
}
img.alignnone.size-medium.wp-image-18 {
    max-width: 100%;
}
.back_collection:hover {
    background: #000;
    color: #fff;
}
.back_collection {
    background: #fff;
    display: inline-block;
    color: #000;
    padding: 10px 10px;
    border-radius: 12px;
    font-size: 19px;
    font-weight: 500;
}




/* css code gallry effect 25/10/2018.......................*/
#gallery-view .image-gallery a.gallery div
{
    margin: auto;
    height: 230px;
    padding: 0px !important;
    position: absolute;
 opacity: 0;
    right: 0;
    bottom: 0px !important;
background-color: rgba(0, 0, 0, 0.7686274509803922) !important;
    color: #fff;
 -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
}
#gallery-view .image-gallery a.gallery div:hover 
{
  opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.single-album
{
  opacity: 1 !important;
}


#gallery-view .image-gallery {
    margin: 30px 0px;

}
#gallery-view .image-gallery a.gallery {
    position: relative;
    margin: 20px;
    display: inline-block;
   
}
#gallery-view .image-gallery a.gallery div p {
    font-size: 13pt !important;
    margin: 6px auto !important;
    text-align: center;
}



@media (max-width: 768px)
{
#gallery-view .image-gallery a.gallery
{
    margin: 0px !important;
}
}



/* css code gallry effect 25/10/2018.......................*/