@font-face{
font-family:FuturaAX;
src:url(/wp-content/themes/humbook/fonts/FuturaStd-Book.eot);
src:url(/wp-content/themes/humbook/fonts/FuturaStd-Book.eot?#iefix) format("embedded-opentype"),
url(/wp-content/themes/humbook/fonts/FuturaStd-Book.woff2) format("woff2"),
url(/wp-content/themes/humbook/fonts/FuturaStd-Book.woff) format("woff"),
url(/wp-content/themes/humbook/fonts/FuturaStd-Book.ttf) format("truetype"),
url(/wp-content/themes/humbook/fonts/FuturaStd-Book.svg#FuturaStd-Book) format("svg"); ---
font-weight:400;
font-style:normal
}
@font-face{
font-family:FuturaLTPro-Bold;
src:url(/wp-content/themes/humbook/fonts/FuturaStd-Bold.eot);
src:url(/wp-content/themes/humbook/fonts/FuturaStd-Bold.eot?#iefix) format("embedded-opentype"),
url(/wp-content/themes/humbook/fonts/FuturaStd-Bold.woff2) format("woff2"),
url(/wp-content/themes/humbook/fonts/FuturaStd-Bold.woff) format("woff"),
url(/wp-content/themes/humbook/fonts/FuturaStd-Bold.ttf) format("truetype"),
url(/wp-content/themes/humbook/fonts/FuturaStd-Bold.svg#FuturaStd-Bold) format("svg");
font-weight:400;
font-style:normal
}
@font-face{
font-family:FuturaB;
src:url(/wp-content/themes/humbook/fonts/381094_1_0.eot);
src:url(/wp-content/themes/humbook/fonts/381094_1_0.eot?#iefix) format("embedded-opentype"),
url(/wp-content/themes/humbook/fonts/381094_1_0.woff2) format("woff2"),
url(/wp-content/themes/humbook/fonts/381094_1_0.woff) format("woff"),
url(/wp-content/themes/humbook/fonts/381094_1_0.ttf) format("truetype"),
url(/wp-content/themes/humbook/fonts/381094_1_0.svg#381094_0_0) format("svg"); ---
font-weight:400;
font-style:normal
}
@font-face{
font-family:FuturaAXx
src:url(/wp-content/themes/humbook/fonts/381094_0_0.eot);
src:url(/wp-content/themes/humbook/fonts/381094_0_0.eot?#iefix) format("embedded-opentype"),
url(/wp-content/themes/humbook/fonts/381094_0_0.woff2) format("woff2"),
url(/wp-content/themes/humbook/fonts/381094_0_0.woff) format("woff"),
url(/wp-content/themes/humbook/fonts/381094_0_0.ttf) format("truetype"),
url(/wp-content/themes/humbook/fonts/381094_0_0.svg#381094_0_0) format("svg");
font-weight:400;
font-style:normal
}
/* Slider */
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-slide a {
outline: 0;
}
.slick-arrow.slick-hidden {
display: none;
}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main {
/* 1 */
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent;
/* 1 */
-webkit-text-decoration-skip: objects;
/* 2 */
}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
/* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
/* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details,
menu {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
}
body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-transform: translateZ(0);
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
-webkit-transition-duration: inherit;
-o-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
-o-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
opacity: 0.9;
-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
-o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
position: absolute;
-webkit-transition: opacity 0.25s ease, visibility 0s ease 0.25s;
-o-transition: opacity 0.25s ease, visibility 0s ease 0.25s;
transition: opacity 0.25s ease, visibility 0s ease 0.25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
opacity: 1;
-webkit-transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
-o-transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
/* Using without prefix would break IE11 */
display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-o-transition-property: transform, opacity;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide::before {
content: "";
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image::before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-ms-transform-origin: top left;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-o-transition-property: transform, opacity;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable=true] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-video,
.fancybox-iframe {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
/* Fix iOS */
.fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
}
/* Buttons */
.fancybox-button {
background: rgba(30, 30, 30, 0.6);
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
-webkit-transition: color 0.2s;
-o-transition: color 0.2s;
transition: color 0.2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: none;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
}
/* Fix IE11 */
.fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-transform: scaleX(0);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: 0;
-webkit-transform-origin: 0;
transform-origin: 0;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
z-index: 99998;
}
/* Close button on the top right corner of html content */
.fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: 0.8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
}
/* Navigation arrows */
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right);
}
/* Caption */
.fancybox-caption {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0)));
background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px 44px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}
.fancybox-caption--separate {
margin-top: -50px;
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
}
/* Loading indicator */
.fancybox-loading {
-webkit-animation: fancybox-rotate 1s linear infinite;
animation: fancybox-rotate 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@-webkit-keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* Transition effects */
.fancybox-animated {
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
-o-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
-o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
}
/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-ms-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px;
}
}
/* Share */
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
}
/* Thumbs */
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, 0.1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
opacity: 0.5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1;
}
/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
}
/*
This mixin can be used to set the object-fit:
@include object-fit(contain);
or object-fit and object-position:
@include object-fit(cover, top);
*/
html {
font: 62.5% "FuturaAX", sans-serif;
}
body {
font-size: 1.6rem;
background: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body *,
body *:after,
body *:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
::-moz-selection {
background: rgba(35, 182, 191, 0.5);
}
::selection {
background: rgba(35, 182, 191, 0.5);
}
::-moz-selection {
background: rgba(35, 182, 191, 0.5);
}
a {
color: inherit;
text-decoration: inherit;
}
a,
input[type=submit],
button {
cursor: pointer;
}
img {
max-width: 100%;
height: auto;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
}
.clear {
clear: both;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
[data-expandable] {
display: none;
}
[data-expandable].view-active {
display: block;
}
.acenter, .newsletter .form div.wpcf7 .ajax-loader, .intro.view-slider .intro-slide-background::before, .intro.view-slider .intro-slide .inner, .sections-itm-bg::before, .sections-itm-bg, .search_form-autocomplete-itm-img-quote img, .search_form-btn .icon, .post-img.view-quote .wysiwyg, .post-link, .poll--voted .poll__item-img::before, .poll__item-bar span, .poll__item-bar, .poll__item-result, .author__listed-link, .slick-dots li button, .slick-prev .icon, .slick-next .icon, .category_itm::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.no_list, .nav-main, .header-nav-main, .footer-widgets-nav, .footer-nav-main, .slick-dots, .wp-paginate {
margin: 0;
padding: 0;
list-style: none;
}
.has-va:before {
content: "";
display: inline-block;
height: 100%;
margin-left: -0.28em;
vertical-align: middle;
}
.has-va > * {
display: inline-block;
vertical-align: middle;
height: auto;
}
.scroll-inside {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.under_lg {
display: none;
}
@media (max-width: 1239px) {
.under_lg {
display: block;
}
.under_lg.is-inline {
display: inline-block;
}
}
.above_lg {
display: none;
}
@media (min-width: 1240px) {
.above_lg {
display: block;
}
.above_lg.is-inline {
display: inline-block;
}
}
.under_md {
display: none;
}
@media (max-width: 979px) {
.under_md {
display: block;
}
.under_md.is-inline {
display: inline-block;
}
}
.above_md {
display: none;
}
@media (min-width: 980px) {
.above_md {
display: block;
}
.above_md.is-inline {
display: inline-block;
}
}
.under_sm {
display: none;
}
@media (max-width: 699px) {
.under_sm {
display: block;
}
.under_sm.is-inline {
display: inline-block;
}
}
.above_sm {
display: none;
}
@media (min-width: 700px) {
.above_sm {
display: block;
}
.above_sm.is-inline {
display: inline-block;
}
}
.under_xs {
display: none;
}
@media (max-width: 479px) {
.under_xs {
display: block;
}
.under_xs.is-inline {
display: inline-block;
}
}
.above_xs {
display: none;
}
@media (min-width: 480px) {
.above_xs {
display: block;
}
.above_xs.is-inline {
display: inline-block;
}
}
.under_xs2 {
display: none;
}
@media (max-width: 319px) {
.under_xs2 {
display: block;
}
.under_xs2.is-inline {
display: inline-block;
}
}
.above_xs2 {
display: none;
}
@media (min-width: 320px) {
.above_xs2 {
display: block;
}
.above_xs2.is-inline {
display: inline-block;
}
}
.block {
margin: 3rem 0;
position: relative;
z-index: 1;
}
@media (min-width: 480px) {
.block {
margin: 7rem 0;
}
}
.intro.view-slider + .block {
margin-top: 2.2rem;
}
.block-inner, .inner {
max-width: 128rem;
padding: 0 2rem;
margin: 0 auto;
}
.block-inner.view-large, .view-large.inner {
max-width: 149rem;
}
@media (min-width: 700px) {
.block-inner.view-large, .view-large.inner {
padding: 0 3rem;
}
}
.block-inner.view-large, .view-large.inner {
max-width: 142rem;
}
@media (min-width: 700px) {
.block-inner.view-large, .view-large.inner {
padding: 0 3rem;
}
}
.block-inner.view-largest, .view-largest.inner {
max-width: none;
}
@media (min-width: 700px) {
.block-inner.view-largest, .view-largest.inner {
padding: 0 3rem;
}
}
.block-inner.view-small, .view-small.inner {
max-width: 116.5rem;
}
.block-inner.view-smallest, .view-smallest.inner {
max-width: 105.5rem;
}
.block > .inner > .title, .comments .comment-respond .block > .inner > .comment-reply-title, .block > .inner > .grid > .grid-col > .title, .comments .comment-respond .block > .inner > .grid > .grid-col > .comment-reply-title {
color: #495264;
}
.block > .inner > .title .icon, .comments .comment-respond .block > .inner > .comment-reply-title .icon, .block > .inner > .grid > .grid-col > .title .icon {
color: #23B6BF;
}
@media (hover: hover) {
.block > .inner > .title .icon:hover, .comments .comment-respond .block > .inner > .comment-reply-title .icon:hover, .block > .inner > .grid > .grid-col > .title .icon:hover {
color: #21acb4;
}
}
.block.view-under_book_author {
margin-top: -2rem;
}
.block.view-colorful {
padding: 5.5rem 0 11.6rem;
}
.block.view-blue__dark3 {
padding: 3rem 0;
margin: -3rem 0 0;
background: #445161;
}
@media (min-width: 700px) {
.block.view-blue__dark3 {
margin: -7rem 0 0;
padding: 5.5rem 0 7.9rem;
background: #445161 url(../images/background-our_choice.svg) no-repeat top right/auto;
}
}
.block.view-blue__dark3 > .inner > .title, .comments .comment-respond .block.view-blue__dark3 > .inner > .comment-reply-title, .block.view-blue__dark3 > .inner > .grid > .grid-col > .title, .comments .comment-respond .block.view-blue__dark3 > .inner > .grid > .grid-col > .comment-reply-title {
color: white;
}
.block.view-blue__light {
padding: 3rem 0;
background: #E3E6EB;
}
@media (min-width: 700px) {
.block.view-blue__light {
background: #E3E6EB url(../images/background-books.svg) no-repeat center/auto 100%;
}
}
.block.view-blue__light > .inner > .title, .comments .comment-respond .block.view-blue__light > .inner > .comment-reply-title, .block.view-blue__light > .inner > .grid > .grid-col > .title, .comments .comment-respond .block.view-blue__light > .inner > .grid > .grid-col > .comment-reply-title {
color: rgba(73, 82, 100, 0.75);
}
@media (min-width: 700px) {
.block.view-blue__light {
padding: 5.5rem 0 11.6rem;
}
}
.block.view-related, .block.view-related2 {
padding: 3rem 0;
background: rgba(227, 230, 235, 0.5);
}
@media (min-width: 700px) {
.block.view-related, .block.view-related2 {
background: rgba(227, 230, 235, 0.5) url(../images/background-related_posts.svg) no-repeat center top/auto;
padding: 5.5rem 0 15.6rem;
margin-bottom: -14rem;
}
}
.block.view-related > .inner > .title, .comments .comment-respond .block.view-related > .inner > .comment-reply-title, .block.view-related2 > .inner > .title, .comments .comment-respond .block.view-related2 > .inner > .comment-reply-title {
color: rgba(73, 82, 100, 0.75);
margin-bottom: 3rem;
}
@media (min-width: 700px) {
.block.view-related2 {
background-image: url(../images/background-books_related.svg);
background-size: 100%;
}
}
.block.view-sections .inner {
position: relative;
}
@media (min-width: 700px) {
.block.view-sections {
position: relative;
}
.block.view-sections::before {
content: url(../images/background-sections.svg);
position: absolute;
top: -20.5rem;
right: 0;
z-index: -1;
}
.block.view-sections .inner::before {
content: url(../images/background-dots.svg);
position: absolute;
bottom: -2.6rem;
left: -3.4rem;
z-index: -1;
}
}
@media (min-width: 700px) {
.block.view-themes {
position: relative;
padding-bottom: 6.7rem;
}
.block.view-themes::before {
content: url(../images/background-themes.svg);
position: absolute;
left: 0;
bottom: -28.6rem;
z-index: -1;
}
.block.view-themes .inner {
position: relative;
}
.block.view-themes .inner::before {
content: url(../images/background-dots__large.svg);
width: 19.2rem;
position: absolute;
top: -6.4rem;
left: 0;
right: 0;
margin: auto;
z-index: -1;
}
.block.view-themes .inner::after {
content: url(../images/background-dots.svg);
position: absolute;
right: -6.6rem;
top: 3.6rem;
z-index: -1;
}
}
@media (min-width: 700px) {
.block.view-tags {
position: relative;
}
.block.view-tags::after {
content: url(../images/background-tags.svg);
position: absolute;
top: -3rem;
left: 0;
z-index: -1;
}
}
.block.view-award {
position: static;
margin: 4rem auto;
}
.btn, .comments .comment-respond .comment-form .form-submit input[type=submit] {
display: inline-block;
min-width: 15rem;
line-height: 4rem;
padding: 0;
outline: 0;
border: 0.1rem solid currentColor;
font-weight: 500;
border-radius: 2px;
text-align: center;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
cursor: pointer;
}
@media (min-width: 700px) {
.btn, .comments .comment-respond .comment-form .form-submit input[type=submit] {
line-height: 4.8rem;
}
}
@media (min-width: 1080px) {
.btn, .comments .comment-respond .comment-form .form-submit input[type=submit] {
min-width: 17rem;
}
}
@media (hover: hover) {
.btn:hover, .comments .comment-respond .comment-form .form-submit input[type=submit]:hover {
background: #F8F8F8;
border-color: #F8F8F8;
color: #171717;
}
}
.btn.view-teal, .comments .comment-respond .comment-form .form-submit input[type=submit] {
border-color: #23B6BF;
color: #23B6BF;
}
@media (hover: hover) {
.btn.view-teal:hover, .comments .comment-respond .comment-form .form-submit input[type=submit]:hover {
border-color: #21acb4;
color: #21acb4;
background: white;
}
}
.btn.view-pink, .comments .comment-respond .comment-form .form-submit input.view-pink[type=submit] {
border-color: #E27086;
color: #E27086;
}
@media (hover: hover) {
.btn.view-pink:hover, .comments .comment-respond .comment-form .form-submit input.view-pink[type=submit]:hover {
border-color: #e0657d;
color: #e0657d;
background: white;
}
}
.btn.view-full, .comments .comment-respond .comment-form .form-submit input[type=submit] {
line-height: 5rem;
border: 0;
}
.btn.view-full.view-small, .comments .comment-respond .comment-form .form-submit input.view-small[type=submit] {
line-height: 3rem;
border: 0;
}
.btn.view-full.view-teal, .comments .comment-respond .comment-form .form-submit input[type=submit] {
background: #23B6BF;
color: white;
}
@media (hover: hover) {
.btn.view-full.view-teal:hover, .comments .comment-respond .comment-form .form-submit input[type=submit]:hover {
background: #21acb4;
}
}
.btn.view-full.view-blue, .comments .comment-respond .comment-form .form-submit input.view-blue[type=submit] {
background: #2F80ED;
color: white;
}
@media (hover: hover) {
.btn.view-full.view-blue:hover, .comments .comment-respond .comment-form .form-submit input.view-blue[type=submit]:hover {
background: #2379ec;
}
}
.btn.view-full.view-pink, .comments .comment-respond .comment-form .form-submit input.view-pink[type=submit] {
background: #E27086;
color: white;
padding: 0 2rem;
}
@media (hover: hover) {
.btn.view-full.view-pink:hover, .comments .comment-respond .comment-form .form-submit input.view-pink[type=submit]:hover {
background: #e0657d;
}
}
.btn.view-tags, .comments .comment-respond .comment-form .form-submit input.view-tags[type=submit] {
min-width: auto;
font-size: 1.5rem;
line-height: 2.8rem;
border: 0.1rem solid currentColor;
padding: 0 1rem;
cursor: pointer;
}
.btn.view-text, .comments .comment-respond .comment-form .form-submit input.view-text[type=submit] {
cursor: text;
}
.btn.view-text:hover, .comments .comment-respond .comment-form .form-submit input.view-text[type=submit]:hover {
background: white;
}
.category_itm {
position: relative;
display: block;
padding: 0.65rem 1rem;
background: #424D5E;
color: white;
border-radius: 2px;
text-align: center;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
font-weight: 500;
font-size: 1.4rem;
}
@media (min-width: 480px) {
.category_itm {
width: 10rem;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
vertical-align: middle;
}
}
.category_itm::before {
content: "";
display: block;
background: black;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
opacity: 0;
}
.category_itm span {
position: relative;
z-index: 1;
}
@media (hover: hover) {
.category_itm:hover::before {
opacity: 0.1;
}
}
.category_itm.view-ordinary {
background: #424D5E;
border-radius: 30px !important;
color: #23B6BF;
}
.category_itm.view-ordinary::before {
display: none;
}
@media (hover: hover) {
.category_itm.view-ordinary:hover {
background: #23B6BF;
color: white;
}
}
.category_itm.view-ordinary.view-active {
background: #23B6BF;
color: white;
}
.checkbox,
.comment-form-cookies-consent {
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
.checkbox-label,
.checkbox .wpcf7-list-item-label, .checkbox > label,
.comment-form-cookies-consent-label,
.comment-form-cookies-consent .wpcf7-list-item-label,
.comment-form-cookies-consent > label {
position: relative;
display: block;
padding-left: 3rem;
line-height: 2rem;
font-family: "Open Sans", sans-serif;
font-size: 1.5rem;
color: rgba(0, 0, 0, 0.8);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.checkbox-label a,
.checkbox .wpcf7-list-item-label a, .checkbox > label a,
.comment-form-cookies-consent-label a,
.comment-form-cookies-consent .wpcf7-list-item-label a,
.comment-form-cookies-consent > label a {
text-decoration: underline;
}
.checkbox-label a:hover,
.checkbox .wpcf7-list-item-label a:hover, .checkbox > label a:hover,
.comment-form-cookies-consent-label a:hover,
.comment-form-cookies-consent .wpcf7-list-item-label a:hover,
.comment-form-cookies-consent > label a:hover {
opacity: 0.9;
}
.checkbox-label::before, .checkbox-label::after,
.checkbox .wpcf7-list-item-label::before,
.checkbox .wpcf7-list-item-label::after, .checkbox > label::before, .checkbox > label::after,
.comment-form-cookies-consent-label::before,
.comment-form-cookies-consent-label::after,
.comment-form-cookies-consent .wpcf7-list-item-label::before,
.comment-form-cookies-consent .wpcf7-list-item-label::after,
.comment-form-cookies-consent > label::before,
.comment-form-cookies-consent > label::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
width: 2rem;
height: 2rem;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
cursor: pointer;
}
.checkbox-label::before,
.checkbox .wpcf7-list-item-label::before, .checkbox > label::before,
.comment-form-cookies-consent-label::before,
.comment-form-cookies-consent .wpcf7-list-item-label::before,
.comment-form-cookies-consent > label::before {
background: #F3F3F3;
border: 1px solid rgba(73, 82, 100, 0.3);
border-radius: 2px;
}
.checkbox-label::after,
.checkbox .wpcf7-list-item-label::after, .checkbox > label::after,
.comment-form-cookies-consent-label::after,
.comment-form-cookies-consent .wpcf7-list-item-label::after,
.comment-form-cookies-consent > label::after {
background: url(../images/check.svg) no-repeat center;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
}
@media (hover: hover) {
.checkbox-label:hover::before,
.checkbox .wpcf7-list-item-label:hover::before, .checkbox > label:hover::before,
.comment-form-cookies-consent-label:hover::before,
.comment-form-cookies-consent .wpcf7-list-item-label:hover::before,
.comment-form-cookies-consent > label:hover::before {
border: 1px solid rgba(73, 82, 100, 0.6);
}
}
.checkbox input,
.comment-form-cookies-consent input {
display: none;
}
.checkbox input:checked + .checkbox-label::after, .checkbox input:checked + .wpcf7-list-item-label::after, .checkbox input:checked + label::after,
.comment-form-cookies-consent input:checked + .checkbox-label::after,
.comment-form-cookies-consent input:checked + .wpcf7-list-item-label::after,
.comment-form-cookies-consent input:checked + label::after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.just-eu-cookies {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 5000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 5.5rem;
background: #424D5E;
color: white;
font: 1.2rem "Open Sans", sans-serif;
}
@media (min-width: 700px) {
.just-eu-cookies {
font-size: 1.4rem;
padding: 0 0 0 2rem;
}
}
.just-eu-cookies span {
display: block;
padding: 1rem;
}
.just-eu-cookies a {
text-decoration: underline;
color: rgba(255, 255, 255, 0.8);
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
}
.just-eu-cookies a:hover {
color: white;
}
.just-eu-cookies button {
cursor: pointer;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
-ms-flex-negative: 0;
flex-shrink: 0;
background: #A6D5C2;
color: black;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
border: 0;
padding: 0 1em;
font-weight: 500;
font: 500 1.6rem "FuturaAX", sans-serif;
outline: 0;
}
@media (min-width: 700px) {
.just-eu-cookies button {
padding: 0 1.8em;
}
}
.just-eu-cookies button:hover {
background: #95cdb6;
}
@media (min-width: 700px) {
.cols {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.cols-itm {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.cols-itm > .title, .comments .comment-respond .cols-itm > .comment-reply-title {
color: #495264;
}
.cols-itm + .cols-itm {
margin-top: 2.8rem;
}
@media (min-width: 700px) {
.cols-itm + .cols-itm {
margin-top: 0;
margin-left: 4rem;
}
}
@media (min-width: 980px) {
.cols-itm + .cols-itm {
margin-left: 8rem;
}
}
.grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 3rem;
}
@media (min-width: 700px) {
.grid {
-ms-grid-columns: 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr;
grid-template-columns: repeat(12, 1fr);
grid-gap: 0;
}
}
@media (min-width: 700px) {
.grid-col.view-start1 {
-ms-grid-column: 1;
grid-column-start: 1;
}
.grid-col.view-end1 {
-ms-grid-column-span: 1;
grid-column-end: 1;
}
.grid-col.view-start2 {
-ms-grid-column: 2;
grid-column-start: 2;
}
.grid-col.view-end2 {
-ms-grid-column-span: 2;
grid-column-end: 2;
}
.grid-col.view-start3 {
-ms-grid-column: 3;
grid-column-start: 3;
}
.grid-col.view-end3 {
-ms-grid-column-span: 3;
grid-column-end: 3;
}
.grid-col.view-start4 {
-ms-grid-column: 4;
grid-column-start: 4;
}
.grid-col.view-end4 {
-ms-grid-column-span: 4;
grid-column-end: 4;
}
.grid-col.view-start5 {
-ms-grid-column: 5;
grid-column-start: 5;
}
.grid-col.view-end5 {
-ms-grid-column-span: 5;
grid-column-end: 5;
}
.grid-col.view-start6 {
-ms-grid-column: 6;
grid-column-start: 6;
}
.grid-col.view-end6 {
-ms-grid-column-span: 6;
grid-column-end: 6;
}
.grid-col.view-start7 {
-ms-grid-column: 7;
grid-column-start: 7;
}
.grid-col.view-end7 {
-ms-grid-column-span: 7;
grid-column-end: 7;
}
.grid-col.view-start8 {
-ms-grid-column: 8;
grid-column-start: 8;
}
.grid-col.view-end8 {
-ms-grid-column-span: 8;
grid-column-end: 8;
}
.grid-col.view-start9 {
-ms-grid-column: 9;
grid-column-start: 9;
}
.grid-col.view-end9 {
-ms-grid-column-span: 9;
grid-column-end: 9;
}
.grid-col.view-start10 {
-ms-grid-column: 10;
grid-column-start: 10;
}
.grid-col.view-end10 {
-ms-grid-column-span: 10;
grid-column-end: 10;
}
.grid-col.view-start11 {
-ms-grid-column: 11;
grid-column-start: 11;
}
.grid-col.view-end11 {
-ms-grid-column-span: 11;
grid-column-end: 11;
}
.grid-col.view-start12 {
-ms-grid-column: 12;
grid-column-start: 12;
}
.grid-col.view-end12 {
-ms-grid-column-span: 12;
grid-column-end: 12;
}
.grid-col.view-start13 {
-ms-grid-column: 13;
grid-column-start: 13;
}
.grid-col.view-end13 {
-ms-grid-column-span: 13;
grid-column-end: 13;
}
}
hr {
display: block;
margin: 0;
padding: 0;
border: 0;
height: 1px;
width: 100%;
background: #424D5E;
}
.icon {
display: inline-block;
vertical-align: middle;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: 50% 50%;
mask-position: 50% 50%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background: currentColor;
width: 1em;
height: 1em;
}
.icon.view-search {
-webkit-mask-image: url(../images/icon-search.svg);
mask-image: url(../images/icon-search.svg);
}
.icon.view-search.view-bg {
background-image: url(../images/icon-search.svg);
}
.icon.view-facebook {
-webkit-mask-image: url(../images/icon-facebook.svg);
mask-image: url(../images/icon-facebook.svg);
}
.icon.view-facebook.view-bg {
background-image: url(../images/icon-facebook.svg);
}
.icon.view-instagram {
-webkit-mask-image: url(../images/icon-instagram.svg);
mask-image: url(../images/icon-instagram.svg);
}
.icon.view-instagram.view-bg {
background-image: url(../images/icon-instagram.svg);
}
.icon.view-tiktok {
-webkit-mask-image: url(../images/icon-tiktok.png);
mask-image: url(../images/icon-tiktok.png);
}
.icon.view-tiktok.view-bg {
background-image: url(../images/icon-tiktok.png);
}
.icon.view-pinterest {
-webkit-mask-image: url(../images/icon-pinterest.png);
mask-image: url(../images/icon-pinterest.png);
}
.icon.view-pinterest.view-bg {
background-image: url(../images/icon-pinterest.png);
}
.icon.view-spotify {
-webkit-mask-image: url(../images/icon-spotify.svg);
mask-image: url(../images/icon-spotify.svg);
}
.icon.view-spotify.view-bg {
background-image: url(../images/icon-spotify.svg);
}
.icon.view-youtube {
-webkit-mask-image: url(../images/icon-youtube.svg);
mask-image: url(../images/icon-youtube.svg);
}
.icon.view-youtube.view-bg {
background-image: url(../images/icon-youtube.svg);
}
.icon.view-url {
-webkit-mask-image: url(../images/icon-url.svg);
mask-image: url(../images/icon-url.svg);
}
.icon.view-url.view-bg {
background-image: url(../images/icon-url.svg);
}
.icon.view-prev {
-webkit-mask-image: url(../images/icon-prev.svg);
mask-image: url(../images/icon-prev.svg);
}
.icon.view-prev.view-bg {
background-image: url(../images/icon-prev.svg);
}
.icon.view-next {
-webkit-mask-image: url(../images/icon-next.svg);
mask-image: url(../images/icon-next.svg);
}
.icon.view-next.view-bg {
background-image: url(../images/icon-next.svg);
}
.icon.view-arrow_prev {
-webkit-mask-image: url(../images/icon-arrow_prev.svg);
mask-image: url(../images/icon-arrow_prev.svg);
}
.icon.view-arrow_prev.view-bg {
background-image: url(../images/icon-arrow_prev.svg);
}
.icon.view-arrow_next {
-webkit-mask-image: url(../images/icon-arrow_next.svg);
mask-image: url(../images/icon-arrow_next.svg);
}
.icon.view-arrow_next.view-bg {
background-image: url(../images/icon-arrow_next.svg);
}
.icon.view-caret_up {
-webkit-mask-image: url(../images/icon-caret_up.svg);
mask-image: url(../images/icon-caret_up.svg);
}
.icon.view-caret_up.view-bg {
background-image: url(../images/icon-caret_up.svg);
}
.icon.view-caret_down {
-webkit-mask-image: url(../images/icon-caret_down.svg);
mask-image: url(../images/icon-caret_down.svg);
}
.icon.view-caret_down.view-bg {
background-image: url(../images/icon-caret_down.svg);
}
.icon.view-bg {
-webkit-mask-image: unset;
mask-image: unset;
background-color: transparent;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
.iframe {
display: block;
width: 100%;
border: 0;
min-height: calc(100vh - 7rem);
}
@media (min-width: 980px) {
.admin-bar .iframe {
margin-top: 32px;
min-height: calc(100vh - 7rem - 32px);
}
}
.input, .comments .comment-respond .comment-form .comment-form-comment input, .comments .comment-respond .comment-form .comment-form-comment textarea,
.comments .comment-respond .comment-form .comment-form-author input,
.comments .comment-respond .comment-form .comment-form-author textarea,
.comments .comment-respond .comment-form .comment-form-email input,
.comments .comment-respond .comment-form .comment-form-email textarea,
.comments .comment-respond .comment-form .comment-form-url input,
.comments .comment-respond .comment-form .comment-form-url textarea {
height: 5rem;
width: 100%;
padding: 0 2.2rem;
border: 0;
outline: 0;
background: white;
border-radius: 2px;
}
.input::-webkit-input-placeholder, .comments .comment-respond .comment-form .comment-form-comment input::-webkit-input-placeholder, .comments .comment-respond .comment-form .comment-form-comment textarea::-webkit-input-placeholder,
.comments .comment-respond .comment-form .comment-form-author input::-webkit-input-placeholder,
.comments .comment-respond .comment-form .comment-form-author textarea::-webkit-input-placeholder,
.comments .comment-respond .comment-form .comment-form-email input::-webkit-input-placeholder,
.comments .comment-respond .comment-form .comment-form-email textarea::-webkit-input-placeholder,
.comments .comment-respond .comment-form .comment-form-url input::-webkit-input-placeholder,
.comments .comment-respond .comment-form .comment-form-url textarea::-webkit-input-placeholder {
color: black;
opacity: 0.6;
}
.input:-moz-placeholder, .comments .comment-respond .comment-form .comment-form-comment input:-moz-placeholder, .comments .comment-respond .comment-form .comment-form-comment textarea:-moz-placeholder,
.comments .comment-respond .comment-form .comment-form-author input:-moz-placeholder,
.comments .comment-respond .comment-form .comment-form-author textarea:-moz-placeholder,
.comments .comment-respond .comment-form .comment-form-email input:-moz-placeholder,
.comments .comment-respond .comment-form .comment-form-email textarea:-moz-placeholder,
.comments .comment-respond .comment-form .comment-form-url input:-moz-placeholder,
.comments .comment-respond .comment-form .comment-form-url textarea:-moz-placeholder {
color: black;
opacity: 0.6;
}
.input::-moz-placeholder, .comments .comment-respond .comment-form .comment-form-comment input::-moz-placeholder, .comments .comment-respond .comment-form .comment-form-comment textarea::-moz-placeholder,
.comments .comment-respond .comment-form .comment-form-author input::-moz-placeholder,
.comments .comment-respond .comment-form .comment-form-author textarea::-moz-placeholder,
.comments .comment-respond .comment-form .comment-form-email input::-moz-placeholder,
.comments .comment-respond .comment-form .comment-form-email textarea::-moz-placeholder,
.comments .comment-respond .comment-form .comment-form-url input::-moz-placeholder,
.comments .comment-respond .comment-form .comment-form-url textarea::-moz-placeholder {
color: black;
opacity: 0.6;
}
.input:-ms-input-placeholder, .comments .comment-respond .comment-form .comment-form-comment input:-ms-input-placeholder, .comments .comment-respond .comment-form .comment-form-comment textarea:-ms-input-placeholder,
.comments .comment-respond .comment-form .comment-form-author input:-ms-input-placeholder,
.comments .comment-respond .comment-form .comment-form-author textarea:-ms-input-placeholder,
.comments .comment-respond .comment-form .comment-form-email input:-ms-input-placeholder,
.comments .comment-respond .comment-form .comment-form-email textarea:-ms-input-placeholder,
.comments .comment-respond .comment-form .comment-form-url input:-ms-input-placeholder,
.comments .comment-respond .comment-form .comment-form-url textarea:-ms-input-placeholder {
color: black;
opacity: 0.6;
}
.input.view-bordered, .comments .comment-respond .comment-form .comment-form-comment input, .comments .comment-respond .comment-form .comment-form-comment textarea,
.comments .comment-respond .comment-form .comment-form-author input,
.comments .comment-respond .comment-form .comment-form-author textarea,
.comments .comment-respond .comment-form .comment-form-email input,
.comments .comment-respond .comment-form .comment-form-email textarea,
.comments .comment-respond .comment-form .comment-form-url input,
.comments .comment-respond .comment-form .comment-form-url textarea {
border: 0.1rem solid #E3E6EB;
}
.input.view-bordered:focus, .comments .comment-respond .comment-form .comment-form-comment input:focus, .comments .comment-respond .comment-form .comment-form-comment textarea:focus,
.comments .comment-respond .comment-form .comment-form-author input:focus,
.comments .comment-respond .comment-form .comment-form-author textarea:focus,
.comments .comment-respond .comment-form .comment-form-email input:focus,
.comments .comment-respond .comment-form .comment-form-email textarea:focus,
.comments .comment-respond .comment-form .comment-form-url input:focus,
.comments .comment-respond .comment-form .comment-form-url textarea:focus {
border-color: #d4d9e0;
}
.input.view-textarea, .comments .comment-respond .comment-form .comment-form-comment input.view-textarea, .comments .comment-respond .comment-form .comment-form-comment textarea,
.comments .comment-respond .comment-form .comment-form-author input.view-textarea,
.comments .comment-respond .comment-form .comment-form-author textarea.view-textarea,
.comments .comment-respond .comment-form .comment-form-email input.view-textarea,
.comments .comment-respond .comment-form .comment-form-email textarea.view-textarea,
.comments .comment-respond .comment-form .comment-form-url input.view-textarea,
.comments .comment-respond .comment-form .comment-form-url textarea.view-textarea {
height: 12rem;
resize: none;
overflow: auto;
padding: 2rem 2.2rem;
}
.link {
color: #23B6BF;
display: inline-block;
vertical-align: middle;
font-family: "Asap", sans-serif;
font-weight: 600;
font-size: 1.4rem;
color: #23B6BF;
border-bottom: 1px solid currentColor;
padding: 0.3rem 0;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
}
@media (hover: hover) {
.link:hover {
color: #21acb4;
}
}
.logo {
display: inline-block;
vertical-align: middle;
width: 16.4rem;
height: 3.5rem;
background: url(../images/logo.png) no-repeat center/contain;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
.logo {
background-image: url(../images/logo@2x.png);
}
}
.menu_button {
position: fixed;
display: inline-block;
width: 3.2rem;
height: 3.2rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 15000;
top: 1.9rem;
left: 2rem;
}
@media (min-width: 700px) {
.menu_button {
left: 3rem;
}
}
.admin-bar .menu_button {
top: calc(1.9rem + 32px);
}
@media (max-width: 782px) {
.admin-bar .menu_button {
top: 1.9rem;
}
}
.menu_button-lines {
top: 0;
bottom: 0;
margin: auto;
}
.menu_button-lines, .menu_button-lines:before, .menu_button-lines:after {
content: "";
display: block;
position: absolute;
width: 2.4rem;
height: 0.3rem;
background: white;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
}
.menu_button-lines:before {
top: -0.7rem;
}
.menu_button-lines:after {
bottom: -0.7rem;
}
.menu_button-label {
position: absolute;
left: 100%;
top: 0;
bottom: 0;
line-height: 3.2rem;
font-weight: 500;
font-size: 1.4rem;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #F5F5F5;
-webkit-transform: translateX(-1rem);
-ms-transform: translateX(-1rem);
transform: translateX(-1rem);
opacity: 0;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
pointer-events: none;
display: none;
}
@media (min-width: 980px) {
.menu_button-label {
display: block;
}
}
@media (hover: hover) {
.menu_button:hover .menu_button-lines {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
}
.has-nav_open .menu_button-lines {
background: rgba(255, 255, 255, 0);
}
.has-nav_open .menu_button-lines:before {
top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.has-nav_open .menu_button-lines:after {
bottom: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.has-nav_open .menu_button-label {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
pointer-events: all;
}
.wp-paginate {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 4rem 0 0;
}
.wp-paginate li a, .wp-paginate li span {
display: inline-block;
vertical-align: middle;
width: 3rem;
line-height: 4rem;
border: 0.1rem solid transparent;
border-radius: 2px;
font-size: 1.4rem;
font-weight: 600;
color: rgba(66, 77, 94, 0.5);
text-align: center;
}
@media (min-width: 700px) {
.wp-paginate li a, .wp-paginate li span {
width: 4rem;
}
}
@media (min-width: 980px) {
.wp-paginate li a, .wp-paginate li span {
width: auto;
padding: 0 0.6rem;
line-height: 2.2rem;
}
}
.wp-paginate li a.current, .wp-paginate li span.current {
color: #424D5E;
border-color: #23B6BF;
}
@media (hover: hover) {
.wp-paginate li a:hover {
color: #424D5E;
}
}
.post_navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.post_navigation-itm {
color: #23B6BF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 600;
font-size: 1.4rem;
}
@media (hover: hover) {
.post_navigation-itm:hover {
color: #21acb4;
}
}
@media (min-width: 700px) {
.post_navigation-itm {
font-size: 1.8rem;
}
}
.post_navigation-itm .icon {
font-size: 2.4rem;
margin: 0 1rem;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
}
@media (min-width: 700px) {
.post_navigation-itm .icon {
margin: 0 1.6rem;
}
}
.post_navigation-itm:first-child .icon {
margin-left: 0;
}
@media (hover: hover) {
.post_navigation-itm:first-child:hover .icon {
-webkit-transform: translateX(-2px);
-ms-transform: translateX(-2px);
transform: translateX(-2px);
}
}
.post_navigation-itm:last-child .icon {
margin-right: 0;
}
@media (hover: hover) {
.post_navigation-itm:last-child:hover .icon {
-webkit-transform: translateX(2px);
-ms-transform: translateX(2px);
transform: translateX(2px);
}
}
.slick-slide {
outline: 0;
}
.slick-prev, .slick-next {
position: relative;
width: 4rem;
height: 4rem;
border: 0;
margin: 0;
padding: 0;
outline: 0;
background: white;
position: absolute;
top: 0;
bottom: 0;
z-index: 200;
margin: auto;
color: rgba(0, 0, 0, 0.75);
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
}
.slick-prev .icon, .slick-next .icon {
font-size: 2.4rem;
}
@media (hover: hover) {
.slick-prev:hover, .slick-next:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
}
@media (max-width: 699px) {
.slick-prev, .slick-next {
display: none !important;
}
}
.slick-prev {
left: 0;
}
.slick-next {
right: 0;
}
.slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
left: 0;
right: 0;
bottom: 1.5rem;
}
.slick-dots li {
position: relative;
border-radius: 50%;
border: 1px solid white;
width: 0.7rem;
height: 0.7rem;
overflow: hidden;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
}
.slick-dots li + li {
margin-left: 0.5rem;
}
.slick-dots li button {
opacity: 0;
}
.slick-dots li.slick-active {
background: white;
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.tab {
display: inline-block;
vertical-align: middle;
padding: 1rem 2rem;
font-size: 2rem;
font-weight: 600;
color: rgba(255, 255, 255, 0.5);
border-bottom: 0.2rem solid rgba(255, 255, 255, 0.2);
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
cursor: pointer;
}
.tab.view-active {
border-bottom-color: #23B6BF;
color: white;
}
.tab + .tab {
margin-left: 1.8rem;
}
@media (hover: hover) {
.tab:hover {
color: white;
}
}
.tab_cnt {
margin-top: 4rem;
display: none;
}
.tab_cnt[data-tabcnt="1"] {
display: block;
}
.tag_itm {
color: rgba(66, 77, 94, 0.5);
font-weight: 600;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
font-size: 1.4rem;
}
.project .tag_itm {
color: rgba(248, 248, 248, 0.5);
}
@media (hover: hover) {
.project .tag_itm:hover {
color: rgba(248, 248, 248, 0.75);
}
}
@media (hover: hover) {
.tag_itm:hover {
color: rgba(66, 77, 94, 0.75);
}
}
.tag_itm.view-main {
color: #FF9D95;
}
@media (hover: hover) {
.tag_itm.view-main:hover {
color: #ff857c;
}
}
.title, .comments .comment-respond .comment-reply-title {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 2.4rem;
font-weight: 600;
margin: 1.5rem 0;
}
@media (min-width: 980px) {
.title, .comments .comment-respond .comment-reply-title {
font-size: 3rem;
}
}
.title.view-extra, .comments .comment-respond .view-extra.comment-reply-title {
margin: 2.5rem 0;
font-weight: 700;
letter-spacing: 0;
}
@media (min-width: 980px) {
.title.view-extra, .comments .comment-respond .view-extra.comment-reply-title {
font-size: 5rem;
}
}
.title .icon, .comments .comment-respond .comment-reply-title .icon {
margin-left: 1.4rem;
}
.title .icon + .icon, .comments .comment-respond .comment-reply-title .icon + .icon {
margin-left: 1rem;
}
@media (max-width: 699px) {
.title.view-fix_responsive, .comments .comment-respond .view-fix_responsive.comment-reply-title {
display: inline-block;
vertical-align: middle;
}
.title.view-fix_responsive span, .comments .comment-respond .view-fix_responsive.comment-reply-title span {
display: block;
margin: 0 0 1rem;
}
.title.view-fix_responsive .icon, .comments .comment-respond .view-fix_responsive.comment-reply-title .icon {
margin-left: 0;
}
.title.view-fix_responsive .icon + .icon, .comments .comment-respond .view-fix_responsive.comment-reply-title .icon + .icon {
margin-left: 1rem;
}
}
.title.view-white, .comments .comment-respond .view-white.comment-reply-title {
color: white;
}
.title__line {
margin: 3rem 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.title__line .title, .title__line .comments .comment-respond .comment-reply-title, .comments .comment-respond .title__line .comment-reply-title {
margin: 0;
}
.title:first-child, .comments .comment-respond .comment-reply-title:first-child, .title__line:first-child {
margin-top: 0;
}
.title:last-child, .comments .comment-respond .comment-reply-title:last-child, .title__line:last-child {
margin-bottom: 0;
}
.wysiwyg {
font-family: "Open Sans", sans-serif;
font-size: 1.5rem;
color: rgba(0, 0, 0, 0.7);
}
.wysiwyg p, .wysiwyg ul, .wysiwyg ol {
line-height: 140%;
margin: 1rem 0;
}
.wysiwyg p.view-only_image,
.wysiwyg .embed-container {
margin: 5rem 0;
}
.wysiwyg .view-has_anchor {
position: relative;
}
.wysiwyg .view-has_anchor [id] {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px;
top: -12rem;
}
.wysiwyg h1:first-child, .wysiwyg h2:first-child, .wysiwyg h3:first-child, .wysiwyg h4:first-child, .wysiwyg h5:first-child, .wysiwyg h6:first-child, .wysiwyg p:first-child, .wysiwyg ul:first-child, .wysiwyg ol:first-child {
margin-top: 0;
}
.wysiwyg h1:last-child, .wysiwyg h2:last-child, .wysiwyg h3:last-child, .wysiwyg h4:last-child, .wysiwyg h5:last-child, .wysiwyg h6:last-child, .wysiwyg p:last-child, .wysiwyg ul:last-child, .wysiwyg ol:last-child {
margin-bottom: 0;
}
.wysiwyg a {
text-decoration: underline;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
}
@media (hover: hover) {
.wysiwyg a:hover {
opacity: 0.8;
}
}
.wysiwyg a.view-mention {
text-decoration: none;
background: rgba(35, 182, 191, 0.5);
border-radius: 4px;
padding: 0.2rem 0.4rem;
}
@media (hover: hover) {
.wysiwyg a.view-mention:hover {
opacity: 1;
background: rgba(35, 182, 191, 0.75);
}
}
.wysiwyg blockquote {
font-family: "FuturaAX", sans-serif;
padding: 0;
margin: 1em 0;
font-weight: 600;
font-style: italic;
font-size: 1.8rem;
}
.wysiwyg blockquote * {
line-height: 2.4rem;
}
.wysiwyg abbr {
border-bottom: 1px dotted;
cursor: help;
}
.wysiwyg cite {
font-style: italic;
}
.wysiwyg hr {
background: #e6e6e6;
border: none;
display: block;
height: 1px;
margin-bottom: 1.4em;
margin-top: 1.4em;
}
.wysiwyg img {
vertical-align: text-bottom;
}
.wysiwyg ins {
background-color: lime;
text-decoration: none;
}
.wysiwyg mark {
background-color: #ff0;
}
.wysiwyg small {
font-size: 0.8em;
}
.wysiwyg strong {
font-weight: 700;
}
.wysiwyg em {
font-style: italic;
}
.wysiwyg sub,
.wysiwyg sup {
font-size: 0.8em;
}
.wysiwyg sub {
vertical-align: sub;
}
.wysiwyg sup {
vertical-align: super;
}
.wysiwyg p,
.wysiwyg dl,
.wysiwyg ol,
.wysiwyg ul,
.wysiwyg blockquote,
.wysiwyg pre,
.wysiwyg table {
margin-bottom: 1.4em;
}
.wysiwyg p:last-child,
.wysiwyg dl:last-child,
.wysiwyg ol:last-child,
.wysiwyg ul:last-child,
.wysiwyg blockquote:last-child,
.wysiwyg pre:last-child,
.wysiwyg table:last-child {
margin-bottom: 0;
}
.wysiwyg p:empty {
display: none;
}
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3 {
font-family: "FuturaAX", sans-serif;
}
.wysiwyg h1 {
color: #23B6BF;
}
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 {
font-weight: 600;
line-height: 1.2;
}
.wysiwyg h1 + .gallery,
.wysiwyg h2 + .gallery,
.wysiwyg h3 + .gallery,
.wysiwyg h4 + .gallery,
.wysiwyg h5 + .gallery,
.wysiwyg h6 + .gallery {
margin-top: 2rem;
}
.wysiwyg h1:first-child,
.wysiwyg h2:first-child,
.wysiwyg h3:first-child,
.wysiwyg h4:first-child,
.wysiwyg h5:first-child,
.wysiwyg h6:first-child {
margin-top: 0;
}
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
font-family: "FuturaAX", sans-serif;
}
.wysiwyg h1 {
font-size: 3rem;
margin-bottom: 2.5rem;
margin-top: 5rem;
line-height: 1;
}
.wysiwyg h2 {
font-size: 1.8em;
margin-bottom: 0.875em;
margin-top: 1.75em;
line-height: 1.1;
}
.wysiwyg h3 {
font-size: 1.6em;
margin-bottom: 1.07692em;
margin-top: 2em;
}
.wysiwyg h4 {
font-size: 1.4em;
margin-bottom: 1.16667em;
margin-top: 2em;
}
.wysiwyg h5 {
font-size: 1.2em;
margin-bottom: 1.27273em;
margin-top: 2em;
}
.wysiwyg h6 {
font-size: 1em;
margin-bottom: 1.4em;
margin-top: 1.4em;
}
.wysiwyg dd {
margin-left: 1.4em;
}
.wysiwyg ol,
.wysiwyg ul {
list-style-position: outside;
margin-left: 1.4em;
}
.wysiwyg ol {
list-style-type: decimal;
}
.wysiwyg ol ol {
list-style-type: lower-alpha;
}
.wysiwyg ol ol ol {
list-style-type: lower-roman;
}
.wysiwyg ol ol ol ol {
list-style-type: lower-greek;
}
.wysiwyg ol ol ol ol ol {
list-style-type: decimal;
}
.wysiwyg ol ol ol ol ol ol {
list-style-type: lower-alpha;
}
.wysiwyg ul {
list-style-type: disc;
}
.wysiwyg ul ul {
list-style-type: circle;
}
.wysiwyg ul ul ul {
list-style-type: square;
}
.wysiwyg ul ul ul ul {
list-style-type: circle;
}
.wysiwyg ul ul ul ul ul {
list-style-type: disc;
}
.wysiwyg ul ul ul ul ul ul {
list-style-type: circle;
}
.wysiwyg li + li {
margin-top: 1rem;
}
.wysiwyg blockquote {
border-left: 4px solid #e6e6e6;
padding: 0.6em 1.2em;
}
.wysiwyg blockquote p {
margin-bottom: 0;
}
.wysiwyg code,
.wysiwyg kbd,
.wysiwyg samp,
.wysiwyg pre {
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: auto;
background-color: #f2f2f2;
color: #333;
font-size: 0.9em;
}
.wysiwyg code,
.wysiwyg kbd,
.wysiwyg samp {
border-radius: 3px;
line-height: 1.77778;
padding: 0.1em 0.4em 0.2em;
vertical-align: baseline;
}
.wysiwyg pre {
-webkit-overflow-scrolling: touch;
overflow: auto;
padding: 1em 1.2em;
}
.wysiwyg pre code {
background: none;
font-size: 1em;
line-height: 1em;
}
.wysiwyg figure {
margin-bottom: 2.8em;
text-align: center;
}
.wysiwyg figure:first-child {
margin-top: 0;
}
.wysiwyg figure:last-child {
margin-bottom: 0;
}
.wysiwyg figcaption {
font-size: 0.8em;
margin-top: 0.875em;
}
.wysiwyg table {
width: 100% !important;
}
.wysiwyg table pre {
white-space: pre-wrap;
}
.wysiwyg th,
.wysiwyg td {
font-size: 1em;
padding: 0.7em;
border: 1px solid rgba(248, 248, 248, 0.025);
line-height: 1.4;
text-align: left;
width: auto !important;
}
.wysiwyg th {
font-weight: bold;
}
.wysiwyg thead tr,
.wysiwyg tfoot tr {
background-color: rgba(248, 248, 248, 0.2);
}
.wysiwyg thead th,
.wysiwyg thead td,
.wysiwyg tfoot th,
.wysiwyg tfoot td {
font-size: 0.9em;
padding: 0.77778em;
}
.wysiwyg thead th code,
.wysiwyg thead td code,
.wysiwyg tfoot th code,
.wysiwyg tfoot td code {
background-color: rgba(248, 248, 248, 0.2);
}
.wysiwyg tbody tr {
background-color: rgba(248, 248, 248, 0.05);
}
.wysiwyg .gallery {
margin: 4rem 0;
}
.wysiwyg .alignleft {
float: left;
margin-right: 2rem;
margin-bottom: 2rem;
}
.wysiwyg .alignright {
float: right;
margin-left: 2rem;
margin-bottom: 2rem;
}
.wysiwyg a.view-only_image {
display: inline-block;
vertical-align: middle;
margin: 1rem 1rem 1rem 0;
}
.author_itm {
background: rgba(172, 229, 227, 0.3);
padding: 3rem;
}
@media (min-width: 980px) {
.author_itm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 3.6rem 3rem;
}
}
.author_itm-img {
-webkit-box-flex: 0;
-ms-flex: 0 0 8rem;
flex: 0 0 8rem;
}
.author_itm-img img {
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover";
width: 8rem;
height: 8rem;
border-radius: 50%;
}
.author_itm-cnt {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-top: 2rem;
}
@media (min-width: 980px) {
.author_itm-cnt {
margin-left: 4rem;
margin-top: 0;
}
}
.author_itm-cnt:first-child {
margin-top: 0;
}
@media (min-width: 980px) {
.author_itm-cnt:first-child {
margin-left: 0;
}
}
.author_itm-cnt .title, .author_itm-cnt .comments .comment-respond .comment-reply-title, .comments .comment-respond .author_itm-cnt .comment-reply-title {
font-size: 2.5rem;
margin: 0 0 2rem;
}
.author_itm-cnt .title .icon, .author_itm-cnt .comments .comment-respond .comment-reply-title .icon, .comments .comment-respond .author_itm-cnt .comment-reply-title .icon {
color: #23B6BF;
}
@media (hover: hover) {
.author_itm-cnt .title .icon:hover, .author_itm-cnt .comments .comment-respond .comment-reply-title .icon:hover, .comments .comment-respond .author_itm-cnt .comment-reply-title .icon:hover {
color: #21acb4;
}
}
.author_itm-cnt .wysiwyg {
margin: 0 0 2rem;
color: rgba(0, 0, 0, 0.8);
}
@media (min-width: 700px) {
.author_itm-cnt .wysiwyg {
max-width: 51.2rem;
margin: 0 0 2.6rem;
}
}
.author_itm-cnt .wysiwyg p, .author_itm-cnt .wysiwyg ul, .author_itm-cnt .wysiwyg ol {
line-height: 2.2rem;
font-size: 1.5rem;
}
.author_itm-cnt .wysiwyg:last-child {
margin-bottom: 2rem;
}
.author_itm-cnt-photo_by {
font-family: "Open Sans", sans-serif;
line-height: 2.4rem;
font-size: 1.4rem;
color: rgba(0, 0, 0, 0.3);
}
.author_itm.view-full, .comments .comment-respond .comment-form .form-submit input.author_itm[type=submit] {
background: #E6F7F7 url(../images/background-author.svg) no-repeat center/auto 100%;
}
@media (max-width: 699px) {
.author_itm.view-full, .comments .comment-respond .comment-form .form-submit input.author_itm[type=submit] {
margin: -3rem -2rem 0;
}
}
@media (min-width: 980px) {
.author_itm.view-full, .comments .comment-respond .comment-form .form-submit input.author_itm[type=submit] {
padding: 4rem 12.7rem 3rem 4rem;
}
}
.author__listed {
position: relative;
text-align: center;
}
@media (max-width: 699px) {
.author__listed {
padding: 1.5rem 1.8rem;
border-radius: 6px;
background: rgba(172, 229, 227, 0.3);
}
}
.author__listed-link {
z-index: 5;
}
.author__listed-img {
z-index: 1;
width: 6.4rem;
height: 6.4rem;
margin: 0 auto;
border-radius: 50%;
overflow: hidden;
}
@media (min-width: 700px) {
.author__listed-img {
width: 10rem;
height: 10rem;
}
}
@media (min-width: 980px) {
.author__listed-img {
width: 15rem;
height: 15rem;
}
}
.author__listed-img img {
display: block;
width: 100%;
height: 100%;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
}
.author__listed-cnt {
margin: 1.6rem 0 0;
}
@media (min-width: 700px) {
.author__listed-cnt {
margin: -6.8rem 0 0;
padding: 8rem 1.5rem 1.8rem;
border-radius: 6px;
background: rgba(172, 229, 227, 0.3);
}
}
.author__listed-cnt .title, .author__listed-cnt .comments .comment-respond .comment-reply-title, .comments .comment-respond .author__listed-cnt .comment-reply-title {
margin: 0 0 1.5rem;
font-size: 1.8rem;
}
.author__listed-cnt .social {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 2.4rem;
}
.author__listed-cnt .social .icon[class^="icon view"] {
color: #23B6BF;
position: relative;
z-index: 10;
}
@media (hover: hover) {
.author__listed-cnt .social .icon[class^="icon view"]:hover {
color: #21acb4;
}
}
@media (hover: hover) {
.author__listed:hover .author__listed-img img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
}
.book_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.book {
max-width: 18rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (hover: hover) {
.book {
position: relative;
}
.book .before, .book::before {
content: "";
display: block;
position: absolute;
z-index: 1;
top: -2.4rem;
left: -2.5rem;
right: -2.5rem;
bottom: -3.1rem;
background: white;
-webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
border-radius: 4px;
opacity: 0;
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
pointer-events: none;
}
.book:hover .before, .book:hover::before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.book::before {
display: none !important;
}
.book-state, .book-img, .book-author, .book-title, .book-meta {
position: relative;
z-index: 2;
}
.book__navigation {
color: #424D5E;
margin-bottom: 2rem;
font-weight: 500;
}
.book__navigation-link {
-webkit-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
position: relative;
}
.book__navigation-link + .book__navigation-link:before {
content: "> ";
font-size: 1rem;
color: #373E4C;
}
.book__navigation-link:hover {
color: #2F80ED;
}
.book-state {
display: none;
margin: 0 0 0.8rem;
font-size: 1.4rem;
font-weight: 600;
color: #495264;
}
.book-state.view-out {
color: rgba(73, 82, 100, 0.5);
}
.page-template-tpl-books .book-state, .single-book .book-state {
display: block;
}
.book-img {
position: relative;
width: 100%;
}
.book-img img {
display: block;
}
.book-meta {
margin: 0.8rem 0 0;
min-height: 6.4rem;
}
.book-author {
margin: 0 0 0.3rem;
font-size: 1.4rem;
color: rgba(0, 0, 0, 0.35);
}
.book-title {
font-size: 1.8rem;
font-weight: 500;
color: #171717;
word-break: break-word;
}
.book-info {
display: none;
font-family: "Open Sans", sans-serif;
font-size: 1.4rem;
}
.book-info-itm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.book-info-itm-label {
-webkit-box-flex: 0;
-ms-flex: 0 0 9.5rem;
flex: 0 0 9.5rem;
color: rgba(0, 0, 0, 0.5);
}
.book-info-itm-value {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 1rem;
}
.book-info-itm-value a {
color: #23B6BF;
text-decoration: underline;
}
@media (hover: hover) {
.book-info-itm-value a:hover {
color: #21acb4;
}
}
.book-info-itm + .book-info-itm {
margin-top: 1rem;
}
.book.view-small .before, .book.view-small::before, .books.view-small .book .before, .books.view-small .book::before {
top: -1rem;
left: -1rem;
right: -1rem;
bottom: -1rem;
}
.book.view-small .book-meta, .books.view-small .book .book-meta {
display: none;
}
.book.view-small_related .before, .book.view-small_related::before, .view-small_related .book .before, .view-small_related .book::before {
top: -1.5rem;
left: -1.5rem;
right: -1.5rem;
bottom: -1.5rem;
}
.book.view-small_related .book-author, .view-small_related .book .book-author {
font-size: 1.2rem;
}
.book.view-small_related .book-title, .view-small_related .book .book-title {
font-size: 1.6rem;
}
.block.view-blue__light .book .before, .block.view-blue__light .book::before {
background: #F1F5FC;
}
.project .book .before, .project .book::before {
background: #546376;
}
.book__detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
@media (min-width: 700px) {
.book__detail {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.book__detail-navigation {
color: #2CB6C0;
margin-bottom: 2rem;
}
.book__detail-navigation-link:hover {
text-decoration: underline;
}
@media (min-width: 980px) {
.book__detail-media {
-webkit-box-flex: 0;
-ms-flex: 0 0 30.5rem;
flex: 0 0 30.5rem;
}
}
.book__detail-media-img img {
display: block;
height: auto;
margin: 0 auto;
}
@media (max-width: 699px) {
.book__detail-media-img img {
height: 45vh;
}
}
.book__detail-media-video {
margin: 4.4rem 0 0;
padding: 1rem 0;
border-top: 0.1rem solid rgba(0, 0, 0, 0.1);
}
.book__detail-media-video .title, .book__detail-media-video .comments .comment-respond .comment-reply-title, .comments .comment-respond .book__detail-media-video .comment-reply-title {
font-size: 1.5rem;
font-family: "Open Sans", sans-serif;
color: rgba(0, 0, 0, 0.7);
margin: 0 0 1.2rem;
}
.book__detail-cnt {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
@media (min-width: 700px) {
.book__detail-cnt {
margin-left: 5rem;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media (min-width: 980px) {
.book__detail-cnt {
margin-left: 14rem;
}
}
.book__detail-cnt-head {
padding: 2rem 0 1.5rem;
margin: 0 0 2rem;
border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 699px) {
.book__detail-cnt-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.book__detail-cnt-head .book-state {
margin: 0 0 1.2rem;
}
.book__detail-cnt-head .title, .book__detail-cnt-head .comments .comment-respond .comment-reply-title, .comments .comment-respond .book__detail-cnt-head .comment-reply-title {
margin: 0;
display: block;
}
@media (max-width: 699px) {
.book__detail-cnt-head .title, .book__detail-cnt-head .comments .comment-respond .comment-reply-title, .comments .comment-respond .book__detail-cnt-head .comment-reply-title {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.book__detail-cnt-head .title + .tags, .book__detail-cnt-head .comments .comment-respond .comment-reply-title + .tags, .comments .comment-respond .book__detail-cnt-head .comment-reply-title + .tags {
margin-top: 0;
}
@media (max-width: 699px) {
.book__detail-cnt-head .btns-tags {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin: 1rem 0 0;
}
}
@media (max-width: 699px) {
.book__detail-cnt-head .tags {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
.book__detail-cnt-head .book-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0.5rem 0 2rem;
min-height: 0;
}
.book__detail-cnt-head .book-meta-itm {
font-size: 1.6rem;
font-weight: 500;
display: inline-block;
vertical-align: middle;
color: rgba(0, 0, 0, 0.35);
}
.book__detail-cnt-head .book-meta-itm.view-genre {
color: #23B6BF;
text-decoration: underline;
}
@media (hover: hover) {
.book__detail-cnt-head .book-meta-itm.view-genre:hover {
color: #21acb4;
}
}
.book__detail-cnt-head .book-meta-itm.view-separator {
width: 0.1rem;
height: 1rem;
background: rgba(0, 0, 0, 0.2);
}
.book__detail-cnt-head .book-meta-itm + .book-meta-itm {
margin-left: 1rem;
}
.book__detail-cnt-head .book-meta span:last-child {
display: none;
}
.book__detail-cnt .btns {
margin: 3.1rem 0;
}
.book__detail-cnt-buy {
margin: 6.1rem 0 0;
}
.book__detail-cnt-buy .title, .book__detail-cnt-buy .comments .comment-respond .comment-reply-title, .comments .comment-respond .book__detail-cnt-buy .comment-reply-title {
margin: 0 0 1.8rem;
font-weight: bold;
line-height: 2.5rem;
font-size: 1.5rem;
color: rgba(0, 0, 0, 0.7);
font-family: "Open Sans", sans-serif;
}
@media (min-width: 700px) {
.bookart_detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
}
.bookart_detail-mobile_head {
padding: 2rem 0;
}
@media (min-width: 700px) {
.bookart_detail-mobile_head {
display: none;
}
}
.bookart_detail-mobile_head .title, .bookart_detail-mobile_head .comments .comment-respond .comment-reply-title, .comments .comment-respond .bookart_detail-mobile_head .comment-reply-title {
display: block;
}
.bookart_detail-img {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media (min-width: 700px) {
.bookart_detail-img {
margin-right: 3rem;
}
}
@media (min-width: 980px) {
.bookart_detail-img {
margin-right: 5.5rem;
}
}
.bookart_detail-cnt {
margin-top: 2rem;
}
@media (max-width: 699px) {
.bookart_detail-cnt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media (min-width: 700px) {
.bookart_detail-cnt {
margin-top: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 36rem;
flex: 0 0 36rem;
}
}
@media (min-width: 980px) {
.bookart_detail-cnt {
-webkit-box-flex: 0;
-ms-flex: 0 0 49rem;
flex: 0 0 49rem;
}
}
.bookart_detail-cnt-head {
display: none;
}
@media (min-width: 700px) {
.bookart_detail-cnt-head {
display: block;
margin: 2.5rem 0 4rem;
padding: 2rem 0 7.5rem;
border-top: 0.1rem solid rgba(0, 0, 0, 0.1);
border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
}
}
.bookart_detail-cnt-head .title, .bookart_detail-cnt-head .comments .comment-respond .comment-reply-title, .comments .comment-respond .bookart_detail-cnt-head .comment-reply-title {
display: block;
}
@media (max-width: 699px) {
.bookart_detail-cnt-head .tags {
margin-top: 0;
}
}
.bookart_detail-cnt-related .title, .bookart_detail-cnt-related .comments .comment-respond .comment-reply-title, .comments .comment-respond .bookart_detail-cnt-related .comment-reply-title {
display: block;
font-size: 1.8rem;
margin: 0 0 2.5rem;
color: #424D5E;
}
.bookart_detail-cnt-related .title + .books, .bookart_detail-cnt-related .comments .comment-respond .comment-reply-title + .books, .comments .comment-respond .bookart_detail-cnt-related .comment-reply-title + .books {
margin: 0;
}
.boxes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.boxes-itm {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 3rem 0;
background: white;
border: 0.1rem solid rgba(0, 0, 0, 0.05);
border-radius: 8px;
text-align: center;
}
.boxes-itm img {
vertical-align: middle;
}
.boxes-itm + .boxes-itm {
margin-left: 3rem;
}
.btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 700px) {
.btns {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media (min-width: 1080px) {
.btns {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.btns .btn + .btn, .btns .comments .comment-respond .comment-form .form-submit input[type=submit] + .btn, .comments .comment-respond .comment-form .form-submit .btns input[type=submit] + .btn, .btns .comments .comment-respond .comment-form .form-submit .btn + input[type=submit], .comments .comment-respond .comment-form .form-submit .btns .btn + input[type=submit], .btns .comments .comment-respond .comment-form .form-submit input[type=submit] + input[type=submit], .comments .comment-respond .comment-form .form-submit .btns input[type=submit] + input[type=submit] {
margin-top: 1rem;
}
@media (min-width: 700px) {
.btns .btn + .btn, .btns .comments .comment-respond .comment-form .form-submit input[type=submit] + .btn, .comments .comment-respond .comment-form .form-submit .btns input[type=submit] + .btn, .btns .comments .comment-respond .comment-form .form-submit .btn + input[type=submit], .comments .comment-respond .comment-form .form-submit .btns .btn + input[type=submit], .btns .comments .comment-respond .comment-form .form-submit input[type=submit] + input[type=submit], .comments .comment-respond .comment-form .form-submit .btns input[type=submit] + input[type=submit] {
margin-top: 0;
margin-left: 2.5rem;
}
}
.btns.view-sidebar {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.btns.view-sidebar .btn, .btns.view-sidebar .comments .comment-respond .comment-form .form-submit input[type=submit], .comments .comment-respond .comment-form .form-submit .btns.view-sidebar input[type=submit] {
min-width: 15rem;
}
.btns.view-sidebar .btn + .btn, .btns.view-sidebar .comments .comment-respond .comment-form .form-submit input[type=submit] + .btn, .comments .comment-respond .comment-form .form-submit .btns.view-sidebar input[type=submit] + .btn, .btns.view-sidebar .comments .comment-respond .comment-form .form-submit .btn + input[type=submit], .comments .comment-respond .comment-form .form-submit .btns.view-sidebar .btn + input[type=submit], .btns.view-sidebar .comments .comment-respond .comment-form .form-submit input[type=submit] + input[type=submit], .comments .comment-respond .comment-form .form-submit .btns.view-sidebar input[type=submit] + input[type=submit] {
margin-left: 0;
}
.btns-tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 2rem;
}
@media (min-width: 700px) {
.btns-tags {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.btns-tags .btn + .btn, .btns-tags .comments .comment-respond .comment-form .form-submit input[type=submit] + .btn, .comments .comment-respond .comment-form .form-submit .btns-tags input[type=submit] + .btn, .btns-tags .comments .comment-respond .comment-form .form-submit .btn + input[type=submit], .comments .comment-respond .comment-form .form-submit .btns-tags .btn + input[type=submit], .btns-tags .comments .comment-respond .comment-form .form-submit input[type=submit] + input[type=submit], .comments .comment-respond .comment-form .form-submit .btns-tags input[type=submit] + input[type=submit] {
margin-top: 1rem;
}
@media (min-width: 700px) {
.btns-tags .btn + .btn, .btns-tags .comments .comment-respond .comment-form .form-submit input[type=submit] + .btn, .comments .comment-respond .comment-form .form-submit .btns-tags input[type=submit] + .btn, .btns-tags .comments .comment-respond .comment-form .form-submit .btn + input[type=submit], .comments .comment-respond .comment-form .form-submit .btns-tags .btn + input[type=submit], .btns-tags .comments .comment-respond .comment-form .form-submit input[type=submit] + input[type=submit], .comments .comment-respond .comment-form .form-submit .btns-tags input[type=submit] + input[type=submit] {
margin-top: 0;
margin-left: 2.5rem;
}
}
.btns.view-justify_start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.categories {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1rem 1fr 1rem 1fr;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1rem;
}
.categories .category_itm {
padding: 0.9rem 1rem;
border-radius: 4px;
}
.categories.view-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
padding: 2rem 2rem 1rem;
background: #E3E6EB;
border-radius: 4px;
}
@media (min-width: 700px) {
.categories.view-block {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 2rem;
}
.categories.view-block::before {
content: "";
display: block;
position: absolute;
width: 4.5rem;
height: 3.1rem;
top: 3.8rem;
left: 6.6rem;
background: url(../images/drawing-arrow.svg);
}
}
@media (min-width: 980px) {
.categories.view-block {
padding: 3.2rem 12rem;
}
}
.categories.view-block .category_itm {
margin: 0 0.5rem 1rem;
}
@media (min-width: 700px) {
.categories.view-block .category_itm {
margin: 0 1rem 0 0;
}
.categories.view-block .category_itm:last-child {
margin-right: 0;
}
}
.filter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0 0 3rem;
}
@media (min-width: 700px) {
.filter {
margin: 4.8rem 0 4rem;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.filter-selects {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 1.6rem;
}
@media (min-width: 700px) {
.filter-selects {
-webkit-box-flex: 0;
-ms-flex: 0 0 20rem;
flex: 0 0 20rem;
margin-bottom: 0;
}
}
@media (min-width: 980px) {
.filter-selects {
-webkit-box-flex: 0;
-ms-flex: 0 0 28.8rem;
flex: 0 0 28.8rem;
}
}
.filter-selects-itm {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 1rem 0;
border-radius: 0;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-bottom: 0.1rem solid #171717;
font-size: 1.5rem;
line-height: 2rem;
color: rgba(0, 0, 0, 0.8);
outline: 0;
background: transparent url(../images/icon-caret_down.svg) no-repeat right center;
font-family: "Open Sans", sans-serif;
}
@media (min-width: 980px) {
.filter-selects-itm {
padding: 1.5rem 0;
}
}
.filter-selects-itm + .filter-selects-itm {
margin-left: 2rem;
}
@media (max-width: 479px) {
.filter-checkboxes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 479px) {
.filter-checkboxes .checkbox-label {
font-size: 1.4rem;
}
}
.filter-checkboxes .checkbox + .checkbox {
margin-top: 1rem;
}
@media (min-width: 480px) {
.filter-checkboxes .checkbox + .checkbox {
margin-top: 0;
margin-left: 1.6rem;
}
}
@media (min-width: 980px) {
.filter-checkboxes .checkbox + .checkbox {
margin-left: 4.5rem;
}
}
.filter-sort {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.filter-sort-itm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.4rem;
font-weight: 600;
color: rgba(0, 0, 0, 0.5);
cursor: pointer;
}
.filter-sort-itm input {
display: none;
}
.filter-sort-itm + .filter-sort-itm {
margin-left: 1.6rem;
}
@media (min-width: 980px) {
.filter-sort-itm + .filter-sort-itm {
margin-left: 3rem;
}
}
.filter-sort-itm .icon {
-webkit-transform: translateY(0.2rem);
-ms-transform: translateY(0.2rem);
transform: translateY(0.2rem);
font-size: 2.4rem;
}
.filter-sort-itm.view-active {
color: #23B6BF;
}
@media (min-width: 700px) {
.form-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.form-row + .form-row {
margin-top: 2rem;
}
.form-row-itm {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.form-row-itm + .form-row-itm {
margin-top: 2rem;
}
@media (min-width: 700px) {
.form-row-itm + .form-row-itm {
margin-top: 0;
}
}
@media (min-width: 700px) {
.form-row.view-input_submit .form-row-itm:first-child .input, .form-row.view-input_submit .form-row-itm:first-child .comments .comment-respond .comment-form .comment-form-comment input, .comments .comment-respond .comment-form .comment-form-comment .form-row.view-input_submit .form-row-itm:first-child input, .form-row.view-input_submit .form-row-itm:first-child .comments .comment-respond .comment-form .comment-form-comment textarea, .comments .comment-respond .comment-form .comment-form-comment .form-row.view-input_submit .form-row-itm:first-child textarea,
.form-row.view-input_submit .form-row-itm:first-child .comments .comment-respond .comment-form .comment-form-author input,
.comments .comment-respond .comment-form .comment-form-author .form-row.view-input_submit .form-row-itm:first-child input,
.form-row.view-input_submit .form-row-itm:first-child .comments .comment-respond .comment-form .comment-form-author textarea,
.comments .comment-respond .comment-form .comment-form-author .form-row.view-input_submit .form-row-itm:first-child textarea,
.form-row.view-input_submit .form-row-itm:first-child .comments .comment-respond .comment-form .comment-form-email input,
.comments .comment-respond .comment-form .comment-form-email .form-row.view-input_submit .form-row-itm:first-child input,
.form-row.view-input_submit .form-row-itm:first-child .comments .comment-respond .comment-form .comment-form-email textarea,
.comments .comment-respond .comment-form .comment-form-email .form-row.view-input_submit .form-row-itm:first-child textarea,
.form-row.view-input_submit .form-row-itm:first-child .comments .comment-respond .comment-form .comment-form-url input,
.comments .comment-respond .comment-form .comment-form-url .form-row.view-input_submit .form-row-itm:first-child input,
.form-row.view-input_submit .form-row-itm:first-child .comments .comment-respond .comment-form .comment-form-url textarea,
.comments .comment-respond .comment-form .comment-form-url .form-row.view-input_submit .form-row-itm:first-child textarea {
border-radius: 2px 0 0 2px;
}
.form-row.view-input_submit .form-row-itm:last-child {
-webkit-box-flex: 0;
-ms-flex: 0 0 12rem;
flex: 0 0 12rem;
}
.form-row.view-input_submit .form-row-itm:last-child .btn, .form-row.view-input_submit .form-row-itm:last-child .comments .comment-respond .comment-form .form-submit input[type=submit], .comments .comment-respond .comment-form .form-submit .form-row.view-input_submit .form-row-itm:last-child input[type=submit] {
border-radius: 0 2px 2px 0;
}
}
.instagram {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 700px) {
.instagram {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 980px) {
.instagram {
-ms-grid-columns: (1fr)[6];
grid-template-columns: repeat(6, 1fr);
}
}
.instagram-itm {
display: block;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
}
.instagram-itm img {
display: block;
}
.instagram-itm:hover {
opacity: 0.9;
}
@media (max-width: 979px) {
.instagram-itm:nth-last-child(-n+2) {
display: none;
}
}
.gallery {
display: -ms-grid;
display: grid;
grid-gap: 1rem;
}
.gallery-item {
margin: 0 !important;
float: none !important;
width: 100% !important;
}
.gallery-item img {
display: block;
width: 100%;
border: 0 !important;
}
.gallery br {
display: none;
}
.gallery.gallery-columns-1 {
-ms-grid-columns: 1fr;
grid-template-columns: repeat(1, 1fr);
}
.gallery.gallery-columns-2 {
-ms-grid-columns: 1fr 1rem 1fr;
grid-template-columns: repeat(2, 1fr);
}
.gallery.gallery-columns-3 {
-ms-grid-columns: 1fr 1rem 1fr 1rem 1fr;
grid-template-columns: repeat(3, 1fr);
}
.gallery.gallery-columns-4 {
-ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
grid-template-columns: repeat(4, 1fr);
}
.gallery.gallery-columns-5 {
-ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
grid-template-columns: repeat(5, 1fr);
}
.gallery.gallery-columns-6 {
-ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
grid-template-columns: repeat(6, 1fr);
}
.gallery.gallery-columns-7 {
-ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
grid-template-columns: repeat(7, 1fr);
}
.gallery.gallery-columns-8 {
-ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
grid-template-columns: repeat(8, 1fr);
}
.gallery.gallery-columns-9 {
-ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
grid-template-columns: repeat(9, 1fr);
}
@media (min-width: 700px) {
.gallery.gallery-columns-1, .gallery.gallery-columns-2, .gallery.gallery-columns-3 {
grid-gap: 3rem;
}
}
@media (min-width: 700px) {
.gallery.gallery-columns-4, .gallery.gallery-columns-5, .gallery.gallery-columns-6 {
grid-gap: 2rem;
}
}
.gallery-caption {
margin: 1rem 0 0 !important;
text-align: center;
}
.link_boxes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.link_boxes-itm {
color: #23B6BF;
padding: 1rem 1rem 1.5rem;
text-align: center;
}
@media (hover: hover) {
.link_boxes-itm {
position: relative;
}
.link_boxes-itm .before, .link_boxes-itm::before {
content: "";
display: block;
position: absolute;
z-index: 1;
top: -2.4rem;
left: -2.5rem;
right: -2.5rem;
bottom: -3.1rem;
background: white;
-webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
border-radius: 4px;
opacity: 0;
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
pointer-events: none;
}
.link_boxes-itm:hover .before, .link_boxes-itm:hover::before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@media (hover: hover) {
.link_boxes-itm:hover {
color: #21acb4;
}
}
@media (min-width: 700px) {
.link_boxes-itm {
min-width: 14.3rem;
}
}
.link_boxes-itm::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.link_boxes-itm-img, .link_boxes-itm-title {
position: relative;
z-index: 1;
}
.link_boxes-itm-title {
margin: 1.1rem 0 0;
font-size: 1.5rem;
font-weight: 600;
text-decoration: underline;
}
.link_boxes-itm + .link_boxes-itm {
margin-left: 1rem;
}
@media (min-width: 700px) {
.link_boxes-itm + .link_boxes-itm {
margin-left: 1.5rem;
}
}
.no_results {
text-align: center;
margin: 4rem 0;
}
@media (min-width: 700px) {
.no_results {
margin: 8rem 0;
}
}
.no_results-img {
max-width: 16rem;
margin: 0 auto 2rem;
}
.no_results-text {
font-size: 2rem;
font-weight: 600;
}
.quote_detail {
text-align: center;
}
.quote_detail-author {
margin: 2rem 0 0;
}
@media (min-width: 700px) {
.quote_detail-author {
margin: -2.4rem 0 0;
}
}
.quote_detail-author-name {
display: inline-block;
font-size: 1.8rem;
font-weight: 400;
font-style: italic;
padding: 0.1rem 0;
color: #424D5E;
border-bottom: 1px solid currentColor;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
}
@media (hover: hover) {
.quote_detail a.quote_detail-author-name:hover {
color: #23B6BF;
}
}
.quote_detail-title {
max-width: 32rem;
margin: 4rem auto;
text-align: center;
line-height: 140%;
font-size: 2rem;
font-style: italic;
font-weight: 600;
color: #424D5E;
}
@media (min-width: 700px) {
.quote_detail-title {
max-width: 52rem;
font-size: 3rem;
margin: 6rem auto 5rem;
}
}
@media (min-width: 980px) {
.quote_detail-title {
max-width: 67rem;
font-size: 4rem;
}
}
.quote_detail .tags {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 42rem;
margin: 2rem auto 0;
}
.quote_detail-more {
margin: 3rem 0 0;
}
@media (min-width: 700px) {
.quote_detail-more {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin: 4rem 0 0;
}
}
@media (min-width: 980px) {
.quote_detail-more {
margin: 20.3rem 0 0;
}
}
.quote_detail-more-itm {
display: block;
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
background: #FAFAFA;
color: #424D5E;
border-radius: 2px;
padding: 2rem;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
text-align: center;
border: 0.1rem solid rgba(0, 0, 0, 0.1);
}
@media (min-width: 700px) {
.quote_detail-more-itm {
padding: 3rem 2rem 8rem;
border: 0;
}
}
@media (min-width: 980px) {
.quote_detail-more-itm {
padding: 4rem 2.5rem 14rem;
}
}
.quote_detail-more-itm .wysiwyg {
max-width: 23rem;
margin: 0 auto 2rem;
}
@media (min-width: 700px) {
.quote_detail-more-itm .wysiwyg {
margin: 0 auto 4.6rem;
}
}
.quote_detail-more-itm .wysiwyg blockquote {
border: 0;
margin: 0;
padding: 0;
text-align: center;
color: #424D5E;
}
.quote_detail-more-itm .wysiwyg blockquote p {
font-size: 1.6rem;
line-height: 140%;
}
@media (min-width: 700px) {
.quote_detail-more-itm .wysiwyg blockquote p {
font-size: 1.8rem;
}
}
@media (min-width: 980px) {
.quote_detail-more-itm .wysiwyg blockquote p {
letter-spacing: 0.05em;
}
}
@media (min-width: 700px) {
.quote_detail-more-itm-source {
position: absolute;
left: 2rem;
right: 2rem;
bottom: 3rem;
font-size: 1.6rem;
line-height: 2.2rem;
}
}
@media (min-width: 980px) {
.quote_detail-more-itm-source {
left: 5rem;
right: 5rem;
bottom: 5rem;
}
}
.quote_detail-more-itm + .quote_detail-more-itm {
margin-top: 1.6rem;
}
@media (min-width: 700px) {
.quote_detail-more-itm + .quote_detail-more-itm {
margin-top: 0;
margin-left: 2em;
}
}
@media (min-width: 980px) {
.quote_detail-more-itm + .quote_detail-more-itm {
margin-left: 5.6rem;
}
}
@media (hover: hover) {
.quote_detail-more-itm:hover {
background: white;
-webkit-box-shadow: 0px 5px 80px rgba(0, 0, 0, 0.25);
box-shadow: 0px 5px 80px rgba(0, 0, 0, 0.25);
}
}
.poll {
margin: 4rem 0;
}
.poll__box {
position: relative;
border: 1px solid #ddd;
border-top: 2px solid #23B6BF;
padding: 2rem 3.5rem 2rem;
max-width: 60rem;
}
.poll__header {
text-align: center;
color: #373E4C;
margin: 2rem 3rem;
font-family: "Open Sans", sans-serif;
}
.poll__header + .poll__header {
font-size: 1.8rem;
}
.poll__vote-count {
position: absolute;
left: 2rem;
bottom: 1.5rem;
background-image: url(../images/poll_chart_icon.jpg);
background-repeat: no-repeat;
background-position: left center;
padding-left: 2.4rem;
font-family: "Open Sans", sans-serif;
font-size: 1.1rem;
font-weight: bold;
text-transform: uppercase;
color: #666;
}
.poll__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
list-style: none;
margin: 0;
padding: 0;
margin: 4rem 0 0;
}
.poll__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
margin: 0;
padding: 0 1.5rem;
margin-bottom: 3rem;
}
.poll__item-img {
position: relative;
overflow: hidden;
width: 12.5rem;
height: 12.5rem;
border-radius: 50%;
margin: auto;
}
.poll__item-result {
display: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: white;
font-weight: 500;
font-size: 2rem;
z-index: 5;
border-radius: 50%;
}
.poll__item-bar {
display: none;
overflow: hidden;
border-radius: 50%;
}
.poll__item-bar span {
background: rgba(35, 182, 191, 0.75);
top: auto;
}
.poll__item--picked .poll__item-result {
border: 0.5rem solid rgba(35, 182, 191, 0.75);
}
.poll__item--picked .poll__item-bar {
top: 0.5rem;
left: 0.5rem;
right: 0.5rem;
bottom: 0.5rem;
}
.poll__item-link {
display: block;
}
.poll__item-link:hover {
text-decoration: underline;
}
.poll__item-desc {
text-align: center;
font-family: "Open Sans", sans-serif;
font-size: 1.4rem;
margin: 1em 0 0;
}
.poll--submitting {
opacity: 0.5;
pointer-events: none;
}
.poll--ended .poll__item-link, .poll--voted .poll__item-link {
display: block;
cursor: default;
}
.poll--ended .poll__item-link:hover, .poll--voted .poll__item-link:hover {
text-decoration: none;
}
.poll--voted .poll__item-img::before {
content: "";
display: block;
background: rgba(0, 0, 0, 0.6);
}
.poll--voted .poll__item-result {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.poll--voted .poll__item-bar {
display: block;
}
.post {
display: block;
position: relative;
padding-bottom: 2.6rem;
}
@media (hover: hover) {
.post {
position: relative;
}
.post .before, .post::before {
content: "";
display: block;
position: absolute;
z-index: 1;
top: -2.4rem;
left: -2.5rem;
right: -2.5rem;
bottom: -3.1rem;
background: white;
-webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
border-radius: 4px;
opacity: 0;
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
pointer-events: none;
}
.post:hover .before, .post:hover::before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.post-link {
z-index: 5;
}
@media (hover: hover) {
.post-link:hover ~ .link {
color: #1fa1a9;
}
}
.post .category_itm {
position: absolute;
z-index: 10;
left: 1rem;
top: 1rem;
}
.post-img {
position: relative;
border-radius: 2px;
overflow: hidden;
padding-bottom: 56.25%;
}
.post-img img, .post-img .embed-container {
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.post-img.view-quote {
background: #FAFAFA url(../images/background-quote.svg) no-repeat left top;
background-clip: padding-box;
border: 0.1rem solid rgba(66, 77, 94, 0.12);
}
.post-img.view-quote .wysiwyg {
padding: 2rem 1rem;
color: #424D5E !important;
}
@media (min-width: 700px) {
.post-img.view-quote .wysiwyg {
max-width: 32.7rem;
}
}
@media (min-width: 980px) {
.post-img.view-quote .wysiwyg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.post-img.view-quote .wysiwyg blockquote {
margin-top: 3rem;
}
@media (min-width: 980px) {
.post-img.view-quote .wysiwyg blockquote {
margin-top: 1em;
}
}
@media (max-width: 979px) {
.post-img.view-quote .wysiwyg blockquote {
font-size: 2.2rem;
}
.post-img.view-quote .wysiwyg blockquote p {
line-height: 120%;
}
}
@media (max-width: 979px) {
.post-img.view-quote .wysiwyg:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 60%;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 250, 250, 0)), to(#FAFAFA));
background: -o-linear-gradient(top, rgba(250, 250, 250, 0) 0%, #FAFAFA 100%);
background: linear-gradient(to bottom, rgba(250, 250, 250, 0) 0%, #FAFAFA 100%);
}
}
.post .tags {
position: relative;
z-index: 10;
margin: 0.5rem 0 1rem;
}
.post-img, .post-date, .post-bookart, .post .title, .post .comments .comment-respond .comment-reply-title, .comments .comment-respond .post .comment-reply-title, .post .wysiwyg, .post .link {
position: relative;
z-index: 2;
}
.post-date {
margin: 1.8rem 0 0.5rem;
font-size: 1.2rem;
color: rgba(0, 0, 0, 0.3);
}
.post .title, .post .comments .comment-respond .comment-reply-title, .comments .comment-respond .post .comment-reply-title {
margin: 0.5rem 0 0;
font-size: 1.8rem;
color: #171717;
}
@media (min-width: 700px) {
.post .title, .post .comments .comment-respond .comment-reply-title, .comments .comment-respond .post .comment-reply-title {
font-size: 2rem;
}
}
@media (min-width: 980px) {
.post .title, .post .comments .comment-respond .comment-reply-title, .comments .comment-respond .post .comment-reply-title {
font-size: 2.5rem;
}
}
.post .wysiwyg {
margin: 1.5rem 0 1rem;
}
.post .link {
position: absolute;
bottom: 0;
left: 0;
pointer-events: none;
}
.post-bookart img {
display: block;
width: 100%;
}
.post.view-bookart {
padding-bottom: 0;
}
.post.view-bookart::before {
top: -2.4rem;
left: -2.5rem;
right: -2.5rem;
bottom: -2.4rem;
}
.post.view-on_dark .post-img.view-quote, .view-blue__dark3 .post .post-img.view-quote, .project .post .post-img.view-quote {
border: 0;
}
.post.view-on_dark .tags .tag_itm:not(.view-main), .view-blue__dark3 .post .tags .tag_itm:not(.view-main), .project .post .tags .tag_itm:not(.view-main) {
color: rgba(255, 255, 255, 0.5);
}
@media (hover: hover) {
.post.view-on_dark .tags .tag_itm:not(.view-main):hover, .view-blue__dark3 .post .tags .tag_itm:not(.view-main):hover, .project .post .tags .tag_itm:not(.view-main):hover {
color: white;
}
}
.post.view-on_dark .post-date, .view-blue__dark3 .post .post-date, .project .post .post-date {
color: rgba(255, 255, 255, 0.25);
}
.post.view-on_dark .title, .post.view-on_dark .comments .comment-respond .comment-reply-title, .comments .comment-respond .post.view-on_dark .comment-reply-title, .view-blue__dark3 .post .title, .view-blue__dark3 .post .comments .comment-respond .comment-reply-title, .comments .comment-respond .view-blue__dark3 .post .comment-reply-title, .project .post .title, .project .post .comments .comment-respond .comment-reply-title, .comments .comment-respond .project .post .comment-reply-title {
color: white;
}
.post.view-on_dark .wysiwyg, .view-blue__dark3 .post .wysiwyg, .project .post .wysiwyg {
color: rgba(255, 255, 255, 0.7);
}
.post.view-on_dark::before, .view-blue__dark3 .post::before, .project .post::before {
background: #546376;
}
.post .post_navigation {
margin: 4rem 0;
}
.post:not(.view-detail) .wysiwyg {
font-size: 1.4rem;
}
.post:not(.view-detail) .wysiwyg blockquote {
padding: 0;
border: 0;
text-align: center;
}
.post.view-detail {
padding: 0;
}
.post.view-detail::before {
display: none;
}
.post.view-detail .wysiwyg .link {
position: static;
pointer-events: all;
border: none;
font-family: inherit;
color: iherit;
font-weight: inherit;
font-size: inherit;
}
.post.view-detail .post-meta {
margin: 1rem 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.post.view-detail .post-meta .category_itm {
position: relative;
top: 0;
left: 0;
}
.post.view-detail .post-meta-date {
margin-left: 1rem;
font-size: 1.2rem;
color: rgba(0, 0, 0, 0.3);
}
.post.view-detail .post-img {
padding-bottom: 0;
}
.post.view-detail .post-img img, .post.view-detail .post-img .embed-container {
position: static;
}
.post.view-detail .tags {
margin: -0.6rem 0 3rem;
}
.post.view-detail .post-cnt {
margin: 3rem 0 4rem;
}
.search_form {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 3.5rem;
}
.search_form-input {
position: absolute;
right: 0;
width: 27rem;
padding: 0.8rem 3.2rem 0.8rem 0;
border: 0;
border-bottom: 0.1rem solid #F8F8F8;
background: none;
color: #F8F8F8;
outline: 0;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
opacity: 0;
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
font-family: "Open Sans", sans-serif;
font-size: 1.5rem;
border-radius: 0;
}
.search_form-btn {
position: relative;
border: 0;
padding: 0;
outline: 0;
background: none;
color: white;
width: 2.4rem;
height: 2.4rem;
font-size: 2.4rem;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
}
@media (hover: hover) {
.search_form-btn:hover {
color: #23B6BF;
}
}
.search_form.view-expanded .search_form-input {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
opacity: 1;
}
.search_form.view-static {
max-width: 27rem;
height: 3.5rem;
}
.search_form.view-static .search_form-input {
position: static;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
opacity: 1;
color: black;
}
.search_form.view-static .search_form-btn {
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
}
.search_form-autocomplete {
position: absolute;
top: 100%;
right: 0;
min-width: 268px;
background: white;
z-index: 5000;
margin-top: 0.6rem;
padding: 0.5rem 0;
border: 0.1rem solid rgba(73, 82, 100, 0.2);
border-radius: 2px;
}
.search_form-autocomplete:empty {
display: none;
}
.search_form-autocomplete-itm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 6rem;
padding: 0.5rem 1rem;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
}
.search_form-autocomplete-itm-img {
-webkit-box-flex: 0;
-ms-flex: 0 0 5rem;
flex: 0 0 5rem;
border-radius: 2px;
overflow: hidden;
}
.search_form-autocomplete-itm-img-quote, .search_form-autocomplete-itm-img img {
display: block;
width: 5rem;
height: 5rem;
}
.search_form-autocomplete-itm-img img {
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover";
}
.search_form-autocomplete-itm-img-quote {
position: relative;
background: #FAFAFA url(../images/background-quote.svg) no-repeat left top;
background-size: 30rem auto;
border: 0.1rem solid #e4e5e8;
}
.search_form-autocomplete-itm-img-quote img {
width: 1.6rem;
height: 1.6rem;
}
.search_form-autocomplete-itm-cnt {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 1.6rem;
}
.search_form-autocomplete-itm-cnt-main {
color: #171717;
font-size: 1.6rem;
}
.search_form-autocomplete-itm-cnt-secondary {
margin-top: 0.2rem;
font-size: 1.4rem;
color: rgba(0, 0, 0, 0.35);
}
.search_form-autocomplete-itm:hover, .search_form-autocomplete-itm.view-focus {
background: #E3E6EB;
}
.search__results {
margin: -2.5rem 0 6rem;
}
.search__results .search_form {
margin: 2.4rem 0 0;
}
.search__results .search_form-input {
border-bottom-color: black;
}
.search__results .search_form-btn {
color: black;
}
.share {
position: relative;
display: inline-block;
vertical-align: middle;
}
.share .link {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.share-window {
display: none;
position: absolute;
top: 100%;
right: 0;
width: 146px;
margin: 1rem auto 0;
background: white;
border: 0.1rem solid #e8e8e8;
padding: 0.8rem 1.2rem 1.2rem;
border-radius: 2px;
line-height: 1;
z-index: 1000;
}
@media (min-width: 700px) {
.share-window {
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.share-window::before, .share-window::after {
content: "";
display: block;
position: absolute;
top: -6px;
right: 10px;
width: 0;
height: 0;
margin: auto;
border-style: solid;
border-width: 0 6px 6px 6px;
}
@media (min-width: 700px) {
.share-window::before, .share-window::after {
left: 0;
right: 0;
}
}
.share-window::before {
top: -7px;
border-color: transparent transparent #e8e8e8 transparent;
}
.share-window::after {
border-color: transparent transparent white transparent;
}
.share-window * {
vertical-align: middle;
}
.sections {
position: relative;
overflow: hidden;
height: 6rem;
}
@media (min-width: 700px) {
.sections {
height: 9.75rem;
}
}
.sections::after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: -1px;
width: 14rem;
background: -webkit-gradient(linear, right top, left top, color-stop(11.07%, #F8F8F8), to(rgba(248, 248, 248, 0)));
background: -o-linear-gradient(right, #F8F8F8 11.07%, rgba(248, 248, 248, 0) 100%);
background: linear-gradient(270deg, #F8F8F8 11.07%, rgba(248, 248, 248, 0) 100%);
pointer-events: none;
}
.sections-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 65rem;
}
@media (min-width: 480px) {
.sections-track {
width: 80.666rem;
}
}
@media (min-width: 700px) {
.sections-track {
width: 108.333rem;
}
}
@media (min-width: 980px) {
.sections-track {
width: 130rem;
}
}
.sections-arrow .slick-prev {
display: none !important;
}
.sections-arrow .slick-next {
-webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
top: -5.125rem;
bottom: auto;
}
@media (min-width: 700px) {
.sections-arrow .slick-next {
top: -6.875rem;
}
}
.sections-itm {
position: relative;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 18rem;
flex: 0 0 18rem;
width: 18rem;
height: 6rem;
border: 5px solid;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
background: #F8F8F8;
}
@media (min-width: 700px) {
.sections-itm {
-webkit-box-flex: 0;
-ms-flex: 0 0 20rem;
flex: 0 0 20rem;
width: 20rem;
border-width: 10px;
height: 9.75rem;
}
}
.sections-itm + .sections-itm {
margin-left: 1rem;
}
@media (min-width: 700px) {
.sections-itm + .sections-itm {
margin-left: 3rem;
}
}
.sections-itm .title, .sections-itm .comments .comment-respond .comment-reply-title, .comments .comment-respond .sections-itm .comment-reply-title {
position: relative;
z-index: 1;
color: white;
font-size: 2rem;
font-weight: 500;
text-align: center;
margin: 0;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
}
.sections-itm-bg {
width: 100%;
height: 100%;
}
.sections-itm-bg::before {
content: "";
display: block;
background: rgba(66, 77, 94, 0.8);
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
}
.sections-itm-bg img {
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover";
width: 100%;
height: 100%;
}
@media (hover: hover) {
.sections-itm:hover {
border-width: 0;
}
.sections-itm:hover .title, .sections-itm:hover .comments .comment-respond .comment-reply-title, .comments .comment-respond .sections-itm:hover .comment-reply-title {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.sections-itm:hover .sections-itm-bg::before {
background: rgba(66, 77, 94, 0.9);
}
}
.social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 2.4rem;
}
.social .icon {
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
}
.social .icon.view-facebook {
color: #FCEB47;
}
.social .icon.view-instagram {
color: #23B6BF;
}
.social .icon.view-youtube {
color: #A6D5C2;
}
.social .icon.view-spotify {
color: #fcc2dc;
}
.social .icon.view-tiktok {
color: #c9ccf8;
}
.social .icon.view-pinterest {
color: #80cff5;
}
.social .icon + .icon {
margin-left: 0.8rem;
}
@media (hover: hover) {
.social .icon:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
}
.tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -0.6rem;
}
.tags .tag_itm {
margin-top: 0.6rem;
margin-right: 1.2rem;
}
.tags.view-cloud {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 0;
padding: 2rem;
background: #F8F8F8;
border: 0.1rem solid rgba(35, 182, 191, 0.5);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 6px;
}
@media (min-width: 980px) {
.tags.view-cloud {
padding: 3rem 16.4rem;
}
}
.videos {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 2rem;
}
@media (min-width: 700px) {
.videos {
-ms-grid-columns: 1fr 4rem 1fr 4rem 1fr;
grid-template-columns: repeat(3, 1fr);
grid-gap: 4rem;
}
}
.books {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 3rem 1fr;
grid-template-columns: repeat(2, 1fr);
grid-gap: 2rem 3rem;
}
@media (min-width: 480px) {
.books {
-ms-grid-columns: 1fr 3rem 1fr 3rem 1fr;
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 700px) {
.books {
-ms-grid-columns: 1fr 4.5rem 1fr 4.5rem 1fr;
grid-template-columns: repeat(3, 1fr);
grid-gap: 5rem 4.5rem;
}
}
@media (min-width: 980px) {
.books {
-ms-grid-columns: 1fr 4.5rem 1fr 4.5rem 1fr 4.5rem 1fr 4.5rem 1fr;
grid-template-columns: repeat(5, 1fr);
}
}
@media (min-width: 700px) {
.title + .books, .comments .comment-respond .comment-reply-title + .books {
margin-top: 3.5rem;
}
}
.view-related2 .title + .books, .view-related2 .comments .comment-respond .comment-reply-title + .books, .comments .comment-respond .view-related2 .comment-reply-title + .books {
margin-top: 0;
}
.books + .title, .comments .comment-respond .books + .comment-reply-title {
margin-top: 7.4rem;
}
@media (min-width: 980px) {
.books.view-highlighted {
grid-gap: 8.5rem;
}
}
@media (min-width: 700px) {
.books.view-related {
grid-gap: 5.4rem;
}
}
@media (min-width: 480px) {
.books.view-small_related {
-ms-grid-columns: 1fr 4.5rem 1fr 4.5rem 1fr;
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 700px) {
.books.view-small_related {
grid-gap: 4rem;
}
}
@media (min-width: 480px) {
.books.view-search_results {
-ms-grid-columns: 1fr 4.5rem 1fr 4.5rem 1fr;
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 700px) {
.books.view-search_results {
grid-gap: 6rem;
}
}
@media (min-width: 980px) {
.books.view-search_results {
grid-gap: 6rem 13rem;
}
}
.books.view-small {
grid-gap: 1.1rem;
}
@media (min-width: 480px) {
.books.view-small {
-ms-grid-columns: 1fr 1.1rem 1fr 1.1rem 1fr;
grid-template-columns: repeat(3, 1fr);
}
}
.title + .books.view-small, .comments .comment-respond .comment-reply-title + .books.view-small {
margin-top: 0;
}
.books.view-slick_search_results {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 100%;
margin: 0 -2rem;
}
.books.view-slick_search_results .book {
-webkit-box-flex: 0;
-ms-flex: 0 0 16rem;
flex: 0 0 16rem;
max-width: none;
margin: 0 2rem;
}
.books.view-slick_search_results .slick-prev {
display: none !important;
}
.books.view-slick_search_results .slick-next {
right: -4rem;
border: 1px solid #eaeaec;
border-radius: 2px;
}
@media (min-width: 700px) and (max-width: 979px) {
.comments {
width: calc(100vw - 4rem);
}
}
.comments .title, .comments .comment-respond .comment-reply-title {
color: rgba(73, 82, 100, 0.75);
margin: 0 0 2rem;
}
.comments h3#comments {
display: none;
}
.comments ol.commentlist {
list-style: none;
margin: 0 0 1em;
padding: 0;
text-indent: 0;
}
.comments ol.commentlist li.comment {
position: relative;
padding: 2rem 0;
border-bottom: 1px solid #F8F8F8;
}
@media (min-width: 480px) {
.comments ol.commentlist li.comment {
padding-left: 5.2rem;
padding-right: 2rem;
}
}
.comments ol.commentlist li.comment:last-child {
border-bottom: 0;
}
.comments ol.commentlist li.comment .comment-author {
display: inline-block;
}
.comments ol.commentlist li.comment div.vcard {
font-weight: 1.6rem;
}
.comments ol.commentlist li.comment div.vcard cite.fn {
font-style: normal;
}
.comments ol.commentlist li.comment div.vcard cite.fn a.url {
border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
}
.comments ol.commentlist li.comment div.vcard cite.fn a.url:hover {
border-bottom-color: rgba(0, 0, 0, 0.5);
}
.comments ol.commentlist li.comment div.vcard img.avatar {
display: block;
margin-bottom: 1rem;
width: 3.2rem;
height: 3.2rem;
border: 0.1rem solid #F8F8F8;
border-radius: 50%;
}
@media (min-width: 480px) {
.comments ol.commentlist li.comment div.vcard img.avatar {
position: absolute;
top: 2rem;
left: 0;
}
}
.comments ol.commentlist li.comment div.vcard span.says {
display: none;
}
.comments ol.commentlist li.comment div.comment-meta {
margin-left: 1rem;
display: inline-block;
font-size: 1.2rem;
}
.comments ol.commentlist li.comment div.comment-meta a {
color: rgba(73, 82, 100, 0.5);
}
.comments ol.commentlist li.comment p {
font-size: 1.5rem;
font-family: "Open Sans", sans-serif;
line-height: 150%;
}
.comments ol.commentlist li.comment p:last-child {
margin-bottom: 0;
}
.comments ol.commentlist li.comment ul {
font-size: 1.2rem;
list-style: none;
margin: 0 0 0 2rem;
}
.comments ol.commentlist li.comment div.reply {
margin-top: 1.2rem;
}
.comments ol.commentlist li.comment div.reply a {
font-size: 1.4rem;
color: #23B6BF;
font-weight: 500;
}
.comments ol.commentlist li.comment div.reply a:hover {
color: #1fa1a9;
}
.comments ol.commentlist li.comment ul.children {
margin: 4rem 0 2rem;
padding: 0;
list-style: none;
text-indent: 0;
}
.comments ol.commentlist li.comment ul.children li {
padding-left: 2rem;
}
@media (min-width: 480px) {
.comments ol.commentlist li.comment ul.children li {
padding-left: 7.2rem;
}
}
.comments ol.commentlist li.comment ul.children li div.vcard img.avatar {
left: 2rem;
}
.comments ol.commentlist li.comment ul.children li.depth-2 {
border-left: 5px solid rgba(66, 77, 94, 0.25);
}
.comments .comment-respond .comment-reply-title {
display: block;
margin: 3rem 0 2rem !important;
}
@media (min-width: 480px) {
.comments .comment-respond .comment-reply-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.comments .comment-respond .comment-reply-title small {
display: block;
color: #E27086;
font-size: 1.4rem;
margin-top: 0.6rem;
}
@media (min-width: 480px) {
.comments .comment-respond .comment-reply-title small {
margin-top: 0;
padding-bottom: 0.4rem;
}
}
.comments .comment-respond .comment-reply-title small:hover {
color: #FF9D95;
}
.comments .comment-respond .comment-form {
display: -ms-grid;
display: grid;
grid-gap: 2rem 3rem;
}
@media (min-width: 700px) {
.comments .comment-respond .comment-form {
-ms-grid-columns: 1fr 3rem 1fr 3rem 1fr;
grid-template-columns: repeat(3, 1fr);
}
}
.comments .comment-respond .comment-form p {
margin: 0;
}
.comments .comment-respond .comment-form span.required {
color: #E27086;
}
.comments .comment-respond .comment-form .comment-notes {
display: none;
}
@media (min-width: 700px) {
.comments .comment-respond .comment-form .logged-in-as {
-ms-grid-column-span: 3;
grid-column: span 3;
}
}
.comments .comment-respond .comment-form .logged-in-as a:last-child {
color: #23B6BF;
}
.comments .comment-respond .comment-form .logged-in-as a:last-child:hover {
color: #1fa1a9;
}
.comments .comment-respond .comment-form .comment-form-comment label,
.comments .comment-respond .comment-form .comment-form-author label,
.comments .comment-respond .comment-form .comment-form-email label,
.comments .comment-respond .comment-form .comment-form-url label {
display: block;
font-weight: 500;
margin: 0 0 0.6rem;
font-family: "FuturaAX", sans-serif;
color: #495264;
}
@media (min-width: 700px) {
.comments .comment-respond .comment-form .comment-form-comment {
-ms-grid-column-span: 3;
grid-column: span 3;
}
}
.comments .comment-respond .comment-form .comment-form-comment label {
font-size: 1.8rem;
}
.comments .comment-respond .comment-form .comment-form-author,
.comments .comment-respond .comment-form .comment-form-email,
.comments .comment-respond .comment-form .comment-form-url {
-ms-grid-column-span: 1;
grid-column: span 1;
}
.comments .comment-respond .comment-form .comment-form-cookies-consent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 700px) {
.comments .comment-respond .comment-form .comment-form-cookies-consent {
-ms-grid-column-span: 2;
grid-column: span 2;
}
}
.comments .comment-respond .comment-form .form-submit {
text-align: right;
}
.comments .comment-respond .comment-form .form-submit input[type=submit] {
font-family: "FuturaAX", sans-serif;
}
.comments .comment-respond .comment-form .form-submit input[type=submit]:hover {
color: white;
}
.comments .comment-respond .comment-form .comment-form-comment + .form-submit {
text-align: left;
}
.comments .children .comment-respond .comment-reply-title {
font-size: 2.4rem;
}
.footer {
padding: 3rem 0;
background: #495264;
color: white;
text-align: left;
}
@media (min-width: 700px) {
.footer {
padding: 3rem 0 5.4rem;
}
}
.footer-nav {
margin: 0 0 2rem;
}
@media (min-width: 700px) {
.footer-nav {
margin: 0 0 3.8rem;
}
}
.footer-nav-title {
margin: 0 0 1.5rem;
font-size: 1.5rem;
color: rgba(255, 255, 255, 0.25);
}
@media (min-width: 700px) {
.footer-nav-title {
text-align: center;
}
}
.footer-nav-main {
position: relative;
padding: 1.3rem 0 2.1rem;
color: rgba(255, 255, 255, 0.5);
}
@media (min-width: 700px) {
.footer-nav-main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.footer-nav-main::before, .footer-nav-main::after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
height: 1px;
background: rgba(255, 255, 255, 0.15);
}
@media (min-width: 700px) {
.footer-nav-main::before, .footer-nav-main::after {
margin: auto;
width: 280px;
}
}
.footer-nav-main::before {
top: 0;
}
.footer-nav-main::after {
bottom: 0;
}
.footer-nav-main li a {
display: inline-block;
vertical-align: middle;
padding: 1rem 0;
}
@media (min-width: 700px) {
.footer-nav-main li a {
position: relative;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
padding: 1.2rem 0;
}
.footer-nav-main li a::after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
max-width: 100%;
margin: auto;
width: 0;
height: 0.2rem;
background: #FCEB47;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
}
}
@media (min-width: 700px) and (hover: hover) {
.footer-nav-main li a:hover::after {
width: 4.3rem;
}
}
@media (hover: hover) {
.footer-nav-main li a:hover {
color: white;
}
}
.footer-widgets {
margin: 2rem 0 0;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 2rem;
}
@media (min-width: 700px) {
.footer-widgets {
margin: 3.8rem 0 0;
-ms-grid-columns: 1fr 0 1fr 0 1fr 0 1fr;
grid-template-columns: repeat(4, 1fr);
grid-gap: 0;
}
}
@media (min-width: 700px) {
.footer-widgets-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer-widgets-col:last-child {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
}
.footer-widgets-nav li a {
display: inline-block;
vertical-align: middle;
color: rgba(255, 255, 255, 0.5);
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
padding: 1rem 0;
}
@media (min-width: 700px) {
.footer-widgets-nav li a {
padding: 0.5rem 0;
}
}
@media (hover: hover) {
.footer-widgets-nav li a:hover {
color: white;
}
}
@media (hover: hover) and (min-width: 700px) {
.footer-widgets-nav li a:hover {
color: rgba(255, 255, 255, 0.8);
}
}
.footer-widgets-nav li:first-child {
margin: -0.5rem 0 0;
}
.footer-widgets-address {
color: rgba(255, 255, 255, 0.3);
}
.footer-widgets-address-title {
font-size: 2.2rem;
}
.footer-widgets-address .wysiwyg {
margin: 1rem 0 0;
color: rgba(255, 255, 255, 0.3);
}
.footer-widgets .social .icon {
color: rgba(255, 255, 255, 0.65);
font-size: 3.2rem;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
}
.footer-widgets .social .icon + .icon {
margin-left: 1.5rem;
}
@media (hover: hover) {
.footer-widgets .social .icon:hover {
color: rgba(255, 255, 255, 0.8);
}
}
.footer-copy {
margin: 2rem 0 0;
font-size: 1.5rem;
color: rgba(255, 255, 255, 0.25);
}
.header {
background: #424D5E;
color: white;
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
right: 0;
z-index: 1000;
}
.admin-bar .header {
top: 32px;
}
@media (max-width: 782px) {
.admin-bar .header {
top: 0;
}
}
.header .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 7rem;
}
.header-menu_button_placeholder {
-webkit-box-flex: 0;
-ms-flex: 0 0 3.2rem;
flex: 0 0 3.2rem;
margin-right: 3rem;
}
@media (min-width: 980px) {
.header-menu_button_placeholder {
margin-right: 7rem;
}
}
.header .logo {
-webkit-box-flex: 0;
-ms-flex: 0 0 12rem;
flex: 0 0 12rem;
margin-right: 3rem;
}
@media (min-width: 1240px) {
.header .logo {
margin-right: 6.3rem;
}
}
.header-nav {
display: none;
}
@media (min-width: 480px) {
.header-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 1.5rem;
}
}
@media (min-width: 980px) {
.header-nav {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.header-nav-main {
display: none;
}
@media (min-width: 980px) {
.header-nav-main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.header-nav-main li a {
position: relative;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
position: relative;
display: block;
line-height: 7rem;
padding: 0 2rem;
color: rgba(255, 255, 255, 0.75);
}
.header-nav-main li a::after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
max-width: 100%;
margin: auto;
width: 0;
height: 0.2rem;
background: #FCEB47;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
}
@media (hover: hover) {
.header-nav-main li a:hover::after {
width: 4.3rem;
}
}
@media (min-width: 1240px) {
.header-nav-main li a {
padding: 0 3.2rem;
}
}
@media (hover: hover) {
.header-nav-main li a:hover {
color: white;
}
}
.header-nav-main li a::after {
bottom: 1.5rem;
}
.header-nav-secondary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 2.4rem;
}
.header-nav-secondary .search_form {
background: #424D5E;
margin-right: 3rem;
}
.intro-img img {
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover";
display: block;
width: 100%;
height: 45.5rem;
}
.intro.view-slider {
overflow: hidden;
position: relative;
z-index: 10;
min-height: 30rem;
max-height: 56.5vh;
}
.intro.view-slider .intro-slide {
position: relative;
color: white;
}
.intro.view-slider .intro-slide .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 9rem;
padding-bottom: 9rem;
z-index: 1;
max-width: 140rem;
padding-top: 10vh;
padding-bottom: 10vh;
}
@media (min-width: 700px) {
.intro.view-slider .intro-slide .inner {
padding: 9rem 8rem;
}
}
.intro.view-slider .intro-slide-background {
position: relative;
width: 100%;
height: 100vh;
min-height: 30rem;
max-height: 56.5vh;
}
.intro.view-slider .intro-slide-background::before {
content: "";
display: block;
background: rgba(66, 77, 94, 0.3);
}
.intro.view-slider .intro-slide-background img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover";
}
.nav {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10000;
background: #445161 url(../images/background-nav.svg) no-repeat left bottom;
color: #F8F8F8;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.admin-bar .nav {
top: 32px;
}
@media (max-width: 782px) {
.admin-bar .nav {
top: 46px;
}
}
.nav .inner {
padding: 7rem 2rem 3rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 700px) {
.nav .inner {
padding: 7rem 3rem 3rem;
}
}
@media (min-width: 980px) {
.nav .inner {
padding: 15vh 3rem;
}
}
.nav .search_form {
position: absolute;
top: 1.75rem;
}
@media (max-width: 479px) {
.nav .search_form {
left: 6.5rem;
right: 2rem;
width: auto;
}
.nav .search_form .search_form-input {
max-width: 100%;
}
.nav .search_form .search_form-btn {
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
}
@media (min-width: 480px) {
.nav .search_form {
right: 3rem;
}
}
.nav-sections {
display: -ms-grid;
display: grid;
grid-gap: 2rem;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
@media (min-width: 480px) {
.nav-sections {
-ms-grid-columns: 1fr 2rem 1fr;
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 700px) {
.nav-sections {
-ms-grid-columns: 1fr 3rem 1fr 3rem 1fr;
grid-template-columns: repeat(3, 1fr);
grid-gap: 3.8rem 3rem;
}
}
@media (min-width: 980px) {
.nav-sections {
-ms-grid-columns: 1fr 3rem 1fr 3rem 1fr 3rem 1fr;
grid-template-columns: repeat(4, 1fr);
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.nav-sections-itm-img {
border-radius: 4px;
overflow: hidden;
}
.nav-sections-itm-img img {
display: block;
width: 100%;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
}
.nav-sections-itm .title, .nav-sections-itm .comments .comment-respond .comment-reply-title, .comments .comment-respond .nav-sections-itm .comment-reply-title {
position: relative;
margin: 0;
padding: 1rem 0;
font-size: 1.8rem;
}
@media (min-width: 700px) {
.nav-sections-itm .title, .nav-sections-itm .comments .comment-respond .comment-reply-title, .comments .comment-respond .nav-sections-itm .comment-reply-title {
font-size: 2.2rem;
}
}
.nav-sections-itm .title span, .nav-sections-itm .comments .comment-respond .comment-reply-title span, .comments .comment-respond .nav-sections-itm .comment-reply-title span {
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
color: rgba(248, 248, 248, 0.8);
}
.nav-sections-itm .title::after, .nav-sections-itm .comments .comment-respond .comment-reply-title::after, .comments .comment-respond .nav-sections-itm .comment-reply-title::after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 0.2rem;
background: currentColor;
}
@media (hover: hover) {
.nav-sections-itm:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.nav-sections-itm:hover .title span, .nav-sections-itm:hover .comments .comment-respond .comment-reply-title span, .comments .comment-respond .nav-sections-itm:hover .comment-reply-title span {
color: white;
}
}
.nav-main {
margin: 2rem 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
@media (min-width: 700px) {
.nav-main {
margin: 0 0 4rem;
}
}
@media (min-width: 980px) {
.nav-main {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin: 9.4rem 0 0;
}
}
.nav-main li a {
display: inline-block;
vertical-align: middle;
padding: 1.5rem 0;
font-size: 2rem;
font-weight: bold;
letter-spacing: 0.05em;
color: rgba(248, 248, 248, 0.8);
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
}
@media (hover: hover) {
.nav-main li a:hover {
color: white;
}
}
.nav-main li::after {
content: "";
display: block;
width: 3rem;
height: 0.1rem;
background: rgba(0, 0, 0, 0.3);
}
.nav-main li:last-child::after {
display: none;
}
.newsletter {
background: #ACE5E3 url(../images/background-newsletter.svg) no-repeat center/cover;
border-radius: 8px;
}
@media (max-width: 699px) {
.newsletter {
margin: 0 -2rem -3rem;
border-radius: 0;
}
}
.newsletter-cnt {
max-width: 66rem;
margin: 0 auto;
padding: 5rem 3rem 4.3rem;
text-align: center;
}
.newsletter .title, .newsletter .comments .comment-respond .comment-reply-title, .comments .comment-respond .newsletter .comment-reply-title, .newsletter-subtitle {
color: #495264;
}
.newsletter .title, .newsletter .comments .comment-respond .comment-reply-title, .comments .comment-respond .newsletter .comment-reply-title {
margin: 0 0 1.95rem;
font-weight: 700;
}
.newsletter-subtitle {
max-width: 50rem;
margin: 0 auto;
}
.newsletter .form {
position: relative;
max-width: 42.4rem;
margin: 4rem auto 6rem;
}
.newsletter .form span.wpcf7-list-item {
margin: 0;
}
.newsletter .form .wpcf7-form-control.wpcf7-acceptance, .newsletter .form .wpcf7-form-control.wpcf7-acceptance * {
cursor: pointer;
}
.newsletter .form .checkbox-label,
.newsletter .form .checkbox .wpcf7-list-item-label {
color: #495264;
font-size: 1.4rem;
}
.newsletter .form .wpcf7-not-valid-tip {
display: none !important;
}
.newsletter .form div.wpcf7 .ajax-loader {
width: auto;
height: auto;
background-color: rgba(248, 248, 248, 0.5);
background-position: center;
background-repeat: no-repeat;
margin: 0;
}
.newsletter .form div.wpcf7-response-output {
position: absolute;
top: 100%;
left: 0;
right: 0;
margin: 1rem auto;
padding: 0.6rem 1rem;
border: 0;
padding: 1rem 0;
font-weight: 600;
background: white;
color: #495264;
}
.newsletter .wysiwyg {
font-size: 1.2rem;
letter-spacing: -0.01em;
color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 699px) {
.newsletter .wysiwyg p {
line-height: 160%;
}
}
.posts {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1;
grid-template-columns: 1;
grid-gap: 5rem;
}
@media (min-width: 480px) {
.posts {
grid-gap: 5rem 2rem;
-ms-grid-columns: 1fr 2rem 1fr;
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 700px) {
.posts {
grid-gap: 4rem;
-ms-grid-columns: 1fr 4rem 1fr 4rem 1fr;
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 980px) {
.posts {
grid-gap: 6rem;
}
}
@media (min-width: 1240px) {
.posts {
grid-gap: 8rem;
}
}
.posts.view-archive {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
@media (min-width: 980px) {
.posts.view-archive {
-ms-grid-columns: 1fr 8rem 1fr;
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 700px) {
.posts.view-bookarts_archive {
-ms-grid-columns: 1fr 6.6rem 1fr;
grid-template-columns: repeat(2, 1fr);
grid-gap: 6.6rem;
}
}
.sidebar {
padding-bottom: 2.2rem;
}
.sidebar .title, .sidebar .comments .comment-respond .comment-reply-title, .comments .comment-respond .sidebar .comment-reply-title {
font-size: 1.8rem;
color: #495264;
}
.sidebar-widget + .sidebar-widget {
margin-top: 3rem;
padding-top: 3rem;
border-top: 1px solid rgba(73, 82, 100, 0.15);
}
.sidebar-widget-banner {
display: block;
border-bottom: 0.2rem solid transparent;
-webkit-transition: 100ms;
-o-transition: 100ms;
transition: 100ms;
border-radius: 2px;
}
.sidebar-widget-banner img {
display: block;
width: 100%;
}
.sidebar-widget-banner + .sidebar-widget-banner {
margin-top: 1.8rem;
}
@media (hover: hover) {
.sidebar-widget-banner:hover {
border-bottom-color: #FCEB47;
}
}
.team {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 2rem;
}
@media (min-width: 480px) {
.team {
-ms-grid-columns: 1fr 3rem 1fr;
grid-template-columns: repeat(2, 1fr);
grid-gap: 3rem;
}
}
@media (min-width: 700px) {
.team {
-ms-grid-columns: 1fr 3.5rem 1fr 3.5rem 1fr;
grid-template-columns: repeat(3, 1fr);
grid-gap: 3rem 3.5rem;
}
}
@media (min-width: 980px) {
.team {
grid-gap: 6rem 3.5rem;
}
}
.title + .team, .comments .comment-respond .comment-reply-title + .team {
margin: 1.5rem 0 0;
}
@media (min-width: 700px) {
.title + .team, .comments .comment-respond .comment-reply-title + .team {
margin: 7.3rem 0 0;
}
}
.team.view-blog {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 2rem;
}
@media (min-width: 700px) {
.team.view-blog {
grid-gap: 4rem;
}
}
.team.view-blog > .title, .comments .comment-respond .team.view-blog > .comment-reply-title {
color: rgba(73, 82, 100, 0.75);
}
@media (min-width: 700px) {
.team.view-blog > .title, .comments .comment-respond .team.view-blog > .comment-reply-title {
margin: 0 0 -2rem;
}
}
.blog {
position: relative;
}
.blog h1.title, .blog .comments .comment-respond h1.comment-reply-title, .comments .comment-respond .blog h1.comment-reply-title {
margin: 0 0 5rem;
}
.blog-title_line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
@media (min-width: 700px) {
.blog-title_line {
max-width: calc(100% - 32rem - 5rem);
}
}
@media (min-width: 980px) {
.blog-title_line {
max-width: calc(100% - 32rem - 7rem);
}
}
@media (min-width: 1240px) {
.blog-title_line {
max-width: calc(100% - 32rem - 12rem);
}
}
.blog-title_line h1.title, .blog-title_line .comments .comment-respond h1.comment-reply-title, .comments .comment-respond .blog-title_line h1.comment-reply-title {
margin: 0;
}
.blog-mobile {
display: block;
max-width: 40rem;
}
@media (min-width: 700px) {
.blog-mobile {
display: none;
}
}
.title + .blog-mobile, .comments .comment-respond .comment-reply-title + .blog-mobile {
margin: 0 0 4rem;
}
.blog-mobile:first-child {
margin: 0 0 4rem;
}
.blog-mobile:last-child {
margin: 4rem 0 0;
}
.blog-mobile .sidebar {
padding: 0;
}
@media (min-width: 700px) {
.blog-cnt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.blog-cnt-main {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media (min-width: 700px) {
.blog-cnt-main {
max-width: calc(100% - 32rem - 5rem);
}
}
@media (min-width: 980px) {
.blog-cnt-main {
max-width: calc(100% - 32rem - 7rem);
}
}
@media (min-width: 1240px) {
.blog-cnt-main {
max-width: calc(100% - 32rem - 12rem);
}
}
@media (max-width: 699px) {
.blog-cnt-main .author_itm {
margin: 0 -2rem;
}
}
.blog-cnt-sidebar {
display: none;
position: relative;
margin-top: 4rem;
}
@media (min-width: 700px) {
.blog-cnt-sidebar {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 32rem;
flex: 0 0 32rem;
margin-left: 5rem;
margin-top: 0;
}
.blog-cnt-sidebar::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -2.5rem;
width: 0.1rem;
background: rgba(73, 82, 100, 0.15);
}
}
@media (min-width: 980px) {
.blog-cnt-sidebar {
margin-left: 7rem;
}
}
@media (min-width: 1240px) {
.blog-cnt-sidebar {
margin-left: 12rem;
}
}
.blog-cnt .comments {
margin: 3rem 0 0;
}
@media (min-width: 700px) {
.blog-cnt .comments {
margin: 7rem 0 0;
}
}
.blog .pagination {
margin: 6rem 0 0;
}
.content {
overflow: hidden;
}
@media (min-width: 980px) {
.content {
min-height: calc(100vh - 7rem);
position: relative;
padding-bottom: 34.3rem;
}
.admin-bar .content {
margin-top: 32px;
min-height: calc(100vh - 7rem - 32px);
}
}
@media (min-width: 980px) {
.content .footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
}
@media (min-width: 700px) {
.content.view-stain1::before {
content: url(../images/background-sections.svg);
position: absolute;
top: -20.5rem;
right: 0;
z-index: -1;
}
}
@media (min-width: 700px) {
.content.view-stain2::after {
content: url(../images/background-blog.svg);
position: absolute;
top: 75.7rem;
right: 0;
z-index: -1;
}
}
@media (min-width: 700px) {
.content.view-stain3 .block:first-child .inner::before {
content: url(../images/background-book.svg);
position: absolute;
left: 0;
top: -14rem;
z-index: -1;
}
}
@media (min-width: 700px) {
.content.view-quote_stain1 .inner {
position: relative;
}
.content.view-quote_stain1 .block:first-child .inner::before {
content: url(../images/background-quote1.svg);
position: absolute;
left: -31rem;
top: 2.3rem;
z-index: -1;
}
}
@media (min-width: 700px) {
.content.view-quote_stain2 .inner {
position: relative;
}
.content.view-quote_stain2 .block:first-child .inner::after {
content: url(../images/background-quote2.svg);
position: absolute;
left: -17.4rem;
bottom: -37rem;
z-index: -1;
}
}
.error_page {
background: #ACE5E3 url(../images/background-404.svg) no-repeat center/cover;
padding-bottom: 0;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: calc(100vh - 7rem);
}
.error_page .inner {
-webkit-transform: translateY(-7.5%);
-ms-transform: translateY(-7.5%);
transform: translateY(-7.5%);
}
.error_page-title, .error_page-subtitle {
color: white;
font-weight: 600;
}
.error_page-title {
font-size: 8rem;
}
@media (min-width: 700px) {
.error_page-title {
font-size: 12rem;
}
}
@media (min-width: 980px) {
.error_page-title {
font-size: 18rem;
}
}
.error_page-subtitle {
font-size: 2.4rem;
margin: 1rem 0 6.4rem;
}
@media (min-width: 980px) {
.error_page-subtitle {
font-size: 3rem;
letter-spacing: 0.03em;
}
}
.error_page .search__results {
margin: 0 0 6rem;
}
.error_page .search__results .search_form {
margin: 2.4rem auto 0;
max-width: 35.5rem;
}
.error_page .search__results .search_form-input {
width: 100%;
}
.error_page .btn, .error_page .comments .comment-respond .comment-form .form-submit input[type=submit], .comments .comment-respond .comment-form .form-submit .error_page input[type=submit] {
min-width: 26rem;
}
.home {
background: #F8F8F8;
}
.search_page .blog-cnt .title, .search_page .blog-cnt .comments .comment-respond .comment-reply-title, .comments .comment-respond .search_page .blog-cnt .comment-reply-title {
display: block;
color: #424D5E;
}
.search_page .blog-cnt-main-search_part .title + .books, .search_page .blog-cnt-main-search_part .comments .comment-respond .comment-reply-title + .books, .comments .comment-respond .search_page .blog-cnt-main-search_part .comment-reply-title + .books {
margin-top: 2.5rem;
}
.search_page .blog-cnt-main-search_part .title + .posts, .search_page .blog-cnt-main-search_part .comments .comment-respond .comment-reply-title + .posts, .comments .comment-respond .search_page .blog-cnt-main-search_part .comment-reply-title + .posts {
margin-top: 3rem;
}
.search_page .blog-cnt-main-search_part hr {
margin: 5rem 0 6rem;
}
.search_page .blog-cnt-main-search_part + .blog-cnt-main-search_part {
border-top: 1px solid #424D5E;
margin: 5rem 0 0;
padding: 6rem 0 0;
}
.search_page .blog-cnt-main-search_part.view-slick .title + .books, .search_page .blog-cnt-main-search_part.view-slick .comments .comment-respond .comment-reply-title + .books, .comments .comment-respond .search_page .blog-cnt-main-search_part.view-slick .comment-reply-title + .books {
margin-top: -2rem;
}
.search_page .blog-cnt-main-search_part.view-slick .title + .posts, .search_page .blog-cnt-main-search_part.view-slick .comments .comment-respond .comment-reply-title + .posts, .comments .comment-respond .search_page .blog-cnt-main-search_part.view-slick .comment-reply-title + .posts {
margin-top: -2rem;
}
.search_page .blog-cnt-main-search_part.view-slick .books, .search_page .blog-cnt-main-search_part.view-slick .posts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 100%;
margin: -3rem -2rem;
}
.search_page .blog-cnt-main-search_part.view-slick .books .book_wrap,
.search_page .blog-cnt-main-search_part.view-slick .books .post__wrap, .search_page .blog-cnt-main-search_part.view-slick .posts .book_wrap,
.search_page .blog-cnt-main-search_part.view-slick .posts .post__wrap {
max-width: none;
margin: 3rem 2rem;
}
.search_page .blog-cnt-main-search_part.view-slick .books .book_wrap, .search_page .blog-cnt-main-search_part.view-slick .posts .book_wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 16rem;
flex: 0 0 16rem;
}
.search_page .blog-cnt-main-search_part.view-slick .books .post__wrap, .search_page .blog-cnt-main-search_part.view-slick .posts .post__wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 36rem;
flex: 0 0 36rem;
}
.search_page .blog-cnt-main-search_part.view-slick .slick-prev {
display: none !important;
}
.search_page .blog-cnt-main-search_part.view-slick .slick-next {
right: -4rem;
border: 1px solid #eaeaec;
border-radius: 2px;
}
.project {
background: #373E4C;
color: white;
}
@media (min-width: 980px) {
.project {
padding-bottom: 44.3rem;
}
}
.project .wysiwyg {
color: rgba(255, 255, 255, 0.8);
}
.project .blog-cnt-sidebar::before {
background: rgba(255, 255, 255, 0.05);
}
.project .blog-cnt-sidebar .sidebar-widget .title, .project .blog-cnt-sidebar .sidebar-widget .comments .comment-respond .comment-reply-title, .comments .comment-respond .project .blog-cnt-sidebar .sidebar-widget .comment-reply-title {
color: white !important;
}
.project .blog-cnt-sidebar .sidebar-widget + .sidebar-widget {
border-top-color: rgba(255, 255, 255, 0.05);
}
.project .intro {
position: relative;
z-index: 2;
}
.project .block {
position: relative;
}
.project .block .inner {
position: relative;
z-index: 1;
}
.project .footer {
z-index: 2;
}
.project-stain1 {
display: none;
}
@media (min-width: 700px) {
.project-stain1 {
display: block;
position: absolute;
top: -20.5rem;
right: -20rem;
}
}
.project-stain2 {
display: none;
}
@media (min-width: 700px) {
.project-stain2 {
display: block;
position: absolute;
top: 75.7rem;
right: 0;
}
}
.project .block > .inner > .title.view-project_name, .project .comments .comment-respond .block > .inner > .view-project_name.comment-reply-title, .comments .comment-respond .project .block > .inner > .view-project_name.comment-reply-title,
.project .block > .inner > .grid > .grid-col > .title.view-project_name,
.project .comments .comment-respond .block > .inner > .grid > .grid-col > .view-project_name.comment-reply-title,
.comments .comment-respond .project .block > .inner > .grid > .grid-col > .view-project_name.comment-reply-title,
.project .blog-cnt-main .title.view-project_name,
.project .blog-cnt-main .comments .comment-respond .view-project_name.comment-reply-title,
.comments .comment-respond .project .blog-cnt-main .view-project_name.comment-reply-title,
.project .wysiwyg h1.view-project_name,
.project .wysiwyg h2.view-project_name,
.project .wysiwyg h3.view-project_name,
.project .wysiwyg h4.view-project_name,
.project .wysiwyg h5.view-project_name,
.project .wysiwyg h6.view-project_name,
.project .sidebar .title.view-project_name,
.project .sidebar .comments .comment-respond .view-project_name.comment-reply-title,
.comments .comment-respond .project .sidebar .view-project_name.comment-reply-title {
border-bottom: 0.1rem solid currentColor;
padding: 0 0 0.6rem;
}
.project .block > .inner > .title.view-dim, .project .comments .comment-respond .block > .inner > .view-dim.comment-reply-title, .comments .comment-respond .project .block > .inner > .view-dim.comment-reply-title,
.project .block > .inner > .grid > .grid-col > .title.view-dim,
.project .comments .comment-respond .block > .inner > .grid > .grid-col > .view-dim.comment-reply-title,
.comments .comment-respond .project .block > .inner > .grid > .grid-col > .view-dim.comment-reply-title,
.project .blog-cnt-main .title.view-dim,
.project .blog-cnt-main .comments .comment-respond .view-dim.comment-reply-title,
.comments .comment-respond .project .blog-cnt-main .view-dim.comment-reply-title,
.project .wysiwyg h1.view-dim,
.project .wysiwyg h2.view-dim,
.project .wysiwyg h3.view-dim,
.project .wysiwyg h4.view-dim,
.project .wysiwyg h5.view-dim,
.project .wysiwyg h6.view-dim,
.project .sidebar .title.view-dim,
.project .sidebar .comments .comment-respond .view-dim.comment-reply-title,
.comments .comment-respond .project .sidebar .view-dim.comment-reply-title {
color: rgba(255, 255, 255, 0.2) !important;
}
.project-stain1, .project-stain2 {
opacity: 0.5;
}
.project .wp-paginate li a, .project .wp-paginate li span {
color: rgba(255, 255, 255, 0.5);
}
.project .wp-paginate li a.current, .project .wp-paginate li span.current {
color: white;
}
@media (hover: hover) {
.project .wp-paginate li a:hover {
color: white;
}
}
.rules {
text-align: center;
position: relative;
}
.rules-intro {
max-width: 59rem;
margin: 0 auto;
text-align: center;
}
.rules-block {
max-width: 72%;
margin: 7.5rem auto 5rem;
text-align: left;
}
@media (max-width: 980px) {
.rules-block {
max-width: 90%;
}
}
.rules-block .title, .rules-block .comments .comment-respond .comment-reply-title, .comments .comment-respond .rules-block .comment-reply-title {
color: #23B6BF;
font-size: 2.5rem;
}
.rules-block .wysiwyg {
font-family: "FuturaAX", sans-serif;
font-size: 1.8rem;
color: rgba(0, 0, 0, 0.8);
}
.rules-block ol {
margin: 0 0 1.5em;
padding: 0;
counter-reset: item;
}
.rules-block ol li {
position: relative;
margin: 0.6rem 0;
padding-left: 3rem;
list-style-type: none;
counter-increment: item;
}
.rules-block ol li::before {
position: absolute;
top: 0;
left: 0;
width: 1em;
font-weight: 600;
text-align: right;
font-size: 1.8rem;
content: counter(item) ".";
}
.rules-block ol li ul li {
list-style-type: disc;
padding-left: 0;
}
.rules-block ol li ul li::before {
display: none;
}
.rules-block ol li ul li ul li {
list-style-type: circle;
}
.rules-block ul li {
margin: 0.6rem 0;
}
.awards {
scroll-behavior: smooth;
text-align: center;
padding-bottom: 5rem;
}
.awards .wysiwyg.view-white {
color: rgba(255, 255, 255, 0.8);
}
.awards-logo {
display: inline-block;
margin-top: 3rem;
width: 240px;
height: 60px;
vertical-align: middle;
background-image: url("../images/awards_logo.svg");
}
.awards-intro {
max-width: 750px;
margin: 0 auto;
position: relative;
z-index: 15;
}
.awards-intro.view-dots {
position: relative;
}
.awards-intro.view-dots::before {
content: "";
display: inline-block;
width: 120px;
height: 138px;
background-image: url("../images/dots2.svg");
background-size: 100%;
background-repeat: no-repeat;
position: absolute;
right: 40px;
top: -30px;
}
.awards-intro.view-dots::after {
content: "";
display: inline-block;
width: 120px;
height: 138px;
background-image: url("../images/dots.svg");
background-size: 100%;
background-repeat: no-repeat;
position: absolute;
left: -80px;
bottom: -300px;
}
.awards-intro-desc {
margin: 10px auto 30px;
max-width: 460px;
}
.awards-intro-desc .wysiwyg {
font-size: 1.6rem;
font-weight: 600;
text-align: center;
}
.awards-intro-desc .wysiwyg.view-white {
font-weight: normal;
}
.awards-desc {
margin: 50px auto 30px;
max-width: 460px;
}
.awards-desc .wysiwyg {
font-size: 1.6rem;
font-weight: 600;
text-align: center;
}
.awards-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 160px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
position: fixed;
right: 4%;
top: 60px;
font-size: 1.4rem;
font-weight: 500;
z-index: 15;
}
.awards-nav-list {
list-style: none;
text-align: right;
}
@media (max-width: 980px) {
.awards-nav-list {
display: none;
}
}
.awards-nav-item {
margin: 5px auto;
color: #23B6BF;
cursor: pointer;
}
.awards-links {
margin: 2rem auto 6rem;
max-width: 600px;
}
.awards-links-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style: none;
padding-left: 0;
}
@media (max-width: 979px) {
.awards-links-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: left;
}
}
.awards-links-list li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #23B6BF;
position: relative;
}
@media (max-width: 979px) {
.awards-links-list li {
margin-bottom: 1rem;
}
}
.awards-links-list li + li:before {
content: "";
display: block;
width: 1px;
height: 15px;
margin: 0 12px;
background-color: rgba(0, 0, 0, 0.1);
}
@media (max-width: 979px) {
.awards-links-list li + li:before {
display: none;
}
}
.awards-title-sub {
color: white;
font-size: 2rem;
}
.awards-labels {
margin: 4rem auto;
}
.awards-labels-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 660px;
margin: 0 auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.awards-labels-item {
margin: 0 1rem 1rem;
padding: 6px 12px;
color: white;
font-size: 1.6rem;
font-weight: 500;
background-color: #D465A3;
cursor: default;
}
@media (max-width: 480px) {
.awards-labels-item {
min-width: 100%;
}
}
@media (hover: hover) {
.awards-labels-item:hover, .awards-labels-item.selected {
background-color: #D465A3;
}
}
.awards-books {
margin-top: 120px;
}
.awards-book {
position: relative;
width: 100%;
margin: 50px auto 200px;
}
.awards-book > * {
position: relative;
z-index: 5;
}
.awards-book:nth-child(2n+1)::after {
content: "";
display: block;
position: absolute;
padding-top: 200px;
z-index: 2;
top: -150px;
left: calc(-25vh);
width: 150vw;
height: 1000px;
background: url(../images/awards-stain.svg) no-repeat center/100% auto;
pointer-events: none;
}
.awards-book:nth-child(2n)::after {
left: calc(-25vh);
}
.awards-book:nth-child(4n+1)::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.awards-book-winner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 980px) {
.awards-book-winner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
}
}
.awards-book-winner.flex-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.awards-book-cover {
width: 300px;
min-width: 300px;
height: 460px;
max-height: 460px;
}
@media (max-width: 980px) {
.awards-book-cover {
text-align: left;
margin-bottom: 2rem;
}
}
.awards-book-cover img {
min-width: 180px;
width: 100%;
}
.awards-book-cover.blogger {
height: 200px;
}
.awards-book-cover.blogger img {
max-width: 170px;
height: auto;
border-radius: 100px;
border: 6px solid white;
}
.awards-book-desc {
max-width: 580px;
margin-left: 6rem;
text-align: left;
color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 980px) {
.awards-book-desc {
margin-left: 0;
}
}
.awards-book-category {
position: relative;
width: 100%;
height: 50px;
padding: 12px 30px;
color: #495264;
}
@media (max-width: 480px) {
.awards-book-category {
padding: 0;
color: white;
background-image: none !important;
}
}
.awards-book-category span {
position: relative;
z-index: 1;
}
.awards-book-category svg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 489px;
height: 100%;
}
.awards-book-category.teal svg {
fill: #41D7DE;
}
.awards-book-category.pink svg {
fill: #FFA3CC;
}
.awards-book-category.orange svg, .awards-book-category.organge svg {
fill: #FFB49C;
}
.awards-book-category.mint svg {
fill: #ACE5E3;
}
.awards-book-category.yellow svg {
fill: #FAE18E;
}
.awards-book-category.blue svg {
fill: #6DC2FF;
}
.awards-book-category.violet svg {
fill: #C3B5FA;
}
.awards-book-category.yellow_dark svg {
fill: #EFBA6B;
}
.awards-book .awards-book-category {
margin-left: 0;
}
@media (min-width: 980px) {
.awards-book .awards-book-category {
margin-left: -30px;
}
}
.awards-book-info {
margin-bottom: 0;
}
.awards-book-price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.awards-book-price p {
margin-right: 10px;
padding: 6px 12px;
border-radius: 2px;
color: #D465A3;
cursor: pointer;
}
.awards-book-price p::before {
content: "";
display: inline-block;
width: 11px;
height: 16px;
margin-right: 4px;
vertical-align: middle;
}
.awards-book-price p.view-selected {
color: white;
background-color: #D465A3;
}
.awards-book-price p.gold::before {
background-image: url("../images/gold.svg");
}
.awards-book-price p.silver::before {
background-image: url("../images/silver.svg");
}
.awards-book-price p.bronse::before {
background-image: url("../images/bronse.svg");
}
.awards-book-name {
font-size: 2.5rem;
font-weight: 600;
color: white;
}
.awards-book-article {
max-width: 360px;
}
.awards-book-other {
max-width: 820px;
margin: 60px auto 150px;
}
.awards-book-other.blogger {
margin-bottom: 0;
}
.awards-book-other.blogger img {
-o-object-fit: cover;
object-fit: cover;
border-radius: 100px;
border: 3px solid white;
}
.awards-book-subtitle {
font-size: 1.5rem;
color: rgba(255, 255, 255, 0.5);
text-align: left;
}
.awards-book-list {
text-align: left;
}
.awards-book-list img {
max-width: 15%;
margin-right: 1%;
margin-bottom: 2%;
display: inline-block;
}
@media (max-width: 700px) {
.awards-book-list img {
max-width: 20%;
margin-right: 2%;
margin-bottom: 2%;
}
}
.awards-vote {
padding-top: 80px;
}
.awards-vote-title {
max-width: 680px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
font-size: 4rem;
margin-bottom: 0;
color: #F7B8B9;
}
.awards-vote-title span {
background: #373e4c;
padding: 0 16px;
display: inline-block;
position: relative;
z-index: 1;
}
.awards-vote .wysiwyg {
color: #F7B8B9;
}
.awards-vote-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 6rem auto 0 auto;
color: white;
position: relative;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.awards-vote-wrap.blogers {
max-width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.awards-vote-wrap.blogers .awards-vote-item {
max-width: 18%;
margin-right: 2%;
margin-bottom: 7rem;
padding: 0 5px;
overflow: hidden;
}
@media (max-width: 700px) {
.awards-vote-wrap.blogers .awards-vote-item {
margin-right: unset;
max-width: 50%;
}
}
.awards-vote-notice {
margin-top: 5rem;
}
.awards-vote-link {
font-weight: 500;
opacity: 0.8;
cursor: pointer;
position: relative;
color: #23B6BF;
}
.awards-vote-link:hover {
opacity: 1;
}
.awards-vote-item {
max-width: 15%;
margin-right: 0.5%;
margin-left: 0.5%;
margin-bottom: 6rem;
}
@media (max-width: 980px) {
.awards-vote-item {
max-width: 24%;
margin-right: 1%;
}
}
@media (max-width: 700px) {
.awards-vote-item {
max-width: 32%;
margin-right: 2%;
}
}
@media (max-width: 480px) {
.awards-vote-item {
max-width: 48%;
margin-right: 2%;
}
}
.awards-vote-item > img {
width: 100%;
min-height:100%;
}
.awards-vote-item.view-active {
background-color: rgba(73, 82, 100, 0.9);
border-radius: 8px;
-webkit-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
}
.awards-vote-item.view-disable {
opacity: 0.5;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.awards-vote-item img {
max-height: 250px;
-o-object-fit: cover;
object-fit: cover;
padding: 6%;
}
.awards-vote-author {
margin-bottom: 0;
opacity: 0.8;
text-align: left;
height: 1.9rem;
overflow: hidden;
cursor: default;
}
.awards-vote-author:hover {
height: auto;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.awards-vote-name {
font-weight: 600;
font-size: 1.6rem;
}
.awards-vote-book {
margin-top: 0.6rem;
text-align: left;
height: 1.9rem;
overflow: hidden;
cursor: default;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.awards-vote-book:hover {
height: auto;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.awards-vote-bloger {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 125px;
height: 125px;
background-image: url("../images/bloger-bgd.svg");
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}
.awards-vote-bloger img {
width: 100px;
height: 100px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 100px;
}
.awards-vote-btn {
display: block;
min-width: 100px;
margin: 2rem auto 1rem;
padding: 6px 12px 6px 20px;
background-color: #D465A3;
color: white;
border-radius: 2px;
border: none;
position: relative;
}
.awards-vote-btn::before {
content: "";
display: inline-block;
width: 1px;
height: 12px;
background-color: rgba(255, 255, 255, 0.4);
position: absolute;
left: 22px;
top: 8px;
}
.awards-vote-btn:hover, .awards-vote-btn:focus {
background: #912863;
outline: none;
}
.awards-vote-btn.selected {
background: #912863;
outline: none;
padding: 6px 12px;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.awards-vote-btn.selected::before {
display: none;
}
.awards-vote-btn.selected img {
display: none;
}
.awards-vote-btn.bloger {
margin: 0 auto;
}
.awards-vote-btn img {
position: absolute;
left: 10px;
bottom: 0;
top: 11px;
padding: 0;
}
.awards-vote-cols {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 5rem;
}
@media (max-width: 700px) {
.awards-vote-cols {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.awards-vote-col {
color: white;
position: relative;
padding: 0 10px;
}
@media (max-width: 700px) {
.awards-vote-col {
margin: 1.4rem auto;
}
.awards-vote-col::after {
display: none !important;
}
}
.awards-vote-col::after {
content: "";
display: inline-block;
width: 1px;
height: 100px;
background-color: rgba(255, 255, 255, 0.1);
position: absolute;
right: 0;
top: 30px;
}
.awards-vote-col:last-child::after {
display: none;
}
.awards-vote-col .wysiwyg {
color: white;
font-weight: 500;
font-size: 1.8rem;
}
.awards-vote-subtitle {
font-size: 2rem;
font-weight: 600;
color: #23B6BF;
}
.awards-vote-note {
font-size: 1.4rem;
text-align: left;
color: white;
opacity: 0.7;
}
@media (max-width: 700px) {
.awards-vote-note {
text-align: center;
}
}
.awards-search {
max-width: 450px;
margin: 2rem auto 5rem;
}
.awards-search-note {
margin: 1em 0;
font-size: 1.4rem;
color: rgba(255, 255, 255, 0.8);
text-align: left;
}
.awards-search-note .link {
display: inline;
vertical-align: inherit;
cursor: pointer;
padding: 0;
border-bottom: 0;
font-family: inherit;
font-size: inherit;
font-weight: 500;
text-decoration: underline;
}
.awards-search-note .wysiwyg.view-hint {
color: rgba(255, 255, 255, 0.8);
padding: 2.4rem 0 0;
font-size: 1.4rem;
}
.awards-search-note .wysiwyg.view-hint ul {
padding-left: 0;
}
.awards-search .input, .awards-search .comments .comment-respond .comment-form .comment-form-comment input, .comments .comment-respond .comment-form .comment-form-comment .awards-search input, .awards-search .comments .comment-respond .comment-form .comment-form-comment textarea, .comments .comment-respond .comment-form .comment-form-comment .awards-search textarea,
.awards-search .comments .comment-respond .comment-form .comment-form-author input,
.comments .comment-respond .comment-form .comment-form-author .awards-search input,
.awards-search .comments .comment-respond .comment-form .comment-form-author textarea,
.comments .comment-respond .comment-form .comment-form-author .awards-search textarea,
.awards-search .comments .comment-respond .comment-form .comment-form-email input,
.comments .comment-respond .comment-form .comment-form-email .awards-search input,
.awards-search .comments .comment-respond .comment-form .comment-form-email textarea,
.comments .comment-respond .comment-form .comment-form-email .awards-search textarea,
.awards-search .comments .comment-respond .comment-form .comment-form-url input,
.comments .comment-respond .comment-form .comment-form-url .awards-search input,
.awards-search .comments .comment-respond .comment-form .comment-form-url textarea,
.comments .comment-respond .comment-form .comment-form-url .awards-search textarea {
width: 430px;
}
@media (max-width: 699px) {
.awards-search .input, .awards-search .comments .comment-respond .comment-form .comment-form-comment input, .comments .comment-respond .comment-form .comment-form-comment .awards-search input, .awards-search .comments .comment-respond .comment-form .comment-form-comment textarea, .comments .comment-respond .comment-form .comment-form-comment .awards-search textarea,
.awards-search .comments .comment-respond .comment-form .comment-form-author input,
.comments .comment-respond .comment-form .comment-form-author .awards-search input,
.awards-search .comments .comment-respond .comment-form .comment-form-author textarea,
.comments .comment-respond .comment-form .comment-form-author .awards-search textarea,
.awards-search .comments .comment-respond .comment-form .comment-form-email input,
.comments .comment-respond .comment-form .comment-form-email .awards-search input,
.awards-search .comments .comment-respond .comment-form .comment-form-email textarea,
.comments .comment-respond .comment-form .comment-form-email .awards-search textarea,
.awards-search .comments .comment-respond .comment-form .comment-form-url input,
.comments .comment-respond .comment-form .comment-form-url .awards-search input,
.awards-search .comments .comment-respond .comment-form .comment-form-url textarea,
.comments .comment-respond .comment-form .comment-form-url .awards-search textarea {
width: 400px;
}
}
@media (max-width: 479px) {
.awards-search .input, .awards-search .comments .comment-respond .comment-form .comment-form-comment input, .comments .comment-respond .comment-form .comment-form-comment .awards-search input, .awards-search .comments .comment-respond .comment-form .comment-form-comment textarea, .comments .comment-respond .comment-form .comment-form-comment .awards-search textarea,
.awards-search .comments .comment-respond .comment-form .comment-form-author input,
.comments .comment-respond .comment-form .comment-form-author .awards-search input,
.awards-search .comments .comment-respond .comment-form .comment-form-author textarea,
.comments .comment-respond .comment-form .comment-form-author .awards-search textarea,
.awards-search .comments .comment-respond .comment-form .comment-form-email input,
.comments .comment-respond .comment-form .comment-form-email .awards-search input,
.awards-search .comments .comment-respond .comment-form .comment-form-email textarea,
.comments .comment-respond .comment-form .comment-form-email .awards-search textarea,
.awards-search .comments .comment-respond .comment-form .comment-form-url input,
.comments .comment-respond .comment-form .comment-form-url .awards-search input,
.awards-search .comments .comment-respond .comment-form .comment-form-url textarea,
.comments .comment-respond .comment-form .comment-form-url .awards-search textarea {
width: 280px;
}
}
.awards-search .input-btn {
position: absolute;
right: 20px;
top: 0;
}
@media (max-width: 479px) {
.awards-search .input-btn {
right: 0;
}
}
.awards-register {
width: 100vw;
margin: 14rem auto -45rem;
padding: 60px 0;
background-color: white;
}
@media (max-width: 979px) {
.awards-register {
margin: 6rem auto;
}
}
.awards-register-wrap {
max-width: 40%;
margin: 0 auto;
}
@media (max-width: 979px) {
.awards-register-wrap {
max-width: 90%;
}
}
.awards-register-wrap.light {
max-width: 70%;
}
@media (max-width: 699px) {
.awards-register-wrap.light {
max-width: 96%;
}
}
.awards-register-wrap.light .input, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-comment input, .comments .comment-respond .comment-form .comment-form-comment .awards-register-wrap.light input, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-comment textarea, .comments .comment-respond .comment-form .comment-form-comment .awards-register-wrap.light textarea,
.awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-author input,
.comments .comment-respond .comment-form .comment-form-author .awards-register-wrap.light input,
.awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-author textarea,
.comments .comment-respond .comment-form .comment-form-author .awards-register-wrap.light textarea,
.awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-email input,
.comments .comment-respond .comment-form .comment-form-email .awards-register-wrap.light input,
.awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-email textarea,
.comments .comment-respond .comment-form .comment-form-email .awards-register-wrap.light textarea,
.awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-url input,
.comments .comment-respond .comment-form .comment-form-url .awards-register-wrap.light input,
.awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-url textarea,
.comments .comment-respond .comment-form .comment-form-url .awards-register-wrap.light textarea {
background-color: rgba(255, 255, 255, 0.2);
color: white;
}
.awards-register-wrap.light .input::-webkit-input-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-comment input::-webkit-input-placeholder, .comments .comment-respond .comment-form .comment-form-comment .awards-register-wrap.light input::-webkit-input-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-comment textarea::-webkit-input-placeholder, .comments .comment-respond .comment-form .comment-form-comment .awards-register-wrap.light textarea::-webkit-input-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-author input::-webkit-input-placeholder, .comments .comment-respond .comment-form .comment-form-author .awards-register-wrap.light input::-webkit-input-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-author textarea::-webkit-input-placeholder, .comments .comment-respond .comment-form .comment-form-author .awards-register-wrap.light textarea::-webkit-input-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-email input::-webkit-input-placeholder, .comments .comment-respond .comment-form .comment-form-email .awards-register-wrap.light input::-webkit-input-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-email textarea::-webkit-input-placeholder, .comments .comment-respond .comment-form .comment-form-email .awards-register-wrap.light textarea::-webkit-input-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-url input::-webkit-input-placeholder, .comments .comment-respond .comment-form .comment-form-url .awards-register-wrap.light input::-webkit-input-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-url textarea::-webkit-input-placeholder, .comments .comment-respond .comment-form .comment-form-url .awards-register-wrap.light textarea::-webkit-input-placeholder {
color: white;
}
.awards-register-wrap.light .input::-moz-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-comment input::-moz-placeholder, .comments .comment-respond .comment-form .comment-form-comment .awards-register-wrap.light input::-moz-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-comment textarea::-moz-placeholder, .comments .comment-respond .comment-form .comment-form-comment .awards-register-wrap.light textarea::-moz-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-author input::-moz-placeholder, .comments .comment-respond .comment-form .comment-form-author .awards-register-wrap.light input::-moz-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-author textarea::-moz-placeholder, .comments .comment-respond .comment-form .comment-form-author .awards-register-wrap.light textarea::-moz-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-email input::-moz-placeholder, .comments .comment-respond .comment-form .comment-form-email .awards-register-wrap.light input::-moz-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-email textarea::-moz-placeholder, .comments .comment-respond .comment-form .comment-form-email .awards-register-wrap.light textarea::-moz-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-url input::-moz-placeholder, .comments .comment-respond .comment-form .comment-form-url .awards-register-wrap.light input::-moz-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-url textarea::-moz-placeholder, .comments .comment-respond .comment-form .comment-form-url .awards-register-wrap.light textarea::-moz-placeholder {
color: white;
}
.awards-register-wrap.light .input:-ms-input-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-comment input:-ms-input-placeholder, .comments .comment-respond .comment-form .comment-form-comment .awards-register-wrap.light input:-ms-input-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-comment textarea:-ms-input-placeholder, .comments .comment-respond .comment-form .comment-form-comment .awards-register-wrap.light textarea:-ms-input-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-author input:-ms-input-placeholder, .comments .comment-respond .comment-form .comment-form-author .awards-register-wrap.light input:-ms-input-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-author textarea:-ms-input-placeholder, .comments .comment-respond .comment-form .comment-form-author .awards-register-wrap.light textarea:-ms-input-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-email input:-ms-input-placeholder, .comments .comment-respond .comment-form .comment-form-email .awards-register-wrap.light input:-ms-input-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-email textarea:-ms-input-placeholder, .comments .comment-respond .comment-form .comment-form-email .awards-register-wrap.light textarea:-ms-input-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-url input:-ms-input-placeholder, .comments .comment-respond .comment-form .comment-form-url .awards-register-wrap.light input:-ms-input-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-url textarea:-ms-input-placeholder, .comments .comment-respond .comment-form .comment-form-url .awards-register-wrap.light textarea:-ms-input-placeholder {
color: white;
}
.awards-register-wrap.light .input::-ms-input-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-comment input::-ms-input-placeholder, .comments .comment-respond .comment-form .comment-form-comment .awards-register-wrap.light input::-ms-input-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-comment textarea::-ms-input-placeholder, .comments .comment-respond .comment-form .comment-form-comment .awards-register-wrap.light textarea::-ms-input-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-author input::-ms-input-placeholder, .comments .comment-respond .comment-form .comment-form-author .awards-register-wrap.light input::-ms-input-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-author textarea::-ms-input-placeholder, .comments .comment-respond .comment-form .comment-form-author .awards-register-wrap.light textarea::-ms-input-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-email input::-ms-input-placeholder, .comments .comment-respond .comment-form .comment-form-email .awards-register-wrap.light input::-ms-input-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-email textarea::-ms-input-placeholder, .comments .comment-respond .comment-form .comment-form-email .awards-register-wrap.light textarea::-ms-input-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-url input::-ms-input-placeholder, .comments .comment-respond .comment-form .comment-form-url .awards-register-wrap.light input::-ms-input-placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-url textarea::-ms-input-placeholder, .comments .comment-respond .comment-form .comment-form-url .awards-register-wrap.light textarea::-ms-input-placeholder {
color: white;
}
.awards-register-wrap.light .input::placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-comment input::placeholder, .comments .comment-respond .comment-form .comment-form-comment .awards-register-wrap.light input::placeholder, .awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-comment textarea::placeholder, .comments .comment-respond .comment-form .comment-form-comment .awards-register-wrap.light textarea::placeholder,
.awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-author input::placeholder,
.comments .comment-respond .comment-form .comment-form-author .awards-register-wrap.light input::placeholder,
.awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-author textarea::placeholder,
.comments .comment-respond .comment-form .comment-form-author .awards-register-wrap.light textarea::placeholder,
.awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-email input::placeholder,
.comments .comment-respond .comment-form .comment-form-email .awards-register-wrap.light input::placeholder,
.awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-email textarea::placeholder,
.comments .comment-respond .comment-form .comment-form-email .awards-register-wrap.light textarea::placeholder,
.awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-url input::placeholder,
.comments .comment-respond .comment-form .comment-form-url .awards-register-wrap.light input::placeholder,
.awards-register-wrap.light .comments .comment-respond .comment-form .comment-form-url textarea::placeholder,
.comments .comment-respond .comment-form .comment-form-url .awards-register-wrap.light textarea::placeholder {
color: white;
}
.awards-register-title {
font-size: 4rem;
font-weight: 500;
max-width: 80%;
margin: 0 auto 3rem auto;
}
@media (max-width: 699px) {
.awards-register-title {
font-size: 3rem;
}
}
.awards-register-title.light {
color: white;
}
.awards-register-form {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1.5rem 1fr;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1.5rem;
padding-top: 20px;
padding-bottom: 20px;
}
@media (max-width: 700px) {
.awards-register-form {
-ms-grid-columns: 1fr;
grid-template-columns: repeat(1, 1fr);
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.awards-register-form {
display: block;
}
}
.awards-register-form .input, .awards-register-form .comments .comment-respond .comment-form .comment-form-comment input, .comments .comment-respond .comment-form .comment-form-comment .awards-register-form input, .awards-register-form .comments .comment-respond .comment-form .comment-form-comment textarea, .comments .comment-respond .comment-form .comment-form-comment .awards-register-form textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author input,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author textarea,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email input,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email textarea,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url input,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url textarea,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form textarea {
background-color: rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.05);
-ms-grid-column-span: 2;
grid-column: span 2;
border-radius: 2px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.awards-register-form .input + .input, .awards-register-form .comments .comment-respond .comment-form .comment-form-comment input + .input, .comments .comment-respond .comment-form .comment-form-comment .awards-register-form input + .input, .awards-register-form .comments .comment-respond .comment-form .comment-form-comment textarea + .input, .comments .comment-respond .comment-form .comment-form-comment .awards-register-form textarea + .input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author input + .input,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form input + .input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author textarea + .input,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form textarea + .input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email input + .input,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form input + .input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email textarea + .input,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form textarea + .input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url input + .input,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form input + .input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url textarea + .input,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form textarea + .input, .awards-register-form .comments .comment-respond .comment-form .comment-form-comment .input + input, .comments .comment-respond .comment-form .comment-form-comment .awards-register-form .input + input, .awards-register-form .comments .comment-respond .comment-form .comment-form-comment input + input, .comments .comment-respond .comment-form .comment-form-comment .awards-register-form input + input, .awards-register-form .comments .comment-respond .comment-form .comment-form-comment textarea + input, .comments .comment-respond .comment-form .comment-form-comment .awards-register-form textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .comment-form-comment input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-comment .comment-form-author input + input,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form .comment-form-comment input + input,
.comments .comment-respond .comment-form .comment-form-comment .comment-form-author .awards-register-form input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .comment-form-comment textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-comment .comment-form-author textarea + input,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form .comment-form-comment textarea + input,
.comments .comment-respond .comment-form .comment-form-comment .comment-form-author .awards-register-form textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .comment-form-comment input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-comment .comment-form-email input + input,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form .comment-form-comment input + input,
.comments .comment-respond .comment-form .comment-form-comment .comment-form-email .awards-register-form input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .comment-form-comment textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-comment .comment-form-email textarea + input,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form .comment-form-comment textarea + input,
.comments .comment-respond .comment-form .comment-form-comment .comment-form-email .awards-register-form textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .comment-form-comment input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-comment .comment-form-url input + input,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form .comment-form-comment input + input,
.comments .comment-respond .comment-form .comment-form-comment .comment-form-url .awards-register-form input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .comment-form-comment textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-comment .comment-form-url textarea + input,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form .comment-form-comment textarea + input,
.comments .comment-respond .comment-form .comment-form-comment .comment-form-url .awards-register-form textarea + input, .awards-register-form .comments .comment-respond .comment-form .comment-form-comment .input + textarea, .comments .comment-respond .comment-form .comment-form-comment .awards-register-form .input + textarea, .awards-register-form .comments .comment-respond .comment-form .comment-form-comment input + textarea, .comments .comment-respond .comment-form .comment-form-comment .awards-register-form input + textarea, .awards-register-form .comments .comment-respond .comment-form .comment-form-comment textarea + textarea, .comments .comment-respond .comment-form .comment-form-comment .awards-register-form textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .comment-form-comment input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-comment .comment-form-author input + textarea,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form .comment-form-comment input + textarea,
.comments .comment-respond .comment-form .comment-form-comment .comment-form-author .awards-register-form input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .comment-form-comment textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-comment .comment-form-author textarea + textarea,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form .comment-form-comment textarea + textarea,
.comments .comment-respond .comment-form .comment-form-comment .comment-form-author .awards-register-form textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .comment-form-comment input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-comment .comment-form-email input + textarea,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form .comment-form-comment input + textarea,
.comments .comment-respond .comment-form .comment-form-comment .comment-form-email .awards-register-form input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .comment-form-comment textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-comment .comment-form-email textarea + textarea,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form .comment-form-comment textarea + textarea,
.comments .comment-respond .comment-form .comment-form-comment .comment-form-email .awards-register-form textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .comment-form-comment input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-comment .comment-form-url input + textarea,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form .comment-form-comment input + textarea,
.comments .comment-respond .comment-form .comment-form-comment .comment-form-url .awards-register-form input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .comment-form-comment textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-comment .comment-form-url textarea + textarea,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form .comment-form-comment textarea + textarea,
.comments .comment-respond .comment-form .comment-form-comment .comment-form-url .awards-register-form textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .input + input,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form .input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-comment .comment-form-author input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .comment-form-comment input + input,
.comments .comment-respond .comment-form .comment-form-comment .awards-register-form .comment-form-author input + input,
.comments .comment-respond .comment-form .comment-form-author .comment-form-comment .awards-register-form input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-comment .comment-form-author textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .comment-form-comment textarea + input,
.comments .comment-respond .comment-form .comment-form-comment .awards-register-form .comment-form-author textarea + input,
.comments .comment-respond .comment-form .comment-form-author .comment-form-comment .awards-register-form textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author input + input,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author textarea + input,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .comment-form-author input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .comment-form-email input + input,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form .comment-form-author input + input,
.comments .comment-respond .comment-form .comment-form-author .comment-form-email .awards-register-form input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .comment-form-author textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .comment-form-email textarea + input,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form .comment-form-author textarea + input,
.comments .comment-respond .comment-form .comment-form-author .comment-form-email .awards-register-form textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .comment-form-author input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .comment-form-url input + input,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form .comment-form-author input + input,
.comments .comment-respond .comment-form .comment-form-author .comment-form-url .awards-register-form input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .comment-form-author textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .comment-form-url textarea + input,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form .comment-form-author textarea + input,
.comments .comment-respond .comment-form .comment-form-author .comment-form-url .awards-register-form textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .input + textarea,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form .input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-comment .comment-form-author input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .comment-form-comment input + textarea,
.comments .comment-respond .comment-form .comment-form-comment .awards-register-form .comment-form-author input + textarea,
.comments .comment-respond .comment-form .comment-form-author .comment-form-comment .awards-register-form input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-comment .comment-form-author textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .comment-form-comment textarea + textarea,
.comments .comment-respond .comment-form .comment-form-comment .awards-register-form .comment-form-author textarea + textarea,
.comments .comment-respond .comment-form .comment-form-author .comment-form-comment .awards-register-form textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author input + textarea,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author textarea + textarea,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .comment-form-author input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .comment-form-email input + textarea,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form .comment-form-author input + textarea,
.comments .comment-respond .comment-form .comment-form-author .comment-form-email .awards-register-form input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .comment-form-author textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .comment-form-email textarea + textarea,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form .comment-form-author textarea + textarea,
.comments .comment-respond .comment-form .comment-form-author .comment-form-email .awards-register-form textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .comment-form-author input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .comment-form-url input + textarea,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form .comment-form-author input + textarea,
.comments .comment-respond .comment-form .comment-form-author .comment-form-url .awards-register-form input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .comment-form-author textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .comment-form-url textarea + textarea,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form .comment-form-author textarea + textarea,
.comments .comment-respond .comment-form .comment-form-author .comment-form-url .awards-register-form textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .input + input,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form .input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-comment .comment-form-email input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .comment-form-comment input + input,
.comments .comment-respond .comment-form .comment-form-comment .awards-register-form .comment-form-email input + input,
.comments .comment-respond .comment-form .comment-form-email .comment-form-comment .awards-register-form input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-comment .comment-form-email textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .comment-form-comment textarea + input,
.comments .comment-respond .comment-form .comment-form-comment .awards-register-form .comment-form-email textarea + input,
.comments .comment-respond .comment-form .comment-form-email .comment-form-comment .awards-register-form textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .comment-form-email input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .comment-form-author input + input,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form .comment-form-email input + input,
.comments .comment-respond .comment-form .comment-form-email .comment-form-author .awards-register-form input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .comment-form-email textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .comment-form-author textarea + input,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form .comment-form-email textarea + input,
.comments .comment-respond .comment-form .comment-form-email .comment-form-author .awards-register-form textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email input + input,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email textarea + input,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .comment-form-email input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .comment-form-url input + input,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form .comment-form-email input + input,
.comments .comment-respond .comment-form .comment-form-email .comment-form-url .awards-register-form input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .comment-form-email textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .comment-form-url textarea + input,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form .comment-form-email textarea + input,
.comments .comment-respond .comment-form .comment-form-email .comment-form-url .awards-register-form textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .input + textarea,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form .input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-comment .comment-form-email input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .comment-form-comment input + textarea,
.comments .comment-respond .comment-form .comment-form-comment .awards-register-form .comment-form-email input + textarea,
.comments .comment-respond .comment-form .comment-form-email .comment-form-comment .awards-register-form input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-comment .comment-form-email textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .comment-form-comment textarea + textarea,
.comments .comment-respond .comment-form .comment-form-comment .awards-register-form .comment-form-email textarea + textarea,
.comments .comment-respond .comment-form .comment-form-email .comment-form-comment .awards-register-form textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .comment-form-email input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .comment-form-author input + textarea,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form .comment-form-email input + textarea,
.comments .comment-respond .comment-form .comment-form-email .comment-form-author .awards-register-form input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .comment-form-email textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .comment-form-author textarea + textarea,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form .comment-form-email textarea + textarea,
.comments .comment-respond .comment-form .comment-form-email .comment-form-author .awards-register-form textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email input + textarea,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email textarea + textarea,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .comment-form-email input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .comment-form-url input + textarea,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form .comment-form-email input + textarea,
.comments .comment-respond .comment-form .comment-form-email .comment-form-url .awards-register-form input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .comment-form-email textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .comment-form-url textarea + textarea,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form .comment-form-email textarea + textarea,
.comments .comment-respond .comment-form .comment-form-email .comment-form-url .awards-register-form textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .input + input,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form .input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-comment .comment-form-url input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .comment-form-comment input + input,
.comments .comment-respond .comment-form .comment-form-comment .awards-register-form .comment-form-url input + input,
.comments .comment-respond .comment-form .comment-form-url .comment-form-comment .awards-register-form input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-comment .comment-form-url textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .comment-form-comment textarea + input,
.comments .comment-respond .comment-form .comment-form-comment .awards-register-form .comment-form-url textarea + input,
.comments .comment-respond .comment-form .comment-form-url .comment-form-comment .awards-register-form textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .comment-form-url input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .comment-form-author input + input,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form .comment-form-url input + input,
.comments .comment-respond .comment-form .comment-form-url .comment-form-author .awards-register-form input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .comment-form-url textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .comment-form-author textarea + input,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form .comment-form-url textarea + input,
.comments .comment-respond .comment-form .comment-form-url .comment-form-author .awards-register-form textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .comment-form-url input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .comment-form-email input + input,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form .comment-form-url input + input,
.comments .comment-respond .comment-form .comment-form-url .comment-form-email .awards-register-form input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .comment-form-url textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .comment-form-email textarea + input,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form .comment-form-url textarea + input,
.comments .comment-respond .comment-form .comment-form-url .comment-form-email .awards-register-form textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url input + input,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form input + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url textarea + input,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form textarea + input,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .input + textarea,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form .input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-comment .comment-form-url input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .comment-form-comment input + textarea,
.comments .comment-respond .comment-form .comment-form-comment .awards-register-form .comment-form-url input + textarea,
.comments .comment-respond .comment-form .comment-form-url .comment-form-comment .awards-register-form input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-comment .comment-form-url textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .comment-form-comment textarea + textarea,
.comments .comment-respond .comment-form .comment-form-comment .awards-register-form .comment-form-url textarea + textarea,
.comments .comment-respond .comment-form .comment-form-url .comment-form-comment .awards-register-form textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .comment-form-url input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .comment-form-author input + textarea,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form .comment-form-url input + textarea,
.comments .comment-respond .comment-form .comment-form-url .comment-form-author .awards-register-form input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author .comment-form-url textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .comment-form-author textarea + textarea,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form .comment-form-url textarea + textarea,
.comments .comment-respond .comment-form .comment-form-url .comment-form-author .awards-register-form textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .comment-form-url input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .comment-form-email input + textarea,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form .comment-form-url input + textarea,
.comments .comment-respond .comment-form .comment-form-url .comment-form-email .awards-register-form input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email .comment-form-url textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url .comment-form-email textarea + textarea,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form .comment-form-url textarea + textarea,
.comments .comment-respond .comment-form .comment-form-url .comment-form-email .awards-register-form textarea + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url input + textarea,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form input + textarea,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url textarea + textarea,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form textarea + textarea {
margin-top: 1.5rem;
}
}
.awards-register-form .input.view-two, .awards-register-form .comments .comment-respond .comment-form .comment-form-comment input.view-two, .comments .comment-respond .comment-form .comment-form-comment .awards-register-form input.view-two, .awards-register-form .comments .comment-respond .comment-form .comment-form-comment textarea.view-two, .comments .comment-respond .comment-form .comment-form-comment .awards-register-form textarea.view-two,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author input.view-two,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form input.view-two,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author textarea.view-two,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form textarea.view-two,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email input.view-two,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form input.view-two,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email textarea.view-two,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form textarea.view-two,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url input.view-two,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form input.view-two,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url textarea.view-two,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form textarea.view-two {
-ms-grid-column-span: 1;
grid-column: span 1;
}
@media (max-width: 700px) {
.awards-register-form .input.view-two, .awards-register-form .comments .comment-respond .comment-form .comment-form-comment input.view-two, .comments .comment-respond .comment-form .comment-form-comment .awards-register-form input.view-two, .awards-register-form .comments .comment-respond .comment-form .comment-form-comment textarea.view-two, .comments .comment-respond .comment-form .comment-form-comment .awards-register-form textarea.view-two,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author input.view-two,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form input.view-two,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author textarea.view-two,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form textarea.view-two,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email input.view-two,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form input.view-two,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email textarea.view-two,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form textarea.view-two,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url input.view-two,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form input.view-two,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url textarea.view-two,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form textarea.view-two {
-ms-grid-column-span: 2;
grid-column: span 2;
}
}
.awards-register-form .input.error, .awards-register-form .comments .comment-respond .comment-form .comment-form-comment input.error, .comments .comment-respond .comment-form .comment-form-comment .awards-register-form input.error, .awards-register-form .comments .comment-respond .comment-form .comment-form-comment textarea.error, .comments .comment-respond .comment-form .comment-form-comment .awards-register-form textarea.error,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author input.error,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form input.error,
.awards-register-form .comments .comment-respond .comment-form .comment-form-author textarea.error,
.comments .comment-respond .comment-form .comment-form-author .awards-register-form textarea.error,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email input.error,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form input.error,
.awards-register-form .comments .comment-respond .comment-form .comment-form-email textarea.error,
.comments .comment-respond .comment-form .comment-form-email .awards-register-form textarea.error,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url input.error,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form input.error,
.awards-register-form .comments .comment-respond .comment-form .comment-form-url textarea.error,
.comments .comment-respond .comment-form .comment-form-url .awards-register-form textarea.error {
background-color: rgba(247, 184, 185, 0.4);
border: 1px solid #f7b8b9;
}
.awards-register-terms {
width: 90%;
margin: 2rem auto;
font-size: 1rem;
color: rgba(0, 0, 0, 0.4);
}
.awards-register-terms.light {
color: white;
}
.awards-register-terms .link {
display: inline;
vertical-align: inherit;
cursor: pointer;
padding: 0;
border-bottom: 0;
font-family: inherit;
font-size: inherit;
font-weight: 500;
text-decoration: underline;
}
.awards-register-check {
max-width: 80rem;
text-align: left;
}
.awards-register-check span.light {
color: white;
}
.awards-register-check .checkbox {
margin-bottom: 1.2rem;
}
.awards-social {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 1.4rem;
}
.awards-social .icon {
color: rgba(255, 255, 255, 0.65) !important;
}
.awards-social.view-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.awards-popup {
max-width: 300px;
margin: 0 auto;
padding: 30px 14px;
border-radius: 20px;
background-color: #E3E6EB;
-webkit-box-shadow: 10px 19px 38px rgba(0, 0, 0, 0.1), 10px 15px 12px rgba(0, 0, 0, 0.1);
box-shadow: 10px 19px 38px rgba(0, 0, 0, 0.1), 10px 15px 12px rgba(0, 0, 0, 0.1);
position: fixed;
top: 20%;
right: 0;
left: 0;
z-index: 10;
}
.awards-popup p {
font-size: 1.8rem;
}
.awards.view-dark {
background-color: #373e4c;
}
.filter-selects {
gap: 2rem;
}
.filter-dropdown-btn {
position: relative;
display: inline-block;
margin-bottom: 0;
border-color: transparent;
border-bottom: 1px solid #000;
border-radius: 0;
width: 100%;
padding: 0.375rem 0.75rem;
line-height: 1.42857;
font-weight: normal;
white-space: nowrap;
text-align: left;
vertical-align: bottom;
-moz-user-select: none;
min-width: 150px;
background-color: #fff;
padding-right: 32px;
}
.filter-dropdown-btn > .caret {
position: absolute;
top: 45%;
right: 10px;
margin-left: 2px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px dashed;
width: 0;
height: 0;
vertical-align: middle;
}
.filter-dropdown-menu {
position: absolute;
left: 0;
top: 100%;
z-index: 1000;
display: none;
margin: 0.125rem 0 0;
border: 1px solid rgba(0, 0, 0, 0.15);
background-clip: padding-box;
background-color: #fff;
min-width: 100%;
padding: 0.3125rem 0;
text-align: left;
list-style: outside none none;
}
.open > .filter-dropdown-menu {
display: block;
}
.filter-dropdown {
position: relative;
height: fit-content;
}
.filter-dropdown-menu > li {
display: flex;
padding: 0.1875rem 0.3125rem;
font-weight: 400;
line-height: 1.42857;
white-space: nowrap;
color: #333;
}
.filter-dropdown-menu .checkbox {
width: 100%;
}
.filter-dropdown-menu li:hover {
background: #dedede;
}
/* pretizeni pro nezobrazeni zaskrtavaciho ctverce pro checkbox */
.filter-dropdown-menu .checkbox .checkbox-label::before {
display: none;
}
.filter-dropdown-menu .checkbox .checkbox-label::after {
width: 1rem;
height: 1rem;
}
/* pretizeni pri nezobrazeni zaskrtavaciho ctverce pro checkbox */
.filter-dropdown-menu .checkbox .checkbox-label {
padding-left: 1.5rem;
}
.books {
position: relative;
}
.filter-overlay {
position: absolute;
top:0;
left:0;
bottom:0;
right:0;
background-color: #fff8;
display:none;
z-index:10;
}
.filter-overlay .loader {
border: 10px solid #f3f3f3;
border-radius: 50%;
border-top: 10px solid #545454;
width: 60px;
height: 60px;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
margin: 100px auto 0;
}
/* Saf */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}