/*
# ----------------------------------------------------------------------------- # ~/assets/themes/j1/extensions/light_gallery/theme/uno.css # Provides J1 LightGallery styles for J1 Theme Uno # # Product/Info: # https://jekyll-one.com # # Copyright (C) 2019 Juergen Adams # # J1 Template is licensed under the MIT License. # See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE # # -----------------------------------------------------------------------------
*/
/*
--------------------------------------- LG caption ---------------------------------------
*/ .lg-sub-html h1, .lg-sub-html h2, .lg-sub-html h3, .lg-sub-html h4, .lg-sub-html h5 {
font-size: 24px; font-weight: 400; line-height: 1.1; color: #E5E5E5; margin-top: 10px; margin-bottom: 10px;
}
/* .lg-sub-html > .title {
font-size: 24px; font-weight: 400; line-height: 1.1; color: #E5E5E5; margin-top: 10px; margin-bottom: 10px;
}
.lg-sub-html > .tagline {
font-size: 18px; font-weight: 400; line-height: 1.1; color: #E5E5E5; margin-top: 10px; margin-bottom: 10px;
} */
/*
--------------------------------------- lg-thumbnail ---------------------------------------
*/
.lg-thumbnail {
display: block;
/* padding: 4px;
margin-bottom: 20px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 2px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out;
*/ }
.lg-thumbnail > img, .lg-thumbnail a > img {
display: block; max-width: 100%; height: auto;
}
a.lg-thumbnail {
margin-left: 1px; margin-bottom: 1px;
}
/* .img-lg-thumbnail {
padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 2px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto;
} */
/* .lg-thumbnail > img, .lg-thumbnail a > img {
margin-left: auto; margin-right: auto;
} */
/* a.lg-thumbnail:hover, a.lg-thumbnail:focus, a.lg-thumbnail.active {
border-color: #204a87;
} */
/*
--------------------------------------- lg-thumbnail animation ---------------------------------------
*/
.lg-animate > ul > li a {
/* border: 1px solid #DDD; */ display: block; overflow: hidden; position: relative; float: left;
}
.lg-animate > ul > li a > img {
-webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); width: 100%;
}
.lg-animate > ul > li a:hover > img {
-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);
}
/*
--------------------------------------- Unused ---------------------------------------
*/
/* image overlay classes
------------------------------------------------------------------ */ /*
.lightgallery > ul > li a > img {
-webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); width: 100%;
} */
.lightgallery > ul > li a:hover > img {
-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);
} .lightgallery > ul > li a:hover .img-overlay > img {
opacity: 1;
}
/* .lightgallery > ul > li a .img-overlay {
background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s;
} */
.lightgallery > ul > li a .img-overlay {
height: 64px; width: 64px; bottom: 0; left: 50%; margin-left: -35px; margin-top: -35px; position: absolute; right: 0; top: 50%; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s;
}
.lightgallery > ul > li a .img-overlay > img.img-overlay {
left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s;
}
.lightgallery > ul > li a:hover .img-overlay {
/* background-color: rgba(0, 0, 0, 0.5); */ -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s;
}
.lightgallery .justified-gallery > a > img {
-webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%;
} .lightgallery .justified-gallery > a:hover > img {
-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);
} .lightgallery .justified-gallery > a:hover .img-overlay > img {
opacity: 1;
} .lightgallery .justified-gallery > a .img-overlay {
background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s;
} .lightgallery .justified-gallery > a .img-overlay > img {
left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s;
} .lightgallery .justified-gallery > a:hover .img-overlay {
background-color: rgba(0, 0, 0, 0.5);
} .lightgallery .video .img-overlay img {
height: 48px; margin-left: -24px; margin-top: -24px; opacity: 0.8; width: 48px;
}
.lightgallery.col-lg-1, .lightgallery.col-lg-10, .lightgallery.col-lg-11, .lightgallery.col-lg-12, .lightgallery.col-lg-2, .lightgallery.col-lg-3, .lightgallery.col-lg-4, .lightgallery.col-lg-5, .lightgallery.col-lg-6, .lightgallery.col-lg-7, .lightgallery.col-lg-8, .lightgallery.col-lg-9, .lightgallery.col-md-1, .lightgallery.col-md-10, .lightgallery.col-md-11, .lightgallery.col-md-12, .lightgallery.col-md-2, .lightgallery.col-md-3, .lightgallery.col-md-4, .lightgallery.col-md-5, .lightgallery.col-md-6, .lightgallery.col-md-7, .lightgallery.col-md-8, .lightgallery.col-md-9, .lightgallery.col-sm-1, .lightgallery.col-sm-10, .lightgallery.col-sm-11, .lightgallery.col-sm-12, .lightgallery.col-sm-2, .lightgallery.col-sm-3, .lightgallery.col-sm-4, .lightgallery.col-sm-5, .lightgallery.col-sm-6, .lightgallery.col-sm-7, .lightgallery.col-sm-8, .lightgallery.col-sm-9, .lightgallery.col-xs-1, .lightgallery.col-xs-10, .lightgallery.col-xs-11, .lightgallery.col-xs-12, .lightgallery.col-xs-2, .lightgallery.col-xs-3, .lightgallery.col-xs-4, .lightgallery.col-xs-5, .lightgallery.col-xs-6, .lightgallery.col-xs-7, .lightgallery.col-xs-8, .lightgallery.col-xs-9 {
padding-left: 0; padding-right: 1px; padding-bottom: 1px;
}