/*!
Theme Name: Kiyono
Author: Benachi
Theme URI: https://www.benachi.com/kiyono-wordpress-theme/
Author URI: https://www.benachi.com/
Description: Kiyono is my 3rd WordPress theme named after my grandmother. Kiyono is a simple blog theme, yet it is equipped with five block patterns and a blank template for those who are experimenting with WordPress’s Latest Full Site Editing. Kiyono theme is responsive and Gutenberg ready, and it is an accessibility-ready theme. It helps to create inclusive websites and improve the user experience for those who rely on assistive technologies.
Tags: accessibility-ready, block-patterns, block-styles, blog, one-column, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
Version: 1.3
Tested up to: 5.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kiyono
*/
/* --------------------------------------------------------
1. Variables
2. Normalize
3. Typography
4. Elements & Document Setup
5. Links
7. Forms
8. Alignments
9. Layouts
10. Grid
11. Header
12. Navigation
13. Entry Content
14. Comments
15. Widgets
16. Media
17. Captions
18. Galleries
19. Jetpack infinite scroll
20. Pagination
21. Blocks
22. Footer
23. Modal Search
24. Animations
25. Accessibilities
26. Block Styles
----------------------------------------------------------*/
/* 1. Variables
----------------------------------------------------------*/
:root {
/* Typography */
--body-font: "Inter", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
--nav--font-family: var(--body-font);
--nav--font-family-mobile: var(--body-font);
--body-base-font-size: 16px;
--font-size-xs: 12px;
--nav-font-size: 15px;
--nav-font-style: normal;
--nav--font-size-sub-menu: 15px;
--nav-mobile-font-size: 15px;
--nav-mobile-font-style: normal;
/* Color */
--body-font-color: #252323;
--header-color: #252323;
--link-color: #252323;
--link-hover-color: #252323;
--hover-bg-color: white;
--accent-color: #1e90ff;
--accent-bakcground-color: #faf9fa;
--nav--color-text: var(--body-font-color);
--button-border-color: black;
--button-bg-color: black;
--button-text-color: black;
--button-focus-text-color: #252323;
--border-color: #4c566a;
--nav--border-color: transparent;
--mobile-nav-background: #f7f7f7;
--global--color-primary: black;
--global--color-background: white;
--table-caption-bg-color: #e5e9f0;
--widget-section-divider: #d8dee9;
/* Focus Style */
--focus-color: var(--accent-color);
--focus-style: solid;
--focus-width: 2px;
/* Spacing */
--nav--padding: 0.25rem;
--nav-icon-height: calc(2 * var(--nav--padding) + 1.8em);
--spacing-horizontal: 2rem;
--spacing-vertical: 3rem;
--global--spacing-unit: 1.5rem;
--global--spacing-measure: unset;
--global--spacing-vertical: 30px;
--button--line-height: 1.5;
/* Layout */
--alignwide-width: calc(100vw - var(--spacing-horizontal));
--alignfull-width: 100%;
--container-max-width: 1200px;
--container-inner-max-width: 920px;
--container-inner-sm-max-width: 640px;
/* Navigation Specific */
--primary-nav--font-size-button: 1rem;
--primary-nav--font-weight-button: 500;
}
.admin-bar {
--global--admin-bar--height: 32px;
}
@media only screen and (max-width: 782px) {
.admin-bar {
--global--admin-bar--height: 46px;
}
}
/* 2. Normalize
----------------------------------------------------------*/
html { line-height: 1.15; -webkit-text-size-adjust: 100%;}
body { margin: 0;}
main {display: block;}
h1 { font-size: 2em; margin: 0.67em 0;}
h1, h2, h3, h4, h5, h6 { clear: both; }
hr { box-sizing: content-box; height: 0; overflow: visible;}
pre {font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent;}
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted;}
.bold {font-weight: 700;}
b, strong { font-weight: bolder;}
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
.extra-small {font-size: 75%;}
small, .small { font-size: 85%; }
big, .big {font-size: 125%;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none;}
button, input, optgroup, select, textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select {text-transform: none; }
button, [type="button"], [type="reset"],[type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner,[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
progress { vertical-align: baseline;}
textarea { overflow: auto;}
[type="checkbox"],[type="radio"] { box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }
*, *::before, *::after { box-sizing: inherit; }
html { box-sizing: border-box; }
/* 3. Typography
--------------------------------------------- */
html { font-size: var(--body-base-font-size); }
body,
button,
input,
select,
optgroup,
textarea {
font-family: var(--body-font);
color: var(--body-font-color);
font-size: 1rem;
line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 { margin: 0.25em 0 0.75em 0; }
h1 { font-size: 3.5em; }
h2 { font-size: 3em; }
h3 { font-size: 2.5em; }
h4 { font-size: 2em; }
h5 { font-size: 1.75em; }
h6 { font-size: 1.5em; }
h1.page-title, h2.title-excerpt { word-break: break-all; }
.card-wrapper h2 { font-size: 1.25rem; font-weight: 500;}
p { margin-bottom: 1.5em; line-height: 1.75; }
dfn, cite, em, i { font-style: italic;}
address { margin: 0 0 1.5em;}
abbr, acronym { border-bottom: 1px dotted #666; cursor: help;}
mark, ins { background: #fff9c0; text-decoration: none; }
blockquote, .wp-block-pullquote blockquote { margin: 0 1.5em; }
blockquote:before { content: "\201C"; font-size: 2.5rem; line-height: 1;}
.wp-block-pullquote blockquote:after { content: "\201D"; padding-left: 1.5rem; font-size: 1.5rem; }
blockquote.is-style-large::before { font-size: 3rem;}
pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; line-height: 1.6; margin-bottom: 1.6em;max-width: 100%; overflow: auto; padding: 1.6em;}
/* 4. Elements
--------------------------------------------- */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
body { background: #fff;}
hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; }
ul, ol { margin: 0 0 2rem 3em; }
ul { list-style: disc;}
ol {list-style: decimal;}
li > ul, li > ol { margin: 0.5rem 1.5rem 0 0; }
ol li, ul li { margin-bottom: 0.75rem; line-height: 1.7; list-style-position: inside; }
dt { font-weight: 700;}
dd { margin: 0 1.5em 1.5em;}
.list-unstyled {padding-left: 0; list-style: none;}
embed, iframe,object { max-width: 100%;} /* Make sure embeds and iframes fit their containers. */
img { height: auto; max-width: 100%;}
figure {margin: 1em 0;}
table { margin: 0 0 3rem 0; max-width: 100%; width: 100%; border-collapse: collapse; border-spacing: 0; empty-cells: show; overflow: hidden; font-size: 90%}
table th, table td { border: 0.5px solid var(--border-color); text-align: left; vertical-align: text-top; padding: 0.9rem; }
table caption { font-weight: 600; background-color: var(--accent-bakcground-color); padding: 0.5rem; text-align: center; text-transform: capitalize; border: 0.5px solid var(--border-color); border-bottom: none;}
thead { white-space: nowrap; }
.w-full { width: 100%; }
.gray { color: #767576 }
.gray-bg { background-color: #faf9f4;}
.text-center {text-align: center; justify-content: center}
svg { text-anchor: middle; dominant-baseline: middle; vertical-align: middle; display: inline-block;}
code, kbd, samp, tt, var {
font-family: monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";
background-color: var(--accent-bakcground-color);
font-size: 1rem;
}
.wp-block-code code { white-space: nowrap }
.button a.comment-reply-link {
display: inline-block;
color: white;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: #333;
border: 1px solid transparent;
font-size: 80%;
padding: .35rem .75rem;
border-radius: .25rem;
}
/* 5. Links
--------------------------------------------- */
.site a,
.site a:visited {
color: var(--link-color);
text-decoration: none;
}
.site a:hover,
.site a:focus {
outline: 2px dotted black;
text-decoration: none;
}
.post-meta p.category a,
.post-meta .byline p a {
text-decoration: none;
}
.comment-content a {
text-decoration: underline;
}
button.sub-menu-toggle,
button.button,
button#btn {
background-color: transparent;
padding: 0;
border: 0px solid transparent;
border-radius: 0;
font-size: 100%;
cursor: pointer;
}
button#btn {
width: 28px;
height: 34px;
align-items: center;
}
button.sub-menu-toggle:hover,
button.sub-menu-toggle:focus,
button.button:focus,
button#btn:focus {
text-transform: none;
border: none;
outline: 2px dotted black;
}
.site .wp-block-button__link a,
.site .wp-block-button__link a.visited {
color: inherit;
text-decoration: none;
}
.block-container-inner a:not(.wp-block-button__link),
.block-container-inner a:not(.wp-block-button__link):visited{
text-decoration: underline;
}
.block-container-inner a:not(.wp-block-button__link):hover,
.block-container-inner a:not(.wp-block-button__link):active {
color: var(--accent-color);
}
/* 6. Forms
--------------------------------------------- */
button:not(#btn):not(.sub-menu-toggle):not(.button):not(.sub-menu-toggle):not(.searchDialogBtn):not(.customize-partial-edit-shortcut-button),
input[type="button"],
input[type="reset"],
input[type="submit"],
.button a.comment-reply-link {
display: inline-block;
color: white;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: #333;
border: 2px solid transparent;
font-size: 90%;
border-radius: .3rem;
padding: .75rem;
}
button:hover:not(#btn):not(.sub-menu-toggle):not(.button):not(.sub-menu-toggle):not(.searchDialogBtn),
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button a.comment-reply-link:hover {
border-style: solid;
border-width: 2px;
border-color: var(--focus-color);
background-color: var(--hover-bg-color);
color: var(--button-focus-text-color);
outline: none;
}
button:active:not(#btn):not(.sub-menu-toggle):not(.button):not(.sub-menu-toggle):not(.searchDialogBtn),,
button:focus:not(#btn):not(.sub-menu-toggle):not(.button):not(.sub-menu-toggle):not(.searchDialogBtn),,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-style: solid;
border-width: 2px;
border-color: var(--focus-color);
background-color: var(--hover-bg-color);
color: var(--button-focus-text-color);
outline: none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
display: block;
width: 100%;
max-width: 100%;
line-height: normal;
margin: 0;
padding: .75rem;
-webkit-appearance: none;
-moz-appearance: none;
border: 0.5px solid var(--border-color);
border-radius: 2px;
box-shadow: none;
color: inherit;
font-size: 1rem;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
button.search-btn:focus,
button.search-close:focus,
table.wp-calendar-table a:focus,
textarea:focus {
outline-style: solid;
outline-width: 3px;
outline-color: var(--focus-color);
}
select { border: 1px solid #ccc; }
textarea { width: 100%; }
.comment-form p:not(.comment-form-cookies-consent) label {
font-weight: 400;
font-size: 90%;
line-height: 2;
display: block;
}
/* 8. Alignments
--------------------------------------------- */
.alignleft {
/*rtl:ignore*/
float: left;
/*rtl:ignore*/
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
/*rtl:ignore*/
float: right;
/*rtl:ignore*/
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
/* 9. Layouts
----------------------------------------------------------*/
.container {
display: flex;
max-width: var(--container-max-width);
width: calc(100% - (2 * var(--spacing-horizontal)));
margin-right: auto;
margin-left: auto;
padding: 0;
}
.site-header .container {
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
position: relative;
padding: 0;
}
@media only screen and (min-width: 993px) {
.site-header .container {
align-items: center;
}
}
.container-inner,
.alignwide{
max-width: var(--container-inner-max-width);
width: calc(100% - (2 * var(--spacing-horizontal)));
margin-right: auto;
margin-left: auto;
padding: 0 var(--spacing-horizontal);
}
.container.featured-image-wrapper {
display: block;
}
/* 10. Grid
----------------------------------------------------------*/
.gird-area {
display: grid;
grid-template-columns: repeat(1, 1fr);
margin: 2rem auto 1rem auto;
}
.grid-area header.page-header {
margin: 1rem 0 3rem 0;
width: 100%;
}
@media only screen and (min-width: 768px) {
.gird-area {
grid-template-columns: repeat(2, 1fr);
grid-gap: 2rem;
}
}
@media only screen and (min-width: 993px) {
.gird-area {
grid-template-columns: repeat(3, 1fr);
}
}
/* 11. Header
--------------------------------------------- */
.site-header {
margin-top: 0;
margin-bottom: 0;
padding: 2rem 0;
}
@media screen and (min-width: 993px) {
.site-header {
margin-bottom: 2.5rem;
}
}
.site-branding {
display: flex;
flex-direction: column;
min-width: 80%;
}
.primary-navigation-open .site-branding {
display: none;
}
@media screen and (min-width: 993px) {
.site-branding {
display: flex;
flex-direction: row;
min-width: 30%;
}
.site-logo { /* Custom image logo */
margin-right: 1rem;
}
}
.site-title {
font-size: 2rem;
line-height: 1;
margin: 0;
letter-spacing: -1px;
font-weight: 600;
text-decoration: none;
color: black;
transition: .2s ease-in-out;
}
@media screen and (min-width: 993px) {
.site-title.big-title {
font-size: 3.5rem;
letter-spacing: -3px;
}
}
p.site-description {
padding: 0;
margin: 0;
font-size: 90%;
}
.site-title-and-description {
display: flex;
flex-direction: column;
}
/* 12. Navigation
--------------------------------------------- */
/* nav wrapper includes branding, menu and button */
.primary-navigation {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: start;
position: relative;
width: auto;
color: var(--nav--color-tex);
font-size: var(--primary-nav--font-size);
line-height: 1.15;
margin-top: 0;
margin-bottom: 0;
}
.primary-navigation-open .primary-navigation {
width: 100%;
}
@media only screen and (min-width: 993px) {
.primary-navigation {
align-items: center;
flex-direction: row;
}
}
.menu-button-container #primary-mobile-menu[aria-expanded="false"] {
font-size: var(--primary-nav--font-size-button);
font-weight: var(--primary-nav--font-weight-button);
color: var(--link-color);
background: transparent;
position: relative;
right: 0;
top: 0;
border: 5px solid transparent;
}
.menu-button-container #primary-mobile-menu[aria-expanded="true"]{
z-index: 500;
justify-content: end;
position: absolute;
top: 1.9rem;
right: 2.05rem;
border: 5px solid transparent;
}
@media only screen and ( min-width: 993px ) {
.menu-button-container {
display: none;
}
}
/* Mobile menu container when menu is closed */
.primary-navigation > .primary-menu-container {
position: fixed;
visibility: hidden;
opacity: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* transition: opacity 0.5s ease-out; */
/* transform: translateY(var(--global--spacing-vertical)); */
transform: translateX(0);
}
/* Mobile menu container when menu is open. */
.primary-navigation-open .primary-navigation > .primary-menu-container {
position: absolute;
visibility: visible;
opacity: 1;
transform: translateX(100);
}
.primary-navigation-open .primary-navigation > .primary-menu-container {
height: 100vh;
z-index: 499;
overflow-x: hidden;
overflow-y: auto;
border: 2px solid transparent;
}
.primary-navigation-open .site-header .container {
position: absolute;
flex-direction: column;
align-items: center;
justify-content: start;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--mobile-nav-background);
transition: opacity 0.25s ease-out;
z-index: 300;
}
@media only screen and ( min-width: 993px ) {
.primary-navigation-open .site-header .container {
flex-direction: row;
}
}
.admin-bar.primary-navigation-open .primary-navigation > .primary-menu-container {
top: var(--global--admin-bar--height);
}
/* Menu wrapper on desktop */
@media only screen and (min-width: 993px) {
.primary-navigation > .primary-menu-container {
visibility: visible;
opacity: 1;
position: relative;
margin-right: calc(0px - var(--nav--padding));
margin-left: auto;
padding: 0;
background-color: transparent;
overflow: initial;
transform: none;
}
.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul { display: none; }
.admin-bar .primary-navigation { top: initial; }
.admin-bar .primary-navigation > .primary-menu-container {top: initial;}
}
/* If search is enabled in navbar, give space between navbar and search icon */
.has-search-nav .primary-navigation .menu-wrapper { margin-right: 3rem; }
/* Menu links in nav wrapper */
.primary-navigation > div > .menu-wrapper {
display: flex;
position: relative;
align-items: center;
flex-wrap: wrap;
margin: 0;
max-width: none;
padding-left: 0;
}
/* Menu links in nav wrapper on mobile */
.primary-navigation-open .primary-navigation .menu-wrapper { justify-content: flex-start; align-content: start; padding: 0; }
.primary-navigation-open .primary-navigation .menu-wrapper ul { padding-left: 0;}
.primary-navigation-open .primary-navigation .menu-wrapper li {list-style: none; display: block; margin-bottom: 0; }
/* Desktop */
@media only screen and (min-width: 993px) {
.primary-navigation > div > .menu-wrapper li { margin: 0; width: inherit; }
.primary-navigation > div > .menu-wrapper li:last-child { margin-right: 0; }
}
/* Menu SVG icons - Down arrows and Search icon */
.primary-navigation > div > .menu-wrapper .sub-menu-toggle { display: flex; padding: 0; justify-content: center; align-items: center; background: transparent; }
.primary-navigation > div > .menu-wrapper .sub-menu-toggle { width: 28px; /* height: var(--nav-icon-height); */ }
button#btn { position: absolute; right: 0; justify-content: center; display: flex; padding: 0.1rem; margin-right: 1rem; }
button#btn:hover {
outline: 2px dotted black;
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus,
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus { height: 100%; display: flex; align-items: center; }
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus svg,
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus svg { margin-top: -1px; }
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus { display: none; }
.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus { display: flex; }
.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus { display: none; }
.primary-navigation > div > .menu-wrapper > li > .sub-menu { position: relative; }
@media only screen and (max-width: 993px) {
.primary-navigation > div > .menu-wrapper .sub-menu-toggle{
display: none;
}
}
/* Desktop Sub menu links */
@media only screen and (min-width: 993px) {
.primary-navigation > div > .menu-wrapper > li > .sub-menu {
position: absolute;
top: 100%;
left: auto;
z-index: 88888;
margin: 0;
min-width: max-content;
transition: all 0.5s ease;
border: none;
background-color: transparent;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu > li {
padding: 0.5rem 1rem 0.25rem 1rem;
background-color: var(--accent-bakcground-color);
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left {
left: 0; /* rtl:ignore */
right: auto; /* rtl:ignore */
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before,
.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {
left: var(--spacing-horizontal); /* rtl:ignore */
right: auto; /* rtl:ignore */
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right {
right: 0; /* rtl:ignore */
left: auto; /* rtl:ignore */
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before,
.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {
left: auto; /* rtl:ignore */
right: var(--spacing-horizontal); /* rtl:ignore */
}
.primary-navigation .primary-menu-container > ul > .menu-item { display: flex; }
.primary-navigation .primary-menu-container > ul > .menu-item > a {
padding-left: 5px;
padding-right: 5px;
margin-left: var(--nav--padding);
margin-right: var(--nav--padding);
}
.primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
margin-left: 1px;
margin-right: 1px;
}
}
/* Menu Links Style */
.primary-menu-container a {
display: block;
font-family: var(--nav--font-family-mobile);
font-size: var(--nav-mobile-font-size);
font-weight: var(--nav-font-style);
padding: var(--nav--padding) 0;
text-decoration: none;
border: none;
outline: none;
}
.primary-menu-container .menu-item, .primary-menu-container .sub-menu .sub-menu { border: none; }
.primary-menu-container .sub-menu .menu-item > a:hover {
text-decoration: none; outline: 2px dotted black;
}
@media only screen and (min-width: 993px) {
.primary-menu-container .sub-menu {
margin: 0;
padding: 0.5rem;
list-style: none;
margin-left: var(--nav--padding);
}
.primary-menu-container .sub-menu > .menu-item > .sub-menu {
padding: 0;
}
}
/* Sub Menu Links Style */
.primary-menu-container .sub-menu .menu-item > a {
font-size: var(--nav-mobile-font-size);
font-style: inherit;
padding: 0.5rem;
display: block;
margin-bottom: 2px;
}
@media only screen and (max-width: 992px) {
.primary-navigation-open .primary-navigation .menu-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
padding: 2rem;
}
.primary-navigation-open .primary-navigation .menu-wrapper li {
width: 90%;
padding:0;
}
.primary-navigation-open .primary-menu-container .menu-item > a,
.primary-navigation-open .primary-menu-container .sub-menu .menu-item > a {
padding: 0.75rem 0;
line-height: 1.25;
}
.primary-navigation-open .primary-menu-container .sub-menu {
padding: 0;
margin-left: 1rem;
}
}
@media (max-width: 992px) {
/* Menu toggle button animation */
.navbar-toggle { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.navbar-toggle { position: relative; z-index: 500; width: 35px; height: 28px; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer;}
.bar1, .bar2, .bar3 { display: block; position: absolute; height: 3px; width: 100%; background: black; border-radius: .3rem; opacity: 1; left: 0; transform-origin: left center; transform: rotate(0deg); transition: .25s ease-in-out; }
.bar1 { top: 0px; }
.bar2 { top: 8px; }
.bar3 { top: 16px; }
.primary-navigation-open .bar1 { top: 0px; left: 5px; transform: rotate(45deg); }
.primary-navigation-open .bar2 { width: 0; opacity: 0; background-color: transparent; }
.primary-navigation-open .bar3 { top: 25px; left: 5px; transform: rotate(-45deg); }
}
/* SVG icon for links with sub menu */
.primary-menu-container .menu-item-has-children .svg-icon,
.primary-menu-container .menu-item-has-children .sub-menu .svg-icon { display: none; }
@media only screen and (min-width: 993px) {
.primary-menu-container .menu-item-has-children .svg-icon { display: inline-block; height: 100%; }
.primary-menu-container .menu-item-has-children .sub-menu .svg-icon { display: none; }
}
/* Menu item description */
.primary-menu-container .menu-item-description { display: block; clear: both; font-size: var(--font-size-xs); text-transform: none; line-height: 1.7; }
.primary-menu-container .menu-item-description > span { display: inline-block; }
@media only screen and (max-width: 992px) {
.lock-scrolling .site { position: fixed; max-width: 100%; width: 100%; }
}
/* 13. Entry Content Pages & Posts
--------------------------------------------- */
.entry-header { margin-top: 1rem; margin-bottom: 2.5rem;}
.post-header {flex-direction: column;}
.entry-header h1 { letter-spacing: -3px; word-break: break-all; }
.entry-featured-image {margin-bottom: 1rem; display: block; width: 100%;}
figcaption {display: block; width: 100%;}
.container.featured-image-wrapper figcaption {font-size: 90%;}
.sticky { display: block;}
.post, .page { margin: 0 0 1.5em; }
.updated:not(.published) {display: none; }
.page-content, .entry-content:not(.blank), .entry-summary { margin: 1.5em 0 0; }
.page-links { clear: both; margin: 0 0 1.5em; }
.card {margin-bottom: 3rem;}
.card a {text-decoration: none;}
h2.title-excerpt { margin: 1rem 0 0 0; font-size: 1.25rem}
.card .card-date { line-height: 2; margin-bottom: 1rem;}
.card .card-date a {color: var(--border-color); }
.entry-image a, .entry-image a img { display: block; margin: 0; padding: 0; }
.post-meta { margin: 4rem 0 3rem 0; word-break: break-all; }
.post-meta p { margin: 0 0 1rem 0; padding: 0; }
.post-meta p span,.post-meta p .svg-icon {margin-right: 0.7rem;}
.container :not(.comments-area) .single-post-date svg {margin-left: 1rem; margin-right: 0.25rem; }
.big.single-post-date svg {width: 28px; height: 30px; margin-right: 0.3rem; }
/* 14. Comments
--------------------------------------------- */
.comments-area { max-width: 100%; display: block; }
@media only screen and (min-width: 993px) {
.comments-area {
max-width: var(--container-inner-sm-max-width);
margin: 1rem auto;
}
}
.comment-content a { word-wrap: break-word; }
.bypostauthor { display: block;}
ol.comment-list, ol.comment-list { list-style: none; }
ol.comment-list, ol.comment-list > li { margin-left: 0; }
ol.comment-list { padding: 0;}
.comment-body { background-color: #faf9f4; margin-top: 1rem; padding: 1.5rem;}
.comment-content { padding: 1rem 0; }
.comment-meta { display: flex; flex-direction: column; justify-content: space-between; }
.comment-author { display: flex; align-items: center; }
.comment-metadata { padding: 0.5rem 0; text-align: right; }
.comment-metadata a { font-size: 13px; }
.comment-metadata a.comment-edit-link { text-decoration: underline; font-weight: bold; }
@media only screen and (min-width: 993px) {
.comment-meta { flex-direction: row; justify-content: space-between; }
}
.avatar { margin-right: 1rem; }
.comment-author { display: flex; }
.fn { padding-right: 0.5rem; font-size: 110%; }
.comment-respond { margin-top: 1rem; padding: 1rem 0; }
h2.comment-reply-title { font-size: 1.25rem; padding: 1rem 0; }
h2.comment-reply-title a { padding: 0.25rem 0.75rem; }
/* 15. Widgets
--------------------------------------------- */
.widget-area a { text-decoration: none;}
.widget-area a:hover { color: var(--link-color); text-decoration: none; }
h2.widget-title {font-size: 1.35rem; font-weight: bold; margin: 0 0 1.5rem 0; line-height: 1;}
.widget-area {
font-size: 90%;
display: grid;
grid-template-columns: repeat(1, 1fr);
margin: 4rem auto 1rem auto;
}
.widget-area section { margin: 1rem 0 3rem 0; padding-bottom: 3rem; border-bottom: 1px solid var(--widget-section-divider); }
.widget-area section:first-of-type { padding-top: 3rem; border-top: 1px solid var(--widget-section-divider); }
@media only screen and (min-width: 768px) {
.widget-area { grid-template-columns: repeat(2, 1fr); grid-gap: 2rem; }
}
@media only screen and (min-width: 993px) {
.widget-area { grid-template-columns: repeat(3, 1fr); padding-top: 2rem; }
.widget-area section { padding-bottom: 0; border-bottom: none; }
.widget-area section:first-of-type { padding-top: 0; border-top: none; }
}
.widget-area ul { margin-left: 0; list-style-type: none; padding: 0; }
.widget-area ul li { line-height: 2; }
.widget-area ul.sub-menu, .widget-area ul.children { margin-left: 1rem; }
.widget-area ul .sub-menu-toggle { display: none; }
.widget-area .wp-block-social-links.alignright { margin-top: 1rem; justify-content: flex-end; }
.widget-area .wp-block-social-links.alignleft { margin-top: 1rem; }
.widget-area:after { content: ""; display: table; clear: both; }
button.search-close { display: none;}
.dialog__window button.search-close{ display: flex;}
.searchform { display: flex; flex-direction: row; justify-content: space-between; align-items: center; max-width: 100%;}
.searchform > label { margin-bottom: 0; }
.searchform .search-field { flex-grow: 1; max-width: 100%; margin-right: 10px; }
.widget_search > .searchform .search-submit { margin-left: 0; }
.widget_rss a.rsswidget .rss-widget-icon { display: none; }
table.wp-calendar-table {margin-bottom: 0.5rem; font-size: 90%; }
table.wp-calendar-table th, .widget-area .calendar_wrap table td { border: 0.5px solid #ccc; }
table.wp-calendar-table caption { border: 0.5px solid #ccc; }
table.wp-calendar-table tr:nth-child(odd) { background-color: white; }
table.wp-calendar-table thead tr:nth-child(2) { background-color: var(--accent-bakcground-color); }
table.wp-calendar-table tbody tr:nth-child(odd) { background-color:var(--accent-bakcground-color);} */
.widget-area .wp-calendar-nav { margin: 0.5rem; }
/* 16. Media
--------------------------------------------- */
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }
.custom-logo-link { display: inline-block; } /* Make sure logo link wraps around logo image. */
embed,
iframe,
object,
video {
max-width: 100%;
}
/* Media captions */
figcaption,
.wp-caption,
.wp-caption-text,
.wp-block-embed figcaption {
color: currentColor;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
text-align: center;
}
.alignleft figcaption,
.alignright figcaption,
.alignleft .wp-caption,
.alignright .wp-caption,
.alignleft .wp-caption-text,
.alignright .wp-caption-text,
.alignleft .wp-block-embed figcaption,
.alignright .wp-block-embed figcaption {
margin-bottom: 0;
}
/* 17. Captions
--------------------------------------------- */
.wp-caption { margin-bottom: 1.5em; max-width: 100%; }
.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; }
.wp-caption .wp-caption-text { margin: 0.8075em 0;}
.wp-caption-text { text-align: center; }
/* 18. Galleries
--------------------------------------------- */
.gallery { margin-bottom: 1.5em; display: grid; grid-gap: 1.5em;}
.gallery-item { display: inline-block; text-align: center; width: 100%;}
.gallery-columns-2 { grid-template-columns: repeat(2, 1fr);}
.gallery-columns-3 { grid-template-columns: repeat(3, 1fr);}
.gallery-columns-4 { grid-template-columns: repeat(4, 1fr);}
.gallery-columns-5 { grid-template-columns: repeat(5, 1fr);}
.gallery-columns-6 { grid-template-columns: repeat(6, 1fr);}
.gallery-columns-7 { grid-template-columns: repeat(7, 1fr);}
.gallery-columns-8 { grid-template-columns: repeat(8, 1fr);}
.gallery-columns-9 { grid-template-columns: repeat(9, 1fr);}
.gallery-caption { display: block; font-size: 90%; }
/* 19. Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
}
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
display: block;
}
/* 20. Pagination
--------------------------------------------- */
.pagination {
margin-top: .5rem;
margin-bottom: .5rem;
}
.pagination .nav-links {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
flex-wrap: wrap;
word-break: break-all;
}
.pagination .nav-links .page-numbers {
min-width: 2em;
min-height: 2em;
line-height: 2;
font-size: 1em;
justify-content: center;
margin: .25rem;
padding: 0;
text-align: center;
border: 1px solid transparent;
border-radius: 9999px;
}
.pagination .nav-links .current {
background-color: var(--accent-bakcground-color);
}
.site-main .comment-navigation,
.site-main .posts-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
word-break: break-all;
}
@media only screen and (max-width: 992px) {
.post-navigation .nav-links {
flex-direction: column;
}
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
}
.site-main .post-navigation {
margin: 3rem 0;
padding: 1rem 0;
border-top: 1px solid #e5e9f0;
border-bottom: 1px solid #e5e9f0;
}
.site-main .post-navigation .nav-previous svg { margin-right: 5px; }
.site-main .post-navigation .nav-next svg { margin-left: 5px; }
/* 21. Blocks
--------------------------------------------- */
.post-thumbnail,
.entry-content .wp-audio-shortcode,
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
.default-max-width {
max-width: var(--container-inner-sm-max-width);
margin-left: auto;
margin-right: auto;
padding: 0 var(--spacing-horizontal);
}
@media screen and (min-width: 768px) {
.post-thumbnail,
.entry-content .wp-audio-shortcode,
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
.default-max-width {
padding: 0 1rem;
}
}
.container-comments,
.comments-pagination,
.wide-max-width{
max-width: var(--container-inner-sm-max-width);
margin-left: auto;
margin-right: auto;
}
.alignfull,
.wp-block-group .wp-block-group__inner-container > *.alignfull,
.full-max-width {
max-width: var(--alignfull-width);
width: var(--alignfull-width);
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 482px) {
.alignfull,
.full-max-width {
max-width: var(--alignfull-width);
width: auto;
margin-left: auto;
margin-right: auto;
}
}
.entry-header .post-thumbnail,
.singular .post-thumbnail,
.alignfull [class*="inner-container"] > .alignwide,
.alignwide [class*="inner-container"] > .alignwide {
margin-left: auto;
margin-right: auto;
width: var(--alignwide-width);
max-width: var(--alignfull-width);
}
@media only screen and (min-width: 482px) {
.entry-content > .alignleft {
/*rtl:ignore*/
margin-left: var(--alignleft-margin);
/*rtl:ignore*/
margin-right: var(--spacing-horizontal);
}
}
@media only screen and (min-width: 482px) {
.entry-content > .alignright {
/*rtl:ignore*/
margin-left: var(--spacing-horizontal);
/*rtl:ignore*/
margin-right: var(--alignright-margin);
}
}
.wp-block-gallery.alignwide {
padding: var(--spacing-horizontal);
margin: var(--spacing-vertical) auto;
}
@media only screen and (min-width: 993px) {
.wp-block-gallery.alignwide {
padding: 0;
}
}
.full-with-padding {
padding-right: 2rem;
padding-left: 2rem;
}
/* 22. Footer
--------------------------------------------- */
.site-footer {
display: flex;
flex-direction: column;
justify-content: flex-start;
margin: 2rem auto;
width: 100%;
font-style: normal;
}
.site-footer div {
padding-bottom: 1rem;
}
@media screen and (min-width: 768px) {
.site-footer {
display: flex;
flex-direction: row;
justify-content: space-between;
}
}
.gotoTop {
display: block;
text-align: right;
width: 100%;
margin: 1rem 0 0;
}
.gotoTop a svg {
width: 34px;
height: 34px;
margin: 1rem 2rem 0rem 2rem;
padding:0;
}
/* 23 Toggle Search
--------------------------------------------- */
@media only screen and (max-width: 992px) {
button#btn {
display: none;
}
}
.search-form {
display: flex;
justify-content: center;
vertical-align: middle;
align-items: center;
}
button.search-close {
margin-left: 10px;
}
.dialog { display: none; }
.dialog.opened { display: block; }
.dialog__window {
display: inline-block;
position: fixed;
top: 25%;
left: 50%;
transform: translate( -50%, -50%);
background: white;
border: 2px solid transparent;
padding: 1rem;
z-index: 101;
}
.dialog__mask {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #000000;
opacity: 0.2;
overflow: hidden;
z-index: 100;
}
/* 24. Animations
--------------------------------------------- */
.fadeUp,
.slideIn {
opacity: 0;
}
.fadeUp.reveal {
animation-duration: 1.5s;
animation-name: fadeUp;
opacity: 1;
}
.slideIn.reveal {
animation-duration: 2s;
animation-name: slideIn;
opacity: 1;
}
@keyframes fadeUp {
from { opacity: 0; transform: translateY( 5rem ); }
to { opacity: 1; transform: translateY( 0 ); }
}
@keyframes slideIn {
from { opacity: 0; transform: translateY(-10%); }
to { opacity: 1; transform: translateY(0); }
}
/* 25. Accessibility
--------------------------------------------- */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.hasfocus,
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus,
.visuallyhidden.active {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto
}
#primary[tabindex="-1"]:focus { outline: 0; } /* Do not show the outline on the skip link target. */
/* 26. Block Styles
--------------------------------------------- */
:root {
--wp-block-separator--height: 5px;
--wp-block-padding: 1rem;
--wp-block-post-font-size: 1rem;
--wp-block-image-border-radius: 25%;;
--wp-block-image-border-image: linear-gradient(#63c6ff, #6acfa6) 30;
--wp-block-background-color: #faf9f4;
--nested-columns-margin-top: 1.75rem;
--wp-block-justify-center: center;
}
.wp-block-image.is-style-kiyono-border-radius img {
border-radius: var(--wp-block-image-border-radius) 0;
}
.wp-block-image.is-style-kiyono-image-gradient-border img {
border: 10px solid;
border-image: var(--wp-block-image-border-image);
}
.wp-block-image.is-style-kiyono-image-gradient-border img {
padding: 0;
}
.wp-block-columns.block-column-outer-wrapper {
justify-content: var(--wp-block-justify-center);
}
.wp-block-columns.alignwide.block-column-inner-wrapper {
margin-top: calc( var(--nested-columns-margin-top) + 1em) ;
}
.has-block-top-padding {
padding-top: 1.75em;
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}.envira-gallery-wrap,.envira-gallery-wrap *,.envira-tags-filter-list,.envira-tags-filter-list *{background:none;border:0 none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;float:none;font-size:100%;height:auto;letter-spacing:normal;list-style:none;outline:none;position:static;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;width:auto;visibility:visible;overflow:visible;margin:0;padding:0;line-height:1;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;-webkit-appearance:none;transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none}.envira-tags-filter-list{clear:both;margin:0 0 10px 0}.envira-tags-filter-list li.envira-tags-filter,.envira-tags-filter-list li.envira-tag-filter{float:left;margin:0 20px 10px 0}.envira-tags-filter-list .envira-tag-filter-link{font-size:13px;font-weight:bold}.envira-breadcrumbs{display:block;margin:0 0 20px 0;padding:10px;background:#eee}.envira-breadcrumbs a{text-decoration:none}.envira-gallery-wrap{width:100%;margin:0 auto 20px auto}.envira-gallery-wrap .envira-pagination{margin:0 0 20px 0}.envira-gallery-wrap .envira-gallery-description{clear:both}.envira-gallery-wrap .envira-gallery-public{width:100%;margin:0 auto 20px auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.envira-gallery-wrap .envira-gallery-public.envira-clear{clear:both}.envira-gallery-wrap .envira-gallery-public.envira-clear:after{clear:both;content:".";display:block;height:0;line-height:0;overflow:auto;visibility:hidden;zoom:1}.envira-gallery-wrap .envira-gallery-public .envira-gallery-item-inner{position:relative}.envira-gallery-wrap .envira-gallery-public .envira-gallery-item-inner .envira-gallery-position-overlay{box-sizing:border-box;position:absolute;overflow:visible;z-index:999}.envira-gallery-wrap .envira-gallery-public .envira-gallery-item-inner .envira-gallery-position-overlay.envira-gallery-top-left{top:0;left:0;padding:5px 0 0 5px}.envira-gallery-wrap .envira-gallery-public .envira-gallery-item-inner .envira-gallery-position-overlay.envira-gallery-top-right{top:0;right:0;padding:5px 5px 0 0;text-align:right}.envira-gallery-wrap .envira-gallery-public .envira-gallery-item-inner .envira-gallery-position-overlay.envira-gallery-bottom-left{bottom:0;left:0;padding:0 0 5px 5px}.envira-gallery-wrap .envira-gallery-public .envira-gallery-item-inner .envira-gallery-position-overlay.envira-gallery-bottom-right{bottom:0;right:0;padding:0 5px 5px 0;text-align:right}.envira-gallery-wrap .envira-gallery-public .envira-gallery-item{float:left}.envira-gallery-wrap .envira-gallery-public .envira-gallery-item>.envira-gallery-link{display:block;outline:none;border:0 none;position:relative}.envira-gallery-wrap .envira-gallery-public .envira-gallery-item img{float:none;display:block;margin:0 auto;padding:0;max-width:100%}.envira-gallery-wrap .envira-gallery-public .envira-gallery-item iframe,.envira-gallery-wrap .envira-gallery-public .envira-gallery-item video{display:block;margin:0 auto;width:100%}.envira-gallery-wrap .envira-gallery-public.envira-gallery-1-columns .envira-gallery-item{clear:both;width:100%}.envira-gallery-wrap .envira-gallery-public.envira-gallery-2-columns .envira-gallery-item{width:50%}.envira-gallery-wrap .envira-gallery-public.envira-gallery-2-columns .envira-gallery-item:nth-child(2n+1){clear:both}.envira-gallery-wrap .envira-gallery-public.envira-gallery-3-columns .envira-gallery-item{width:33.33%}.envira-gallery-wrap .envira-gallery-public.envira-gallery-3-columns .envira-gallery-item:nth-child(3n+1){clear:both}.envira-gallery-wrap .envira-gallery-public.envira-gallery-4-columns .envira-gallery-item{width:25%;margin:0;padding:0;box-sizing:border-box}.envira-gallery-wrap .envira-gallery-public.envira-gallery-4-columns .envira-gallery-item:nth-child(4n+1){clear:both}.envira-gallery-wrap .envira-gallery-public.envira-gallery-5-columns .envira-gallery-item{width:20%}.envira-gallery-wrap .envira-gallery-public.envira-gallery-5-columns .envira-gallery-item:nth-child(5n+1){clear:both}.envira-gallery-wrap .envira-gallery-public.envira-gallery-6-columns .envira-gallery-item{width:16.66%}.envira-gallery-wrap .envira-gallery-public.envira-gallery-6-columns .envira-gallery-item:nth-child(6n+1){clear:both}.envira-gallery-wrap .envira-gallery-public.enviratope .envira-gallery-item{clear:none !important}.envira-gallery-wrap .envira-gallery-public.envira-gallery-css-animations .envira-gallery-item img{opacity:0;transition:all .2s ease-in-out}.envira-gallery-wrap .envira-gallery-public.envira-gallery-css-animations .envira-gallery-item a:hover img{opacity:1 !important}.envira-gallery-public.justified-gallery .envira-gallery-item-inner{position:absolute}.envira-gallery-wrap.envira-gallery-rtl .envira-gallery-public .envira-gallery-item{float:right}@media only screen and (max-width: 768px){.envira-gallery-wrap .envira-gallery-public.envira-gallery-4-columns .envira-gallery-item{width:33%}.envira-gallery-wrap .envira-gallery-public.envira-gallery-4-columns .envira-gallery-item:nth-child(4n+1){clear:none}.envira-gallery-wrap .envira-gallery-public.envira-gallery-4-columns .envira-gallery-item:nth-child(3n+1){clear:both}.envira-gallery-wrap .envira-gallery-public.envira-gallery-5-columns .envira-gallery-item{width:33%}.envira-gallery-wrap .envira-gallery-public.envira-gallery-5-columns .envira-gallery-item:nth-child(5n+1){clear:none}.envira-gallery-wrap .envira-gallery-public.envira-gallery-5-columns .envira-gallery-item:nth-child(3n+1){clear:both}.envira-gallery-wrap .envira-gallery-public.envira-gallery-6-columns .envira-gallery-item{width:33%}.envira-gallery-wrap .envira-gallery-public.envira-gallery-6-columns .envira-gallery-item:nth-child(6n+1){clear:none}.envira-gallery-wrap .envira-gallery-public.envira-gallery-6-columns .envira-gallery-item:nth-child(3n+1){clear:both}.envira-gallery-wrap .envira-gallery-public.enviratope .envira-gallery-item{clear:none !important}}@media only screen and (max-width: 459px){.envira-gallery-wrap .envira-gallery-public.envira-gallery-2-columns .envira-gallery-item,.envira-gallery-wrap .envira-gallery-public.envira-gallery-3-columns .envira-gallery-item,.envira-gallery-wrap .envira-gallery-public.envira-gallery-4-columns .envira-gallery-item,.envira-gallery-wrap .envira-gallery-public.envira-gallery-5-columns .envira-gallery-item,.envira-gallery-wrap .envira-gallery-public.envira-gallery-6-columns .envira-gallery-item{width:50% !important}.envira-gallery-wrap .envira-gallery-public.envira-gallery-2-columns .envira-gallery-item:nth-child(3n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-2-columns .envira-gallery-item:nth-child(4n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-2-columns .envira-gallery-item:nth-child(5n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-2-columns .envira-gallery-item:nth-child(6n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-3-columns .envira-gallery-item:nth-child(3n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-3-columns .envira-gallery-item:nth-child(4n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-3-columns .envira-gallery-item:nth-child(5n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-3-columns .envira-gallery-item:nth-child(6n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-4-columns .envira-gallery-item:nth-child(3n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-4-columns .envira-gallery-item:nth-child(4n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-4-columns .envira-gallery-item:nth-child(5n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-4-columns .envira-gallery-item:nth-child(6n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-5-columns .envira-gallery-item:nth-child(3n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-5-columns .envira-gallery-item:nth-child(4n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-5-columns .envira-gallery-item:nth-child(5n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-5-columns .envira-gallery-item:nth-child(6n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-6-columns .envira-gallery-item:nth-child(3n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-6-columns .envira-gallery-item:nth-child(4n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-6-columns .envira-gallery-item:nth-child(5n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-6-columns .envira-gallery-item:nth-child(6n+1){clear:none !important}.envira-gallery-wrap .envira-gallery-public.envira-gallery-2-columns .envira-gallery-item:nth-child(2n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-3-columns .envira-gallery-item:nth-child(2n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-4-columns .envira-gallery-item:nth-child(2n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-5-columns .envira-gallery-item:nth-child(2n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-6-columns .envira-gallery-item:nth-child(2n+1){clear:both !important}.envira-gallery-wrap .envira-gallery-public.enviratope .envira-gallery-item{clear:none !important}}@media only screen and (max-width: 320px){.envira-gallery-wrap .envira-gallery-public.envira-gallery-1-columns .envira-gallery-item,.envira-gallery-wrap .envira-gallery-public.envira-gallery-2-columns .envira-gallery-item,.envira-gallery-wrap .envira-gallery-public.envira-gallery-3-columns .envira-gallery-item,.envira-gallery-wrap .envira-gallery-public.envira-gallery-4-columns .envira-gallery-item,.envira-gallery-wrap .envira-gallery-public.envira-gallery-5-columns .envira-gallery-item,.envira-gallery-wrap .envira-gallery-public.envira-gallery-6-columns .envira-gallery-item{width:100% !important}.envira-gallery-wrap .envira-gallery-public.envira-gallery-1-columns .envira-gallery-item:nth-child(2n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-1-columns .envira-gallery-item:nth-child(3n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-1-columns .envira-gallery-item:nth-child(4n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-1-columns .envira-gallery-item:nth-child(5n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-1-columns .envira-gallery-item:nth-child(6n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-2-columns .envira-gallery-item:nth-child(2n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-2-columns .envira-gallery-item:nth-child(3n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-2-columns .envira-gallery-item:nth-child(4n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-2-columns .envira-gallery-item:nth-child(5n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-2-columns .envira-gallery-item:nth-child(6n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-3-columns .envira-gallery-item:nth-child(2n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-3-columns .envira-gallery-item:nth-child(3n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-3-columns .envira-gallery-item:nth-child(4n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-3-columns .envira-gallery-item:nth-child(5n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-3-columns .envira-gallery-item:nth-child(6n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-4-columns .envira-gallery-item:nth-child(2n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-4-columns .envira-gallery-item:nth-child(3n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-4-columns .envira-gallery-item:nth-child(4n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-4-columns .envira-gallery-item:nth-child(5n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-4-columns .envira-gallery-item:nth-child(6n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-5-columns .envira-gallery-item:nth-child(2n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-5-columns .envira-gallery-item:nth-child(3n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-5-columns .envira-gallery-item:nth-child(4n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-5-columns .envira-gallery-item:nth-child(5n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-5-columns .envira-gallery-item:nth-child(6n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-6-columns .envira-gallery-item:nth-child(2n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-6-columns .envira-gallery-item:nth-child(3n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-6-columns .envira-gallery-item:nth-child(4n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-6-columns .envira-gallery-item:nth-child(5n+1),.envira-gallery-wrap .envira-gallery-public.envira-gallery-6-columns .envira-gallery-item:nth-child(6n+1){clear:both}.envira-gallery-wrap .envira-gallery-public.enviratope .envira-gallery-item{clear:none !important}}.envirabox-wrap,.envirabox-skin,.envirabox-outer,.envirabox-inner,.envirabox-image,.envirabox-wrap iframe,.envirabox-wrap object,.envirabox-nav,.envirabox-nav span,.envirabox-tmp,.envirabox-buttons,.envirabox-thumbs,.envirabox-wrap *,.envirabox-thumbs *,.envirabox-buttons *{background:none;border:0 none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;float:none;font-size:100%;height:auto;letter-spacing:normal;list-style:none;outline:none;position:static;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;width:auto;visibility:visible;overflow:visible;margin:0;padding:0;line-height:1;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;-webkit-appearance:none;transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none}.envirabox-wrap{position:absolute;top:0;left:0;z-index:988020}.envirabox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.envirabox-opened{z-index:988030}.envirabox-opened .envirabox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.envirabox-outer,.envirabox-inner{position:relative}.envirabox-inner{overflow:hidden}.envirabox-inner .envirabox-position-overlay{box-sizing:border-box;position:absolute;overflow:visible;z-index:988041;padding:0}.envirabox-inner .envirabox-position-overlay.envira-gallery-top-left{top:0;left:0}.envirabox-inner .envirabox-position-overlay.envira-gallery-top-right{top:0;right:0;text-align:right}.envirabox-inner .envirabox-position-overlay.envira-gallery-bottom-left{bottom:0;left:0}.envirabox-inner .envirabox-position-overlay.envira-gallery-bottom-right{bottom:0;right:0;text-align:right}.envirabox-type-iframe .envirabox-inner{-webkit-overflow-scrolling:touch}.envirabox-error{color:#444;font:13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.envirabox-image,.envirabox-iframe{display:block;width:100%;height:100%}.envirabox-image{max-width:100%;max-height:100%}#envirabox-loading,.envirabox-close,.envirabox-prev span,.envirabox-next span{background-image:url(//helenethiennot.fr/wp-content/plugins/envira-gallery-lite/assets/css/images/envirabox_sprite.png)}#envirabox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:988060}#envirabox-loading div{width:44px;height:44px;background:url(//helenethiennot.fr/wp-content/plugins/envira-gallery-lite/assets/css/images/envirabox_loading.gif) center center no-repeat}.envirabox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:988040}.envirabox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:rgba(0,0,0,0) url(//helenethiennot.fr/wp-content/plugins/envira-gallery-lite/assets/css/images/blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:988040}.envirabox-prev{left:0}.envirabox-next{right:0}.envirabox-prev.envirabox-arrows-outside{left:-100px}.envirabox-next.envirabox-arrows-outside{right:-100px}.envirabox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:988040;visibility:hidden}body.envira-touch .envirabox-nav span{visibility:visible}.envirabox-prev span{left:10px;background-position:0 -36px}.envirabox-next span{right:10px;background-position:0 -72px}.envirabox-nav:hover span{visibility:visible}.envirabox-tmp{position:absolute;top:-99999px;left:-99999px;max-width:99999px;max-height:99999px;overflow:visible !important}a.envirabox-close,a.envirabox-nav,a.fancy-close:hover,a.envirabox-nav:hover{border:0}.envirabox-lock{overflow:visible !important;width:auto}.envirabox-lock body{overflow:hidden !important}.envirabox-lock-test{overflow-y:hidden !important}.envirabox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:988010;background:url(//helenethiennot.fr/wp-content/plugins/envira-gallery-lite/assets/css/images/envirabox_overlay.png)}.envirabox-overlay-fixed{position:fixed;bottom:0;right:0}.envirabox-lock .envirabox-overlay{overflow:auto;overflow-y:scroll}.envirabox-title{visibility:hidden;font-size:13px;line-height:20px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:988090}.envirabox-opened .envirabox-title{visibility:visible}.envirabox-title-float-wrap{position:absolute;bottom:auto;right:50%;margin-top:20px;z-index:988050;text-align:center}.envirabox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:rgba(0,0,0,0);background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#fff;line-height:24px;white-space:normal}.envirabox-title-float-wrap.envirabox-title-text-wrap .child{white-space:normal}.envirabox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.envirabox-title-inside-wrap{padding-top:10px}.envirabox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}#envirabox-buttons{position:fixed;left:0;width:100%;z-index:988050}#envirabox-buttons.top{top:10px}#envirabox-buttons.bottom{bottom:10px}#envirabox-buttons.bottom.has-padding{bottom:80px}#envirabox-buttons.top.has-padding{top:80px}#envirabox-buttons ul{display:block;width:auto;height:30px;margin:0 auto;padding:0;list-style:none;border:1px solid #111;border-radius:3px;-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);background:#323232;background:-moz-linear-gradient(top, rgb(68, 68, 68) 0%, rgb(52, 52, 52) 50%, rgb(41, 41, 41) 50%, rgb(51, 51, 51) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(68, 68, 68)), color-stop(50%, rgb(52, 52, 52)), color-stop(50%, rgb(41, 41, 41)), color-stop(100%, rgb(51, 51, 51)));background:-webkit-linear-gradient(top, rgb(68, 68, 68) 0%, rgb(52, 52, 52) 50%, rgb(41, 41, 41) 50%, rgb(51, 51, 51) 100%);background:-o-linear-gradient(top, rgb(68, 68, 68) 0%, rgb(52, 52, 52) 50%, rgb(41, 41, 41) 50%, rgb(51, 51, 51) 100%);background:-ms-linear-gradient(top, rgb(68, 68, 68) 0%, rgb(52, 52, 52) 50%, rgb(41, 41, 41) 50%, rgb(51, 51, 51) 100%);background:linear-gradient(top, rgb(68, 68, 68) 0%, rgb(52, 52, 52) 50%, rgb(41, 41, 41) 50%, rgb(51, 51, 51) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#444444", endColorstr="#222222",GradientType=0 )}#envirabox-buttons ul li{float:left;margin:0;padding:0}#envirabox-buttons ul li#envirabox-buttons-title span{display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:30px;padding:0 10px;color:#fff}#envirabox-buttons a{display:block;width:30px;height:30px;text-indent:-9999px;background-color:rgba(0,0,0,0);background-image:url(//helenethiennot.fr/wp-content/plugins/envira-gallery-lite/assets/css/images/envirabox_buttons.png);background-repeat:no-repeat;outline:none;opacity:.8}#envirabox-buttons a:hover{opacity:1}#envirabox-buttons a.btnPrev{background-position:5px 0}#envirabox-buttons a.btnNext{background-position:-33px 0;border-right:1px solid #3e3e3e}#envirabox-buttons a.btnPlay{background-position:0 -30px}#envirabox-buttons a.btnPlayOn{background-position:-30px -30px}#envirabox-buttons a.btnToggle,#envirabox-buttons a.btnFullscreen{background-position:3px -60px;border-left:1px solid #111;border-right:1px solid #3e3e3e;width:35px}#envirabox-buttons a.btnToggleOn,#envirabox-buttons a.btnFullscreenOn{background-position:-27px -60px}#envirabox-buttons a.btnClose{border-left:1px solid #111;width:35px;background-position:-56px 0px}#envirabox-buttons a.btnDisabled{opacity:.4;cursor:default}#envirabox-thumbs{position:fixed;left:0;width:100%;overflow:hidden;z-index:988050;box-sizing:border-box}#envirabox-thumbs.top{top:2px}#envirabox-thumbs.top.has-other-content{top:50px}#envirabox-thumbs.bottom{bottom:2px}#envirabox-thumbs.bottom.has-other-content{bottom:50px}#envirabox-thumbs.inline{position:absolute}#envirabox-thumbs *{box-sizing:border-box}#envirabox-thumbs ul{position:relative;list-style:none;margin:0;padding:0}#envirabox-thumbs ul li{border:3px solid #fff;float:left;margin:5px;opacity:1}#envirabox-thumbs ul li.active{opacity:.75;border:3px solid #888}#envirabox-thumbs ul li:hover{opacity:.75}#envirabox-thumbs ul li a{display:block;position:relative;overflow:hidden;border:1px solid #222;background:#111;outline:none}#envirabox-thumbs ul li img{display:block;position:relative;border:0;padding:0;max-width:none}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx){#envirabox-loading,.envirabox-close,.envirabox-prev span,.envirabox-next span{background-image:url(//helenethiennot.fr/wp-content/plugins/envira-gallery-lite/assets/css/images/envirabox_sprite@2x.png);background-size:44px 152px}#envirabox-loading div{background-image:url(//helenethiennot.fr/wp-content/plugins/envira-gallery-lite/assets/css/images/envirabox_loading@2x.gif);background-size:24px 24px}}/*
* Responsively Lazy
* http://ivopetkov.com/b/lazy-load-responsive-images/
* Copyright 2015-2016, Ivo Petkov
* Free to use under the MIT license.
*/
.envira-lazy:not(img){
position:relative;
height: 0;
display: block;
overflow: hidden;
}
.envira-lazy:not(img) img {
position: absolute;
top: 0;
left: 0;
}
.envira-gallery-1-columns .envira-lazy:not(img) img,
.envira-gallery-2-columns .envira-lazy:not(img) img,
.envira-gallery-3-columns .envira-lazy:not(img) img,
.envira-gallery-4-columns .envira-lazy:not(img) img,
.envira-gallery-5-columns .envira-lazy:not(img) img,
.envira-gallery-6-columns .envira-lazy:not(img) img {
position: relative;
}
img.envira-lazy{
width: 100%;
}
/* hide the gallery overlay by default and use JS triggers to make them appear when images load */
.envira-gallery-item.envira-lazy-load .envira-gallery-position-overlay {
display: none;
}
/* hide the captions on legacy by default and use JS triggers to make them appear when images load */
.envira-gallery-item.envira-lazy-load .envira-title,
.envira-gallery-item.envira-lazy-load .envira-caption {
visibility: hidden;
}#envirabox-wrap,
#envirabox-wrap *,
#envirabox-overlay {
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
}
#envirabox-loading, .envirabox-close, #envirabox-left #envirabox-left-ico, #envirabox-right #envirabox-right-ico {
background-image: url(//helenethiennot.fr/wp-content/plugins/envira-gallery-lite/assets/css/images/envirabox_sprite.png);
}
#envirabox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 988100;
display: none;
}
#envirabox-loading div {
width: 44px;
height: 44px;
background: url(//helenethiennot.fr/wp-content/plugins/envira-gallery-lite/assets/css/images/envirabox_loading.gif) center center no-repeat;
}
#envirabox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 988010;
display: none;
background: url(//helenethiennot.fr/wp-content/plugins/envira-gallery-lite/assets/css/images/envirabox_overlay.png);
background-color: rgba(0,0,0,.9); /* !important; */
}
#envirabox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#envirabox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 988020;
outline: none;
display: none;
}
#envirabox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#envirabox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 988021;
border: 0px solid #fff;
-webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.5);
-moz-box-shadow: 0 10px 25px rgba(0,0,0,0.5);
box-shadow: 0 10px 25px rgba(0,0,0,0.5);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#envirabox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 988020;
}
#envirabox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
z-index: 988040;
cursor: pointer;
display: none;
background-image: url(//helenethiennot.fr/wp-content/plugins/envira-gallery-lite/assets/css/images/envirabox_sprite.png);
}
#envirabox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#envirabox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#envirabox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#envirabox-left, #envirabox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url(//helenethiennot.fr/wp-content/plugins/envira-gallery-lite/assets/css/images/blank.gif);
z-index: 988040;
display: none;
}
#envirabox-left {
left: 0px;
}
#envirabox-right {
right: 0px;
}
#envirabox-left-ico, #envirabox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 36px;
height: 34px;
margin-top: -15px;
cursor: pointer;
z-index: 988040;
display: block;
}
#envirabox-left-ico {
background-position: 0 -36px;
}
#envirabox-right-ico {
background-position: 0 -72px;
}
#envirabox-left:hover, #envirabox-right:hover {
visibility: visible; /* IE6 */
}
body.envira-touch #envirabox-left span,
#envirabox-left:hover span {
left: 20px;
}
#envirabox-right:hover span,
body.envira-touch #envirabox-right span {
left: auto;
right: 20px;
}
body.envira-touch #envirabox-left,
body.envira-touch #envirabox-right {
visibility: visible;
}
#envirabox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 988025;
}
#envirabox-title.envirabox-title-inside {
padding-bottom: 12px;
background: #fff;
font-size: 13px;
line-height: 20px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 988090;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 15px;
padding-right: 15px;
margin-top: -6px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
#envirabox-title.envirabox-title-outside {
padding-top: 10px;
color: #fff;
font-size: 13px;
line-height: 20px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
padding-left: 0 !important;
}
#envirabox-title-outside {
color: #fff;
font-size: 13px;
line-height: 20px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
}
.envirabox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}
#envirabox-title-over {
padding: 10px;
background: #000;
background: rgba(0,0,0,.8);
display: inline-block;
font-size: 13px;
line-height: 20px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
}
.envirabox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#envirabox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#envirabox-title-float-wrap tbody,
#envirabox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#envirabox-title-float-left {
padding: 0 0 0 15px;
}
#envirabox-title-float-main {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent;
background: rgba(0,0,0,0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
line-height: 24px;
white-space: nowrap;
}
#envirabox-title-float-right {
padding: 0 0 0 15px;
}
/* UPDATED FOR TWENTY-SEVENTEEN */
#envirabox-title-float-wrap tr {
border-bottom: 0;
}
/* IE6 */
.envirabox-ie6 #envirabox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/envirabox/fancy_close.png', sizingMethod='scale'); }
.envirabox-ie6 #envirabox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/envirabox/fancy_nav_left.png', sizingMethod='scale'); }
.envirabox-ie6 #envirabox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/envirabox/fancy_nav_right.png', sizingMethod='scale'); }
.envirabox-ie6 #envirabox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/envirabox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.envirabox-ie6 #envirabox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/envirabox/fancy_title_left.png', sizingMethod='scale'); }
.envirabox-ie6 #envirabox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/envirabox/fancy_title_main.png', sizingMethod='scale'); }
.envirabox-ie6 #envirabox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/envirabox/fancy_title_right.png', sizingMethod='scale'); }
.envirabox-ie6 #envirabox-bg-w, .envirabox-ie6 #envirabox-bg-e, .envirabox-ie6 #envirabox-left, .envirabox-ie6 #envirabox-right, #envirabox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px");
}
#envirabox-loading.envirabox-ie6 {
position: absolute; margin-top: 0;
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#envirabox-loading.envirabox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/envirabox/fancy_loading.png', sizingMethod='scale'); }
/* IE6, IE7, IE8 */
.envirabox-ie .envirabox-bg { background: transparent !important; }
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
#envirabox-loading, .envirabox-close, #envirabox-left #envirabox-left-ico, #envirabox-right #envirabox-right-ico, #envirabox-close {
background-image: url(//helenethiennot.fr/wp-content/plugins/envira-gallery-lite/assets/css/images/envirabox_sprite@2x.png);
background-size: 44px 152px;
}
#envirabox-loading div {
background-image: url(//helenethiennot.fr/wp-content/plugins/envira-gallery-lite/assets/css/images/envirabox_loading@2x.gif);
background-size: 24px 24px;
}
}.envira-js-desaturate,.envira-js-desaturate-hover:hover{filter:url('data:image/svg+xml;charset=utf-8,#filter');-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0)}.envira-js-blur,.envira-js-blur:hover{filter:url('data:image/svg+xml;charset=utf-8,#filter');-webkit-filter:blur(3px);filter:blur(3px);filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=3);-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0)}.envira-js-vintage,.envira-js-vintage:hover{filter:url('data:image/svg+xml;charset=utf-8,#filter');-webkit-filter:sepia(70%) brightness(90%) contrast(130%);filter:sepia(70%) brightness(90%) contrast(130%);-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0)}.envira-js-threshold,.envira-js-threshold:hover{filter:url('data:image/svg+xml;charset=utf-8,#filter');-webkit-filter:grayscale(100%) contrast(300%) brightness(170%);filter:grayscale(100%) contrast(300%) brightness(170%);-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0)}/*!
* Justified Gallery - v3.6.2
* http://miromannino.github.io/Justified-Gallery/
* Copyright (c) 2016 Miro Mannino
* Licensed under the MIT license.
*/.justified-gallery{width:100%;position:relative;overflow:hidden}.justified-gallery>div>div{position:absolute;display:inline-block;overflow:hidden}.justified-gallery>div>div>a>img,.justified-gallery>div>div>img,.justified-gallery>div>div>a>div.effect-wrapper>img{position:absolute;top:50%;left:50%;margin:0;padding:0;border:none}.justified-gallery>div>div>a>.caption,.justified-gallery>div>div>.caption,.justified-gallery>div>div .caption{display:none;position:absolute;bottom:0;padding:5px;background-color:#000000;left:0;right:0;margin:0;color:white;font-size:12px;font-weight:300;font-family:sans-serif;z-index:2}.justified-gallery>div>div>a>.caption.caption-visible,.justified-gallery>div>div>.caption.caption-visible,.justified-gallery>div>.caption.caption-visible{display:initial;opacity:0.7;filter:"alpha(opacity=70)";-webkit-transition:opacity 500ms ease-in;-moz-transition:opacity 500ms ease-in;-o-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in}.justified-gallery>div>div>a>.envira-exif,.justified-gallery>div>div>.envira-exif,.justified-gallery>div>div .envira-exif{display:none;opacity:0.8;position:absolute;top:0;padding:5px;background:rgba(255,255,255,0.7);left:0;right:0;margin:0;color:black;font-size:10px;font-weight:300;font-family:sans-serif}.justified-gallery>div>div>a>.envira-exif.exif-visible,.justified-gallery>div>.envira-exif.exif-visible{display:initial;opacity:0.7;filter:"alpha(opacity=70)";-webkit-transition:opacity 500ms ease-in;-moz-transition:opacity 500ms ease-in;-o-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in}.justified-gallery>.entry-visible{opacity:1.0;filter:alpha(opacity=100);-webkit-transition:opacity 500ms ease-in;-moz-transition:opacity 500ms ease-in;-o-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in}.justified-gallery>.jg-filtered{display:none}.justified-gallery>.spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0 10px 0;left:50%;opacity:initial;filter:initial;overflow:initial}.justified-gallery>.spinner>span{display:inline-block;opacity:0;filter:alpha(opacity=0);width:8px;height:8px;margin:0 4px 0 4px;background-color:#000;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px}