/*-----------------------------------------------------------------------------------
Theme Name: All the Best Softs
Theme URI: https://allthebestsofts.com/
Description: Ultimate News and Magazine Template
Author: DesginUTD
Author URI: https://allthebestsofts.com/
Version: 1.0
Stylesheet
-----------------------------------------------------------------------------------*/
/* =============================================================================
## BASE
============================================================================= */
/*---- Poppins Font Face ----*/
/* poppins-regular - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
src: local('Poppins'),
url('../fonts/Poppins/poppins-v15-latin-ext_latin_devanagari-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/Poppins/poppins-v15-latin-ext_latin_devanagari-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
src: local('Poppins'),
url('../fonts/Poppins/poppins-v15-latin-ext_latin_devanagari-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/Poppins/poppins-v15-latin-ext_latin_devanagari-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-italic - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 400;
src: local('Poppins'),
url('../fonts/Poppins/poppins-v15-latin-ext_latin_devanagari-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/Poppins/poppins-v15-latin-ext_latin_devanagari-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-500 - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
src: local('Poppins'),
url('../fonts/Poppins/poppins-v15-latin-ext_latin_devanagari-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/Poppins/poppins-v15-latin-ext_latin_devanagari-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-500italic - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 500;
src: local('Poppins'),
url('../fonts/Poppins/poppins-v15-latin-ext_latin_devanagari-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/Poppins/poppins-v15-latin-ext_latin_devanagari-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-600 - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
src: local('Poppins'),
url('../fonts/Poppins/poppins-v15-latin-ext_latin_devanagari-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/Poppins/poppins-v15-latin-ext_latin_devanagari-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-600italic - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 600;
src: local('Poppins'),
url('../fonts/Poppins/poppins-v15-latin-ext_latin_devanagari-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/Poppins/poppins-v15-latin-ext_latin_devanagari-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-700 - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
src: local('Poppins'),
url('../fonts/Poppins/poppins-v15-latin-ext_latin_devanagari-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/Poppins/poppins-v15-latin-ext_latin_devanagari-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-700italic - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 700;
src: local('Poppins'),
url('../fonts/Poppins/poppins-v15-latin-ext_latin_devanagari-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/Poppins/poppins-v15-latin-ext_latin_devanagari-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/*---- Rubik Font Face ----*/
/* rubik-regular - latin-ext_latin */
@font-face {
font-family: 'Rubik';
font-style: normal;
font-weight: 300;
src: local('Rubik'),
url('../fonts/Rubik/rubik-v11-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/Rubik/rubik-v11-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
font-family: 'Rubik';
font-style: normal;
font-weight: 400;
src: local('Rubik'),
url('../fonts/Rubik/rubik-v11-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/Rubik/rubik-v11-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-500 - latin-ext_latin */
@font-face {
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
src: local('Rubik'),
url('../fonts/Rubik/rubik-v11-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/Rubik/rubik-v11-latin-ext_latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-600 - latin-ext_latin */
@font-face {
font-family: 'Rubik';
font-style: normal;
font-weight: 600;
src: local('Rubik'),
url('../fonts/Rubik/rubik-v11-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/Rubik/rubik-v11-latin-ext_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-700 - latin-ext_latin */
@font-face {
font-family: 'Rubik';
font-style: normal;
font-weight: 700;
src: local('Rubik'),
url('../fonts/Rubik/rubik-v11-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/Rubik/rubik-v11-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-italic - latin-ext_latin */
@font-face {
font-family: 'Rubik';
font-style: italic;
font-weight: 400;
src: local('Rubik'),
url('../fonts/Rubik/rubik-v11-latin-ext_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/Rubik/rubik-v11-latin-ext_latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-500italic - latin-ext_latin */
@font-face {
font-family: 'Rubik';
font-style: italic;
font-weight: 500;
src: local('Rubik'),
url('../fonts/Rubik/rubik-v11-latin-ext_latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/Rubik/rubik-v11-latin-ext_latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-600italic - latin-ext_latin */
@font-face {
font-family: 'Rubik';
font-style: italic;
font-weight: 600;
src: local('Rubik'),
url('../fonts/Rubik/rubik-v11-latin-ext_latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/Rubik/rubik-v11-latin-ext_latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-700italic - latin-ext_latin */
@font-face {
font-family: 'Rubik';
font-style: italic;
font-weight: 700;
src: local('Rubik'),
url('../fonts/Rubik/rubik-v11-latin-ext_latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/Rubik/rubik-v11-latin-ext_latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/*----------------------------------------------*/
html {
font-size: 14px;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: rgba(0, 0, 0, 0.8);
-webkit-font-smoothing: antialiased;
background: none;
}
a {
color: #003366;
outline: 0 !important;
}
a:hover,
a:focus,
a:active {
color: #003366;
}
button {
outline: 0 !important;
}
dl dt:not(:first-child) {
margin-top: 0.4em;
}
hr {
border-color: rgba(0, 0, 0, 0.05);
}
img {
max-width: 100%;
height: auto;
}
p {
margin: 0 0 1em;
}
iframe,
object,
embed,
figure, .fluid-width-video-wrapper {
max-width: 100%;
}
pre {
padding: 1.6em;
margin: 0 0 1.6em;
font-size: 0.9em;
background-color: #fafafa;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0;
}
table {
margin: 0 0 1.6em;
width: 100%;
}
table {
border: 0.1rem solid rgba(0,0,0,0.1);
}
table thead th,
table td:not(.avatar):first-child {
padding: 0.8em;
}
table th, table td {
border: 0.1rem solid rgba(0,0,0,0.1);
}
tr {
border-bottom: 1px solid #eee;
}
th {
padding: 0.8em;
text-align: left;
}
td {
padding: 0.8em;
}
ul,
ol {
margin: 0 0 1.6em;
padding: 0;
}
.atbs-field-invisible {
display: none !important;
}
/* =============================================================================
## TYPOGRAPHY
============================================================================= */
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
.h1:first-child,
.h2:first-child,
.h3:first-child,
.h4:first-child,
.h5:first-child,
.h6:first-child {
margin-top: 0;
}
/*---- Typography scale ----*/
.h6,
h6 {
font-size: 1rem;
line-height: 1.5;
}
@media (min-width: 768px) {
.h6,
h6 {
font-size: 1rem;
line-height: 1.5;
}
}
@media (min-width: 992px) {
.h6,
h6 {
font-size: 1rem;
line-height: 1.5;
}
}
.h5,
h5 {
font-size: 1.125rem;
line-height: 1.4;
}
@media (min-width: 768px) {
.h5,
h5 {
font-size: 1.2rem;
line-height: 1.4;
}
}
@media (min-width: 992px) {
.h5,
h5 {
font-size: 1.25rem;
line-height: 1.4;
}
}
.h4,
h4 {
font-size: 1.266rem;
line-height: 1.4;
}
@media (min-width: 768px) {
.h4,
h4 {
font-size: 1.44rem;
line-height: 1.4;
}
}
@media (min-width: 992px) {
.h4,
h4 {
font-size: 1.563rem;
line-height: 1.3;
}
}
.h3,
h3 {
font-size: 1.424rem;
line-height: 1.4;
}
@media (min-width: 768px) {
.h3,
h3 {
font-size: 1.728rem;
line-height: 1.3;
}
}
@media (min-width: 992px) {
.h3,
h3 {
font-size: 1.953rem;
line-height: 1.3;
}
}
.h2,
h2 {
font-size: 1.602rem;
line-height: 1.3;
}
@media (min-width: 768px) {
.h2,
h2 {
font-size: 2.074rem;
line-height: 1.3;
}
}
@media (min-width: 992px) {
.h2,
h2 {
font-size: 2.441rem;
line-height: 1.2;
}
}
.h1,
h1 {
font-size: 1.802rem;
line-height: 1.3;
}
@media (min-width: 768px) {
.h1,
h1 {
font-size: 2.488rem;
line-height: 1.2;
}
}
@media (min-width: 992px) {
.h1,
h1 {
font-size: 3.052rem;
line-height: 1.2;
}
}
.h0,
h0 {
font-size: 2.027rem;
line-height: 1.3;
}
@media (min-width: 768px) {
.h0,
h0 {
font-size: 2.986rem;
line-height: 1.2;
}
}
@media (min-width: 992px) {
.h0,
h0 {
font-size: 3.815rem;
line-height: 1.1;
}
}
.h-1,
h-1 {
font-size: 2.281rem;
line-height: 1.3;
}
@media (min-width: 768px) {
.h-1,
h-1 {
font-size: 3.583rem;
line-height: 1.2;
}
}
@media (min-width: 992px) {
.h-1,
h-1 {
font-size: 4.768rem;
line-height: 1.1;
}
}
.h-2,
h-2 {
font-size: 2.566rem;
line-height: 1.3;
}
@media (min-width: 768px) {
.h-2,
h-2 {
font-size: 4.3rem;
line-height: 1.1;
}
}
@media (min-width: 992px) {
.h-2,
h-2 {
font-size: 5.96rem;
line-height: 1.1;
}
}
.typescale-n1 {
font-size: 0.889rem;
line-height: 1.5;
}
@media (min-width: 768px) {
.typescale-n1 {
font-size: 0.889rem;
line-height: 1.5;
}
}
@media (min-width: 992px) {
.typescale-n1 {
font-size: 0.889rem;
line-height: 1.5;
}
}
.typescale-0 {
font-size: 1rem;
line-height: 1.5;
}
@media (min-width: 768px) {
.typescale-0 {
font-size: 1rem;
line-height: 1.5;
}
}
@media (min-width: 992px) {
.typescale-0 {
font-size: 1rem;
line-height: 1.5;
}
}
.typescale-1 {
font-size: 1.125rem;
line-height: 1.4;
}
@media (min-width: 768px) {
.typescale-1 {
font-size: 1.2rem;
line-height: 1.4;
}
}
@media (min-width: 992px) {
.typescale-1 {
font-size: 1.25rem;
line-height: 1.4;
}
}
.typescale-2 {
font-size: 1.266rem;
line-height: 1.4;
line-height: 1.27;
}
@media (min-width: 768px) {
.typescale-2 {
font-size: 1.44rem;
line-height: 1.4;
}
}
@media (min-width: 992px) {
.typescale-2 {
font-size: 1.563rem;
line-height: 1.3;
}
}
.typescale-3 {
font-size: 1.424rem;
line-height: 1.4;
}
@media (min-width: 768px) {
.typescale-3 {
font-size: 1.728rem;
line-height: 1.3;
}
}
@media (min-width: 992px) {
.typescale-3 {
font-size: 1.953rem;
line-height: 1.3;
}
}
.typescale-4 {
font-size: 1.602rem;
line-height: 1.3;
}
@media (min-width: 768px) {
.typescale-4 {
font-size: 2.074rem;
line-height: 1.3;
}
}
@media (min-width: 992px) {
.typescale-4 {
font-size: 2.441rem;
line-height: 1.2;
}
}
.typescale-5 {
font-size: 1.802rem;
line-height: 1.3;
}
@media (min-width: 768px) {
.typescale-5 {
font-size: 2.488rem;
line-height: 1.2;
}
}
@media (min-width: 992px) {
.typescale-5 {
font-size: 3.052rem;
line-height: 1.2;
}
}
.typescale-6 {
font-size: 2.027rem;
line-height: 1.3;
}
@media (min-width: 768px) {
.typescale-6 {
font-size: 2.986rem;
line-height: 1.2;
}
}
@media (min-width: 992px) {
.typescale-6 {
font-size: 3.815rem;
line-height: 1.1;
}
}
.typescale-7 {
font-size: 2.281rem;
line-height: 1.3;
}
@media (min-width: 768px) {
.typescale-7 {
font-size: 3.583rem;
line-height: 1.2;
}
}
@media (min-width: 992px) {
.typescale-7 {
font-size: 4.768rem;
line-height: 1.1;
}
}
.typescale-8 {
font-size: 2.566rem;
line-height: 1.3;
}
@media (min-width: 768px) {
.typescale-8 {
font-size: 4.3rem;
line-height: 1.1;
}
}
@media (min-width: 992px) {
.typescale-8 {
font-size: 5.96rem;
line-height: 1.1;
}
}
.typography-copy,
.comment-content {
font-size: 16px;
font-size: 1.1429rem;
line-height: 1.6;
}
.typography-copy .h6,
.typography-copy h6,
.comment-content .h6,
.comment-content h6 {
margin-top: 1.5em;
margin-bottom: 0.75em;
font-size: 1em;
line-height: 1.5;
}
@media (min-width: 768px) {
.typography-copy .h6,
.typography-copy h6,
.comment-content .h6,
.comment-content h6 {
font-size: 1em;
line-height: 1.5;
}
}
@media (min-width: 992px) {
.typography-copy .h6,
.typography-copy h6,
.comment-content .h6,
.comment-content h6 {
font-size: 1em;
line-height: 1.5;
}
}
.typography-copy .h5,
.typography-copy h5,
.comment-content .h5,
.comment-content h5 {
margin-top: 1.5em;
margin-bottom: 0.75em;
font-size: 1.125em;
line-height: 1.4;
}
@media (min-width: 768px) {
.typography-copy .h5,
.typography-copy h5,
.comment-content .h5,
.comment-content h5 {
font-size: 1.2em;
line-height: 1.4;
}
}
@media (min-width: 992px) {
.typography-copy .h5,
.typography-copy h5,
.comment-content .h5,
.comment-content h5 {
font-size: 1.25em;
line-height: 1.4;
}
}
.typography-copy .h4,
.typography-copy h4,
.comment-content .h4,
.comment-content h4 {
margin-top: 1.5em;
margin-bottom: 0.75em;
font-size: 1.266em;
line-height: 1.4;
}
@media (min-width: 768px) {
.typography-copy .h4,
.typography-copy h4,
.comment-content .h4,
.comment-content h4 {
font-size: 1.44em;
line-height: 1.4;
}
}
@media (min-width: 992px) {
.typography-copy .h4,
.typography-copy h4,
.comment-content .h4,
.comment-content h4 {
font-size: 1.563em;
line-height: 1.3;
}
}
.typography-copy .h3,
.typography-copy h3,
.comment-content .h3,
.comment-content h3 {
margin-top: 1.5em;
margin-bottom: 0.75em;
font-size: 1.424em;
line-height: 1.4;
}
@media (min-width: 768px) {
.typography-copy .h3,
.typography-copy h3,
.comment-content .h3,
.comment-content h3 {
font-size: 1.728em;
line-height: 1.3;
}
}
@media (min-width: 992px) {
.typography-copy .h3,
.typography-copy h3,
.comment-content .h3,
.comment-content h3 {
font-size: 1.953em;
line-height: 1.3;
}
}
.typography-copy .h2,
.typography-copy h2,
.comment-content .h2,
.comment-content h2 {
margin-top: 1.5em;
margin-bottom: 0.75em;
font-size: 1.602em;
line-height: 1.3;
}
@media (min-width: 768px) {
.typography-copy .h2,
.typography-copy h2,
.comment-content .h2,
.comment-content h2 {
font-size: 2.074em;
line-height: 1.3;
}
}
@media (min-width: 992px) {
.typography-copy .h2,
.typography-copy h2,
.comment-content .h2,
.comment-content h2 {
font-size: 2.441em;
line-height: 1.2;
}
}
.typography-copy .h1,
.typography-copy h1,
.comment-content .h1,
.comment-content h1 {
margin-top: 1.5em;
margin-bottom: 0.75em;
font-size: 1.802em;
line-height: 1.3;
}
@media (min-width: 768px) {
.typography-copy .h1,
.typography-copy h1,
.comment-content .h1,
.comment-content h1 {
font-size: 2.488em;
line-height: 1.2;
}
}
@media (min-width: 992px) {
.typography-copy .h1,
.typography-copy h1,
.comment-content .h1,
.comment-content h1 {
font-size: 3.052em;
line-height: 1.2;
}
}
.typography-copy .h0,
.typography-copy h0,
.comment-content .h0,
.comment-content h0 {
margin-top: 1.5em;
margin-bottom: 0.75em;
font-size: 2.027em;
line-height: 1.3;
}
@media (min-width: 768px) {
.typography-copy .h0,
.typography-copy h0,
.comment-content .h0,
.comment-content h0 {
font-size: 2.986em;
line-height: 1.2;
}
}
@media (min-width: 992px) {
.typography-copy .h0,
.typography-copy h0,
.comment-content .h0,
.comment-content h0 {
font-size: 3.815em;
line-height: 1.1;
}
}
.typography-copy .h-1,
.typography-copy h-1,
.comment-content .h-1,
.comment-content h-1 {
margin-top: 1.5em;
margin-bottom: 0.75em;
font-size: 2.281em;
line-height: 1.3;
}
@media (min-width: 768px) {
.typography-copy .h-1,
.typography-copy h-1,
.comment-content .h-1,
.comment-content h-1 {
font-size: 3.583em;
line-height: 1.2;
}
}
@media (min-width: 992px) {
.typography-copy .h-1,
.typography-copy h-1,
.comment-content .h-1,
.comment-content h-1 {
font-size: 4.768em;
line-height: 1.1;
}
}
.typography-copy .h-2,
.typography-copy h-2,
.comment-content .h-2,
.comment-content h-2 {
margin-top: 1.5em;
margin-bottom: 0.75em;
font-size: 2.566em;
line-height: 1.3;
}
@media (min-width: 768px) {
.typography-copy .h-2,
.typography-copy h-2,
.comment-content .h-2,
.comment-content h-2 {
font-size: 4.3em;
line-height: 1.1;
}
}
@media (min-width: 992px) {
.typography-copy .h-2,
.typography-copy h-2,
.comment-content .h-2,
.comment-content h-2 {
font-size: 5.96em;
line-height: 1.1;
}
}
.typography-copy .typescale-n1,
.comment-content .typescale-n1 {
font-size: 0.889em;
line-height: 1.5;
}
@media (min-width: 768px) {
.typography-copy .typescale-n1,
.comment-content .typescale-n1 {
font-size: 0.889em;
line-height: 1.5;
}
}
@media (min-width: 992px) {
.typography-copy .typescale-n1,
.comment-content .typescale-n1 {
font-size: 0.889em;
line-height: 1.5;
}
}
.typography-copy .typescale-0,
.comment-content .typescale-0 {
font-size: 1em;
line-height: 1.5;
}
@media (min-width: 768px) {
.typography-copy .typescale-0,
.comment-content .typescale-0 {
font-size: 1em;
line-height: 1.5;
}
}
@media (min-width: 992px) {
.typography-copy .typescale-0,
.comment-content .typescale-0 {
font-size: 1em;
line-height: 1.5;
}
}
.typography-copy .typescale-1,
.comment-content .typescale-1 {
font-size: 1.125em;
line-height: 1.4;
}
@media (min-width: 768px) {
.typography-copy .typescale-1,
.comment-content .typescale-1 {
font-size: 1.2em;
line-height: 1.4;
}
}
@media (min-width: 992px) {
.typography-copy .typescale-1,
.comment-content .typescale-1 {
font-size: 1.25em;
line-height: 1.4;
}
}
.typography-copy .typescale-2,
.comment-content .typescale-2 {
font-size: 1.266em;
line-height: 1.4;
}
@media (min-width: 768px) {
.typography-copy .typescale-2,
.comment-content .typescale-2 {
font-size: 1.44em;
line-height: 1.4;
}
}
@media (min-width: 992px) {
.typography-copy .typescale-2,
.comment-content .typescale-2 {
font-size: 1.563em;
line-height: 1.3;
}
}
.typography-copy .typescale-3,
.comment-content .typescale-3 {
font-size: 1.424em;
line-height: 1.4;
}
@media (min-width: 768px) {
.typography-copy .typescale-3,
.comment-content .typescale-3 {
font-size: 1.728em;
line-height: 1.3;
}
}
@media (min-width: 992px) {
.typography-copy .typescale-3,
.comment-content .typescale-3 {
font-size: 1.953em;
line-height: 1.3;
}
}
.typography-copy .typescale-4,
.comment-content .typescale-4 {
font-size: 1.602em;
line-height: 1.3;
}
@media (min-width: 768px) {
.typography-copy .typescale-4,
.comment-content .typescale-4 {
font-size: 2.074em;
line-height: 1.3;
}
}
@media (min-width: 992px) {
.typography-copy .typescale-4,
.comment-content .typescale-4 {
font-size: 2.441em;
line-height: 1.2;
}
}
.typography-copy .typescale-5,
.comment-content .typescale-5 {
font-size: 1.802em;
line-height: 1.3;
}
@media (min-width: 768px) {
.typography-copy .typescale-5,
.comment-content .typescale-5 {
font-size: 2.488em;
line-height: 1.2;
}
}
@media (min-width: 992px) {
.typography-copy .typescale-5,
.comment-content .typescale-5 {
font-size: 3.052em;
line-height: 1.2;
}
}
.typography-copy .typescale-6,
.comment-content .typescale-6 {
font-size: 2.027em;
line-height: 1.3;
}
@media (min-width: 768px) {
.typography-copy .typescale-6,
.comment-content .typescale-6 {
font-size: 2.986em;
line-height: 1.2;
}
}
@media (min-width: 992px) {
.typography-copy .typescale-6,
.comment-content .typescale-6 {
font-size: 3.815em;
line-height: 1.1;
}
}
.typography-copy .typescale-7,
.comment-content .typescale-7 {
font-size: 2.281em;
line-height: 1.3;
}
@media (min-width: 768px) {
.typography-copy .typescale-7,
.comment-content .typescale-7 {
font-size: 3.583em;
line-height: 1.2;
}
}
@media (min-width: 992px) {
.typography-copy .typescale-7,
.comment-content .typescale-7 {
font-size: 4.768em;
line-height: 1.1;
}
}
.typography-copy .typescale-8,
.comment-content .typescale-8 {
font-size: 2.566em;
line-height: 1.3;
}
@media (min-width: 768px) {
.typography-copy .typescale-8,
.comment-content .typescale-8 {
font-size: 4.3em;
line-height: 1.1;
}
}
@media (min-width: 992px) {
.typography-copy .typescale-8,
.comment-content .typescale-8 {
font-size: 5.96em;
line-height: 1.1;
}
}
.typography-copy h1,
.typography-copy .h1,
.comment-content h1,
.comment-content .h1 {
font-weight: 700;
}
.typography-copy h2,
.typography-copy .h2,
.comment-content h2,
.comment-content .h2 {
font-weight: 700;
}
.typography-copy h3,
.typography-copy .h3,
.comment-content h3,
.comment-content .h3 {
font-weight: 700;
}
.typography-copy h4,
.typography-copy .h4,
.comment-content h4,
.comment-content .h4 {
font-weight: 700;
}
.typography-copy h5,
.typography-copy .h5,
.comment-content h5,
.comment-content .h5 {
font-weight: 700;
}
.typography-copy h6,
.typography-copy .h6,
.comment-content h6,
.comment-content .h6 {
font-weight: 700;
}
.typography-copy blockquote,
.comment-content blockquote {
margin: 0 0 1.6em 0;
padding: 0 0 0 1em;
border-left: 5px solid #eee;
font-size: 1.5rem;
line-height: 1.5;
color: rgba(0, 0, 0, 0.5);
}
.typography-copy blockquote::before,
.comment-content blockquote::before {
content: '\201c';
display: block;
position: relative;
top: 0.225em;
margin-bottom: 0.2em;
color: #eee;
font-family: sans-serif;
font-weight: 700;
font-size: 5em;
line-height: 0.3;
}
.typography-copy blockquote cite,
.comment-content blockquote cite {
font-size: 0.86em;
}
.typography-copy blockquote p,
.comment-content blockquote p {
margin-bottom: 1em;
}
.typography-copy mark,
.comment-content mark {
color: rgba(0, 0, 0, 0.8);
background: #FBFF64;
}
.typography-copy ol,
.typography-copy ul,
.comment-content ol,
.comment-content ul {
margin-bottom: 1.6em;
padding-left: 1.8em;
}
.typography-copy li>ol,
.typography-copy li>ul,
.comment-content li>ol,
.comment-content li>ul {
margin-bottom: 0;
}
.typography-copy p,
.comment-content p {
margin-bottom: 1.6em;
}
/* =============================================================================
## UTILITIES
============================================================================= */
/* -----------------------------------------------------------------
## Objects
----------------------------------------------------------------- */
/*---- Responsive Video wrapper ----*/
.atbs-keylin-responsive-video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.atbs-keylin-responsive-video iframe,
.atbs-keylin-responsive-video object,
.atbs-keylin-responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
/*---- Rainbow bar ----*/
/*.rainbow-bar {
width: 100%;
height: 6px;
background: linear-gradient(90deg, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100%);
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #a85e6c), color-stop(12.5%, #a85e6c), color-stop(12.5%, #e37f52), color-stop(25%, #e37f52), color-stop(25%, #ef9f48), color-stop(37.5%, #ef9f48), color-stop(37.5%, #9cb641), color-stop(50%, #9cb641), color-stop(50%, #009484), color-stop(62.5%, #009484), color-stop(62.5%, #21acb8), color-stop(75%, #21acb8), color-stop(75%, #1972dd), color-stop(87.5%, #1972dd), color-stop(87.5%, #8fa0ae), color-stop(100%, #8fa0ae));
background-image: -webkit-linear-gradient(left, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100%);
background-image: -moz-linear-gradient(left, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100%);
background-image: -o-linear-gradient(left, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100%);
background-image: linear-gradient(left, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100%);
}*/
/*---- Flexbox ----*/
.flexbox {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
}
.flexbox>* {
-webkit-box-flex: 0;
-moz-box-flex: 0;
box-flex: 0;
-webkit-flex: 0 1 auto;
-moz-flex: 0 1 auto;
flex: 0 1 auto;
/*IE fix*/
}
.flexbox--middle {
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
}
.flexbox__item {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
}
/*---- Scrollable list ----*/
.atbs-keylin-scrollable-list {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
-moz-flex-direction: column;
flex-direction: column;
}
.atbs-keylin-scrollable-list-wrapper {
position: relative;
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
overflow: hidden;
}
.atbs-keylin-scrollable-list-inner {
height: 0;
}
/* ----------------------------------------------------------------
Background
-----------------------------------------------------------------*/
.block-with-bg {
position: relative;
padding: 10px;
}
@media (min-width: 768px) {
.block-with-bg {
padding: 20px;
}
}
.background-wrap {
overflow: hidden;
background: #444;
}
.has-cover-bg-img,
.background-img {
background-color: #333;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll;
}
.header-main .background-img {
background-color: #fff;
}
.background-img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
}
.background-img::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #111;
opacity: 0;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
.background-img--dimmed::after {
opacity: 0.2;
}
.background-img--darkened::after {
opacity: 0.4;
}
.background-img--more-darkened::after {
opacity: 0.6;
}
.background-img--tinted::after {
background-color: #fff;
}
.background-img--floorfade::after {
opacity: 1;
background-color: transparent;
background-image: -webkit-linear-gradient(bottom, black 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, black), color-stop(70%, rgba(0, 0, 0, 0.6)), to(transparent));
background-image: -moz-linear-gradient(bottom, black 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%);
background-image: linear-gradient(0deg, black 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%);
}
.background-img--floorfade-light::after {
opacity: 1;
background-color: transparent;
background-image: -webkit-linear-gradient(bottom, black 0, transparent 50%, transparent 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, black), color-stop(50%, transparent), to(transparent));
background-image: -moz-linear-gradient(bottom, black 0, transparent 50%, transparent 100%);
background-image: linear-gradient(0deg, black 0, transparent 50%, transparent 100%);
}
.background-img--scrim-bottom::after {
opacity: 1;
background-color: transparent;
background-image: -webkit-linear-gradient(-270deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent));
background-image: -webkit-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: -moz-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
}
.background-pattern {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
background-color: #aaa;
background-size: auto;
background-repeat: repeat;
background-attachment: scroll;
}
.background-svg-pattern {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.background-svg-pattern-inverse {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23000000' fill-opacity='0.025' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.background-svg-pattern--solid-color {
background-color: #12162d;
}
.overlap-background {
position: absolute;
top: 0;
right: 0;
bottom: 60px;
left: 0;
}
.atbs-keylin-carousel-nav-a .overlap-background {
bottom: 90px;
}
.background-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.6;
}
.js-overlay-bg-sub {
display: none;
}
.blurred {
filter: blur(10px);
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10px);
}
.blurred-subtle {
filter: blur(5px);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
}
.blurred-more {
filter: blur(20px);
-webkit-filter: blur(20px);
-moz-filter: blur(20px);
-o-filter: blur(20px);
-ms-filter: blur(20px);
}
.blurred-massive {
filter: blur(30px);
-webkit-filter: blur(30px);
-moz-filter: blur(30px);
-o-filter: blur(30px);
-ms-filter: blur(30px);
}
.grayscale {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.floorfade {
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.9)), color-stop(70%, rgba(0, 0, 0, 0.6)), to(transparent));
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%);
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%);
}
.floorfade-pseudo::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.7)), color-stop(50%, rgba(0, 0, 0, 0.6)), to(transparent));
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
}
.ceilingfade {
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.7)), color-stop(50%, rgba(0, 0, 0, 0.6)), to(transparent));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
}
.sidefade-from-left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.9)), color-stop(70%, rgba(0, 0, 0, 0.6)), to(transparent));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%);
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%);
}
.sidefade-from-left--wide::before {
content: '';
position: absolute;
top: 0;
right: 100%;
bottom: 0;
left: -9999px;
background: rgba(0, 0, 0, 0.9);
}
.sidefade-from-left--pseudo::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.9)), color-stop(70%, rgba(0, 0, 0, 0.6)), to(transparent));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%);
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%);
}
.sidefade-from-right {
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(0, 0, 0, 0.7)), color-stop(50%, rgba(0, 0, 0, 0.6)), to(transparent));
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
}
.color-primary {
color: #003366;
}
.primary-bg-color {
background-color: #003366 !important;
}
.secondary-bg-color {
background-color: #0a293b !important;
}
.lightgray-bg {
background-color: #fafafa;
}
/* ----------------------------------------------------------------
Positioning
-----------------------------------------------------------------*/
.abs-center,
.atbs-keylin-video-player__play-icon,
.atbs-keylin-video-box__playlist .is-playing .post__thumb::after {
position: absolute !important;
top: 50%;
left: 50%;
right: auto;
bottom: auto;
-webkit-transform: translate(-50%, -50%) translateZ(0);
-moz-transform: translate(-50%, -50%) translateZ(0);
-o-transform: translate(-50%, -50%) translateZ(0);
transform: translate(-50%, -50%) translateZ(0);
}
.stretched {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.overlay-content,
.overlay-content__inner {
position: relative;
}
.overlay-bottom.overlay-bottom {
position: absolute;
top: auto;
right: 0;
bottom: 0;
left: 0;
}
.overlay-center-y.overlay-center-y {
position: absolute;
top: 50%;
right: 0;
bottom: auto;
left: 0;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
/*fix sub megamenu*/
.atbs-vertical-megamenu .overlay-center-y .post-score-hexagon {
margin: 0 auto;
}
.overlap-bottom.overlap-bottom {
position: absolute;
top: auto;
right: auto;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 50%);
-moz-transform: translate(-50%, 50%);
-o-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.pos-relative {
position: relative !important;
}
[class*="max-width-"].text-center {
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px) {
.fullwidth-xs {
width: -moz-calc(100% + 30px);
width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px;
}
}
/*---- Ratio ----*/
.ratio-1by1 {
position: relative;
padding-bottom: 100%;
height: 0;
}
.ratio-2by1 {
position: relative;
padding-bottom: 50%;
height: 0;
}
.ratio-3by1 {
position: relative;
padding-bottom: 33.33%;
height: 0;
}
.ratio-4by3 {
position: relative;
padding-bottom: 75%;
height: 0;
}
.ratio-16by9 {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
/* ----------------------------------------------------------------
Text styling
-----------------------------------------------------------------*/
@media (max-width: 767px) {
.text-center-xs {
text-align: center;
}
}
.text-white {
color: #fff;
}
.text-underline {
text-decoration: underline;
}
.inverse-text {
position: relative;
color: white;
}
.inverse-text .text-secondary {
color: rgba(255, 255, 255, 0.8);
}
.text-truncate,
.category-tile__name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.truncate-y {
position: relative;
overflow: hidden;
}
.truncate-y::after {
content: '';
display: block;
height: 40px;
width: 100%;
position: absolute;
top: auto;
right: 0;
bottom: 0;
left: 0;
background: -webkit-linear-gradient(bottom, black 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(70%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%);
background: -moz-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(0deg, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%);
}
.link-overlay {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.link-block {
display: block;
}
.meta-color,
a.meta-color {
color: rgba(0, 0, 0, 0.4);
}
.meta-text,
a.meta-text {
color: rgba(0, 0, 0, 0.4);
}
.v-align {
vertical-align: middle;
}
.visuallyhidden {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.has-mdicon>span,
.has-mdicon>b,
.has-mdicon>em,
.has-mdicon>strong,
.has-mdicon>a,
.has-mdicon>i {
vertical-align: middle;
}
/* ----------------------------------------------------------------
List styling
-----------------------------------------------------------------*/
.list-unstyled,
.atbs-keylin-video-box__playlist ul {
margin: 0;
padding: 0;
list-style: none;
}
.list-center {
text-align: center;
}
.list-center>li {
display: inline-block;
}
.list-float::after {
clear: both;
content: "";
display: table;
}
.list-float>li {
float: left;
}
.list-space-xs {
margin-top: -5px;
margin-bottom: -5px;
}
.list-space-xs>* {
padding-top: 5px;
padding-bottom: 5px;
}
.list-space-sm {
margin-top: -7.5px;
margin-bottom: -7.5px;
}
.list-space-sm>* {
padding-top: 7.5px;
padding-bottom: 7.5px;
}
.list-space-md {
margin-top: -10px;
margin-bottom: -10px;
}
.list-space-md>* {
padding-top: 10px;
padding-bottom: 10px;
}
.list-space-lg {
margin-top: -15px;
margin-bottom: -15px;
}
.list-space-lg>* {
padding-top: 15px;
padding-bottom: 15px;
}
.list-space-xl {
margin-top: -20px;
margin-bottom: -20px;
}
.list-space-xl>* {
padding-top: 20px;
padding-bottom: 20px;
}
.list-space-xxl {
margin-top: -25px;
margin-bottom: -25px;
}
.list-space-xxl>* {
padding-top: 25px;
padding-bottom: 25px;
}
.list-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.list-horizontal>li {
display: inline-block;
padding-top: 0;
padding-bottom: 0;
}
.list-horizontal.list-space-xs {
margin-left: -5px;
margin-right: -5px;
}
.list-horizontal.list-space-xs>* {
padding-left: 5px;
padding-right: 5px;
}
.list-horizontal.list-space-sm {
margin-left: -7.5px;
margin-right: -7.5px;
}
.list-horizontal.list-space-sm>* {
padding-left: 7.5px;
padding-right: 7.5px;
}
.list-horizontal.list-space-md {
margin-left: -10px;
margin-right: -10px;
}
.list-horizontal.list-space-md>* {
padding-left: 10px;
padding-right: 10px;
}
.list-horizontal.list-space-lg {
margin-left: -15px;
margin-right: -15px;
}
.list-horizontal.list-space-lg>* {
padding-left: 15px;
padding-right: 15px;
}
.list-horizontal.list-space-xl {
margin-left: -20px;
margin-right: -20px;
}
.list-horizontal.list-space-xl>* {
padding-left: 20px;
padding-right: 20px;
}
.list-horizontal.list-space-xxl {
margin-left: -25px;
margin-right: -25px;
}
.list-horizontal.list-space-xxl>* {
padding-left: 25px;
padding-right: 25px;
}
[class*="list-seperated"].list-space-xs {
margin-top: -10px;
margin-bottom: -10px;
}
[class*="list-seperated"].list-space-xs>* {
padding-top: 10px;
padding-bottom: 10px;
}
[class*="list-seperated"].list-space-sm {
margin-top: -15px;
margin-bottom: -15px;
}
[class*="list-seperated"].list-space-sm>* {
padding-top: 15px;
padding-bottom: 15px;
}
[class*="list-seperated"].list-space-md {
margin-top: -20px;
margin-bottom: -20px;
}
[class*="list-seperated"].list-space-md>* {
padding-top: 20px;
padding-bottom: 20px;
}
[class*="list-seperated"].list-space-lg {
margin-top: -30px;
margin-bottom: -30px;
}
[class*="list-seperated"].list-space-lg>* {
padding-top: 30px;
padding-bottom: 30px;
}
[class*="list-seperated"].list-space-xl {
margin-top: -40px;
margin-bottom: -40px;
}
[class*="list-seperated"].list-space-xl>* {
padding-top: 40px;
padding-bottom: 40px;
}
[class*="list-seperated"].list-space-xxl {
margin-top: -50px;
margin-bottom: -50px;
}
[class*="list-seperated"].list-space-xxl>* {
padding-top: 50px;
padding-bottom: 50px;
}
[class*="list-seperated"]>*:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.list-seperated-only-first>*:not(:first-child) {
border-bottom: none;
}
.list-seperated-only-last>*:last-child {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.list-seperated-exclude-first>*:first-child {
border-bottom: none;
}
.inverse-text .list-seperated>*:not(:last-child),
.overlay-content .list-seperated>*:not(:last-child) {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.inverse-text .list-seperated-only-first>*:first-child,
.overlay-content .list-seperated-only-first>*:first-child {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.inverse-text .list-seperated-only-last>*:last-child,
.overlay-content .list-seperated-only-last>*:last-child {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.list-square-bullet {
list-style: none;
}
.list-square-bullet>li>* {
position: relative;
padding-left: 15px;
}
.list-square-bullet>li>*::before {
content: '';
display: inline-block;
width: 5px;
height: 5px;
position: absolute;
top: 0.5em;
right: auto;
bottom: auto;
left: 0;
background: rgba(0, 0, 0, 0.1);
}
.list-square-bullet-exclude-first>li:not(:first-child)>* {
position: relative;
padding-left: 15px;
}
.list-square-bullet-exclude-first>li:not(:first-child)>*::before {
content: '';
display: inline-block;
width: 5px;
height: 5px;
position: absolute;
top: 0.58em;
right: auto;
bottom: auto;
left: 0;
background: rgba(0, 0, 0, 0.1);
}
/* ----------------------------------------------------------------
Social branding color
-----------------------------------------------------------------*/
.facebook-theme,
.facebook-theme-hover:hover {
color: #3b5998 !important;
}
.facebook-theme-bg,
.facebook-theme-bg-hover:hover {
background-color: #3b5998 !important;
}
.twitter-theme,
.twitter-theme-hover:hover {
color: #55acee !important;
}
.twitter-theme-bg,
.twitter-theme-bg-hover:hover {
background-color: #55acee !important;
}
.dribbble-theme,
.dribbble-theme-hover:hover {
color: #EA4C89 !important;
}
.dribbble-theme-bg,
.dribbble-theme-bg-hover:hover {
background-color: #EA4C89 !important;
}
.youtube-theme,
.youtube-theme-hover:hover {
color: #cd201f !important;
}
.youtube-theme-bg,
.youtube-theme-bg-hover:hover {
background-color: #cd201f !important;
}
.pinterest-theme,
.pinterest-theme-hover:hover {
color: #bd081c !important;
}
.pinterest-theme-bg,
.pinterest-theme-bg-hover:hover {
background-color: #bd081c !important;
}
.googleplus-theme,
.googleplus-theme-hover:hover {
color: #dc4e41 !important;
}
.googleplus-theme-bg,
.googleplus-theme-bg-hover:hover {
background-color: #dc4e41 !important;
}
.tumblr-theme,
.tumblr-theme-hover:hover {
color: #35465c !important;
}
.tumblr-theme-bg,
.tumblr-theme-bg-hover:hover {
background-color: #35465c !important;
}
.instagram-theme,
.instagram-theme-hover:hover {
color: #3f729b !important;
}
.instagram-theme-bg,
.instagram-theme-bg-hover:hover {
background-color: #3f729b !important;
}
.vk-theme,
.vk-theme-hover:hover {
color: #45668e !important;
}
.vk-theme-bg,
.vk-theme-bg-hover:hover {
background-color: #45668e !important;
}
.stumbleupon-theme-bg,
.stumbleupon-theme-bg-hover:hover {
background-color: #EB4823 !important;
}
.linkedin-theme-bg,
.linkedin-theme-bg-hover:hover {
background-color: #0073B0 !important;
}
/* ----------------------------------------------------------------
Animation
-----------------------------------------------------------------*/
@-webkit-keyframes kenburns {
0% {
-webkit-transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes kenburns {
0% {
-moz-transform: scale(1.2);
}
100% {
-moz-transform: scale(1);
}
}
@keyframes kenburns {
0% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
/*---- Scrollable container ----*/
.scroll-area-horizontal {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.scroll-area-horizontal__inner {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: no-wrap;
-moz-box-lines: no-wrap;
box-lines: no-wrap;
-webkit-flex-wrap: no-wrap;
-moz-flex-wrap: no-wrap;
flex-wrap: no-wrap;
}
.scroll-area-horizontal__inner>* {
-webkit-box-flex: 0;
-moz-box-flex: 0;
box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
flex: 0 0 auto;
}
.kenburns {
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-animation-name: kenburns;
-moz-animation-name: kenburns;
animation-name: kenburns;
-webkit-animation-duration: 30s;
-moz-animation-duration: 30s;
animation-duration: 30s;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-moz-animation-direction: alternate;
animation-direction: alternate;
}
/* =============================================================================
## LAYOUT
============================================================================= */
.site-wrapper {
overflow: hidden;
display: flex;
flex-direction: column;
min-height: 100vh;
}
.site-content {
padding-top: 30px;
padding-bottom: 30px;
flex: 1;
}
@media (min-width: 768px) {
.site-content {
padding-top: 40px;
padding-bottom: 60px;
}
}
@media (max-width: 767px) {
.container.fullwidth-xs {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
}
.container--narrow {
max-width: 970px;
}
.container--wide {
width: 100%;
max-width: 1440px;
}
.container--fw {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.container--fw {
padding-left: 30px;
padding-right: 30px;
}
}
.atbs-keylin-main-col {
width: 100%;
min-height: 1px;
float: left;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 992px) {
.atbs-keylin-main-col {
width: 680px;
}
}
@media (min-width: 1200px) {
.atbs-keylin-main-col {
width: 840px;
padding-right: 35px;
}
}
.atbs-keylin-main-col.has-left-sidebar {
float: right;
}
@media (min-width: 1200px) {
.atbs-keylin-main-col.has-left-sidebar {
padding-left: 35px;
padding-right: 15px;
}
}
.atbs-keylin-sub-col {
width: 100%;
float: left;
padding-top: 30px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 992px) {
.atbs-keylin-sub-col {
padding-top: 0;
width: 290px;
}
}
@media (min-width: 1200px) {
.atbs-keylin-sub-col {
width: 330px;
}
}
.row--flex {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
flex-wrap: wrap;
}
.row--flex.row--vertical-center {
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
}
.row--flex>[class*='col-'] {
float: none;
}
.row--stack>[class*='col-'] {
margin-bottom: 30px;
}
.row--space-between {
margin-top: -15px;
margin-bottom: -15px;
clear: both;
}
.row--space-between>[class*='col-'] {
padding-top: 15px;
padding-bottom: 15px;
}
.grid-no-gutter .row,
.grid-no-gutter.row {
margin-left: 0;
margin-right: 0;
}
.grid-no-gutter .row--space-between,
.grid-no-gutter.row--space-between {
margin-top: 0;
margin-bottom: 0;
}
.grid-no-gutter [class*="col-"] {
padding-left: 0;
padding-right: 0;
}
.grid-no-gutter .row--space-between>[class*="col-"],
.grid-no-gutter.row--space-between>[class*="col-"] {
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
}
.grid-gutter-2 .row,
.grid-gutter-2.row {
margin-left: -1px;
margin-right: -1px;
}
.grid-gutter-2 .row--space-between,
.grid-gutter-2.row--space-between {
margin-top: -1px;
margin-bottom: -1px;
}
.grid-gutter-2 [class*="col-"] {
padding-left: 1px;
padding-right: 1px;
}
.grid-gutter-2 .row--space-between>[class*="col-"],
.grid-gutter-2.row--space-between>[class*="col-"] {
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
}
.grid-gutter-4 .row,
.grid-gutter-4.row {
margin-left: -2px;
margin-right: -2px;
}
.grid-gutter-4 .row--space-between,
.grid-gutter-4.row--space-between {
margin-top: -2px;
margin-bottom: -2px;
}
.grid-gutter-4 [class*="col-"] {
padding-left: 2px;
padding-right: 2px;
}
.grid-gutter-4 .row--space-between>[class*="col-"],
.grid-gutter-4.row--space-between>[class*="col-"] {
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
}
.grid-gutter-10 .row,
.grid-gutter-10.row {
margin-left: -5px;
margin-right: -5px;
}
.grid-gutter-10 .row--space-between,
.grid-gutter-10.row--space-between {
margin-top: -5px;
margin-bottom: -5px;
}
.grid-gutter-10 [class*="col-"] {
padding-left: 5px;
padding-right: 5px;
}
.grid-gutter-10 .row--space-between>[class*="col-"],
.grid-gutter-10.row--space-between>[class*="col-"] {
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
.grid-gutter-20 .row,
.grid-gutter-20.row {
margin-left: -10px;
margin-right: -10px;
}
.grid-gutter-20 .row--space-between,
.grid-gutter-20.row--space-between {
margin-top: -10px;
margin-bottom: -10px;
}
.grid-gutter-20 [class*="col-"] {
padding-left: 10px;
padding-right: 10px;
}
.grid-gutter-20 .row--space-between>[class*="col-"],
.grid-gutter-20.row--space-between>[class*="col-"] {
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.grid-gutter-40 .row,
.grid-gutter-40.row {
margin-left: -20px;
margin-right: -20px;
}
.grid-gutter-40 .row--space-between,
.grid-gutter-40.row--space-between {
margin-top: -20px;
margin-bottom: -20px;
}
.grid-gutter-40 [class*="col-"] {
padding-left: 20px;
padding-right: 20px;
}
.grid-gutter-40 .row--space-between>[class*="col-"],
.grid-gutter-40.row--space-between>[class*="col-"] {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
.grid-gutter-50 .row,
.grid-gutter-50.row {
margin-left: -25px;
margin-right: -25px;
}
.grid-gutter-50 .row--space-between,
.grid-gutter-50.row--space-between {
margin-top: -25px;
margin-bottom: -25px;
}
.grid-gutter-50 [class*="col-"] {
padding-left: 25px;
padding-right: 25px;
}
.grid-gutter-50 .row--space-between>[class*="col-"],
.grid-gutter-50.row--space-between>[class*="col-"] {
padding-left: 25px;
padding-right: 25px;
padding-top: 25px;
padding-bottom: 25px;
}
/* -----------------------------------------------------------------
## Site Header
----------------------------------------------------------------- */
.site-header {
position: relative;
background: #fff;
box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04);
z-index: 20;
}
.site-header__inner {
padding: 0 15px;
}
.container .site-header__inner {
padding: 0;
}
/*
* ## Top bar
*--------------------*/
.top-bar__inner {
padding: 12.5px 0;
}
.top-bar__inner--fw {
padding: 10px 30px;
}
.top-bar__inner--flex {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
}
.top-bar__inner--flex>.top-bar__section {
padding-right: 20px;
}
.top-bar__inner--flex>.top-bar__section:last-child {
padding-right: 0;
}
/*---- Top navigation ----*/
.top-bar__nav .navigation {
margin: 0 -8px;
font-size: 14px;
font-size: 1rem;
}
.top-bar__section .header-time {
font-size: 14px;
font-size: 1rem;
}
.top-bar__nav .navigation a {
color: rgba(255, 255, 255, 0.8);
}
.top-bar__nav .navigation li {
position: relative;
}
.top-bar__nav .navigation>li>a {
padding: 0 8px;
line-height: 20px;
}
.top-bar__nav .navigation>li.menu-item-has-children>a::after {
/* use !important to prevent issues with browser extensions that change fonts */
display: inline-block;
font-family: 'mdicon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: middle;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e5c5';
display: inline-block;
margin-left: 0.1em;
margin-top: -0.2em;
font-size: 1.2em;
}
.top-bar__nav .navigation .sub-menu {
min-width: 200px;
position: absolute;
top: 100%;
right: auto;
bottom: auto;
left: 0;
margin-top: 12px;
padding: 10px;
background: #fff;
color: rgba(0, 0, 0, 0.6);
opacity: 0;
visibility: hidden;
z-index: 10;
border: 1px solid rgba(0, 0, 0, 0.05);
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.09);
-webkit-transition: all 0.1s ease-in-out 0.1s;
-moz-transition: all 0.1s ease-in-out 0.1s;
-o-transition: all 0.1s ease-in-out 0.1s;
transition: all 0.1s ease-in-out 0.1s;
}
.top-bar__nav .navigation li:hover>.sub-menu,
.top-bar__nav .navigation li:focus-within>.sub-menu {
opacity: 1;
visibility: visible;
}
.top-bar__nav .navigation .sub-menu a {
display: block;
padding: 10px;
color: rgba(0, 0, 0, 0.6);
}
.top-bar__nav .navigation .sub-menu li:hover>a,
.top-bar__nav .navigation .sub-menu li:focus-within>a {
background: rgba(0, 0, 0, 0.05);
}
.top-bar a {
color: rgba(0, 0, 0, 0.4);
}
.top-bar__nav .navigation>li>a {
color: rgba(0, 0, 0, 0.4);
-webkit-transition: color, 0.2s;
-o-transition: color, 0.2s;
-moz-transition: color, 0.2s;
transition: color, 0.2s;
}
.top-bar__nav .navigation>li:hover>a,
.top-bar__nav .navigation>li:focus-within>a {
color: rgba(0, 0, 0, 0.8);
}
/*---- Top bar fullwidth ----*/
.top-bar--fullwidth {
/*border-bottom: 1px solid rgba(0, 0, 0, 0.05);*/
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.top-bar:not(.top-bar--fullwidth) .top-bar__inner {
/*border-bottom: 1px solid rgba(0, 0, 0, 0.05);*/
box-shadow: 1px solid rgba(0, 0, 0, 0.05);
}
/*---- Top bar inverse ----*/
.top-bar--inverse.top-bar--fullwidth {
background: #111;
color: rgba(255, 255, 255, 0.8);
}
.top-bar--inverse .top-bar__nav .navigation>li>a,
.top-bar--inverse .social-list--inline>li>a {
color: rgba(255, 255, 255, 0.8);
-webkit-transition: color, 0.2s;
-o-transition: color, 0.2s;
-moz-transition: color, 0.2s;
transition: color, 0.2s;
}
.top-bar--inverse .top-bar__nav .navigation>li:hover>a,
.top-bar--inverse .top-bar__nav .navigation>li:focus-within>a,
.top-bar--inverse .social-list--inline>li:hover>a,
.top-bar--inverse .social-list--inline>li:focus-within>a {
color: white;
}
/*
* ## Header main
*--------------------*/
.header-main {
padding: 5px 0;
}
.header-2 .header-main,
.header-1 .header-main {
position: relative;
}
.header-10 .top-bar,
.header-9 .top-bar,
.header-8 .top-bar,
.header-7 .top-bar,
.header-3 .top-bar{
z-index: 2;
position: relative;
}
@media (min-width: 992px) {
.header-main {
padding: 40px 0;
}
}
.header-main__inner--flex {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
}
.header-main__section {
padding-right: 20px;
}
.header-main__section:last-child {
padding-right: 0;
}
.header-main--inverse {
background: #1B1D1C;
color: rgba(255, 255, 255, 0.8);
}
/*---- Header branding ---*/
.navigation-bar .header-branding {
max-width: 30%;
}
.header-branding--mobile {
min-width: 0;
}
.site-title {
color: #003366;
font-size: 36px;
font-weight: 700;
}
@media (min-width: 1200px) {
.site-title {
font-size: 48px;
}
}
.site-title:first-child {
margin-top: 0;
}
.site-title:last-child {
margin-bottom: 0;
}
.site-title a {
color: inherit;
text-decoration: none;
}
.navigation-bar .site-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0;
font-size: 36px;
line-height: 60px;
}
.site-description {
font-size: 14px;
color: rgba(0, 0, 0, 0.4);
}
.mobile-header .site-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0;
font-size: 20px;
}
.mobile-header .site-title a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/*---- Header logo ---*/
.header-logo a {
text-decoration: none !important;
}
.navigation-bar .header-logo {
display: inline-block;
vertical-align: middle;
}
.navigation-bar .header-logo img {
max-height: 60px;
padding: 15px 0;
}
.navigation-bar--inverse .header-logo--text,
.navigation-bar--inverse .header-logo--text a {
color: #fff;
}
/*---- Header main buttons ---*/
.header-main-btn {
display: inline-block;
padding: 5px 10px;
font-size: 24px;
text-align: center;
cursor: pointer;
vertical-align: middle;
color: inherit;
text-decoration: none;
}
.header-main-btn:hover,
.header-main-btn:active,
.header-main-btn:focus {
color: inherit;
text-decoration: none;
}
.header-main-btn .mdicon,
.header-main-btn i {
font-size: 1.2em;
}
.header-main-btn .mdicon:not(:last-child),
.header-main-btn i:not(:last-child) {
margin-right: 0.2em;
}
/*---- Header search ---*/
.header-main .header-search .search-form__input {
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}
/*
* ## Navigation bar
*--------------------*/
.navigation-bar {
height: 60px;
position: relative;
z-index: 1;
}
.navigation-bar--fullwidth {
background: #fff;
}
.navigation-bar__inner {
position: relative;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
}
.navigation-bar--inverse:not(.navigation-bar--fullwidth) .navigation-bar__inner {
padding-left: 10px;
padding-right: 10px;
}
.navigation-bar--fullwidth .navigation-bar__inner {
padding-left: 15px;
padding-right: 15px;
}
.sticky-header .navigation-bar--fullwidth .navigation-bar__inner {
padding-left: 20px;
padding-right: 20px;
}
.navigation-bar--fullwidth .container .navigation-bar__inner {
padding-left: 0;
padding-right: 0;
}
.navigation-bar:not(.navigation-bar--fullwidth):not(.navigation-bar--inverse) .navigation-bar__inner {
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
}
.navigation-bar__section {
min-width: 0;
padding-left: 8px;
padding-right: 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.navigation-bar__section:first-child {
padding-left: 0;
}
.navigation-bar__section:last-child {
padding-right: 0;
}
/*
* #Main navigation
*--------------------*/
.navigation-wrapper {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
overflow: hidden;
}
@media (min-width: 1200px) {
.navigation-bar .header-logo {
padding-right: 20px;
}
}
.navigation--main {
display: inline-block;
vertical-align: middle;
white-space: nowrap;
font-size: 0;
}
.navigation--main * {
white-space: initial;
}
.navigation--main a {
text-decoration: none;
}
.navigation--main>li {
font-size: 14px;
font-size: 1rem;
white-space: normal;
text-align: left;
}
.navigation--main>li>a {
display: inline-block;
height: 70px;
padding: 0 10px;
font-size: 13px;
font-size: 0.92857rem;
line-height: 70px;
font-weight: 700;
text-transform: uppercase;
}
.navigation--main>li.menu-item-has-children>a::after,
.navigation--main .sub-menu>li.menu-item-has-children>a::after,
.navigation--main .sub-menu-inner> ul > li.menu-item-has-children>a::after {
/* use !important to prevent issues with browser extensions that change fonts */
display: inline-block;
font-family: 'mdicon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: middle;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e5cf';
display: inline-block;
margin-left: 0.1em;
margin-top: -0.1em;
font-size: 1.3em;
letter-spacing: -0.2857em;
}
.navigation--main .sub-menu>li.menu-item-has-children>a {
position: relative;
padding-right: 10px;
padding-left: 10px;
}
.navigation--main .sub-menu>li.menu-item-has-children>a::after,
.navigation--main .sub-menu-inner> ul > li.menu-item-has-children>a::after {
content: '\e409';
position: absolute;
top: 50%;
right: 7px;
left: auto;
bottom: auto;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.navigation--main li > *:not(.atbs-mega-menu) .menu-item-has-children a {
padding-right: 20px;
}
.navigation--main>li>a {
position: relative;
color: rgba(0, 0, 0, 0.8);
-webkit-transition: all 0.2s ease-out 0.05s;
-moz-transition: all 0.2s ease-out 0.05s;
-o-transition: all 0.2s ease-out 0.05s;
transition: all 0.2s ease-out 0.05s;
}
.navigation--main>li>a::before {
content: '';
display: block;
height: 3px;
position: absolute;
top: auto;
right: 0;
bottom: 0;
left: 0;
background: #003366;
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: bottom center;
-moz-transform-origin: bottom center;
-o-transform-origin: bottom center;
transform-origin: bottom center;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.navigation--main>li:hover>a,
.navigation--main>li:focus-within>a,
.navigation--main>li.current-menu-item>a {
color: rgba(0, 0, 0, 0.8);
}
.navigation--main>li:hover>a::before,
.navigation--main>li:focus-within>a::before,
.navigation--main>li.current-menu-item>a::before {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.navigation--main .sub-menu {
color: rgba(0, 0, 0, 0.6);
font-size: 14px;
font-size: 1rem;
line-height: 1.4;
}
/*.navigation--main>li>.sub-menu {
margin-left: -20px;
}*/
/*.navigation--main>li.menu-item-has-children {
position: relative;
}
.navigation-wrapper {
overflow: visible;
}*/
.navigation--main>li>.sub-menu,
.navigation--main li>.sub-menu .sub-menu {
width: 220px;
position: absolute;
top: 100%;
right: auto;
bottom: auto;
left: auto;
padding: 10px;
background: #fff;
opacity: 0;
visibility: hidden;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05);
-webkit-transform: scale(1, 0.9);
-moz-transform: scale(1, 0.9);
-o-transform: scale(1, 0.9);
transform: scale(1, 0.9);
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
-moz-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
-o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
z-index: 30;
}
.navigation--main li:hover>.sub-menu,
.navigation--main li:focus-within>.sub-menu {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
-moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
-o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.navigation--main li>.sub-menu .sub-menu {
position: absolute;
top: 0;
right: auto;
bottom: auto;
left: 100%;
margin-left: 10px;
}
.navigation--main .sub-menu a {
display: block;
padding: 6px 8px;
color: rgba(0, 0, 0, 0.7);
line-height: 1.4;
}
.navigation--main .sub-menu li:hover>a:not(.post__cat),
.navigation--main .sub-menu li:focus-within>a:not(.post__cat) {
background: rgba(0, 0, 0, 0.05);
}
/*
* Priority nav dropdown
*------------------------*/
.priority-nav__more {
direction: rtl;
}
.priority-nav__more * {
direction: ltr;
}
.priority-nav__more>a>i {
display: inline-block;
margin-left: 0.1em;
margin-top: -0.1em;
letter-spacing: -0.2857em;
}
.priority-nav__more .sub-menu .sub-menu,
.priority-nav__more li.menu-item-has-children>a::after,
.priority-nav__more .atbs-keylin-mega-menu {
display: none !important;
}
/*
* Navigation bar inverse
*------------------------*/
.navigation-bar--inverse:not(.navigation-bar--fullwidth) .navigation-bar__inner {
background: #1B1D1C;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
border-radius: 4px;
}
.navigation-bar--inverse.navigation-bar--fullwidth {
background: #1B1D1C;
}
.navigation-bar--inverse.navigation-bar--fullwidth .container .navigation-bar__inner {
padding-left: 0;
padding-right: 0;
box-shadow: none;
border-radius: none;
}
.navigation-bar--inverse .navigation-bar__section--seperated {
border-color: rgba(255, 255, 255, 0.1);
}
.navigation-bar--inverse .navigation--main>li>a,
.navigation-bar--inverse .navigation-bar-btn {
color: rgba(255, 255, 255, 0.8);
}
.navigation-bar--inverse .navigation--main>li>a:hover,
.navigation-bar--inverse .navigation--main>li>a:focus,
.navigation-bar--inverse .navigation--main>li>a:active,
.navigation-bar--inverse .navigation-bar-btn:hover,
.navigation-bar--inverse .navigation-bar-btn:focus,
.navigation-bar--inverse .navigation-bar-btn:active {
color: white;
}
.navigation-bar--inverse .navigation--main>li:hover>a,
.navigation-bar--inverse .navigation--main>li:focus-within>a,
.navigation-bar--inverse .navigation--main>li.current-menu-item>a {
color: white;
}
/*
* Mega menu
*--------------------*/
.atbs-keylin-mega-menu {
width: 1170px;
position: absolute;
top: 100%;
right: auto;
bottom: auto;
left: 0;
background: #fafafa;
box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.09);
z-index: 20;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05);
opacity: 0;
visibility: hidden;
/*-webkit-transform: scale(1, 0.9);
-moz-transform: scale(1, 0.9);
-o-transform: scale(1, 0.9);
transform: scale(1, 0.9);
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;*/
/*-webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
-moz-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
-o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;*/
}
@media (max-width: 1199px) {
.atbs-keylin-mega-menu {
width: 940px;
}
}
.navigation--main li:hover>.atbs-keylin-mega-menu,
.navigation--main li:focus-within>.atbs-keylin-mega-menu {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
/*-webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
-moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
-o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;*/
}
.atbs-keylin-mega-menu__inner {
padding: 20px;
pointer-events: auto;
}
.atbs-keylin-mega-menu .container .atbs-keylin-mega-menu__inner {
padding-left: 0;
padding-right: 0;
}
/*---- Category mega menu ----*/
.atbs-keylin-mega-menu .posts-list {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
margin: 0 -10px;
}
.atbs-keylin-mega-menu .posts-list>li {
max-width: 25%;
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
padding: 0 10px;
}
.atbs-keylin-mega-menu .posts-list>li.big-post {
max-width: 50%;
-webkit-box-flex: 2;
-moz-box-flex: 2;
box-flex: 2;
-webkit-flex: 2;
-moz-flex: 2;
flex: 2;
}
.atbs-keylin-mega-menu ul.sub-categories {
margin: 25px 0 0;
padding: 0;
list-style: none;
}
.atbs-keylin-mega-menu ul.sub-categories li {
display: inline-block;
}
.atbs-keylin-mega-menu ul.sub-categories li:not(:first-child) {
margin-left: 2px;
}
/*---- Links mega menu ----*/
.atbs-keylin-mega-menu__inner>.sub-menu {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
flex-wrap: wrap;
margin: -10px;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.atbs-keylin-mega-menu__inner>.sub-menu>li {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
-webkit-flex-basis: 20%;
-moz-flex-basis: 20%;
flex-basis: 20%;
-ms-flex-preferred-size: 20%;
padding: 10px;
}
.atbs-keylin-mega-menu__inner>.sub-menu>li:nth-child(n+6) {
max-width: 20%;
}
.atbs-keylin-mega-menu__inner>.sub-menu>li>a {
padding-left: 10px;
padding-right: 10px;
background: transparent;
font-weight: 700;
font-size: 15px;
font-size: 1.0714rem;
text-transform: uppercase;
color: rgba(0,0,0,0.7);
position: relative;
}
.atbs-keylin-mega-menu__inner>.sub-menu>li>a::before {
content: "";
position: absolute;
width: -moz-calc(100% - 20px);
width: calc(100% - 20px);
left: 10px;
bottom: 0;
height: 1px;
background-color: rgba(0, 0, 0, 0.05);
display: none;
}
.atbs-keylin-mega-menu__inner>.sub-menu>li:hover >a::before,
.atbs-keylin-mega-menu__inner>.sub-menu>li:focus-within >a::before {
/*display: none;*/
}
.atbs-keylin-mega-menu__inner>.sub-menu>li:hover>a,
.atbs-keylin-mega-menu__inner>.sub-menu>li:focus-within>a {
background: transparent;
}
.atbs-keylin-mega-menu__inner .sub-menu>li.menu-item-has-children>a::after {
content: none;
}
/*
* Nav bar buttons
*--------------------*/
.navigation-bar-btn {
color: inherit;
text-decoration: none;
display: inline-block;
height: 70px;
padding: 0 10px;
background: transparent;
border: none;
box-shadow: none;
font-size: 1rem;
text-align: center;
cursor: pointer;
vertical-align: top;
}
.navigation-bar-btn:hover,
.navigation-bar-btn:active,
.navigation-bar-btn:focus {
color: inherit;
text-decoration: none;
}
.navigation-bar-btn span,
.navigation-bar-btn i {
line-height: 70px;
vertical-align: middle;
}
.navigation-bar-btn i {
font-size: 20px;
}
.navigation-bar-btn i:not(:last-child) {
margin-right: 0.2em;
}
/*---- Header search ---*/
.header-search {
max-width: 100%;
min-width: 280px;
}
.navigation-bar--inverse .header-search .search-form__input,
.navigation-bar--dark .header-search .search-form__input,
.site-header--inverse .header-search .search-form__input {
background: #fff;
}
.header-search-dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: #fafafa;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.header-search-dropdown.is-active {
display: block;
box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04);
opacity: 1;
visibility: visible;
}
.header-search-dropdown .search-form__input {
padding: 18px 8px;
background: transparent;
border: none;
box-shadow: none;
font-size: 16px;
font-size: 1.14286rem;
}
@media (min-width: 768px) {
.header-search-dropdown .search-form__input {
font-size: 26px;
font-size: 1.85714rem;
}
}
.header-search-dropdown .search-form__input:focus {
border: none;
box-shadow: none;
outline: none;
}
.header-search-dropdown .search-form__submit {
text-transform: uppercase;
}
.search-form--horizontal {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
}
.search-form--horizontal .search-form__input-wrap {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
}
.search-form--horizontal .search-form__submit-wrap {
-webkit-box-flex: 0;
-moz-box-flex: 0;
box-flex: 0;
-webkit-flex: 0;
-moz-flex: 0;
flex: 0;
}
.search-results {
color: rgba(0, 0, 0, 0.8);
}
.ajax-search .search-results {
display: none;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.ajax-search .search-results.is-active {
display: block;
opacity: 1;
visibility: visible;
}
.ajax-search .search-results .typing-loader {
margin: 0 auto;
}
.ajax-search .search-results:not(.is-loading) .typing-loader {
display: none;
}
/*Typing Loader*/
.typing-loader {
width: 6px;
height: 6px;
border-radius: 50%;
-webkit-animation: typing 1s linear infinite alternate;
-moz-animation: Typing 1s linear infinite alternate;
animation: typing 1s linear infinite alternate;
position: relative;
left: -12px;
}
@-webkit-keyframes typing {
0% {
background-color: black;
box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgba(0, 0, 0, 0.2);
}
25% {
background-color: rgba(0, 0, 0, 0.4);
box-shadow: 12px 0px 0px 0px black, 24px 0px 0px 0px rgba(0, 0, 0, 0.2);
}
75% {
background-color: rgba(0, 0, 0, 0.4);
box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px black;
}
}
@-moz-keyframes typing {
0% {
background-color: black;
box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgba(0, 0, 0, 0.2);
}
25% {
background-color: rgba(0, 0, 0, 0.4);
box-shadow: 12px 0px 0px 0px black, 24px 0px 0px 0px rgba(0, 0, 0, 0.2);
}
75% {
background-color: rgba(0, 0, 0, 0.4);
box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px black;
}
}
@keyframes typing {
0% {
background-color: black;
box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgba(0, 0, 0, 0.2);
}
25% {
background-color: rgba(0, 0, 0, 0.4);
box-shadow: 12px 0px 0px 0px black, 24px 0px 0px 0px rgba(0, 0, 0, 0.2);
}
75% {
background-color: rgba(0, 0, 0, 0.4);
box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px black;
}
}
.search-results {
padding-top: 20px;
overflow: hidden;
}
body.search-results {
padding-top: 0;
overflow: visible;
}
.header-search-dropdown .search-results {
max-height: -moz-calc(100vh - 108px);
max-height: calc(100vh - 108px);
overflow-y: auto;
}
@media (min-width: 1200px) {
.header-search-dropdown .search-results {
max-height: -moz-calc(100vh - 133px);
max-height: calc(100vh - 133px);
}
}
.header-search-dropdown .search-results__inner {
padding-bottom: 30px;
}
.search-results__view-all {
display: block;
clear: both;
margin-top: 20px;
font-size: 18px;
font-size: 1.28571rem;
text-align: center;
}
/*---- Dropdown login ---*/
.nav-login__dropdown {
padding: 20px;
background: #fafafa;
}
/*
* Header banner
*--------------------*/
.header-main--inverse .search-form__input {
background: #fff;
}
.navigation-bar--inverse .navigation--main>li>a,
.navigation-bar--inverse .navigation-bar-btn,
.navigation-bar--inverse .logo-text {
color: rgba(255, 255, 255, 0.95);
}
.navigation-bar--inverse .navigation--main>li>a:hover,
.navigation-bar--inverse .navigation--main>li>a:focus,
.navigation-bar--inverse .navigation--main>li>a:active,
.navigation-bar--inverse .navigation-bar-btn:hover,
.navigation-bar--inverse .navigation-bar-btn:focus,
.navigation-bar--inverse .navigation-bar-btn:active {
color: white;
}
/*
* Mobile header
*--------------------*/
.mobile-header {
position: relative;
height: 50px;
background: #fff;
box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04);
}
@media (min-width: 768px) {
.mobile-header {
height: 70px;
}
}
.mobile-header__inner {
padding: 0 15px;
}
.container .mobile-header__inner {
padding: 0;
}
.mobile-header__inner--flex {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
width: 100%;
}
.mobile-header__section {
padding-right: 20px;
white-space: nowrap;
}
.mobile-header__section:last-child {
padding-right: 0;
}
.header-logo--mobile img {
max-height: 50px;
padding: 10px 0;
}
@media (min-width: 768px) {
.header-logo--mobile img {
max-height: 70px;
}
}
.mobile-header-btn {
color: inherit;
text-decoration: none;
display: inline-block;
height: 50px;
padding: 0 4px;
background: transparent;
border: none;
box-shadow: none;
color: rgba(0, 0, 0, 0.8);
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
cursor: pointer;
vertical-align: middle;
}
.mobile-header-btn:hover,
.mobile-header-btn:active,
.mobile-header-btn:focus {
color: inherit;
text-decoration: none;
}
@media (min-width: 768px) {
.mobile-header-btn {
height: 70px;
}
}
.mobile-header-btn:hover {
color: rgba(0, 0, 0, 0.8);
}
.mobile-header-btn>span {
display: inline-block;
line-height: 50px;
vertical-align: middle;
}
@media (min-width: 768px) {
.mobile-header-btn>span {
line-height: 70px;
}
}
.mobile-header-btn i {
font-size: 26px;
line-height: 50px;
}
@media (min-width: 768px) {
.mobile-header-btn i {
font-size: 24px;
line-height: 70px;
}
}
.mobile-header--dark,
.mobile-header--inverse {
background: #1B1D1C;
color: #fff;
}
.mobile-header--dark .mobile-header-btn,
.mobile-header--inverse .mobile-header-btn,
.mobile-header--inverse .header-logo a {
color: rgba(255, 255, 255, 0.8);
}
.mobile-header--dark .mobile-header-btn:hover,
.mobile-header--inverse .mobile-header-btn:hover,
.mobile-header--inverse .header-logo a:hover {
color: white;
}
/**
* Menu To Left
*/
.atbs-submenu-to-left .sub-menu {
right: -webkit-calc(100%) !important;
right: -moz-calc(100%) !important;
right: calc(100%) !important;
left: auto !important;
}
.atbs-submenu-to-right .sub-menu{
right: auto !important;
bottom: auto !important;
left: 100% !important;
}
/**/
/*---- Sticky header ----*/
.sticky-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04);
visibility: hidden;
pointer-events: none;
z-index: 50;
-webkit-transition: all 0.15s ease-out 0s;
-moz-transition: all 0.15s ease-out 0s;
-o-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s;
-webkit-transform: translate3d(0, -101%, 0);
-moz-transform: translate3d(0, -101%, 0);
-o-transform: translate3d(0, -101%, 0);
transform: translate3d(0, -101%, 0);
}
.sticky-header.is-shown {
pointer-events: initial;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.sticky-header.is-fixed {
pointer-events: initial;
visibility: visible;
}
@media (min-width: 992px) {
.admin-bar .sticky-header.is-fixed {
margin-top: 32px;
}
}
/*---- Overlap header ---*/
.has-overlap-header .site-header--overlap::after {
clear: both;
content: "";
display: table;
}
.has-overlap-header .site-header--overlap .navigation-bar {
margin-bottom: -30px;
}
@media (min-width: 992px) {
.has-overlap-header .atbs-keylin-block--fullwidth.atbs-keylin-mosaic-block--with-bg:first-child,
.has-overlap-header .atbs-keylin-block--fullwidth.has-overlap-background:first-child,
.has-overlap-header .atbs-keylin-block--fullwidth.has-background:first-child,
.has-overlap-header .atbs-keylin-block--fullwidth:first-child .atbs-keylin-block__inner {
padding-top: 60px;
}
}
/* -----------------------------------------------------------------
## Site Footer
----------------------------------------------------------------- */
.site-footer {
position: relative;
background: #F2F2F2;
color: rgba(0, 0, 0, 0.6);
}
.site-footer__inner {
position: relative;
}
.site-footer__section {
position: relative;
padding-bottom: 30px;
}
.site-footer__section:first-child {
padding-top: 40px;
}
.site-footer__section--seperated {
padding-top: 30px;
}
.site-footer__section-inner {
position: relative;
}
.site-footer__section--bordered,
.site-footer__section--bordered-inner .site-footer__section-inner {
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.site-footer__section--bordered-inner .site-footer__section-inner {
padding-top: 30px;
}
/*
* Footer Logo
*--------------------*/
.site-footer .logo-text {
font-size: 30px;
font-weight: 600;
}
.site-footer .site-logo a {
color: rgba(0, 0, 0, 0.6);
}
.site-footer--inverse .site-logo a {
color: #fff;
}
/*
* Footer widget
*--------------------*/
.site-footer .widget:last-child {
margin-bottom: 0;
}
.has-block-heading-line-under .site-footer .widget__title {
border-bottom: none;
}
/*
* Footer menu
*--------------------*/
.navigation--footer {
font-weight: 700;
text-transform: uppercase;
}
.navigation--footer .sub-menu {
display: none;
}
.navigation--footer>li {
padding: 0.2em 0.4em;
}
.navigation--footer>li>a {
color: rgba(0, 0, 0, 0.6);
}
.navigation--footer>li>a:hover,
.navigation--footer>li>a:focus {
color: var(--color-primary) !important;
}
.footer-menu--bold .navigation--footer>li>a {
font-weight: 600;
text-transform: uppercase;
}
@media (min-width: 768px) {
.site-footer__section--flex .site-footer__section-inner {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
}
}
.site-footer__section--flex .site-footer__section-left {
padding-bottom: 20px;
text-align: center;
}
@media (min-width: 768px) {
.site-footer__section--flex .site-footer__section-left {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
padding-right: 10px;
padding-bottom: 0;
text-align: left;
}
}
.site-footer__section--flex .site-footer__section-right {
text-align: center;
}
@media (min-width: 768px) {
.site-footer__section--flex .site-footer__section-right {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
padding-left: 10px;
text-align: right;
}
}
/*---- Footer inverse ----*/
.site-footer--inverse {
background: #222;
color: rgba(255, 255, 255, 0.8);
}
.site-footer--inverse .widget__title-text{
color: #fff;
}
.site-footer--inverse a,
.site-footer--inverse .post__title a {
color: white;
}
.site-footer--inverse .navigation--footer>li>a {
color: rgba(255, 255, 255, 0.8);
}
.site-footer--inverse .navigation--footer>li>a:hover {
color: white;
}
.site-footer--inverse .site-footer__section--bordered,
.site-footer--inverse .site-footer__section--bordered-inner .site-footer__section-inner {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.has-block-heading-line-around .site-footer--inverse .widget__title::before,
.has-block-heading-line-around .site-footer--inverse .widget__title::after {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.atbs-keylin-go-top.atbs-keylin-go-top {
width: 40px;
height: 40px;
position: fixed;
top: auto;
bottom: 10px;
left: auto;
right: 10px;
padding: 0;
font-size: 18px;
line-height: 40px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05);
-webkit-transform: translate(0, 54px);
-moz-transform: translate(0, 54px);
-o-transform: translate(0, 54px);
transform: translate(0, 54px);
-webkit-transition: all 0.15s ease-out 0s;
-moz-transition: all 0.15s ease-out 0s;
-o-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s;
pointer-events: none;
visibility: hidden;
z-index: 10;
}
@media (min-width: 1200px) {
.atbs-keylin-go-top.atbs-keylin-go-top {
bottom: 20px;
right: 20px;
-webkit-transform: translate(0, 64px);
-moz-transform: translate(0, 64px);
-o-transform: translate(0, 64px);
transform: translate(0, 64px);
}
}
.atbs-keylin-go-top.atbs-keylin-go-top.is-active {
visibility: visible;
pointer-events: initial;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .atbs-keylin-go-top.atbs-keylin-go-top {
display: none;
}
.atbs-keylin-go-top.atbs-keylin-go-top i {
line-height: 38px;
vertical-align: initial;
}
/* =============================================================================
## COMPONENTS
============================================================================= */
/* -----------------------------------------------------------------
## Block heading
----------------------------------------------------------------- */
.block-heading {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
width: 100%;
position: relative;
margin-bottom: 1.4rem;
font-size: 1rem;
line-height: 1.2;
}
.block-heading a {
color: inherit;
text-decoration: none;
}
.block-heading a:hover,
.block-heading a:active,
.block-heading a:focus {
color: inherit;
text-decoration: none;
}
.block-heading__title {
margin: 0;
color: rgba(0, 0, 0, 0.8);
font-size: 1.1rem;
line-height: 1.2;
letter-spacing: 0.08em;
font-weight: 700;
text-transform: uppercase;
}
.block-heading--secondary .block-heading__title {
font-size: 1rem;
font-weight: 300;
}
.block-heading .first-word,
.block-heading span {
font-weight: 300;
}
.block-heading__subtitle {
line-height: 1.4;
letter-spacing: normal;
font-size: 1rem;
color: rgba(0, 0, 0, 0.4);
}
.overlay-content .block-heading__subtitle,
.inverse-text .block-heading__subtitle {
color: rgba(255, 255, 255, 0.8);
}
.block-heading__secondary {
padding-left: 0.6em;
text-align: right;
vertical-align: middle;
}
.block-heading__secondary a {
color: inherit;
text-decoration: none;
}
.block-heading__secondary a:hover,
.block-heading__secondary a:active,
.block-heading__secondary a:focus {
color: inherit;
text-decoration: none;
}
/*---- Block heading large ----*/
@media (min-width: 768px) {
.block-heading--lg {
margin-bottom: 1.6rem;
}
}
@media (min-width: 768px) {
.block-heading--lg .block-heading__title {
font-size: 20px;
font-size: 1.43rem;
}
}
/*---- Block heading line ----*/
.block-heading--line.block-heading::after {
content: '';
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
box-ordinal-group: 2;
-webkit-order: 2;
-moz-order: 2;
order: 2;
-ms-flex-order: 2;
margin-left: 0.6em;
border-top: 2px solid rgba(0, 0, 0, 0.05);
}
.has-block-heading-line .block-heading__secondary,
.block-heading--line .block-heading__secondary {
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
box-ordinal-group: 3;
-webkit-order: 3;
-moz-order: 3;
order: 3;
-ms-flex-order: 3;
}
.site-footer .block-heading--line.block-heading::after {
border-top: 2px solid rgba(255, 255, 255, 0.15);
}
/*---- Block heading center ----*/
.block-heading--center {
display: block;
text-align: center;
border: none !important;
}
.block-heading--center .block-heading__title {
margin-bottom: 0.4em;
padding: 0;
}
.block-heading--center .block-heading__subtitle {
padding: 0;
}
.block-heading--center::before,
.block-heading--center::after {
display: none;
}
/*---- Block heading line around ----*/
.has-block-heading-line-around.block-heading::before,
.has-block-heading-line-around.block-heading::after {
content: '';
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
margin-right: 0.6em;
border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}
.has-block-heading-line-around.block-heading::after {
margin-left: 0.6em;
margin-right: 0
}
.has-block-heading-line-around.block-heading__secondary {
display: none;
}
.site-footer .has-block-heading-line-around.block-heading::before,
.site-footer .has-block-heading-line-around.block-heading::after {
border-bottom: 2px solid rgba(255, 255, 255, 0.15);
}
/*---- Block heading line under ----*/
.block-heading--line-under.block-heading {
padding-bottom: 5px;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.overlay-content .block-heading--line-under.block-heading,
.inverse-text .block-heading--line-under.block-heading,
.block-heading--inverse.block-heading--line-under.block-heading {
border-color: rgba(255, 255, 255, 0.4);
}
.site-footer .block-heading--line-under.block-heading {
border-color: rgba(255, 255, 255, 0.15);
}
/*---- Block heading box ----*/
.block-heading--box {
padding: 10px 12px 11px;
border: 1px solid rgba(0, 0, 0, 0.05);
border-bottom: none;
background: #fafafa;
}
.block-heading--box .block-heading__title {
font-size: 14px;
}
/*---- Block heading vertical ----*/
.block-heading--vertical {
display: block;
}
.block-heading--vertical.block-heading--vertical {
padding-bottom: 0;
border-bottom: none;
}
.block-heading--vertical>*:not(:last-child) {
margin-bottom: 0.4em;
}
/*---- Block heading inverse ----*/
.block-heading--inverse {
position: relative;
color: white;
z-index: 1;
}
.block-heading--inverse .block-heading__title {
color: white;
}
.block-heading--inverse .block-heading__subtitle {
color: rgba(255, 255, 255, 0.8);
}
.block-heading.block-heading--inverse::before,
.block-heading.block-heading--inverse::after {
border-color: rgba(255, 255, 255, 0.2);
}
/*---- Search results section heading ----*/
.search-results__section-heading {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
width: 100%;
position: relative;
margin-bottom: 1.4rem;
padding-bottom: 2px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
line-height: 1.2;
}
.search-results__section-heading-title {
margin-bottom: 0;
font-size: 1rem;
font-weight: 300;
line-height: 1.2;
text-transform: uppercase;
}
.search-results__section-heading a {
color: inherit;
text-decoration: none;
}
.search-results__section-heading a:hover,
.search-results__section-heading a:active,
.search-results__section-heading a:focus {
color: inherit;
text-decoration: none;
}
/* -----------------------------------------------------------------
## Buttons
----------------------------------------------------------------- */
input[type="button"]:not(.btn),
input[type="reset"]:not(.btn),
input[type="submit"]:not(.btn) {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: #f5f5f5;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
input[type="button"]:not(.btn):hover,
input[type="reset"]:not(.btn):hover,
input[type="submit"]:not(.btn):hover {
background: #efefef;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn:visited {
border: 1px solid rgba(0, 0, 0, 0.2);
}
a.btn {
text-decoration: none;
}
.btn-link {
border: none;
box-shadow: none;
}
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
border: none;
box-shadow: none;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active {
background: #f8f8f8;
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover {
background: #eee;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn-primary {
background: #003366;
color: #fff;
}
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
background: #ef392b;
color: #fff;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover {
background: #e33629;
color: #fff;
}
.btn-pill {
border-radius: 999em;
}
.btn-glass {
border: 3px solid rgba(255, 255, 255, 0.4);
background-clip: padding-box;
}
.btn-glass:active,
.btn-glass:focus,
.btn-glass:hover {
border: 3px solid rgba(255, 255, 255, 0.4);
}
.btn-ghost {
border: 1px solid rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.8);
}
.btn-ghost:hover,
.btn-ghost:active,
.btn-ghost:focus,
.btn-ghost:visited {
border: 1px solid rgba(255, 255, 255, 0.8);
color: white;
}
.btn-frame {
border: 1px solid rgba(0, 0, 0, 0.2);
color: rgba(0, 0, 0, 0.8);
}
.btn-frame:hover,
.btn-frame:active,
.btn-frame:focus,
.btn-frame:visited {
border: 1px solid rgba(0, 0, 0, 0.4);
color: rgba(0, 0, 0, 0.8);
}
/* -----------------------------------------------------------------
## Custom Scrollbar
----------------------------------------------------------------- */
.ps-container>.ps-scrollbar-y-rail,
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
width: 6px;
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
-webkit-transition: .2s linear left;
-o-transition: .2s linear left;
-moz-transition: .2s linear left;
transition: .2s linear left;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
right: 0;
border-radius: 2px;
-webkit-transition: .2s linear top;
-o-transition: .2s linear top;
-moz-transition: .2s linear top;
transition: .2s linear top;
}
.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,
.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y {
width: 8px;
}
.ps-container>.ps-scrollbar-y-rail {
background: transparent !important;
}
.scrollbar-always-visible.ps-container>.ps-scrollbar-x-rail,
.scrollbar-always-visible.ps-container>.ps-scrollbar-y-rail {
opacity: 0.6;
}
.iScrollVerticalScrollbar {
position: absolute;
z-index: 9999;
width: 6px;
bottom: 4px;
top: 4px;
right: 4px;
overflow: hidden;
}
.iScrollIndicator {
position: absolute;
background: rgba(0, 0, 0, 0.1);
border-radius: 999em;
}
.iScrollVerticalScrollbar .iScrollIndicator {
width: 100%;
}
.atbs-keylin-video-box .iScrollIndicator {
background: rgba(255, 255, 255, 0.5);
}
/* -----------------------------------------------------------------
## Category Tile
----------------------------------------------------------------- */
.category-tile {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
}
.category-tile__wrap {
position: relative;
margin-top: 20px;
box-shadow: 0 -20px 0 -10px rgba(0, 0, 0, 0.05), 0 -38px 0 -20px rgba(0, 0, 0, 0.02);
}
.category-tile__inner {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
min-height: 180px;
position: relative;
}
.category-tile--sm .category-tile__inner {
min-height: 120px;
}
.category-tile .link-overlay {
z-index: 1;
}
.category-tile__text {
width: 100%;
position: relative;
padding: 20px 20px 15px;
text-align: center;
}
.category-tile__name {
max-width: 100%;
display: inline-block;
padding: 0.4em 1em;
background: #333;
color: #fff;
font-size: 0.8571rem;
font-weight: 700;
text-transform: uppercase;
-webkit-transition: all 0.15s ease-out 0s;
-moz-transition: all 0.15s ease-out 0s;
-o-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s;
}
.category-tile__description {
margin-top: 0.4em;
color: rgba(255, 255, 255, 0.8);
font-size: 0.8571rem;
}
.category-tile:hover .background-img::after {
opacity: 0.6;
}
/* -----------------------------------------------------------------
## Block Divider
----------------------------------------------------------------- */
.block-divider {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
margin: 1.2em 0;
}
.block-divider::before,
.block-divider::after {
content: '';
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.block-divider>span {
margin: 0 0.6em;
}
.horizontal-divider {
margin: 30px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.horizontal-divider--space-sm {
margin: 10px 0;
}
/* -----------------------------------------------------------------
## Forms
----------------------------------------------------------------- */
label {
font-size: 14px;
font-size: 1rem;
}
::placeholder {
/* Modern Browsers */
color: rgba(0, 0, 0, 0.4);
}
::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: rgba(0, 0, 0, 0.4);
}
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: rgba(0, 0, 0, 0.4);
opacity: 1;
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: rgba(0, 0, 0, 0.4);
opacity: 1;
}
:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: rgba(0, 0, 0, 0.4);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[list],
textarea,
textarea.form-control,
select,
select.form-control {
width: 100%;
/*padding: 6px 12px;*/
padding: 10px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
vertical-align: middle;
background-color: #fff;
background-image: none;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
color: rgba(0, 0, 0, 0.8);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[list]:focus,
textarea:focus,
textarea.form-control:focus,
select:focus,
select.form-control:focus {
border: 1px solid rgba(0, 0, 0, 0.2);
}
/* -----------------------------------------------------------------
## Icons
----------------------------------------------------------------- */
@font-face {
font-family: 'mdicon';
src: url("../fonts/mdicon.ttf") format("truetype"), url("../fonts/mdicon.woff") format("woff"), url("../fonts/mdicon.svg?sx8kbt#mdicon") format("svg");
font-weight: normal;
font-style: normal;
}
.mdicon {
/* use !important to prevent issues with browser extensions that change fonts */
display: inline-block;
font-family: 'mdicon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: middle;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.btn .mdicon {
font-size: 1.2em;
}
@font-face {
font-family: 'mdicon';
src:
url('../fonts/mdicon.ttf') format('truetype'),
url('../fonts/mdicon.woff') format('woff'),
url('../fonts/mdicon.svg?gvnjz5#mdicon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
.mdicon {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'mdicon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mdicon-moon:before {
content: "\e906";
}
.mdicon-moon1:before {
content: "\e904";
}
.mdicon-wb_sunny:before {
content: "\e90b";
}
.mdicon-nights_stay:before {
content: "\e905";
}
.mdicon-add_circle:before {
content: "\e147";
}
.mdicon-apps:before {
content: "\e5c3";
}
.mdicon-arrow_back:before {
content: "\e5c4";
}
.mdicon-arrow_downward:before {
content: "\e5db";
}
.mdicon-arrow_drop_down:before {
content: "\e5c5";
}
.mdicon-arrow_drop_up:before {
content: "\e5c7";
}
.mdicon-arrow_forward:before {
content: "\e5c8";
}
.mdicon-arrow_upward:before {
content: "\e5d8";
}
.mdicon-audiotrack:before {
content: "\e3a1";
}
.mdicon-border_color:before {
content: "\e22b";
}
.mdicon-cached:before {
content: "\e86a";
}
.mdicon-chat_bubble:before {
content: "\e0ca";
}
.mdicon-chat_bubble_outline:before {
content: "\e0cb";
}
.mdicon-navigate_before:before {
content: "\e408";
}
.mdicon-navigate_next:before {
content: "\e409";
}
.mdicon-close:before {
content: "\e5cd";
}
.mdicon-mode_edit:before {
content: "\e254";
}
.mdicon-crop_original:before {
content: "\e3c4";
}
.mdicon-dehaze:before {
content: "\e3c7";
}
.mdicon-remove_circle:before {
content: "\e15c";
}
.mdicon-expand_less:before {
content: "\e5ce";
}
.mdicon-expand_more:before {
content: "\e5cf";
}
.mdicon-extension:before {
content: "\e87b";
}
.mdicon-favorite:before {
content: "\e87d";
}
.mdicon-favorite_border:before {
content: "\e87e";
}
.mdicon-get_app:before {
content: "\e884";
}
.mdicon-filter:before {
content: "\e3d3";
}
.mdicon-flash_on:before {
content: "\e3e7";
}
.mdicon-folder:before {
content: "\e2c7";
}
.mdicon-folder_open:before {
content: "\e2c8";
}
.mdicon-star:before {
content: "\e838";
}
.mdicon-home:before {
content: "\e88a";
}
.mdicon-open_in_new:before {
content: "\e89e";
}
.mdicon-shopping_cart:before {
content: "\e8cc";
}
.mdicon-local_offer:before {
content: "\e54e";
}
.mdicon-mail_outline:before {
content: "\e0e1";
}
.mdicon-menu:before {
content: "\e5d2";
}
.mdicon-more_horiz:before {
content: "\e5d3";
}
.mdicon-more_vert:before {
content: "\e5d4";
}
.mdicon-person:before {
content: "\e7fd";
}
.mdicon-play_arrow:before {
content: "\e037";
}
.mdicon-play_circle_filled:before {
content: "\e038";
}
.mdicon-play_circle_outline:before {
content: "\e039";
}
.mdicon-public:before {
content: "\e80b";
}
.mdicon-visibility:before {
content: "\e8f4";
}
.mdicon-reply:before {
content: "\e15e";
}
.mdicon-rss_feed:before {
content: "\e0e5";
}
.mdicon-search:before {
content: "\e8b6";
}
.mdicon-share:before {
content: "\e80d";
}
.mdicon-shuffle:before {
content: "\e043";
}
.mdicon-star_border:before {
content: "\e83a";
}
.mdicon-star_half:before {
content: "\e839";
}
.mdicon-thumb_up:before {
content: "\e8dc";
}
.mdicon-trending_up:before {
content: "\e8e5";
}
.mdicon-chevron-thin-down:before {
content: "\e902";
}
.mdicon-chevron-thin-left:before {
content: "\e900";
}
.mdicon-chevron-thin-right:before {
content: "\e901";
}
.mdicon-chevron-thin-up:before {
content: "\e903";
}
.mdicon-fire:before {
content: "\e9a9";
}
.mdicon-enter:before {
content: "\ea13";
}
.mdicon-telegram:before {
content: "\ea95";
}
.mdicon-sun:before {
content: "\e9d4";
}
.mdicon-contrast:before {
content: "\e9d5";
}
.mdicon-brightness-contrast:before {
content: "\e9d6";
}
.mdicon-spinner2:before {
content: "\e97b";
}
.mdicon-youtube-square:before {
content: "\f166";
}
.mdicon-youtube:before {
content: "\f167";
}
.mdicon-twitter:before {
content: "\f099";
}
.mdicon-facebook:before {
content: "\f09a";
}
.mdicon-facebook-f:before {
content: "\f09a";
}
.mdicon-google-plus:before {
content: "\f0d5";
}
.mdicon-linkedin:before {
content: "\f0e1";
}
.mdicon-xing:before {
content: "\f168";
}
.mdicon-youtube-play:before {
content: "\f16a";
}
.mdicon-instagram:before {
content: "\f16d";
}
.mdicon-tumblr:before {
content: "\f173";
}
.mdicon-dribbble:before {
content: "\f17d";
}
.mdicon-skype:before {
content: "\f17e";
}
.mdicon-foursquare:before {
content: "\f180";
}
.mdicon-vk:before {
content: "\f189";
}
.mdicon-stumbleupon:before {
content: "\f1a4";
}
.mdicon-behance:before {
content: "\f1b4";
}
.mdicon-spotify:before {
content: "\f1bc";
}
.mdicon-deviantart:before {
content: "\f1bd";
}
.mdicon-soundcloud:before {
content: "\f1be";
}
.mdicon-vine:before {
content: "\f1ca";
}
.mdicon-codepen:before {
content: "\f1cb";
}
.mdicon-twitch:before {
content: "\f1e8";
}
.mdicon-yelp:before {
content: "\f1e9";
}
.mdicon-pinterest-p:before {
content: "\f231";
}
.mdicon-medium:before {
content: "\f23a";
}
.mdicon-vimeo:before {
content: "\f27d";
}
.mdicon-product-hunt:before {
content: "\f288";
}
.mdicon-snapchat-ghost:before {
content: "\f2ac";
}
.mdicon-exit2:before {
content: "\ea15";
}
.mdicon-person_pin:before {
content: "\e55a";
}
.mdicon-sign-out:before {
content: "\f08b";
}
.mdicon-sort-asc:before {
content: "\f0de";
}
.mdicon-sort-up:before {
content: "\f0de";
}
.mdicon-envelope:before {
content: "\f0e0";
}
.mdicon-linkedin1:before {
content: "\f0e2";
}
.mdicon-rotate-left:before {
content: "\f0e3";
}
.mdicon-undo:before {
content: "\f0e3";
}
.mdicon-gavel:before {
content: "\f0e4";
}
.mdicon-legal:before {
content: "\f0e4";
}
.mdicon-dashboard:before {
content: "\f0e5";
}
.mdicon-tachometer:before {
content: "\f0e5";
}
.mdicon-comment-o:before {
content: "\f0e6";
}
.mdicon-comments-o:before {
content: "\f0e7";
}
.mdicon-cloud-download:before {
content: "\f0ed";
}
.mdicon-cloud-upload:before {
content: "\f0ee";
}
.mdicon-user-md:before {
content: "\f0f0";
}
.mdicon-stethoscope:before {
content: "\f0f1";
}
.mdicon-suitcase:before {
content: "\f0f2";
}
.mdicon-bell:before {
content: "\f0f3";
}
.mdicon-coffee:before {
content: "\f0f4";
}
.mdicon-cutlery:before {
content: "\f0f5";
}
.mdicon-beer:before {
content: "\f0fc";
}
.mdicon-h-square:before {
content: "\f0fd";
}
.mdicon-plus-square:before {
content: "\f0fe";
}
.mdicon-angle-double-left:before {
content: "\f100";
}
.mdicon-angle-double-right:before {
content: "\f101";
}
.mdicon-angle-double-up:before {
content: "\f102";
}
.mdicon-angle-double-down:before {
content: "\f103";
}
.mdicon-angle-left:before {
content: "\f104";
}
.mdicon~span {
vertical-align: middle;
}
.mdicon--first {
margin-right: 0.35em;
}
.mdicon--last {
margin-left: 0.35em;
}
.icon-twitter,
.icon-facebook,
.icon-google-plus,
.icon-linkedin,
.icon-youtube,
.icon-tumbler,
.icon-dribbble,
.icon-vk,
.icon-stumbleupon,
.icon-behance,
.icon-soundcloud,
.icon-vine,
.icon-twitch,
.icon-facebook-official,
.icon-pinterest_p,
.icon-vimeo {
font-size: 1em;
}
.icon--2x.icon--2x {
font-size: 200%;
}
/* -----------------------------------------------------------------
## Links
----------------------------------------------------------------- */
a.link {
color: inherit;
text-decoration: none;
cursor: pointer;
}
a.link:active,
a.link:focus,
a.link:hover,
a.link:visited {
color: inherit;
text-decoration: none;
}
a.link--meta {
color: rgba(0, 0, 0, 0.4);
}
a.link--meta:active,
a.link--meta:focus,
a.link--meta:hover {
color: rgba(0, 0, 0, 0.6);
}
a.link--underlined {
text-decoration: underline;
}
a.link--underlined:active,
a.link--underlined:focus,
a.link--underlined:hover {
text-decoration: underline;
}
a.link--underlined-hover:hover {
text-decoration: underline;
}
/* -----------------------------------------------------------------
## Login Form
----------------------------------------------------------------- */
.login-lost-password,
.login-with-social {
text-align: center;
}
.login-lost-password a {
text-decoration: underline;
}
.login-submit,
.register-submit {
margin-top: 20px;
margin-bottom: 15px;
}
.login-modal .modal-dialog {
width: 400px;
max-width: 90vw;
margin: 10vh auto;
}
@media (min-width: 768px) {
.login-modal .modal-dialog {
margin: 15vh auto;
}
}
.login-modal .modal-title .nav-tabs {
border-bottom: none;
text-align: center;
}
.login-modal .modal-title .nav-tabs li {
margin-bottom: 5px;
}
.login-modal .modal-title .nav-tabs li:not(:last-child) {
margin-right: 15px;
}
.login-modal .modal-title .nav-tabs a {
padding: 0;
border: none !important;
background: transparent !important;
color: rgba(0, 0, 0, 0.4);
}
.login-modal .modal-title .nav-tabs li.active a,
.login-modal .modal-title .nav-tabs a:hover {
border-bottom: 1px solid currentColor !important;
color: rgba(0, 0, 0, 0.8);
}
.login-modal .modal-body {
padding: 15px;
}
@media (min-width: 768px) {
.login-modal .modal-body {
padding: 30px;
}
}
/* -----------------------------------------------------------------
## Modal
----------------------------------------------------------------- */
.modal-dialog {
margin: 15vh auto;
}
.modal-header {
padding: 15px;
}
@media (min-width: 768px) {
.modal-header {
padding: 20px 30px;
}
}
.modal-title.modal-title {
margin: 0;
font-size: 14px;
font-size: 1rem;
line-height: 1.42857143;
text-transform: uppercase;
}
/* -----------------------------------------------------------------
## Navigations
----------------------------------------------------------------- */
.navigation,
.menu,
.sub-menu {
margin: 0;
padding: 0;
list-style: none;
}
.navigation,
.menu {
}
.navigation .sub-menu li {
position: relative;
}
.navigation a {
display: inline-block;
text-decoration: none;
}
.navigation a:hover {
color: var(--color-primary);
}
.navigation--horizontal::after {
clear: both;
content: "";
display: table;
}
.navigation--horizontal>li {
float: left;
}
.navigation--inline>li {
display: inline-block;
}
.navigation--center {
text-align: center;
}
.navigation--center>li {
display: inline-block;
}
/* -----------------------------------------------------------------
## Paginations
----------------------------------------------------------------- */
.atbs-keylin-pagination {
margin: 40px 0 20px;
}
.atbs-keylin-pagination:last-child {
margin-bottom: 0;
}
.atbs-keylin-module-pagination .atbs-keylin-pagination__item-prev {
display: none;
}
.atbs-keylin-pagination__title {
font-size: 16px;
font-size: 1.14286rem;
}
.atbs-keylin-pagination__links {
margin: -2px;
font-size: 0;
}
.atbs-keylin-pagination__item {
display: inline-block;
min-width: 34px;
height: 34px;
margin: 2px;
padding: 0 4px;
border-radius: 3px;
background: #f5f5f5;
color: rgba(0, 0, 0, 0.8);
font-size: 12px;
font-weight: 700;
line-height: 34px;
text-align: center;
text-decoration: none !important;
text-transform: uppercase;
}
.atbs-keylin-pagination__item:hover,
.atbs-keylin-pagination__item:focus,
.atbs-keylin-pagination__item:active {
background: #ddd;
color: rgba(0, 0, 0, 0.8);
}
@media (min-width: 768px) {
.atbs-keylin-pagination__item {
padding: 0 6px;
font-size: 14px;
}
}
.atbs-keylin-pagination__item-current {
background: #003366;
color: #fff;
}
.atbs-keylin-pagination__item-current:hover,
.atbs-keylin-pagination__item-current:focus,
.atbs-keylin-pagination__item-current:active {
background: #003366;
color: #fff;
}
.atbs-keylin-pagination__item>i {
line-height: 34px;
}
.atbs-keylin-pagination__dots {
min-width: auto;
background: transparent !important;
}
.atbs-keylin-pagination--next-n-prev .atbs-keylin-pagination__inner {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
}
.atbs-keylin-pagination--next-n-prev .atbs-keylin-pagination__label {
padding-right: 10px;
font-size: 14px;
font-size: 1rem;
}
@media (min-width: 768px) {
.atbs-keylin-pagination--next-n-prev .atbs-keylin-pagination__label {
font-size: 16px;
font-size: 1.14286rem;
}
}
.atbs-keylin-pagination--next-n-prev .atbs-keylin-pagination__item {
position: relative;
padding: 0 8px;
background: #003366;
color: #fff;
}
.atbs-keylin-pagination--next-n-prev .atbs-keylin-pagination__links a:first-child .atbs-keylin-pagination__item, .atbs-keylin-pagination--next-n-prev .atbs-keylin-pagination__links.atbs-keylin-pagination-last-page-link a:last-child .atbs-keylin-pagination__item {
margin-left: 8px;
background: #f1f1f1;
color: rgba(0, 0, 0, 0.8);
}
.atbs-keylin-pagination--next-n-prev .atbs-keylin-pagination__links a:first-child .atbs-keylin-pagination__item::after,
.atbs-keylin-pagination--next-n-prev .atbs-keylin-pagination__links.atbs-keylin-pagination-last-page-link a:last-child .atbs-keylin-pagination__item::after {
content: '';
display: block;
width: 0;
position: absolute;
right: 100%;
left: auto;
top: 0;
border-width: 17px 8px;
margin-left: 0;
margin-right: -1px;
border-style: solid;
border-color: transparent;
border-right-color: #f1f1f1;
}
.atbs-keylin-pagination--next-n-prev .atbs-keylin-pagination__links a:last-child .atbs-keylin-pagination__item {
margin-right: 8px;
color: #fff;
}
.atbs-keylin-pagination--next-n-prev .atbs-keylin-pagination__links a:last-child .atbs-keylin-pagination__item::after {
content: '';
display: block;
width: 0;
position: absolute;
left: 100%;
right: auto;
top: 0;
border-width: 17px 8px;
/*margin-left: -1px;*/
margin-right: 0;
border-style: solid;
border-color: transparent;
border-left-color: #003366;
}
/* -----------------------------------------------------------------
## Review Score
----------------------------------------------------------------- */
/*---- Score circle ----*/
.post-score {
display: inline-block;
color: #fff;
font-weight: 700;
line-height: 1;
text-align: center;
}
.post-score__inner {
position: relative;
z-index: 10;
}
.post-score-star {
font-size: 1.2em;
line-height: 1;
color: #F7E74A;
}
.hexagon-svg {
width: 100%;
height: auto;
}
.post--overlay.has-score-badge-bottom .post-score-hexagon {
position: absolute;
top: auto;
right: auto;
bottom: 20px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.post-score-hexagon {
position: relative;
display: inline-block;
line-height: 0;
vertical-align: middle;
}
.post-score-hexagon .hexagon-svg {
width: 50px;
padding: 2px;
-webkit-filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.25));
filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.25));
overflow: visible;
}
@media (min-width: 768px) {
.post-score-hexagon .hexagon-svg {
width: 60px;
}
}
@media (min-width: 1200px) {
.post-score-hexagon .hexagon-svg {
width: 64px;
}
}
.post-score-hexagon .hexagon-svg g path {
fill: #003366;
}
.post-score-hexagon .post-score-value {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
font-size: 20px;
font-weight: 700;
line-height: 1;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}
@media (min-width: 768px) {
.post-score-hexagon .post-score-value {
font-size: 22px;
}
}
@media (min-width: 1200px) {
.post-score-hexagon .post-score-value {
font-size: 26px;
}
}
.post-score-hexagon--s .hexagon-svg {
width: 50px;
}
.post-score-hexagon--s .post-score-value {
font-size: 20px;
}
.post-score-hexagon--l .hexagon-svg {
width: 100px;
}
.post-score-hexagon--l .post-score-value {
font-size: 42px;
}
.post-score-hexagon--xl .hexagon-svg {
width: 100px;
}
@media (min-width: 1200px) {
.post-score-hexagon--xl .hexagon-svg {
width: 120px;
}
}
.post-score-hexagon--xl .post-score-value {
font-size: 42px;
}
@media (min-width: 1200px) {
.post-score-hexagon--xl .post-score-value {
font-size: 50px;
}
}
.atbs-keylin-review .post-score-hexagon .hexagon-svg {
-webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3));
filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3));
}
/* -----------------------------------------------------------------
## Search Form
----------------------------------------------------------------- */
.search-form {
position: relative;
}
.search-form__input {
color: rgba(0, 0, 0, 0.8);
}
.search-form--inline {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
}
.search-form--inline .search-form__input {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
width: auto;
margin-right: 4px;
}
.search-form--btn-inside .search-form__input {
padding-right: 40px;
}
.search-form--btn-inside .search-form__input:focus {
outline: none;
}
.search-form--btn-inside .search-form__submit {
position: absolute;
top: 50%;
right: 0;
bottom: auto;
left: auto;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 6px 10px;
background: transparent;
border: none;
outline: 0;
color: rgba(0, 0, 0, 0.4);
}
.search-form--btn-inside .search-form__submit i {
font-size: 20px;
}
/* -----------------------------------------------------------------
## Search Modal
----------------------------------------------------------------- */
.search-modal .modal-dialog {
margin: 10vh 10px;
}
@media (min-width: 768px) {
.search-modal .modal-dialog {
margin: 15vh auto;
}
}
.search-modal__inner {
max-width: 480px;
margin: auto;
}
.search-modal .modal-body {
padding: 15px;
}
@media (min-width: 768px) {
.search-modal .modal-body {
padding: 30px;
}
}
.search-modal .search-form {
margin-bottom: 15px;
}
.search-modal .search-form__input {
padding-right: -moz-calc(1em + 40px);
padding-right: calc(1em + 40px);
font-size: 14px;
}
@media (min-width: 768px) {
.search-modal .search-form__input {
padding-right: -moz-calc(1em + 40px);
padding-right: calc(1em + 40px);
font-size: 20px;
}
}
.search-modal .search-form__submit {
width: 40px;
position: absolute;
top: 50%;
right: 0;
bottom: auto;
left: auto;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
background: transparent;
border: none;
color: rgba(0, 0, 0, 0.4);
font-size: 14px;
}
@media (min-width: 768px) {
.search-modal .search-form__submit {
width: 50px;
font-size: 20px;
}
}
.search-modal .search-form__submit:focus {
outline: none;
}
/* -----------------------------------------------------------------
## Tabs
----------------------------------------------------------------- */
ul.nav-tabs {
padding-left: 0;
}
.nav-tabs>li>a {
color: #aaa;
}
.panel-title.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
}
/* -----------------------------------------------------------------
## Social List
----------------------------------------------------------------- */
.social-list {
margin: 0;
padding: 0;
font-size: 14px;
font-size: 1rem;
list-style: none;
}
@media (min-width: 768px) {
.social-list {
font-size: 16px;
font-size: 1.14286rem;
}
}
.social-list>li>a {
color: inherit;
text-decoration: none;
display: inline-block;
padding: 0 0.4em;
color: rgba(0, 0, 0, 0.8);
line-height: 20px;
-webkit-transition: all 0.15s ease-out 0s;
-moz-transition: all 0.15s ease-out 0s;
-o-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s;
}
.social-list>li>a:hover,
.social-list>li>a:active,
.social-list>li>a:focus {
color: inherit;
text-decoration: none;
}
.social-list>li>a:hover,
.social-list>li>a:focus,
.social-list>li>a:active {
color: rgba(0, 0, 0, 0.4);
}
.inverse-text .social-list>li>a {
color: rgba(255, 255, 255, 0.8);
}
.inverse-text .social-list>li>a:hover,
.inverse-text .social-list>li>a:focus,
.inverse-text .social-list>li>a:active,
.inverse-text .social-list>li>a:visited {
color: white;
}
.social-list--inverse>li>a {
color: rgba(255, 255, 255, 0.8);
}
.social-list--inverse>li>a:hover,
.social-list--inverse>li>a:focus,
.social-list--inverse>li>a:active {
color: white;
}
.social-list--circle>li {
margin-bottom: 8px;
}
.social-list--circle>li:not(:last-child) {
margin-right: 8px;
}
.social-list--circle>li>a {
width: 40px;
height: 40px;
padding: 0;
border-radius: 100%;
border: 1px solid rgba(0, 0, 0, 0.05);
text-align: center;
}
.social-list--circle>li>a i {
display: inline-block;
font-size: 16px;
line-height: 40px;
}
.inverse-text .social-list--circle>li>a,
.overlay-content .social-list--circle>li>a {
border: 1px solid rgba(255, 255, 255, 0.2);
}
@media (min-width: 768px) {
.social-list--sm {
font-size: 14px;
font-size: 1rem;
}
}
@media (min-width: 768px) {
.social-list--lg {
font-size: 20px;
font-size: 1.42857rem;
}
}
@media (min-width: 768px) {
.social-list--xl {
font-size: 26px;
font-size: 1.85714rem;
}
}
@media (min-width: 768px) {
.social-list--md.social-list--circle>li>a {
width: 60px;
height: 60px;
border-width: 2px;
}
.social-list--md.social-list--circle>li>a i {
font-size: 24px;
line-height: 60px;
}
}
/* -----------------------------------------------------------------
## Subscribe Form
----------------------------------------------------------------- */
.subscribe-form--has-background {
padding: 30px;
background-color: #f5f5f5;
border: 1px solid rgba(0, 0, 0, 0.05);
}
@media (min-width: 768px) {
.subscribe-form--has-background {
padding: 40px;
}
}
.subscribe-form__inner {
position: relative;
}
.subscribe-form__fields {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.subscribe-form__fields input[type="submit"] {
margin-bottom: 0.5rem;
background: #003366;
color: #fff;
}
.subscribe-form__fields input[type="submit"]:hover {
background: #ef392b;
color: #fff;
}
.subscribe-form--horizontal input[type="text"],
.subscribe-form--horizontal input[type="email"],
.subscribe-form--horizontal input[type="url"],
.subscribe-form--horizontal input[type="password"],
.subscribe-form--horizontal input[type="search"],
.subscribe-form--horizontal input[type="tel"],
.subscribe-form--horizontal input[type="number"],
.subscribe-form--horizontal input[type="date"],
.subscribe-form--horizontal input[type="time"],
.subscribe-form--horizontal input[type="datetime-local"],
.subscribe-form--horizontal input[type="week"],
.subscribe-form--horizontal input[type="month"],
.subscribe-form--horizontal input[list],
.subscribe-form--horizontal select,
.subscribe-form--horizontal select.form-control {
display: inline-block;
width: auto;
max-width: 100%;
min-width: 240px;
margin-bottom: 0.5rem;
}
.subscribe-form--center,
.subscribe-form--center input[type="text"],
.subscribe-form--center input[type="email"],
.subscribe-form--center input[type="url"],
.subscribe-form--center input[type="password"],
.subscribe-form--center input[type="search"],
.subscribe-form--center input[type="tel"],
.subscribe-form--center input[type="number"],
.subscribe-form--center input[type="date"],
.subscribe-form--center input[type="time"],
.subscribe-form--center input[type="datetime-local"],
.subscribe-form--center input[type="week"],
.subscribe-form--center input[type="month"],
.subscribe-form--center input[list],
.subscribe-form--center select,
.subscribe-form--center select.form-control {
text-align: center;
}
/* -----------------------------------------------------------------
## Post General
----------------------------------------------------------------- */
.post {
position: relative;
}
/*---- Post thumb ----*/
.post__thumb,
.entry-thumb {
position: relative;
}
.post__thumb img,
.entry-thumb img {
display: block;
width: 100%;
height: auto;
}
.post__thumb a,
.entry-thumb a {
display: block;
}
.post__thumb--circle {
border-radius: 50%;
}
.post__thumb--circle img {
border-radius: 50%;
}
/*---- Post content ----*/
.post__text-inner {
position: relative;
padding: 20px;
}
.post__text-inner--p-sm .post__text-inner {
padding: 15px;
}
.post__text-inner--p-lg .post__text-inner {
padding: 30px;
}
.has-overlap-bg::before {
content: '';
position: absolute;
top: -20px;
right: 0;
bottom: -20px;
left: 0;
background: #003366;
opacity: 0.6;
-webkit-transform: scale(0.6, 1);
-moz-transform: scale(0.6, 1);
-o-transform: scale(0.6, 1);
transform: scale(0.6, 1);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
article:hover .has-overlap-bg::before {
opacity: 1;
-webkit-transform: scale(0.9, 1);
-moz-transform: scale(0.9, 1);
-o-transform: scale(0.9, 1);
transform: scale(0.9, 1);
}
.has-overlap-frame::before {
content: '';
position: absolute;
top: -20px;
right: 20%;
bottom: -20px;
left: 20%;
border: 12px solid #003366;
opacity: 0.6;
}
/*---- Post category ----*/
.post__cat,
a.post__cat,
.entry-cat,
a.entry-cat {
/*text-transform: uppercase;*/
letter-spacing: 1px;
display: inline-block;
border-bottom: 1px solid currentColor;
font-size: 9px;
font-size: 0.64286rem;
font-weight: 700;
line-height: 1.4;
margin-right: 8px;
text-decoration: none;
}
@media (min-width: 768px) {
.post__cat,
a.post__cat,
.entry-cat,
a.entry-cat {
font-size: 10px;
font-size: 0.71429rem;
}
}
.post__cat--bg,
a.post__cat--bg,
.entry-cat--bg,
a.entry-cat--bg {
display: inline-block;
padding: 8px 15px;
color: #fff !important;
line-height: 1;
background: var(--color-primary, #6c92a2);
margin-right: 8px;
border: none;
}
@media (min-width: 768px) {
.post__cat--bg,
a.post__cat--bg,
.entry-cat--bg,
a.entry-cat--bg {
padding: 5px 8px;
}
}
.post__cat--bg-inverse,
a.post__cat--bg-inverse,
.entry-cat--bg-inverse,
a.entry-cat--bg-inverse {
display: inline-block;
padding: 2px 6px;
color: #333;
background: #fff !important;
margin-right: 8px;
border: none;
}
.post__cat--ghost,
a.post__cat--ghost,
.entry-cat--ghost,
a.entry-cat--ghost {
display: inline-block;
padding: 2px 6px;
color: #fff !important;
background: transparent;
margin-right: 8px;
border: 1px solid rgba(255, 255, 255, 0.4);
}
.post__cat--overlap,
a.post__cat--overlap,
.entry-cat--overlap,
a.entry-cat--overlap {
position: absolute;
top: 0;
right: auto;
bottom: auto;
left: 50%;
margin-right: 8px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.post__thumb .post__cat--overlap,
.post__thumb a.post__cat--overlap,
.post__thumb .entry-cat--overlap,
.post__thumb a.entry-cat--overlap {
top: 100%;
}
.text-left .post__cat--overlap,
.text-left a.post__cat--overlap,
.text-left .entry-cat--overlap,
.text-left a.entry-cat--overlap {
left: 0;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
/*---- Read more ----*/
.btn.read-more {
text-transform: uppercase;
}
.read-more-link {
color: rgba(0, 0, 0, 0.8);
text-decoration: none;
}
.read-more-link:hover,
.read-more-link:focus,
.read-more-link:active,
.read-more-link:visited {
color: rgba(0, 0, 0, 0.8);
text-decoration: none;
}
.read-more-link i {
color: rgba(0, 0, 0, 0.25);
-webkit-transition: "all", 0.3s, 0, "bounce";
-moz-transition: "all", 0.3s, 0, "bounce";
-o-transition: "all", 0.3s, 0, "bounce";
transition: "all", 0.3s, 0, "bounce";
}
.read-more-link:hover i {
-webkit-transform: translate(40%, 0);
-moz-transform: translate(40%, 0);
-o-transform: translate(40%, 0);
transform: translate(40%, 0);
}
/*---- Post title ----*/
.post__title,
.entry-title {
margin: 0.25em 0 0.4em;
color: rgba(0, 0, 0, 0.8);
}
.post__title:first-child,
.entry-title:first-child {
margin-top: 0;
}
.post__title:last-child,
.entry-title:last-child {
margin-bottom: 0;
}
.text-center .post__title,
.post--vertical-overlap .post__title,
.text-center .entry-title,
.post--vertical-overlap .entry-title {
margin-left: auto;
margin-right: auto;
}
.post__title.typescale--1,
.entry-title.typescale--1 {
font-weight: 400;
}
.post__title.typescale-0,
.entry-title.typescale-0 {
font-weight: 400;
}
.post__title.typescale-1,
.entry-title.typescale-1 {
font-weight: 400;
}
.post__title.typescale-2,
.entry-title.typescale-2 {
font-weight: 700;
}
.post__title.typescale-3,
.entry-title.typescale-3 {
font-weight: 700;
}
.post__title.typescale-4,
.entry-title.typescale-4 {
font-weight: 700;
}
.post__title.typescale-5,
.entry-title.typescale-5 {
font-weight: 700;
}
.post__title.typescale-6,
.entry-title.typescale-6 {
font-weight: 700;
}
.post__title.typescale-7,
.entry-title.typescale-7 {
font-weight: 700;
}
.post__title.typescale-8,
.entry-title.typescale-8 {
font-weight: 700;
}
.post__title a,
.post__title a:hover,
.post__title a:focus,
.post__title a:active,
.entry-title a,
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
display: inline-block;
color: inherit;
text-decoration: none;
}
.post__cat--overlap+.post__title,
a.post__cat--overlap+.post__title,
.entry-cat--overlap+.post__title,
a.entry-cat--overlap+.post__title {
margin-top: 0;
}
/*---- Post excerpt ----*/
.post__excerpt,
.entry-excerpt {
max-width: 36em;
margin-top: 0.6em;
margin-bottom: 0.6em;
color: rgba(0, 0, 0, 0.6);
font-size: 1.1rem;
line-height: 1.6;
}
.text-center .post__excerpt,
.post--vertical-overlap .post__excerpt,
.text-center .entry-excerpt,
.post--vertical-overlap .entry-excerpt {
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.post__excerpt--lg,
.entry-excerpt--lg {
font-size: 16px;
font-size: 1.142857142857143rem;
}
}
/*---- Post meta ----*/
.post__meta,
.entry-meta {
margin-top: 0.4em;
margin-bottom: 0.4em;
color: rgba(0, 0, 0, 0.4);
font-size: 12px;
font-size: 0.85714rem;
line-height: 1.5;
}
.post__meta:first-child,
.entry-meta:first-child {
margin-top: 0;
}
.post__meta:last-child,
.entry-meta:last-child {
margin-bottom: 0;
}
.post__meta:not(.post__meta--box)>*:not(:last-child),
.post__meta-left:not(.entry-meta--box)>*:not(:last-child),
.post__meta-right:not(.entry-meta--box)>*:not(:last-child),
.entry-meta:not(.entry-meta--box)>*:not(:last-child) {
margin-right: 0.6em;
}
.post__meta a,
.entry-meta a {
text-decoration: none;
color: rgba(0, 0, 0, 0.4);
}
.post__meta a:active,
.post__meta a:focus,
.post__meta a:hover,
.entry-meta a:active,
.entry-meta a:focus,
.entry-meta a:hover {
text-decoration: none;
}
.post__meta i,
.post__meta .mdicon,
.entry-meta i,
.entry-meta .mdicon {
margin-right: 0.3em;
}
.post__meta .meta-seperator.meta-seperator,
.entry-meta .meta-seperator.meta-seperator {
margin-left: -0.4em;
margin-right: 0.2em;
}
.post__meta--box,
.entry-meta--box {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
margin-top: 20px;
padding: 10px;
border: 1px solid rgba(0, 0, 0, 0.05);
border-bottom: none;
background: #fafafa;
}
.post__meta--flex,
.entry-meta--flex {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
}
.post__meta--flex>.post__meta-left,
.entry-meta--flex>.post__meta-left {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
margin-right: 5px;
text-align: left;
}
.post__meta--flex>.post__meta-right,
.entry-meta--flex>.post__meta-right {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
margin-left: 5px;
text-align: right;
}
.post__meta .updated,
.entry-meta .updated {
display: none;
}
.post__meta--border-top,
.entry-meta--border-top {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.post--overlay .post__meta--border-top,
.post--overlay .entry-meta--border-top {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
/*---- Post author ----*/
.entry-author {
text-transform: none;
}
.entry-author__name,
a.entry-author__name,
.single-header .entry-author a {
color: inherit;
text-decoration: none;
text-transform: uppercase;
font-weight: 700;
}
.entry-author__name:hover,
.entry-author__name:active,
.entry-author__name:focus,
a.entry-author__name:hover,
a.entry-author__name:active,
a.entry-author__name:focus {
color: inherit;
text-decoration: none;
}
.post__meta .entry-author__name,
.post__meta a.entry-author__name {
color: rgba(0, 0, 0, 0.6);
}
.overlay-content .entry-author__name,
.overlay-content a.entry-author__name {
color: rgba(255, 255, 255, 0.8);
}
/*---- Post author with date ----*/
.post__meta--author-w-date {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
}
.post__meta--author-w-date>* {
-webkit-box-flex: 0;
-moz-box-flex: 0;
box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
flex: 0 0 auto;
}
.post__meta--author-w-date .author-avatar img {
height: 34px !important;
width: 34px !important;
margin-right: 10px;
border-radius: 100%;
}
.post__meta--author-w-date .author-name a {
color: rgba(0, 0, 0, 0.8);
font-size: 110%;
font-weight: 700;
text-transform: capitalize;
}
.entry-author__avatar {
height: 34px;
width: 34px;
border-radius: 100%;
margin-right: 10px;
}
/*---- Post comments count ----*/
.comments-count-box {
display: inline-block;
position: relative;
padding: 6px 10px;
background-color: #003366;
font-size: 12px;
line-height: 1;
font-weight: 700;
color: #fff !important;
text-align: center;
text-decoration: none !important;
border-radius: 2px;
}
.comments-count-box:hover,
.comments-count-box:active,
.comments-count-box:focus {
color: #fff;
}
.comments-count-box::before {
content: '';
position: absolute;
top: 100%;
right: auto;
bottom: auto;
left: 50%;
margin-left: -5px;
border: 0 solid transparent;
border-width: 4px 5px;
border-bottom-width: 0;
border-top-color: #003366;
}
/*-- Overlay item --*/
.overlay-item {
position: absolute;
top: 20px;
right: 20px;
bottom: auto;
left: auto;
}
.overlay-item.overlay-item--sm-p {
position: absolute;
top: 10px;
right: 10px;
bottom: auto;
left: auto;
z-index: 2;
}
.overlay-item--top-left {
position: absolute;
top: 20px;
right: auto;
bottom: auto;
left: 20px;
}
.overlay-item--top-left.overlay-item--sm-p {
position: absolute;
top: 10px;
right: auto;
bottom: auto;
left: 10px;
}
.overlay-item--left-bottom {
position: absolute;
top: auto;
right: auto;
bottom: 20px;
left: 20px;
}
.overlay-item--left-bottom.overlay-item--sm-p {
position: absolute;
top: auto;
right: auto;
bottom: 10px;
left: 10px;
}
.overlay-item--right-bottom {
position: absolute;
bottom: 20px;
left: auto;
top: auto;
right: 20px;
}
.overlay-item--right-bottom.overlay-item--sm-p {
position: absolute;
bottom: 10px;
left: auto;
top: auto;
right: 10px;
}
.media-right .overlay-item--right-bottom {
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto;
}
.overlay-item--center-xy {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.post-type-icon i {
font-size: 46px;
line-height: 1.1;
}
@media (min-width: 768px) {
.post-type-icon i {
font-size: 60px;
}
}
@media (min-width: 1200px) {
.post-type-icon i {
font-size: 68px;
}
}
.post-type-icon.gallery-icon i {
font-size: inherit !important;
}
.overlay-content .post-type-icon,
.post__thumb .post-type-icon,
.post--overlay .post-type-icon,
.post-type-icon--inverse {
color: rgba(255, 255, 255, 0.8);
}
.post-color-icon--grey i {
color: rgba(0, 0, 0, 0.2);
}
.post-type-icon--sm i {
font-size: 56px;
}
.post-type-icon--sm .hexagon-svg {
width: 50px;
}
@media (min-width: 768px) {
.post-type-icon--md i {
font-size: 80px;
}
.post-type-icon--md .hexagon-svg {
width: 78px;
}
.post-type-icon--md .post-score-value {
font-size: 26px;
}
}
@media (min-width: 768px) {
.post-type-icon--lg i {
font-size: 120px;
}
.post-type-icon--lg .post-score-hexagon .hexagon-svg {
width: 90px;
}
.post-type-icon--lg .post-score-hexagon .post-score-value {
font-size: 36px;
}
.post-type-icon--lg .hexagon-svg {
width: 100px;
}
.post-type-icon--lg .post-score-value {
font-size: 28px;
}
}
.media-left.post-type-icon>i:only-child,
.media-right.post-type-icon>i:only-child {
display: block;
}
.post--overlay .gallery-icon,
.post__thumb .gallery-icon,
.overlay-item.gallery-icon {
padding: 0.4em 0.8em;
border-radius: 3px;
background: rgba(0, 0, 0, 0.4);
color: #fff;
}
.post--overlay .gallery-icon .mdicon:not(:last-child),
.post__thumb .gallery-icon .mdicon:not(:last-child),
.overlay-item.gallery-icon .mdicon:not(:last-child) {
margin-right: 0.4em;
}
.overlay-content .post__title,
.overlay-content .post__title a,
.inverse-text .post__title,
.inverse-text .post__title a,
.inverse-text .entry-title,
.inverse-text .entry-title a {
color: #fff;
}
.overlay-content .post__excerpt,
.inverse-text .post__excerpt,
.overlay-content .entry-excerpt,
.inverse-text .entry-excerpt {
color: rgba(255, 255, 255, 0.8);
}
.overlay-content .post__meta,
.overlay-content .post__meta a,
.overlay-content .entry-meta,
.overlay-content .entry-meta a,
.overlay-content .meta-text,
.overlay-content a.meta-text,
.inverse-text .post__meta,
.inverse-text .post__meta a,
.inverse-text .entry-meta,
.inverse-text .entry-meta a,
.inverse-text .meta-text,
.inverse-text a.meta-text {
color: rgba(255, 255, 255, 0.6);
}
.overlay-content .entry-author__name.entry-author__name,
.inverse-text .entry-author__name.entry-author__name {
color: rgba(255, 255, 255, 0.9);
}
/* -----------------------------------------------------------------
## Post Card
----------------------------------------------------------------- */
.post--card {
height: auto;
position: relative;
padding: 20px;
border: 1px solid rgba(0, 0, 0, 0.1);
background-color: #fff;
background-clip: padding-box;
overflow: hidden;
}
.post--card .post__text {
min-height: 2.85714rem;
}
@media (min-width: 768px) {
.post--card-xs {
height: 17.85714rem;
}
}
@media (min-width: 768px) {
.post--card-sm {
height: 25rem;
}
}
@media (min-width: 768px) {
.post--card-md {
height: 25rem;
}
}
@media (min-width: 992px) {
.post--card-md {
height: 32.14286rem;
}
}
@media (min-width: 768px) {
.post--card-lg {
height: 32.14286rem;
}
}
@media (min-width: 992px) {
.post--card-lg {
height: 39.28571rem;
}
}
.post--card .post__thumb {
height: 40%;
min-height: 120px;
position: relative;
margin: -21px -21px 20px;
}
.post--card.cat--not-overlap .post__thumb {
margin: -21px -21px 10px;
}
.post--card-sm .post__thumb {
height: 140px;
}
.post--card-md .post__thumb {
height: 180px;
}
.post--card .post__thumb .post__cat--overlap {
position: absolute;
top: auto;
right: auto;
bottom: 0;
left: 50%;
white-space: nowrap;
-webkit-transform: translate(-50%, 50%);
-moz-transform: translate(-50%, 50%);
-o-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.post--card .post__footer {
margin: 20px -20px -20px;
padding: 10px 15px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
background: #fff;
}
.post--card .post__footer::after {
clear: both;
content: "";
display: table;
}
@media (min-width: 768px) {
.post--card .post__footer {
position: absolute;
top: auto;
right: 0;
bottom: 0;
left: 0;
margin: 0;
}
.post--card .post__footer::before {
content: '';
display: block;
position: absolute;
top: auto;
right: 0;
bottom: 100%;
left: 0;
height: 20px;
width: 100%;
margin-bottom: 1px;
background: -webkit-linear-gradient(bottom, black 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(70%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%);
background: -moz-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(0deg, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%);
}
}
.post--card .post__footer-left {
width: 50%;
float: left;
padding-right: 5px;
text-align: left;
}
.post--card .post__footer-right {
width: 50%;
float: left;
padding-left: 5px;
text-align: right;
}
.post--card .post__footer .post__meta {
margin-top: 0;
margin-bottom: 0;
}
/* -----------------------------------------------------------------
## Post Horizontal
----------------------------------------------------------------- */
.post--horizontal::after {
clear: both;
content: "";
display: table;
}
.post--horizontal .post__thumb {
width: 100%;
margin: 0 15px 5px 0;
}
.post--horizontal .post__excerpt {
max-width: initial;
}
@media (min-width: 768px) {
.post--horizontal .post__thumb {
width: -moz-calc(50% - 15px);
width: calc(50% - 15px);
float: left;
margin: 0 20px 0 0;
}
}
@media (min-width: 992px) {
.post--horizontal .post__thumb {
margin: 0 30px 0 0;
}
}
.post--horizontal-xxs .post__thumb,
.post--horizontal-xs .post__thumb {
width: 70px;
float: left;
margin: 0 15px 0 0;
}
@media (min-width: 768px) {
.post--horizontal-xs .post__thumb {
width: 100px;
float: left;
margin: 0 15px 0 0;
}
}
.post--horizontal-sm .post__thumb {
width: 33%;
float: left;
margin: 0 15px 0 0;
}
@media (min-width: 768px) {
.post--horizontal-sm .post__thumb {
margin-right: 30px;
}
}
@media (min-width: 768px) {
.post--horizontal-md .post__thumb {
width: 40%;
}
}
@media (min-width: 768px) {
.post--horizontal-lg .post__thumb {
width: 55%;
}
}
.post--horizontal .post__text {
overflow: hidden;
}
@media (max-width: 767px) {
.post--horizontal-xxs .post__excerpt,
.post--horizontal-xs .post__excerpt,
.post--horizontal-sm .post__excerpt,
.post--horizontal-xxs .post__cat,
.post--horizontal-xs .post__cat,
.post--horizontal-sm .post__cat {
display: none;
}
}
@media (max-width: 767px) {
.post--horizontal-xxs .post__cat+.post__title,
.post--horizontal-xs .post__cat+.post__title,
.post--horizontal-sm .post__cat+.post__title {
margin-top: 0;
}
}
@media (max-width: 767px) {
.post--horizontal-sm .post__title {
font-size: 1.125rem;
font-weight: 400;
}
}
/*---- Post horizontal reverse ----*/
@media (min-width: 768px) {
.post--horizontal-reverse .post__thumb {
float: right;
margin: 0 0 0 20px;
}
}
@media (min-width: 992px) {
.post--horizontal-reverse .post__thumb {
margin: 0 0 0 30px;
}
}
.post--horizontal-xxs.post--horizontal-reverse .post__thumb,
.post--horizontal-xs.post--horizontal-reverse .post__thumb,
.post--horizontal-sm.post--horizontal-reverse .post__thumb {
float: right;
margin: 0 0 0 10px;
}
@media (min-width: 768px) {
.post--horizontal-xs.post--horizontal-reverse .post__thumb {
margin: 0 0 0 20px;
}
}
@media (min-width: 768px) {
.post--horizontal-sm.post--horizontal-reverse .post__thumb {
margin-left: 20px;
}
}
@media (min-width: 768px) {
.post--horizontal-sm.post--horizontal-reverse .post__thumb {
margin-left: 30px;
}
}
/*---- Post horizontal middle ----*/
@media (min-width: 768px) {
.post--horizontal-middle {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
}
}
.post--horizontal-middle::after {
content: none;
}
@media (min-width: 768px) {
.post--horizontal-middle .post__thumb {
-webkit-box-flex: 0;
-moz-box-flex: 0;
box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
flex: 0 0 auto;
}
}
@media (min-width: 768px) {
.post--horizontal-middle .post__text {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
}
}
.post--horizontal-middle.post--horizontal-xxs,
.post--horizontal-middle.post--horizontal-xs {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: start;
-moz-box-pack: start;
box-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
-o-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: start;
}
.post--horizontal-middle.post--horizontal-xxs .post__thumb,
.post--horizontal-middle.post--horizontal-xs .post__thumb {
-webkit-box-flex: 0;
-moz-box-flex: 0;
box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
flex: 0 0 auto;
}
.post--horizontal-middle.post--horizontal-reverse {
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
}
.post--horizontal-middle.post--horizontal-reverse .post__text {
-webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: -1;
box-ordinal-group: -1;
-webkit-order: -1;
-moz-order: -1;
order: -1;
-ms-flex-order: -1;
}
/*---- Post horizontal equal height ----*/
.post--horizontal-equal-height .post__thumb {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
@media (min-width: 768px) {
.post--horizontal-equal-height .post__thumb {
height: auto;
position: absolute;
top: 0;
right: auto;
bottom: 0;
left: 0;
margin: 0;
padding-bottom: 0;
}
}
.post--horizontal-equal-height .post__text {
margin: 0;
}
@media (min-width: 768px) {
.post--horizontal-equal-height .post__text {
width: 100%;
padding: 30px;
padding-left: -moz-calc(50% + 15px);
padding-left: calc(50% + 15px);
}
}
.post--horizontal-equal-height.post--horizontal-xxs .post__text {
padding-left: 85px;
}
.post--horizontal-equal-height.post--horizontal-xs .post__text {
padding-left: 115px;
}
.post--horizontal-equal-height.post--horizontal-sm .post__text {
padding-left: -moz-calc(33% + 30px);
padding-left: calc(33% + 30px);
}
.post--horizontal-equal-height.post--horizontal-md .post__text {
padding-left: -moz-calc(40% + 30px);
padding-left: calc(40% + 30px);
}
.post--horizontal-equal-height.post--horizontal-lg .post__text {
padding-left: -moz-calc(55% + 30px);
padding-left: calc(55% + 30px);
}
@media (min-width: 768px) {
.post--horizontal-equal-height.post--horizontal-reverse .post__text {
-webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: -1;
box-ordinal-group: -1;
-webkit-order: -1;
-moz-order: -1;
order: -1;
-ms-flex-order: -1;
}
}
.post--horizontal-equal-height.post--horizontal-xxs,
.post--horizontal-equal-height.post--horizontal-xs {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
}
.post--horizontal-equal-height.post--horizontal-xxs .post__thumb,
.post--horizontal-equal-height.post--horizontal-xs .post__thumb {
-webkit-box-flex: 0;
-moz-box-flex: 0;
box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
flex: 0 0 auto;
}
.post--horizontal-equal-height.post--horizontal-reverse.post--horizontal-xxs .post__text,
.post--horizontal-equal-height.post--horizontal-reverse.post--horizontal-xs .post__text {
-webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: -1;
box-ordinal-group: -1;
-webkit-order: -1;
-moz-order: -1;
order: -1;
-ms-flex-order: -1;
}
/*
* Post list
*--------------------*/
.post--list::after {
clear: both;
content: "";
display: table;
}
.post--list .post__thumb {
max-width: 100%;
position: relative;
margin: 0 0 10px 0;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
-webkit-transition: all 0.15s ease-out 0s;
-moz-transition: all 0.15s ease-out 0s;
-o-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s;
}
@media (min-width: 768px) {
.post--list .post__thumb {
max-width: 200px;
float: left;
margin: 0 30px 0 0;
}
}
@media (min-width: 768px) {
.post--list .post__thumb {
max-width: 300px;
margin: 0 30px 0 0;
}
}
.post--list .post__thumb img {
width: 100%;
}
.post--list .post__text {
overflow: hidden;
}
/*---- Post list reverse ----*/
.post--list--reverse .post__thumb {
float: right;
margin: 0 0 0 10px;
}
@media (min-width: 768px) {
.post--list--reverse .post__thumb {
margin: 0 0 0 15px;
}
}
@media (min-width: 768px) {
.post--list--reverse.post--list--size-md .post__thumb,
.post--list--reverse.post--list--size-lg .post__thumb {
margin: 0 0 0 30px;
}
}
/* -----------------------------------------------------------------
## Post Overlay
----------------------------------------------------------------- */
.post--overlay {
position: relative;
overflow: hidden;
background-color: #333;
}
.post--overlay .post__text {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
width: 100%;
min-height: 14.28571rem;
}
.post--overlay-bottom {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
}
.post--overlay-bottom .post__text {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: end;
-moz-box-align: end;
box-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
-o-align-items: flex-end;
align-items: flex-end;
-ms-flex-align: end;
padding-top: 40px;
}
.post--overlay-bottom.has-score-badge .post__text {
padding-top: 80px;
}
.post--overlay.has-badge-bottom .post__text {
padding-bottom: 80px;
}
.post--overlay.has-badge-bottom .badge-bottom {
position: absolute;
top: auto;
right: auto;
bottom: 20px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.post--overlay-middle .post__text {
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
@media (min-width: 768px) {
.post--overlay-xs .post__text {
min-height: 17.85714rem;
}
}
.post--overlay-sm .post__text,
.atbs-keylin-block--fullwidth.carousel_overlay_post_1i .js-atbs-keylin-carousel-1i .post--overlay-sm .post__text {
min-height: 17.85714rem;
}
@media (min-width: 768px) {
.post--overlay-sm .post__text {
min-height: 25rem;
}
.atbs-keylin-block--fullwidth.carousel_overlay_post_1i .js-atbs-keylin-carousel-1i .post--overlay-sm .post__text {
min-height: 35rem;
}
}
.post--overlay-md .post__text {
min-height: 17.85714rem;
}
@media (min-width: 768px) {
.post--overlay-md .post__text {
min-height: 25rem;
}
}
@media (min-width: 992px) {
.post--overlay-md .post__text {
min-height: 32.14286rem;
}
}
.post--overlay-lg .post__text {
min-height: 25rem;
}
@media (min-width: 768px) {
.post--overlay-lg .post__text {
min-height: 32.14286rem;
}
}
@media (min-width: 992px) {
.post--overlay-lg .post__text {
min-height: 39.28571rem;
}
}
@media (max-width: 767px) {
.post--overlay-primary-xs .post__text {
min-height: 17.85714rem;
}
}
.post--overlay .background-img {
overflow: hidden;
}
.post--overlay-floorfade .post__text-wrap {
position: relative;
width: 100%;
}
.post--overlay-floorfade .post__text-wrap::before {
content: '';
position: absolute;
top: -100%;
right: 0;
bottom: 0;
left: 0;
background-image: -webkit-linear-gradient(-270deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent));
background-image: -webkit-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: -moz-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
}
@media (min-width: 768px) {
.post--overlay-padding-lg .post__text-inner {
padding: 30px;
}
}
@media (min-width: 768px) {
.post--overlay-padding-lg .overlay-item {
top: 30px;
right: 30px;
}
}
@media (min-width: 768px) {
.post--overlay-padding-lg .overlay-item--top-left {
top: 30px;
left: 30px;
}
}
.post--overlay-padding-lg.has-score-bottom .post-score-hexagon {
bottom: 30px;
}
/* -----------------------------------------------------------------
## Post Thumb Overlap
----------------------------------------------------------------- */
.post--thumb-overlap::after {
clear: both;
content: "";
display: table;
}
.post--thumb-overlap .post__wrap {
position: relative;
margin-top: 20px;
background: #f5f5f5;
}
@media (min-width: 768px) {
.post--thumb-overlap .post__wrap {
margin: 0 0 60px 0;
padding: 40px 40px;
}
}
.post--thumb-overlap .post__thumb {
position: relative;
top: -20px;
margin: 0 20px -20px;
border: 5px solid #fff;
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
@media (min-width: 768px) {
.post--thumb-overlap .post__thumb {
width: 50%;
position: absolute;
top: 40px;
right: auto;
bottom: -40px;
left: auto;
margin: 0;
border: 8px solid #fff;
}
}
.post--thumb-overlap .post__text {
position: relative;
padding: 20px;
}
@media (min-width: 768px) {
.post--thumb-overlap .post__text {
width: 50%;
padding: 0 0 0 80px;
margin-left: 50%;
}
}
/* -----------------------------------------------------------------
## Post Vertical
----------------------------------------------------------------- */
.post--vertical .post__thumb {
display: block;
margin-bottom: 12px;
-webkit-transition: all 0.15s ease-out 0s;
-moz-transition: all 0.15s ease-out 0s;
-o-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s;
}
/*---- Post vertical reverse ----*/
.post--vertical-reverse .post__thumb {
margin-top: 10px;
margin-bottom: 0;
}
/*---- Post vertical center ----*/
.post--vertical-center .post__thumb {
margin-bottom: 20px;
}
.post--vertical-center .post__thumb .post__cat {
position: absolute;
top: auto;
right: auto;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 50%);
-moz-transform: translate(-50%, 50%);
-o-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.post--vertical-center .post__text,
.post--vertical-center .post__meta {
text-align: center;
}
.post--vertical-center .post__excerpt {
margin-left: auto;
margin-right: auto;
}
/*---- Post Vertical Cat Overlap ---*/
.post--vertical-cat-overlap .post__thumb {
margin-bottom: 20px;
}
/*---- Post vertical fixed height ----*/
.post--vertical--fixed-height .post__text-wrapper {
overflow: hidden;
}
@media (min-width: 768px) {
.post--vertical--fixed-height .post__text {
height: 180px;
position: relative;
overflow: hidden;
}
.post--vertical--fixed-height .post__text::after {
content: '';
display: block;
height: 40px;
width: 100%;
position: absolute;
top: auto;
right: 0;
bottom: 0;
left: 0;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(70%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%);
background: -moz-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(0deg, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%);
}
}
.post--vertical--fixed-height .post__meta--box {
margin-top: 10px;
}
/*---- Post vertical overlap ----*/
.post--vertical-overlap .post__text {
position: relative;
margin: -40px 20px 0;
text-align: center;
}
.post--vertical-overlap .post__text::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 75px;
background: #fff;
background: -webkit-linear-gradient(-450deg, white 0, white 40px, rgba(255, 255, 255, 0.2) 100%);
background: -webkit-linear-gradient(top, white 0, white 40px, rgba(255, 255, 255, 0.2) 100%);
background: -moz-linear-gradient(top, white 0, white 40px, rgba(255, 255, 255, 0.2) 100%);
background: linear-gradient(180deg, white 0, white 40px, rgba(255, 255, 255, 0.2) 100%);
box-shadow: 6px -10px 27px -8px rgba(0, 0, 0, 0.2), -6px -10px 27px -8px rgba(0, 0, 0, 0.2);
}
.post--vertical-overlap .post__text-inner {
padding: 15px 15px 0;
}
.post--vertical-overlap .post__text-inner .post__meta--box {
margin-left: -20px;
margin-right: -20px;
}
@media (min-width: 768px) {
.post--vertical-overlap-l .post__text {
margin-left: 30px;
margin-right: 30px;
margin-top: -60px;
}
.post--vertical-overlap-l .post__text::before {
height: 110px;
background: -webkit-linear-gradient(-450deg, white 0, white 60px, rgba(255, 255, 255, 0.2) 100%);
background: -webkit-linear-gradient(top, white 0, white 60px, rgba(255, 255, 255, 0.2) 100%);
background: -moz-linear-gradient(top, white 0, white 60px, rgba(255, 255, 255, 0.2) 100%);
background: linear-gradient(180deg, white 0, white 60px, rgba(255, 255, 255, 0.2) 100%);
}
}
@media (min-width: 768px) {
.post--vertical-overlap-l .post__text-inner {
padding: 30px 30px 0 30px;
}
}
@media (min-width: 768px) {
.post--vertical-overlap-l .post__text-inner .post__meta--box {
margin-left: -30px;
margin-right: -30px;
}
}
/* =============================================================================
## PARTIALS
============================================================================= */
/* -----------------------------------------------------------------
## Advertisement area
----------------------------------------------------------------- */
.advertisement-area--before-content {
padding: 10px 0;
border: 1px solid rgba(0, 0, 0, 0.05);
}
.advertisement-inner {
margin: 0 auto;
text-align: center;
}
/* -----------------------------------------------------------------
## Carousels
----------------------------------------------------------------- */
/*
## Owl carousel
----------------------------------------------------------------- */
.owl-carousel {
display: block;
}
.owl-carousel .owl-item {
-webkit-backface-visibility: visible;
}
.owl-carousel .owl-item:not(:first-child),
.owl-carousel .slide-content:not(:first-child) {
display: none;
}
.owl-carousel .owl-item:first-child,
.owl-carousel .slide-content:first-child {
visibility: hidden;
}
.owl-carousel.owl-loaded .owl-item:not(:first-child),
.owl-carousel.owl-loaded .slide-content:not(:first-child) {
display: block;
}
.owl-carousel.owl-loaded .owl-item:first-child,
.owl-carousel.owl-loaded .slide-content:first-child {
visibility: visible;
}
.owl-prev,
.owl-next {
cursor: pointer;
}
.carousel-stage-visible .owl-stage-outer {
overflow: visible;
}
.dots-visible-xs .owl-dots {
display: none;
}
@media (max-width: 767px) {
.dots-visible-xs .owl-dots {
display: block;
}
}
.dots-visible-sm .owl-dots {
display: none;
}
@media (max-width: 991px) {
.dots-visible-sm .owl-dots {
display: block;
}
}
@media (max-width: 767px) {
.nav-hidden-xs .owl-nav {
display: none;
}
}
.atbs-keylin-carousel {
position: relative;
}
/*
## Default Dots Pagination
----------------------------------------------------------------- */
.atbs-keylin-carousel .owl-dots {
padding: 15px 0;
text-align: center;
line-height: 1;
}
.atbs-keylin-carousel .owl-dot {
display: inline-block;
padding: 7px;
}
.atbs-keylin-carousel .owl-dot span {
display: block;
height: 8px;
width: 8px;
border-radius: 2px;
background: rgba(0, 0, 0, 0.2);
vertical-align: middle;
}
.atbs-keylin-carousel .owl-dot.active span {
background: rgba(0, 0, 0, 0.4);
}
/*---- Inverse dots pagination ----*/
.atbs-keylin-carousel-dots-inverse .owl-dot span {
background: rgba(255, 255, 255, 0.4);
}
.atbs-keylin-carousel-dots-inverse .owl-dot.active span {
background: rgba(255, 255, 255, 0.8);
}
/*---- Inside inverse dots pagination ----*/
.atbs-keylin-carousel-dots-inside .slide-content .post__text-wrap {
padding-bottom: 20px;
}
.atbs-keylin-carousel-dots-inside .owl-dots {
width: 100%;
position: absolute;
bottom: 0;
}
.atbs-keylin-carousel-dots-inside .owl-dot span {
background: rgba(255, 255, 255, 0.4);
}
.atbs-keylin-carousel-dots-inside .owl-dot.active span {
background: rgba(255, 255, 255, 0.8);
}
/*
## Default Navigation
----------------------------------------------------------------- */
.atbs-keylin-carousel .owl-prev,
.atbs-keylin-carousel .owl-next {
width: 36px;
padding: 25px 0;
background: rgba(0, 0, 0, 0.4);
color: #fff;
text-align: center;
cursor: pointer;
-webkit-transform: translate(0, -50%) scale(1, 1);
-moz-transform: translate(0, -50%) scale(1, 1);
-o-transform: translate(0, -50%) scale(1, 1);
transform: translate(0, -50%) scale(1, 1);
-webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
-moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
-o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
}
.atbs-keylin-carousel .owl-prev:hover,
.atbs-keylin-carousel .owl-next:hover {
width: 51px;
background: rgba(0, 0, 0, 0.6);
}
.atbs-keylin-carousel .owl-prev.disabled,
.atbs-keylin-carousel .owl-next.disabled {
-webkit-transform: translate(0, -50%) scale(0, 1);
-moz-transform: translate(0, -50%) scale(0, 1);
-o-transform: translate(0, -50%) scale(0, 1);
transform: translate(0, -50%) scale(0, 1);
}
.atbs-keylin-carousel .owl-prev i,
.atbs-keylin-carousel .owl-next i {
margin: 0;
font-size: 30px;
line-height: 1;
}
.atbs-keylin-carousel .owl-prev {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 0;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
}
.atbs-keylin-carousel .owl-next {
position: absolute;
top: 50%;
right: 0;
bottom: auto;
left: auto;
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.atbs-keylin-carousel .slick-arrow {
width: 36px;
padding: 25px 0;
background: rgba(0, 0, 0, 0.4);
color: #fff;
text-align: center;
cursor: pointer;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
-moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
-o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
}
.atbs-keylin-carousel .slick-arrow:hover {
width: 51px;
background: rgba(0, 0, 0, 0.6);
}
.atbs-keylin-carousel .slick-arrow::before {
margin: 0;
font-size: 30px;
line-height: 1;
}
.atbs-keylin-carousel .slick-prev {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 0;
}
.atbs-keylin-carousel .slick-prev.disabled {
-webkit-transform: translate(-100%, -50%);
-moz-transform: translate(-100%, -50%);
-o-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
}
.atbs-keylin-carousel .slick-next {
position: absolute;
top: 50%;
right: 0;
bottom: auto;
left: auto;
}
.atbs-keylin-carousel .slick-next.disabled {
-webkit-transform: translate(100%, -50%);
-moz-transform: translate(100%, -50%);
-o-transform: translate(100%, -50%);
transform: translate(100%, -50%);
}
/*---- Owl carousel nav A ----*/
.atbs-keylin-carousel-nav-none .owl-nav {
display: none;
}
.atbs-keylin-carousel-nav-a {
padding-bottom: 30px;
}
.atbs-keylin-carousel-nav-a .owl-nav {
position: absolute;
top: auto;
right: auto;
bottom: 0;
left: 50%;
border-radius: 4px;
background: #fff;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
-webkit-transform: translate(-50%, 50%);
-moz-transform: translate(-50%, 50%);
-o-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.atbs-keylin-carousel-nav-a .owl-nav .disabled {
cursor: auto;
}
.atbs-keylin-carousel-nav-a .owl-prev,
.atbs-keylin-carousel-nav-a .owl-next {
display: inline-block;
height: 40px;
width: 40px;
position: relative;
padding: 0;
background: #fff;
color: rgba(0, 0, 0, 0.8);
font-size: 24px;
line-height: 40px;
text-align: center;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
.atbs-keylin-carousel-nav-a .owl-prev i,
.atbs-keylin-carousel-nav-a .owl-next i {
color: rgba(0, 0, 0, 0.8);
font-size: 24px;
line-height: 40px;
text-align: center;
}
.atbs-keylin-carousel-nav-a .owl-prev {
border-right: 1px solid rgba(0, 0, 0, 0.05);
}
/*---- Owl theme B ----*/
.atbs-keylin-carousel-nav-b .owl-prev,
.atbs-keylin-carousel-nav-b .owl-next,
.atbs-keylin-carousel-nav-b .slick-arrow {
display: block;
height: 40px;
width: 40px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
background: #fff;
font-size: 24px;
line-height: 40px;
text-align: center;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
}
.atbs-keylin-carousel-nav-b .owl-prev.disabled,
.atbs-keylin-carousel-nav-b .owl-next.disabled,
.atbs-keylin-carousel-nav-b .slick-arrow.disabled {
display: none;
}
.atbs-keylin-carousel-nav-b .owl-prev,
.atbs-keylin-carousel-nav-b .slick-prev {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 0;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.atbs-keylin-carousel-nav-b .owl-next,
.atbs-keylin-carousel-nav-b .slick-next {
position: absolute;
top: 50%;
right: 0;
bottom: auto;
left: auto;
-webkit-transform: translate(50%, -50%);
-moz-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
/*---- Owl theme C ----*/
.atbs-keylin-carousel-nav-c .owl-prev,
.atbs-keylin-carousel-nav-c .owl-next {
top: 0;
bottom: 0;
-webkit-transform: translate(0, 0) scale(1, 1);
-moz-transform: translate(0, 0) scale(1, 1);
-o-transform: translate(0, 0) scale(1, 1);
transform: translate(0, 0) scale(1, 1);
}
.atbs-keylin-carousel-nav-c .owl-prev.disabled,
.atbs-keylin-carousel-nav-c .owl-next.disabled {
-webkit-transform: translate(0, 0) scale(0, 1);
-moz-transform: translate(0, 0) scale(0, 1);
-o-transform: translate(0, 0) scale(0, 1);
transform: translate(0, 0) scale(0, 1);
}
.atbs-keylin-carousel-nav-c .owl-prev i,
.atbs-keylin-carousel-nav-c .owl-next i {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/*---- Owl nav D ----*/
.atbs-keylin-carousel-nav-d .owl-carousel .owl-stage-outer {
overflow: visible;
}
.atbs-keylin-carousel-nav-d .owl-prev,
.atbs-keylin-carousel-nav-d .owl-next {
display: block;
width: 9999px;
width: -moz-calc(100vw - 100%);
width: calc(100vw - 100%);
background: rgba(255, 255, 255, 0.8);
color: rgba(0, 0, 0, 0.4);
font-size: 40px;
text-align: center;
}
.atbs-keylin-carousel-nav-d .owl-prev.disabled,
.atbs-keylin-carousel-nav-d .owl-next.disabled {
display: none;
}
.atbs-keylin-carousel-nav-d .owl-prev {
position: absolute;
top: 0;
right: auto;
bottom: 0;
left: -10px;
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
@media (min-width: 992px) {
.atbs-keylin-carousel-nav-d .owl-prev {
left: -30px;
}
}
.atbs-keylin-carousel-nav-d .owl-next {
position: absolute;
top: 0;
right: -10px;
bottom: 0;
left: auto;
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0);
}
@media (min-width: 992px) {
.atbs-keylin-carousel-nav-d .owl-next {
right: -30px;
}
}
.atbs-keylin-carousel-nav-d .owl-prev i {
position: absolute;
top: 50%;
right: 20px;
bottom: auto;
left: auto;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.atbs-keylin-carousel-nav-d .owl-next i {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 20px;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
/*---- Owl nav E ----*/
.atbs-keylin-carousel-nav-e .owl-prev,
.atbs-keylin-carousel-nav-e .owl-next,
.atbs-keylin-carousel-nav-e .slick-arrow,
.atbs-keylin-carousel-nav-e .swiper-button-next,
.atbs-keylin-carousel-nav-e .swiper-button-prev {
display: block;
height: 80px;
width: 36px;
background: rgba(0, 0, 0, 0.4);
color: #fff;
font-size: 24px;
text-align: center;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.atbs-keylin-carousel-nav-e .owl-prev:hover,
.atbs-keylin-carousel-nav-e .owl-next:hover,
.atbs-keylin-carousel-nav-e .slick-arrow:hover,
.atbs-keylin-carousel-nav-e .swiper-button-next:hover,
.atbs-keylin-carousel-nav-e .swiper-button-prev:hover {
width: 46px;
}
.atbs-keylin-carousel-nav-e .owl-prev i,
.atbs-keylin-carousel-nav-e .slick-prev i {
margin-right: 6px;
line-height: 60px;
}
.atbs-keylin-carousel-nav-e .owl-next i,
.atbs-keylin-carousel-nav-e .slick-next i {
margin-left: 6px;
line-height: 60px;
}
.atbs-keylin-carousel-nav-e .owl-prev,
.atbs-keylin-carousel-nav-e .slick-prev,
.atbs-keylin-carousel-nav-e .swiper-button-prev {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 0;
}
.atbs-keylin-carousel-nav-e .owl-prev::before,
.atbs-keylin-carousel-nav-e .slick-prev::before,
.atbs-keylin-carousel-nav-e .swiper-button-prev::before {
content: '\e408';
font-family: 'mdicon';
font-size: 36px;
line-height: 80px;
}
.atbs-keylin-carousel-nav-e .owl-next,
.atbs-keylin-carousel-nav-e .slick-next,
.atbs-keylin-carousel-nav-e .swiper-button-next {
position: absolute;
top: 50%;
right: 0;
bottom: auto;
left: auto;
}
.atbs-keylin-carousel-nav-e .owl-next::before,
.atbs-keylin-carousel-nav-e .slick-next::before,
.atbs-keylin-carousel-nav-e .swiper-button-next::before {
content: '\e409';
font-family: 'mdicon';
font-size: 32px;
line-height: 80px;
}
/*---- Owl carousel nav F ----*/
.atbs-keylin-carousel-nav-f .owl-prev,
.atbs-keylin-carousel-nav-f .owl-next,
.atbs-keylin-carousel-nav-f .slick-arrow {
display: inline-block;
height: 50px;
width: 50px;
position: absolute;
top: 50%;
right: 20px;
bottom: auto;
left: auto;
background: #fff;
background-clip: padding-box;
border: 3px solid rgba(255, 255, 255, 0.4);
border-radius: 100%;
font-size: 28px;
line-height: 50px;
text-align: center;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05);
}
.atbs-keylin-carousel-nav-f .owl-prev,
.atbs-keylin-carousel-nav-f .slick-prev {
left: 20px;
right: auto;
}
/*---- Custom Owl carousel nav ----*/
.atbs-keylin-carousel-nav-custom-holder .owl-prev,
.atbs-keylin-carousel-nav-custom-holder .owl-next {
display: inline-block;
height: 40px;
width: 40px;
position: relative;
padding: 0;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 3px;
color: #333;
line-height: 38px;
text-align: center;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
.atbs-keylin-carousel-nav-custom-holder .owl-prev:hover,
.atbs-keylin-carousel-nav-custom-holder .owl-next:hover {
background: #fff;
width: 40px;
}
.atbs-keylin-carousel-nav-custom-holder .owl-prev.disabled,
.atbs-keylin-carousel-nav-custom-holder .owl-next.disabled {
background: #aaa;
cursor: default;
opacity: 0.5;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
.atbs-keylin-carousel-nav-custom-holder .owl-prev i,
.atbs-keylin-carousel-nav-custom-holder .owl-next i {
font-size: 20px;
}
.atbs-keylin-carousel-nav-custom-holder .owl-prev {
margin-right: 4px;
}
/*---- Owl dot nav A ----*/
.atbs-keylin-carousel-dots-none .owl-dots {
display: none;
}
.atbs-keylin-carousel-dots-a .owl-dots {
position: absolute;
top: auto;
right: auto;
bottom: 0;
left: 50%;
white-space: nowrap;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
@media (min-width: 768px) {
.atbs-keylin-carousel-dots-a .owl-dots {
bottom: 10px;
}
}
.atbs-keylin-carousel-dots-a .owl-dot {
display: inline-block;
padding: 10px;
}
.atbs-keylin-carousel-dots-a .owl-dot span {
display: inline-block;
height: 8px;
width: 8px;
border-radius: 100%;
background: rgba(255, 255, 255, 0.4);
vertical-align: middle;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
.atbs-keylin-carousel-dots-a .owl-dot.active span {
background: rgba(255, 255, 255, 0.8);
}
/*---- Owl dot nav B ----*/
.atbs-keylin-carousel-dots-b .owl-dots {
padding: 15px 0;
text-align: center;
}
.atbs-keylin-carousel-dots-b .owl-dot {
display: inline-block;
height: 8px;
width: 8px;
margin: 0 8px;
border-radius: 100%;
background: rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.15s ease-out 0s;
-moz-transition: all 0.15s ease-out 0s;
-o-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s;
}
.atbs-keylin-carousel-dots-b .owl-dot.active {
background: rgba(0, 0, 0, 0.4);
}
.atbs-keylin-carousel-dots-b .swiper-pagination {
position: static;
padding: 15px 0;
}
.atbs-keylin-carousel-dots-b--inverse .swiper-pagination-bullet {
background: #fff;
}
/*
* Slick carousel
*--------------------*/
.atbs-keylin-carousel .slide-content:not(:first-child) {
display: none;
}
.atbs-keylin-carousel.slick-initialized .slide-content,
.atbs-keylin-carousel .slick-initialized .slide-content {
display: block;
}
/*---- Arrow ----*/
.slick-arrow {
border: none;
border-radius: 0;
box-shadow: none;
font-size: 0;
z-index: 10;
}
.slick-arrow::before {
content: '\e408';
font-family: 'mdicon';
font-size: 22px;
}
.slick-next::before {
content: '\e409';
}
/*---- Arrow ----*/
.slick-dots {
display: block;
margin: 10px auto;
padding: 0;
list-style: none;
text-align: center;
z-index: 10;
}
.slick-dots li {
display: inline-block;
}
.slick-dots li button {
display: inline-block;
height: 12px;
width: 12px;
padding: 0;
margin: 0 10px;
border: 1px solid transparent;
border-radius: 100%;
background: rgba(0, 0, 0, 0.2);
box-shadow: none;
font-size: 0;
vertical-align: middle;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
-moz-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
-o-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slick-dots li button:hover,
.slick-dots li button:focus {
background: rgba(0, 0, 0, 0.4);
}
.slick-dots li.slick-active button {
-webkit-transform: scale(1.4, 1.4);
-moz-transform: scale(1.4, 1.4);
-o-transform: scale(1.4, 1.4);
transform: scale(1.4, 1.4);
background: transparent;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.atbs-keylin-carousel--dots-transparent .slick-dots {
width: 100%;
position: absolute;
top: auto;
right: auto;
bottom: 20px;
left: auto;
margin: 0 auto;
}
/*
* Flexslider
*--------------------*/
.flexslider {
margin: 0;
border: none;
border-radius: 0;
box-shadow: none;
min-height: 400px;
}
.flexslider .slides>li:first-child {
display: block;
opacity: 0;
}
.flexslider .flex-viewport .slides>li:first-child {
opacity: 1;
}
/*
* Fotorama
*--------------------*/
.atbs-keylin-gallery-slider .fotorama__stage {
background: #111;
}
.atbs-keylin-gallery-slider .fotorama__thumb-border {
border-color: #003366;
background: transparent;
}
.atbs-keylin-gallery-slider .fotorama__nav__frame:not(.fotorama__active) {
opacity: 0.8;
}
.atbs-keylin-gallery-slider .fotorama__nav--thumbs {
position: relative;
background: #111;
}
.atbs-keylin-gallery-slider .fotorama__nav--dots {
margin-top: 5px;
}
.atbs-keylin-gallery-slider .fotorama__nav--dots .fotorama__nav__frame {
width: auto;
height: auto;
padding: 12px 8px;
}
.atbs-keylin-gallery-slider .fotorama__dot {
height: 8px;
width: 8px;
top: auto;
left: auto;
border: none;
border-radius: 2px;
background: rgba(0, 0, 0, 0.2);
}
.atbs-keylin-gallery-slider .fotorama__nav__frame.fotorama__active .fotorama__dot {
height: 8px;
width: 8px;
background: rgba(0, 0, 0, 0.4);
}
.atbs-keylin-gallery-slider .fotorama__caption {
text-align: center;
background-color: transparent;
background-image: -webkit-linear-gradient(-270deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent));
background-image: -webkit-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: -moz-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
}
.atbs-keylin-gallery-slider .fotorama__caption__wrap {
padding: 1em;
background: transparent;
color: #fff;
font-size: 1rem;
text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
.atbs-keylin-gallery-slider .fotorama__caption__wrap a,
.atbs-keylin-gallery-slider .fotorama__caption__wrap a:hover,
.atbs-keylin-gallery-slider .fotorama__caption__wrap a:focus,
.atbs-keylin-gallery-slider .fotorama__caption__wrap a:active {
color: #fff;
text-decoration: none;
border: none;
}
/*
* Overflow carousel
*--------------------*/
.atbs-keylin-carousel-overflow {
overflow: hidden;
}
@media (max-width: 767px) {
.atbs-keylin-carousel-overflow {
margin-left: -15px;
margin-right: -15px;
}
}
.atbs-keylin-carousel-overflow--has-background {
padding: 20px;
border: 1px solid rgba(0, 0, 0, 0.1);
background-color: #f5f5f5;
}
@media (min-width: 768px) {
.atbs-keylin-carousel-overflow--has-background {
padding: 40px;
}
}
.atbs-keylin-carousel-overflow--has-background .atbs-keylin-carousel__inner {
margin-left: -20px;
margin-right: -20px;
}
@media (min-width: 768px) {
.atbs-keylin-carousel-overflow--has-background .atbs-keylin-carousel__inner {
margin-left: -40px;
margin-right: -40px;
}
}
.atbs-keylin-carousel-overflow--has-background:not(.atbs-keylin-carouel-dots-none) {
padding-bottom: 0;
}
/* -----------------------------------------------------------------
## Categories bar
----------------------------------------------------------------- */
.category-bar {
margin-bottom: 30px;
}
.category-bar-inner {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -8px;
}
.category-bar__cat {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
margin: 0 8px 10px;
text-align: center;
}
.category-bar__cat a {
display: block;
padding: 8px;
border: 1px solid rgba(0, 0, 0, 0.04);
border-radius: 4px;
background: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
-webkit-transition: all 0.15s ease-out 0s;
-moz-transition: all 0.15s ease-out 0s;
-o-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s;
}
.category-bar__cat a:hover {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06);
}
.category-bar .cat-icon {
color: rgba(0, 0, 0, 0.2);
font-size: 30px;
-webkit-transition: all 0.15s ease-out 0s;
-moz-transition: all 0.15s ease-out 0s;
-o-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s;
}
.category-bar .cat-name {
color: rgba(0, 0, 0, 0.8);
font-size: 12px;
text-transform: uppercase;
}
/* -----------------------------------------------------------------
## Block general
----------------------------------------------------------------- */
.atbs-keylin-block {
position: relative;
margin-bottom: 40px;
}
.atbs-keylin-block:last-child {
margin-bottom: 0;
}
.atbs-keylin-block__inner {
position: relative;
}
@media (min-width: 1200px) {
.atbs-keylin-block--fullwidth {
margin-bottom: 60px;
}
}
.atbs-keylin-block--fullwidth.atbs-keylin-block--contiguous:first-child {
margin-top: -30px;
}
@media (min-width: 768px) {
.atbs-keylin-block--fullwidth.atbs-keylin-block--contiguous:first-child {
margin-top: -40px;
}
}
@media(min-width: 1200px){
.atbs-keylin-block--fullwidth.atbs-keylin-block--contiguous:first-child {
margin-top: -60px;
}
}
.atbs-keylin-block--fullwidth.has-background:last-child {
margin-bottom: -30px;
}
@media (min-width: 1200px) {
.atbs-keylin-block--fullwidth.has-background:last-child {
margin-bottom: -60px;
}
}
.atbs-keylin-block--contiguous:not(.has-overlap-background)+.atbs-keylin-block--contiguous {
margin-top: -40px;
}
@media (min-width: 1200px) {
.atbs-keylin-block--fullwidth.atbs-keylin-block--contiguous:not(.has-overlap-background)+.atbs-keylin-block--fullwidth.atbs-keylin-block--contiguous {
margin-top: -60px;
}
}
.atbs-keylin-block.has-background {
padding-top: 30px;
padding-bottom: 30px;
}
@media (min-width: 992px) {
.atbs-keylin-block.has-background {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media (min-width: 992px) {
.atbs-keylin-block.has-background--md {
padding-top: 60px;
padding-bottom: 60px;
}
}
.atbs-keylin-block.has-overlap-background {
padding-top: 30px;
}
@media (min-width: 992px) {
.atbs-keylin-block.has-overlap-background {
padding-top: 40px;
}
}
.atbs-keylin-block.has-border {
padding-top: 30px;
padding-bottom: 30px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
@media (min-width: 992px) {
.atbs-keylin-block.has-border {
padding-top: 40px;
padding-bottom: 40px;
}
}
.atbs-keylin-layout-split:first-child {
margin-top: -10px;
}
/* -----------------------------------------------------------------
## Offcanvas Menu
----------------------------------------------------------------- */
body.is-atbs-keylin-offcanvas-opened {
overflow: hidden;
}
.atbs-keylin-offcanvas {
max-width: 100%;
width: 320px;
position: fixed;
top: 0;
left: 0;
right: auto;
bottom: 0;
margin: 0;
overflow: hidden;
background: #fff;
z-index: 1039;
/* bootstrap modal */
-webkit-transform: translate(-101%, 0);
-moz-transform: translate(-101%, 0);
-o-transform: translate(-101%, 0);
transform: translate(-101%, 0);
-webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
-moz-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
-o-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
}
body.admin-bar .atbs-keylin-offcanvas {
margin-top: 46px;
}
@media (min-width: 768px) {
.atbs-keylin-offcanvas {
width: 360px;
}
}
@media (min-width: 784px) {
body.admin-bar .atbs-keylin-offcanvas {
margin-top: 32px;
}
}
.atbs-keylin-offcanvas.is-active {
box-shadow: 0 1px 10px 10px rgba(0, 0, 0, 0.1);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.atbs-keylin-offcanvas-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 1030;
/* bootstrap backdrop */
}
.atbs-keylin-offcanvas-close {
height: 30px;
width: 30px;
position: absolute;
top: 8px;
right: 0;
bottom: auto;
left: auto;
padding: 0;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 100%;
background: transparent;
color: rgba(0, 0, 0, 0.4) !important;
font-size: 14px;
line-height: 28px;
text-align: center;
text-decoration: none !important;
overflow: hidden;
}
.atbs-keylin-offcanvas__title {
position: relative;
padding: 20px 50px 20px 20px;
font-size: 14px;
}
.atbs-keylin-offcanvas__title .social-list {
margin-top: 10px;
font-size: 16px;
color: rgba(0, 0, 0, 0.4);
}
.atbs-keylin-offcanvas__section {
padding: 20px;
}
.atbs-keylin-offcanvas__section:not(:first-child) {
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.atbs-keylin-offcanvas__section-search+.atbs-keylin-offcanvas__section-navigation {
padding-top: 0;
border-top: none;
}
.navigation--offcanvas {
margin: 0 -20px;
}
.navigation--offcanvas li {
color: rgba(0, 0, 0, 0.6);
}
.navigation--offcanvas li>a {
color: inherit;
text-decoration: none;
display: block;
position: relative;
padding: 10px 8px;
background: transparent;
color: rgba(0, 0, 0, 0.6);
}
.navigation--offcanvas li>a:hover,
.navigation--offcanvas li>a:active,
.navigation--offcanvas li>a:focus {
color: inherit;
text-decoration: none;
}
.navigation--offcanvas li>a:hover {
background: rgba(0, 0, 0, 0.02);
}
.navigation--offcanvas li>a::after {
content: '';
position: absolute;
top: 0;
right: auto;
bottom: 0;
left: 0;
border-right: 3px solid #003366;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
-moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
-o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
}
.navigation--offcanvas li.current-menu-item>a::after {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.navigation--offcanvas li.menu-item-has-children>a {
padding-right: 56px;
}
.navigation--offcanvas > li > a {
padding: 10px 20px;
text-transform: uppercase;
font-weight: 700;
}
.navigation--offcanvas .sub-menu {
display: none;
padding: 5px 0;
}
.navigation--offcanvas>li>.sub-menu>li>a {
padding-left: 40px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 15px;
text-transform: capitalize;
}
.navigation--offcanvas>li>.sub-menu>li>.sub-menu>li>a {
padding-left: 50px;
}
.navigation--offcanvas .submenu-toggle {
display: block;
width: 36px;
position: absolute;
top: 0;
right: 10px;
bottom: 0;
left: auto;
text-align: center;
}
.navigation--offcanvas .submenu-toggle i {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 50%;
margin: 0;
font-size: 20px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/* -----------------------------------------------------------------
## Widgets
----------------------------------------------------------------- */
.widget {
margin-bottom: 40px;
}
.widget:last-child {
margin-bottom: 0;
}
.widget--centered {
text-align: center;
}
.widget--has-background {
padding: 20px;
}
.widget__title {
margin-bottom: 20px;
}
.has-block-heading-line-around .widget__title,
.has-block-heading-line .widget__title {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
}
.has-block-heading-line .widget__title::after {
content: '';
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
box-ordinal-group: 2;
-webkit-order: 2;
-moz-order: 2;
order: 2;
-ms-flex-order: 2;
margin-left: 0.6em;
border-top: 2px solid rgba(0, 0, 0, 0.05);
}
.widget__title a {
color: inherit;
text-decoration: none;
}
/* Comment Out by Hung
.site-footer .widget__title::before,
.site-footer .widget__title::after,
.atbs-keylin-offcanvas .widget__title::before,
.atbs-keylin-offcanvas .widget__title::after {
content: none !important; }
*/
.atbs-keylin-offcanvas .widget__title::before,
.atbs-keylin-offcanvas .widget__title::after {
content: none !important;
}
.has-block-heading-line-around .site-footer .widget__title {
display: block;
text-align: center;
}
.widget__title-text {
margin: 0;
font-size: 15px;
font-size: 1.1rem;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.widget__title .first-word,
.widget__title span {
font-weight: 300;
}
.has-block-heading-line-under .widget__title {
padding-bottom: 5px;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.has-block-heading-line-around .widget__title__title {
padding-right: 0;
}
.has-block-heading-line-under .widget__title__seperator,
.has-block-heading-line-around .widget__title__seperator {
display: none;
}
.has-block-heading-line-around .widget__title::before,
.has-block-heading-line-around .widget__title::after {
content: '';
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
margin-right: 0.6em;
border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}
.has-block-heading-line-around .widget__title::after {
margin-left: 0.6em;
}
.has-block-heading-line-around .atbs-keylin-widget--box .widget__title {
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
.site-footer .widget__title__title {
font-size: 14px;
}
/*---- Box Widget ----*/
.atbs-keylin-widget--box .widget__title {
margin-bottom: 0;
padding: 10px 20px;
background: #003366;
border-bottom: none;
color: #fff;
}
.atbs-keylin-widget--box .widget__title::before,
.atbs-keylin-widget--box .widget__title::after {
content: none;
}
.atbs-keylin-widget--box .widget__inner {
padding: 20px;
background: #fafafa;
}
/*---- Indexed Widget A ----*/
.atbs-keylin-widget-indexed-posts-a .posts-list {
counter-reset: li;
}
.atbs-keylin-widget-indexed-posts-a .posts-list>li .post__thumb {
position: relative;
}
.atbs-keylin-widget-indexed-posts-a .posts-list>li .post__thumb::after {
content: counter(li);
/* Use the counter as content */
counter-increment: li;
display: block;
height: 24px;
width: 24px;
position: absolute;
top: auto;
right: auto;
bottom: 4px;
left: 4px;
border: 1px solid rgba(255, 255, 255, 0.4);
background: #003366;
color: #fff;
text-align: center;
font-size: 12px;
line-height: 22px;
font-weight: 700;
}
/*---- Indexed Widget B ----*/
.atbs-keylin-widget-indexed-posts-b .posts-list {
counter-reset: li;
}
.atbs-keylin-widget-indexed-posts-b .posts-list>li .post__title {
position: relative;
}
.atbs-keylin-widget-indexed-posts-b .posts-list>li .post__title::after {
content: counter(li);
/* Use the counter as content */
counter-increment: li;
display: block;
position: absolute;
top: -30px;
right: 15px;
bottom: auto;
left: auto;
color: #003366;
font-size: 96px;
line-height: 1;
font-weight: 700;
font-style: italic;
opacity: 0.25;
}
/*---- Indexed Widget C ----*/
.atbs-keylin-widget-indexed-posts-c .list-index {
display: inline-block;
min-width: 45px;
margin-left: 10px;
color: rgba(0, 0, 0, 0.8);
font-size: 26px;
font-size: 1.86rem;
line-height: 1;
font-weight: 700;
text-align: center;
}
.inverse-text .atbs-keylin-widget-indexed-posts-c .list-index {
color: rgba(255,255,255,0.8);
}
.inverse-text [class*="list-seperated"]>*:not(:last-child) {
border-color: rgba(255,255,255,0.2);
}
.atbs-keylin-widget-indexed-posts-c .posts-list>li .post--overlay .post__text-inner {
padding-left: 10px;
}
.atbs-keylin-widget-indexed-posts-c .posts-list>li .post--overlay .list-index {
margin-left: 0;
color: #fff;
font-size: 36px;
font-size: 2.57rem;
}
/*---- Widget most commented ----*/
.atbs-keylin-widget-most-commented .comments-count-box {
color: inherit;
text-decoration: none;
min-width: 40px;
margin-right: 10px;
padding: 8px 8px;
background: #444;
font-size: 14px;
}
.atbs-keylin-widget-most-commented .comments-count-box:hover,
.atbs-keylin-widget-most-commented .comments-count-box:active,
.atbs-keylin-widget-most-commented .comments-count-box:focus {
color: inherit;
text-decoration: none;
}
.atbs-keylin-widget-most-commented .comments-count-box::before {
border-top-color: #444;
}
/*---- Social counter widget ----*/
.atbs-keylin-widget-social-counter::after {
clear: both;
content: "";
display: table;
}
.social-tile {
color: inherit;
text-decoration: none;
display: block;
position: relative;
padding: 15px 30px;
border-radius: 2px;
background: rgba(0, 0, 0, 0.05);
overflow: hidden;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.social-tile:hover,
.social-tile:active,
.social-tile:focus {
color: inherit;
text-decoration: none;
}
.social-tile:hover {
background: rgba(0, 0, 0, 0.02);
}
.social-tile::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0)));
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 100%);
}
.social-tile__inner {
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
}
.social-tile__icon {
position: absolute;
top: auto;
right: auto;
bottom: 0;
left: 0;
font-size: 5.7143rem;
color: rgba(255, 255, 255, 0.2);
line-height: 1;
-webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-webkit-transform: translate(20%, 25%) scale(1, 1);
-moz-transform: translate(20%, 25%) scale(1, 1);
-o-transform: translate(20%, 25%) scale(1, 1);
transform: translate(20%, 25%) scale(1, 1);
-webkit-transform-origin: 0 50% 0;
-moz-transform-origin: 0 50% 0;
-o-transform-origin: 0 50% 0;
transform-origin: 0 50% 0;
}
.social-tile:hover .social-tile__icon {
-webkit-transform: translate(20%, 20%) scale(1.4, 1.4);
-moz-transform: translate(20%, 20%) scale(1.4, 1.4);
-o-transform: translate(20%, 20%) scale(1.4, 1.4);
transform: translate(20%, 20%) scale(1.4, 1.4);
}
.social-tile__title {
margin: 0;
color: #fff;
font-size: 1.2rem;
font-weight: 700;
text-transform: uppercase;
}
.social-tile__count {
color: rgba(255, 255, 255, 0.6);
font-size: 1rem;
line-height: 1.1;
}
.social-tile__right .mdicon {
display: inline-block;
font-size: 1.2857rem;
color: #fff;
-webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.social-tile:hover .social-tile__right .mdicon {
-webkit-transform: translate(40%, 0);
-moz-transform: translate(40%, 0);
-o-transform: translate(40%, 0);
transform: translate(40%, 0);
}
/*---- Subscribe widget ----*/
.widget-subscribe {
padding-top: 20px;
}
.widget-subscribe__inner {
padding: 20px;
background: #fff;
border: 3px solid #eee;
box-shadow: 0 -20px 0 -10px #f5f5f5, 0 -38px 0 -20px #fafafa;
}
@media (min-width: 768px) {
.widget-subscribe__inner {
padding: 30px;
}
}
.widget-subscribe .subscribe-form {
color: rgba(0, 0, 0, 0.8);
}
.widget-subscribe.widget--centered .subscribe-form input[type="email"] {
text-align: center;
}
.widget-subscribe--stack-bottom {
padding-top: 0;
padding-bottom: 20px;
}
.widget-subscribe--stack-bottom .widget-subscribe__inner {
box-shadow: 0 20px 0 -10px #f5f5f5, 0 38px 0 -20px #fafafa;
}
/*---- Widget Categories ----*/
/* -----------------------------------------------------------------
## WordPress Defaul Widgets
----------------------------------------------------------------- */
/*---- ## Archive Widget ----*/
.widget_archive ul {
list-style: none;
padding: 0;
}
.widget_archive li {
text-transform: uppercase;
font-weight: 600;
}
.widget_archive li:not(:last-child) {
margin-bottom: 15px;
}
.widget_archive li>a {
display: inline-block;
text-decoration: none;
color: var(--color-text-body);
}
.widget_archive a>span {
display: inline-block;
background: #ccc;
padding: 1px 5px;
border-radius: 3px;
margin-left: 5px;
font-size: 0.8571rem;
color: #fff;
}
.widget_archive ul.children {
padding-top: 15px;
padding-left: 15px;
}
.widget_archive ul.children li>a {
color: rgba(0, 0, 0, 0.6);
}
/*---- ## Calendar Widget ----*/
.widget_calendar {
border-bottom: none;
}
.calendar_wrap {
border-radius: 3px;
overflow: hidden;
background-color: #fff;
}
.widget_calendar caption {
padding: 0.6em;
text-align: center;
font-size: 18px;
font-size: 1.2857rem;
font-weight: 600;
color: #fff;
background-color: #222;
}
.widget_calendar table {
width: 100%;
margin-bottom: 0;
font-size: 12px;
font-size: 0.8571rem;
color: rgba(0, 0, 0, 0.6);
border: 1px solid rgba(0, 0, 0, 0.05);
}
.widget_calendar thead {
background-color: #fafafa;
}
.widget_calendar tr {
border-bottom: 0;
}
.widget_calendar th {
padding: 1em;
text-align: center;
border: none;
}
.widget_calendar td {
padding: 0.8em 1em;
border: none;
text-align: center;
}
.widget_calendar td a {
position: relative;
text-decoration: none;
color: var(--color-text-dark);
font-weight: 700;
}
.widget_calendar td a::before {
content: '';
display: block;
width: 4px;
height: 4px;
position: absolute;
top: -4px;
right: -6px;
bottom: auto;
left: auto;
border-radius: 100%;
background-color: var(--color-primary);
}
.widget_calendar #today,
.widget_calendar #today a {
position: relative;
font-weight: 700;
color: #fff;
background-color: #444;
background-color: var(--color-primary);
}
.widget_calendar tfoot {
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.widget_calendar tfoot td {
padding: 1em;
}
.widget_calendar tfoot a {
font-size: 18px;
font-weight: 700;
color: var(--color-text-dark);
}
.widget_calendar tfoot a::before {
content: none;
}
.wp-calendar-nav {
padding: 1em 0;
}
.wp-calendar-nav a {
font-weight: 600;
text-decoration: none;
}
/*---- ## Categories Widget ----*/
.widget_categories ul {
list-style: none;
padding: 0;
}
.widget_categories li {
text-transform: uppercase;
font-weight: 600;
}
.widget_categories li:not(:last-child) {
margin-bottom: 15px;
}
.widget_categories li>a {
display: inline-block;
text-decoration: none;
color: var(--color-text-body);
}
.widget_categories a>span {
display: inline-block;
background: #ccc;
padding: 1px 5px;
border-radius: 3px;
margin-left: 5px;
font-size: 0.8571rem;
color: #fff;
}
.widget_categories ul.children {
padding-top: 15px;
padding-left: 20px;
}
/*---- ## Menu Widget ----*/
.widget_nav_menu ul {
list-style: none;
padding: 0;
}
.widget_nav_menu li:not(:last-child) {
margin-bottom: 15px;
}
.widget_nav_menu li>a {
display: inline-block;
text-decoration: none;
color: var(--color-text-body);
}
.inverse-text .widget_nav_menu li>a {
color: rgba(255, 255, 255, 0.8);
}
.inverse-text .widget_nav_menu li>a:hover,
.inverse-text .widget_nav_menu li>a:focus,
.inverse-text .widget_nav_menu li>a:active {
color: white;
}
.widget_nav_menu .sub-menu {
padding-top: 15px;
padding-left: 20px;
}
.widget_nav_menu .sub-menu .sub-menu {
font-size: 100%;
}
/*---- ## Meta Widget ----*/
.widget_meta ul {
list-style: none;
padding: 0;
}
.widget_meta li {
text-transform: uppercase;
font-weight: 600;
}
.widget_meta li:not(:last-child) {
margin-bottom: 15px;
}
.widget_meta li>a {
display: inline-block;
text-decoration: none;
color: var(--color-text-body);
}
.widget_meta li>a:hover,
.widget_meta li>a:focus {
color: var(--color-primary);
}
.inverse-text .widget_meta li>a {
color: var(--color-text-light);
}
.inverse-text .widget_meta li>a:hover,
.inverse-text .widget_meta li>a:focus,
.inverse-text .widget_meta li>a:active {
color: white;
}
/*---- ## Pages Widget ----*/
.widget_pages ul { list-style: none;
padding: 0;
}
.widget_pages li {
text-transform: uppercase;
font-weight: 600;
}
.widget_pages li:not(:last-child) {
margin-bottom: 15px;
}
.widget_pages li>a {
display: inline-block;
text-decoration: none;
color: var(--color-text-body);
}
.widget_pages ul.children {
padding-top: 15px;
padding-left: 20px;
}
/*---- ## Recent Comments Widget ----*/
.widget_recent_comments .recentcomments {
margin: 0;
padding: 0;
list-style: none;
}
.widget_recent_comments .recentcomments {
position: relative;
margin-bottom: 20px;
}
.widget_recent_comments .recentcomments::before {
content: '\e0cb';
font-family: 'mdicon';
margin-right: 0.3em;
}
.widget_recent_comments .recentcomments>a {
display: block;
position: relative;
margin-top: 8px;
padding: 10px 15px;
border: 1px solid rgba(0, 0, 0, 0.05);
/*border-radius: 3px;*/
/*background: rgba(0, 0, 0, 0.05);*/
color: var(--color-text-body);
font-weight: 600;
text-transform: uppercase;
text-decoration: none !important;
}
.widget_recent_comments .comment-author-link {
font-weight: 700;
}
.widget_recent_comments .comment-author-link a {
color: inherit;
text-decoration: none !important;
text-transform: uppercase;
}
.inverse-text .widget_recent_comments .recentcomments>a {
color: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(255, 255, 255, 0.1);
/*background: transparent;*/
}
.inverse-text .widget_recent_comments .recentcomments>a:hover,
.inverse-text .widget_recent_comments .recentcomments>a:focus {
color: rgba(255, 255, 255, 1);
}
/*---- ## Recent Posts Widget ----*/
.widget_recent_entries ul {
list-style: none;
padding: 0;
}
.widget_recent_entries li {
text-transform: uppercase;
font-weight: 600;
}
.widget_recent_entries li:not(:last-child) {
margin-bottom: 15px;
}
.widget_recent_entries li>a {
display: inline-block;
text-decoration: none;
color: var(--color-text-body);
}
.inverse-text .widget_recent_entries li>a {
color: rgba(255, 255, 255, 0.8);
}
.inverse-text .widget_recent_entries li>a:hover,
.inverse-text .widget_recent_entries li>a:focus {
color: rgba(255, 255, 255, 1);
}
/*---- ## RSS Widget ----*/
.widget_rss .rss-widget-icon {
display: none;
}
.widget_rss .widget__title a.rsswidget:last-child::before {
content: '\e0e5';
font-family: 'mdicon';
margin-right: 0.3em;
}
.widget_rss ul {
list-style: none;
}
.widget_rss li {
position: relative;
padding: 12px 0;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.widget_rss li:first-child {
padding-top: 0;
border-top: none;
}
.widget_rss a.rsswidget {
font-weight: 700;
color: var(--color-text-body);
}
.inverse-text .widget_rss a.rsswidget {
color: rgba(255,255,255,0.8);
}
.inverse-text .widget_rss a.rsswidget:hover,
.inverse-text .widget_rss a.rsswidget:focus {
color: rgba(255,255,255,1);
}
.inverse-text .widget_rss li {
border-color: rgba(255,255,255,0.1);
}
.widget_rss .rss-date {
display: block;
margin-top: 0.4em;
font-size: 12px;
font-size: 0.8571rem;
font-style: italic;
}
.widget_rss .rssSummary {
margin: 0.4em 0;
}
@media (max-width: 991px) and (min-width: 768px) {
.widget_rss ul {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: -20px -15px;
}
.widget_rss ul li,
.widget_rss ul li:first-child {
width: 50%;
padding: 20px 15px;
}
.widget_rss li:nth-child(2) {
border-top: 0;
}
}
/*---- ## Search Widget ----*/
.widget_search .search-form__submit {
position: absolute;
top: 50%;
right: 0;
bottom: auto;
left: auto;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 6px 10px;
background: transparent;
border: none;
outline: 0;
color: rgba(0, 0, 0, 0.4);
}
.widget_search .search-form__submit i {
font-size: 20px;
}
/*---- ## Tag Cloud Widget ----*/
.tagcloud::after {
clear: both;
content: "";
display: table;
}
.tagcloud a {
display: inline-block;
float: left;
padding: 5px 10px;
margin: 0 10px 10px 0;
font-size: 12px;
font-size: 0.8571rem;
text-decoration: none;
border-radius: 2px;
border: 1px solid rgba(0, 0, 0, 0.1);
background: #fafafa;
color: rgba(0, 0, 0, 0.44);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.tagcloud a:hover {
background: #fff;
color: var(--color-text-body);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}
/* -----------------------------------------------------------------
## Carousel Heading Aside
----------------------------------------------------------------- */
.atbs-keylin-carousel-heading-aside .owl-nav {
display: none;
}
.atbs-keylin-carousel-heading-aside .carousel-heading {
height: 100%;
text-align: center;
padding-bottom: 15px;
}
@media (min-width: 768px) {
.atbs-keylin-carousel-heading-aside .carousel-heading {
text-align: left;
padding-right: 15px;
}
}
.atbs-keylin-carousel-heading-aside .carousel-heading--has-bg {
padding: 20px;
background: #0a293b;
}
/* -----------------------------------------------------------------
## Carousel Thumb Overlap
----------------------------------------------------------------- */
@media (min-width: 768px) {
.atbs-keylin-carousel-thumb-overlap .post__text {
min-height: 380px;
}
}
/* -----------------------------------------------------------------
## Carousel Overlap
----------------------------------------------------------------- */
.atbs-keylin-carousel-overlap .overlap-background {
bottom: 112px;
}
@media (max-width: 767px) {
.atbs-keylin-carousel-overlap .atbs-keylin-carousel__inner {
margin-top: -30px;
}
}
.atbs-keylin-carousel-overlap .slide-content {
width: 100%;
visibility: hidden;
}
@media (min-width: 768px) {
.atbs-keylin-carousel-overlap .slide-content {
margin: 0 -20px;
max-width: 720px;
}
}
@media (min-width: 992px) {
.atbs-keylin-carousel-overlap .slide-content {
margin: 0 -30px;
max-width: 970px;
}
}
@media (min-width: 768px) {
.atbs-keylin-carousel-overlap .slide-content .post--overlay {
-webkit-transform: scale(0.8, 0.8);
-moz-transform: scale(0.8, 0.8);
-o-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
-webkit-transform-origin: center top;
-moz-transform-origin: center top;
-o-transform-origin: center top;
transform-origin: center top;
-webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
-moz-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
}
@media (min-width: 768px) {
.atbs-keylin-carousel-overlap .slide-content.is-selected .post--overlay {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
}
.atbs-keylin-carousel-overlap .post--overlay {
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
}
.atbs-keylin-carousel-overlap .post--overlay .post__text {
min-height: 360px;
}
@media (min-width: 768px) {
.atbs-keylin-carousel-overlap .post--overlay .post__text {
min-height: 480px;
}
}
/* -----------------------------------------------------------------
## Mosaic Block
----------------------------------------------------------------- */
.atbs-keylin-mosaic .row,
.atbs-keylin-mosaic.row {
margin-left: -5px;
margin-right: -5px;
}
.atbs-keylin-mosaic .row--space-between,
.atbs-keylin-mosaic.row--space-between {
margin-top: -5px;
margin-bottom: -5px;
}
.atbs-keylin-mosaic [class*="col-"] {
padding-left: 5px;
padding-right: 5px;
}
.atbs-keylin-mosaic .row--space-between>[class*="col-"],
.atbs-keylin-mosaic.row--space-between>[class*="col-"] {
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
.atbs-keylin-mosaic.has-background,
.atbs-keylin-mosaic.has-overlap-background {
padding-top: 30px;
}
.atbs-keylin-mosaic .mosaic-item {
float: left;
position: relative;
}
@media (min-width: 992px) {
.atbs-keylin-mosaic .mosaic-item {
height: 480px;
}
}
@media (min-width: 992px) {
.atbs-keylin-mosaic .mosaic-item--half {
height: 240px;
}
}
@media (max-width: 767px) {
.atbs-keylin-mosaic .mosaic-item .post--overlay .post__text {
min-height: 220px;
}
}
@media (max-width: 991px) {
.atbs-keylin-mosaic .mosaic-item .post--overlay .post__text {
min-height: 220px;
}
}
@media (max-width: 767px) {
.atbs-keylin-mosaic .mosaic-item:first-child .post--overlay .post__text {
min-height: 320px;
}
}
@media (max-width: 991px) {
.atbs-keylin-mosaic .mosaic-item:first-child .post--overlay .post__text {
min-height: 320px;
}
}
@media (min-width: 992px) {
.atbs-keylin-mosaic .mosaic-item .post--overlay,
.atbs-keylin-mosaic .mosaic-item .post--overlay .post__text {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
}
.atbs-keylin-mosaic--has-shadow .mosaic-item .post--overlay {
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4);
}
@media (min-width: 992px) {
.atbs-keylin-mosaic--gutter-10 .mosaic-item .post--overlay {
position: absolute;
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
}
}
@media (min-width: 992px) {
.atbs-keylin-mosaic--gutter-20 .mosaic-item .post--overlay {
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
}
}
@media (min-width: 992px) {
.atbs-keylin-mosaic--gutter-30 .mosaic-item .post--overlay {
position: absolute;
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
}
}
.atbs-keylin-mosaic .mosaic-item .post--overlay .background-img {
box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.atbs-keylin-mosaic-block .overlap-background {
bottom: 60px;
}
/* -----------------------------------------------------------------
## Featured with overlap posts
----------------------------------------------------------------- */
.featured-with-overlap-posts .main-post {
min-height: 420px;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: end;
-moz-box-align: end;
box-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
-o-align-items: flex-end;
align-items: flex-end;
-ms-flex-align: end;
}
@media (min-width: 768px) {
.featured-with-overlap-posts .main-post {
min-height: 520px;
}
}
.featured-with-overlap-posts .main-post .background-img::after {
background-color: transparent;
background-image: -webkit-linear-gradient(-270deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent));
background-image: -webkit-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: -moz-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
opacity: 1;
background-color: transparent;
}
.featured-with-overlap-posts .main-post .post__text {
width: 100%;
}
.featured-with-overlap-posts .main-post .post__text-inner {
padding: 20px 0 100px;
}
.featured-with-overlap-posts .sub-posts {
position: relative;
margin-top: -60px;
}
.featured-with-overlap-posts .sub-posts>ul {
padding: 0;
list-style: none;
}
.featured-with-overlap-posts .sub-posts>ul>li:nth-child(3) {
clear: both;
}
@media (min-width: 992px) {
.featured-with-overlap-posts .sub-posts>ul>li:nth-child(3) {
clear: none;
}
}
.featured-with-overlap-posts .sub-posts article .post__thumb {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06);
}
/* -----------------------------------------------------------------
## Featured Block B
----------------------------------------------------------------- */
.atbs-keylin-featured-block-b {
padding-top: 40px;
}
.atbs-keylin-featured-block-b .atbs-keylin-block__background {
bottom: 30px;
}
/* -----------------------------------------------------------------
## Featured Block C
----------------------------------------------------------------- */
.atbs-keylin-featured-block-a {
position: relative;
overflow: hidden;
}
.atbs-keylin-featured-block-a article {
position: relative;
}
@media (max-width: 767px) {
.atbs-keylin-featured-block-a .main-post-wrap {
position: relative;
margin: -30px -15px 0;
padding: 30px 15px;
}
}
.atbs-keylin-featured-block-a .main-post {
position: relative;
padding: 30px 0;
}
@media (min-width: 768px) {
.atbs-keylin-featured-block-a .main-post {
margin: 40px auto;
}
}
@media (min-width: 992px) {
.atbs-keylin-featured-block-a .main-post {
margin: 40px auto 60px;
}
}
@media (min-width: 768px) {
.atbs-keylin-featured-block-a .main-post::before {
content: '';
position: absolute;
top: 0;
right: 20%;
bottom: 0;
left: 20%;
border: 10px solid #003366;
opacity: 0.6;
}
}
@media (min-width: 1200px) {
.atbs-keylin-featured-block-a .main-post::before {
content: '';
position: absolute;
top: 0;
right: 30%;
bottom: 0;
left: 30%;
border: 12px solid #003366;
opacity: 0.6;
}
}
.atbs-keylin-featured-block-a .main-post .video-post .atbs-keylin-post-type-icon {
margin-top: 30px;
}
.atbs-keylin-featured-block-a .main-post .post__text {
position: relative;
margin: 0 auto;
text-align: center;
}
.atbs-keylin-featured-block-a .main-post .post__excerpt {
max-width: 600px;
margin: 20px auto 0;
font-weight: 300;
color: rgba(255, 255, 255, 0.8);
}
@media (min-width: 768px) {
.atbs-keylin-featured-block-a .main-post .post__excerpt {
font-size: 16px;
}
}
@media (max-width: 767px) {
.atbs-keylin-featured-block-a .sub-posts-wrap {
position: relative;
margin: -30px -15px;
padding: 15px;
background: #12162d;
}
}
/* -----------------------------------------------------------------
## Featured with list
----------------------------------------------------------------- */
.atbs-keylin-featured-with-list__wrapper {
position: relative;
overflow: hidden;
}
.atbs-keylin-featured-with-list .main-post {
overflow: hidden;
}
.atbs-keylin-featured-with-list .main-post .post__title {
text-shadow: 0 0 50px rgba(0, 0, 0, 0.4);
}
.atbs-keylin-featured-with-list .main-post .post__meta,
.atbs-keylin-featured-with-list .main-post .post__excerpt {
text-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.atbs-keylin-featured-with-list .sub-posts {
position: relative;
overflow: hidden;
}
.atbs-keylin-featured-with-list .sub-posts__inner {
width: 100%;
/* IE fix */
max-width: 1440px;
margin: 0 auto;
}
@media (min-width: 992px) {
.atbs-keylin-featured-with-list--vertical-list .atbs-keylin-featured-with-list__inner {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
}
}
.atbs-keylin-featured-with-list--vertical-list .sub-background,
.atbs-keylin-featured-with-list--vertical-list .sub-background .background-img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: auto;
}
.atbs-keylin-featured-with-list--vertical-list .main-post {
position: relative;
padding: 50px 30px;
}
@media (min-width: 992px) {
.atbs-keylin-featured-with-list--vertical-list .main-post {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
position: static;
min-height: 520px;
padding: 80px 40px;
}
.atbs-keylin-featured-with-list--vertical-list .main-post::before {
content: '';
position: absolute;
top: 0;
right: 52%;
bottom: 0;
left: 0;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.7) 0, transparent 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.7)), to(transparent));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.7) 0, transparent 100%);
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0, transparent 100%);
}
}
.atbs-keylin-featured-with-list--vertical-list .atbs-keylin-featured-with-list__heading {
max-width: 1440px;
margin: auto;
}
.atbs-keylin-featured-with-list--vertical-list .block-heading {
margin: 40px 40px 0 40px;
}
.atbs-keylin-featured-with-list--vertical-list .main-post .block-heading {
margin: 0 0 80px 0;
}
.atbs-keylin-featured-with-list--vertical-list .main-post .post__text {
z-index: 1;
max-width: 680px;
}
.atbs-keylin-featured-with-list--vertical-list .sub-posts {
padding: 20px;
background-color: #12162d;
}
@media (min-width: 768px) {
.atbs-keylin-featured-with-list--vertical-list .sub-posts {
padding: 30px;
}
}
@media (min-width: 992px) {
.atbs-keylin-featured-with-list--vertical-list .sub-posts {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
width: 40%;
padding: 80px 40px;
background: transparent;
}
}
@media (min-width: 1200px) {
.atbs-keylin-featured-with-list--vertical-list .sub-posts {
width: 30%;
}
}
@media (min-width: 992px) {
.atbs-keylin-featured-with-list--vertical-list .sub-posts__inner {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
}
.atbs-keylin-featured-with-list--vertical-list .sub-posts__inner::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.6) 0, transparent 100%);
background: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(0, 0, 0, 0.6)), to(transparent));
background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.6) 0, transparent 100%);
background: linear-gradient(-90deg, rgba(0, 0, 0, 0.6) 0, transparent 100%);
}
}
.atbs-keylin-featured-with-list--vertical-list .posts-list {
list-style: none;
margin: -20px 0;
padding: 0;
}
.atbs-keylin-featured-with-list--vertical-list .posts-list>li {
position: relative;
padding: 20px 0;
border-bottom-color: rgba(255, 255, 255, 0.1);
}
.atbs-keylin-featured-with-list--vertical-list .posts-list article {
position: relative;
}
.atbs-keylin-featured-with-list--vertical-list .posts-list article::before {
content: none;
position: absolute;
top: -20px;
right: -20px;
bottom: -20px;
left: -20px;
background: #fff;
opacity: 0;
-webkit-transform: scale(0.5, 1);
-moz-transform: scale(0.5, 1);
-o-transform: scale(0.5, 1);
transform: scale(0.5, 1);
-webkit-transform-origin: center right;
-moz-transform-origin: center right;
-o-transform-origin: center right;
transform-origin: center right;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media (min-width: 992px) {
.atbs-keylin-featured-with-list--vertical-list .posts-list article::before {
content: '';
}
.atbs-keylin-featured-with-list--vertical-list .posts-list article:hover::before {
opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.atbs-keylin-featured-with-list--vertical-list .posts-list article:hover .post__text .post__title,
.atbs-keylin-featured-with-list--vertical-list .posts-list article:hover .post__text .post__title a {
color: rgba(0, 0, 0, 0.8);
text-shadow: none;
}
.atbs-keylin-featured-with-list--vertical-list .posts-list article:hover .post__text .post__meta,
.atbs-keylin-featured-with-list--vertical-list .posts-list article:hover .post__text .post__meta a {
color: rgba(0, 0, 0, 0.4);
text-shadow: none;
}
}
.atbs-keylin-featured-with-list--horizontal-list .main-post {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: flex-end;
-moz-box-align: flex-end;
box-align: flex-end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
-o-align-items: flex-end;
align-items: flex-end;
-ms-flex-align: flex-end;
min-height: 360px;
position: relative;
}
@media (min-width: 768px) {
.atbs-keylin-featured-with-list--horizontal-list .main-post {
position: static;
}
}
@media (min-width: 992px) {
.atbs-keylin-featured-with-list--horizontal-list .main-post {
min-height: 480px;
}
.atbs-keylin-featured-with-list--horizontal-list .main-post::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 160px;
left: 0;
background-color: transparent;
background-image: -webkit-linear-gradient(-450deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent));
background-image: -webkit-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
opacity: 0.85;
}
}
.atbs-keylin-featured-with-list--horizontal-list .main-post__inner {
width: 100%;
margin: 0 auto;
padding: 30px 15px;
}
@media (min-width: 768px) {
.atbs-keylin-featured-with-list--horizontal-list .main-post__inner {
padding: 60px 30px;
}
}
@media (min-width: 992px) {
.atbs-keylin-featured-with-list--horizontal-list .main-post__inner {
padding: 60px 0;
}
}
.atbs-keylin-featured-with-list--horizontal-list .main-post .block-heading {
margin-bottom: 80px;
}
.atbs-keylin-featured-with-list--horizontal-list .sub-posts {
padding: 20px;
background-color: #12162d;
}
@media (min-width: 768px) {
.atbs-keylin-featured-with-list--horizontal-list .sub-posts {
padding: 50px 40px;
background-color: transparent;
}
}
@media (min-width: 992px) {
.atbs-keylin-featured-with-list--horizontal-list .sub-posts__inner::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0, transparent 100%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.7)), to(transparent));
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0, transparent 100%);
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, transparent 100%);
background-color: transparent;
background-image: -webkit-linear-gradient(-270deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent));
background-image: -webkit-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: -moz-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
}
}
@media (min-width: 768px) {
.atbs-keylin-featured-with-list--horizontal-list .posts-list {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: end;
-moz-box-align: end;
box-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
-o-align-items: flex-end;
align-items: flex-end;
-ms-flex-align: end;
margin-left: -20px;
margin-right: -20px;
}
}
.atbs-keylin-featured-with-list--horizontal-list .posts-list li {
position: relative;
border-bottom-color: rgba(255, 255, 255, 0.1);
}
@media (min-width: 768px) {
.atbs-keylin-featured-with-list--horizontal-list .posts-list li {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
margin-bottom: 0;
padding: 0;
border-bottom: none;
}
.atbs-keylin-featured-with-list--horizontal-list .posts-list li:not(:first-child) {
border-left: 1px solid rgba(255, 255, 255, 0.1);
}
}
@media (min-width: 768px) {
.atbs-keylin-featured-with-list--horizontal-list .posts-list article {
padding: 0 20px;
}
.atbs-keylin-featured-with-list--horizontal-list .posts-list article::before {
content: '';
position: absolute;
top: -15px;
right: 0;
bottom: -15px;
left: 0;
background: #fff;
opacity: 0;
-webkit-transform: scale(1, 0.5);
-moz-transform: scale(1, 0.5);
-o-transform: scale(1, 0.5);
transform: scale(1, 0.5);
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.atbs-keylin-featured-with-list--horizontal-list .posts-list article:hover::before {
opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.atbs-keylin-featured-with-list--horizontal-list .posts-list article:hover .post__text .post__title,
.atbs-keylin-featured-with-list--horizontal-list .posts-list article:hover .post__text .post__title a {
color: rgba(0, 0, 0, 0.8);
text-shadow: none;
}
.atbs-keylin-featured-with-list--horizontal-list .posts-list article:hover .post__text .post__meta,
.atbs-keylin-featured-with-list--horizontal-list .posts-list article:hover .post__text .post__meta a {
color: rgba(0, 0, 0, 0.4);
text-shadow: none;
}
}
@media (min-width: 768px) {
.atbs-keylin-featured-with-list--horizontal-list .posts-list article .post__thumb {
display: none;
}
}
@media (min-width: 992px) {
.atbs-keylin-featured-with-list--horizontal-list .posts-list article .post__thumb {
display: block;
}
}
/* -----------------------------------------------------------------
## Horizontal List
----------------------------------------------------------------- */
.atbs-keylin-horizontal-list [class^="col-"]:not(:last-child) article {
padding-bottom: 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
@media (min-width: 768px) {
.atbs-keylin-horizontal-list [class^="col-"]:not(:last-child) article {
padding-right: 15px;
padding-bottom: 0;
border-right: 1px solid rgba(0, 0, 0, 0.05);
border-bottom: none;
}
}
.atbs-keylin-horizontal-list .index {
font-size: 40px;
font-size: 2.8571rem;
font-weight: 700;
color: rgba(0, 0, 0, 0.4);
}
.atbs-keylin-horizontal-list.has-background {
background: #fafafa;
}
/* -----------------------------------------------------------------
## Posts Listing A
----------------------------------------------------------------- */
.atbs-keylin-posts-listing-a__cat-wrap {
position: relative;
}
.atbs-keylin-posts-listing-a__cat-inner {
padding: 20px;
}
@media (min-width: 768px) {
.atbs-keylin-posts-listing-a__cat-inner {
padding: 30px;
}
.atbs-keylin-posts-listing-a__cat-inner ul {
min-height: 320px;
}
}
.atbs-keylin-posts-listing-a .cat-title {
margin-top: 0;
margin-bottom: 20px;
font-weight: 700;
text-transform: uppercase;
}
/* -----------------------------------------------------------------
## News Ticker
----------------------------------------------------------------- */
.atbs-keylin-news-ticker__inner {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
background-color: #f5f5f5;
border: 1px solid rgba(0, 0, 0, 0.05);
padding: 0.5rem;
}
@media (min-width: 768px) {
.atbs-keylin-news-ticker__inner {
padding: 1rem;
}
}
.atbs-keylin-news-ticker--fw .atbs-keylin-news-ticker__inner {
padding-left: 0;
padding-right: 0;
border: none;
}
.atbs-keylin-news-ticker--fw {
background-color: #f5f5f5;
border: 1px solid rgba(0, 0, 0, 0.05);
}
.atbs-keylin-news-ticker__heading {
-webkit-box-flex: 0;
-moz-box-flex: 0;
box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
flex: 0 0 auto;
margin-right: 20px;
font-size: 1.2rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: -0.08em;
}
.atbs-keylin-news-ticker__content {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1 1 auto;
-moz-flex: 1 1 auto;
flex: 1 1 auto;
position: relative;
overflow: hidden;
}
.atbs-keylin-news-ticker__content>ul {
max-width: 100%;
margin: 0;
}
.atbs-keylin-news-ticker__content>ul li {
display: block;
}
.atbs-keylin-news-ticker__content:not(.initialized)>ul>li:not(:first-child) {
display: none;
}
.atbs-keylin-news-ticker__content .post {
padding: 5px 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.atbs-keylin-news-ticker__content .post__cat {
display: inline;
margin-right: 1em;
}
.atbs-keylin-news-ticker__content .post__title {
display: inline;
margin: 0;
vertical-align: middle;
}
.atbs-keylin-news-ticker__control {
margin-left: 10px;
white-space: nowrap;
}
.atbs-keylin-news-ticker__next,
.atbs-keylin-news-ticker__prev {
width: 34px;
height: 34px;
padding: 0;
border: none;
line-height: 34px;
text-align: center;
}
.atbs-keylin-news-ticker__next i,
.atbs-keylin-news-ticker__prev i {
font-size: 20px;
}
.atbs-keylin-news-ticker__prev {
margin-right: 2px;
}
/* -----------------------------------------------------------------
## Carousel Gallery Posts
----------------------------------------------------------------- */
.atbs-keylin-carousel-gallery-posts .atbs-keylin-carousel__inner {
position: relative;
}
.atbs-keylin-carousel-gallery-posts__thumbs {
position: relative;
padding: 10px;
background-color: #000;
}
.atbs-keylin-carousel-gallery-posts__thumbs::after {
content: '';
height: 20px;
position: absolute;
top: -20px;
right: 0;
bottom: auto;
left: 0;
background-image: -webkit-linear-gradient(-270deg, black 0%, transparent 100%);
background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(transparent));
background-image: -webkit-linear-gradient(bottom, black 0%, transparent 100%);
background-image: -moz-linear-gradient(bottom, black 0%, transparent 100%);
background-image: linear-gradient(0deg, black 0%, transparent 100%);
}
.atbs-keylin-carousel-gallery-posts__thumbs .slide-content {
width: 70px;
height: auto;
margin: 0 5px;
}
@media (min-width: 768px) {
.atbs-keylin-carousel-gallery-posts__thumbs .slide-content {
width: 120px;
}
}
/* -----------------------------------------------------------------
## Video Box
----------------------------------------------------------------- */
.atbs-keylin-video-box__inner {
background: #2B2D32;
}
@media (min-width: 992px) {
.atbs-keylin-video-box__inner {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
}
}
.atbs-keylin-video-box__player {
padding: 20px 20px 0;
}
@media (min-width: 992px) {
.atbs-keylin-video-box__player {
width: 70%;
}
}
.atbs-keylin-video-box--fullwidth-bg .atbs-keylin-video-box__player {
padding: 0 20px 0 0;
}
.atbs-keylin-video-box__player .atbs-keylin-responsive-video {
cursor: pointer;
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04);
}
.atbs-keylin-video-player__info {
position: relative;
padding: 20px;
color: #fff;
}
.atbs-keylin-video-player__info a {
color: #fff;
}
.atbs-keylin-video-player__info .post__meta {
color: rgba(255, 255, 255, 0.6);
}
.atbs-keylin-video-player__play-icon {
font-size: 80px;
color: rgba(255, 255, 255, 0.8);
}
@media (min-width: 768px) {
.atbs-keylin-video-player__play-icon {
font-size: 120px;
}
}
.atbs-keylin-video-box__playlist {
height: 320px;
position: relative;
overflow: hidden;
background: rgba(0, 0, 0, 0.3);
border-radius: 3px;
box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2);
}
@media (min-width: 992px) {
.atbs-keylin-video-box__playlist {
height: auto;
width: 30%;
}
}
@media (min-width: 992px) {
.atbs-keylin-video-box__playlist ul {
position: absolute;
top: 0;
right: 0;
bottom: auto;
left: 0;
}
}
.atbs-keylin-video-box__playlist li {
cursor: pointer;
padding: 10px 20px;
}
.atbs-keylin-video-box__playlist li:hover,
.atbs-keylin-video-box__playlist li:focus-within {
background: rgba(0, 0, 0, 0.2);
}
.atbs-keylin-video-box__playlist li.is-playing {
background: rgba(0, 0, 0, 0.5);
}
.atbs-keylin-video-box__playlist .post__thumb img {
width: 100%;
height: auto;
}
.atbs-keylin-video-box__playlist .is-playing .post__thumb::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
}
.atbs-keylin-video-box__playlist .is-playing .post__thumb::after {
font-size: 12px;
color: rgba(255, 255, 255, 0.9);
text-transform: uppercase;
}
.atbs-keylin-video-box__playlist .post__meta {
margin-top: 0;
}
/*---- Videos box overlap ----*/
@media (min-width: 992px) {
.atbs-keylin-video-box--overlap {
padding-top: 30px;
}
}
.atbs-keylin-video-box--overlap .atbs-keylin-video-player__info {
padding: 20px;
}
.atbs-keylin-video-box--overlap .atbs-keylin-video-box__inner {
background: #2B2D32;
}
@media (min-width: 992px) {
.atbs-keylin-video-box--overlap .atbs-keylin-video-box__player {
margin-top: -30px;
padding-top: 0;
padding-left: 30px;
padding-right: 30px;
}
}
.atbs-keylin-video-box--overlap .atbs-keylin-responsive-video {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04);
}
.atbs-keylin-video-box--overlap .atbs-keylin-video-box__playlist {
background: rgba(0, 0, 0, 0.2);
box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2);
}
@media (min-width: 992px) {
.atbs-keylin-video-box--overlap .atbs-keylin-video-box__playlist {
box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2), inset 13px 0 10px -6px rgba(0, 0, 0, 0.3);
}
}
/* =============================================================================
## PAGES
============================================================================= */
/* -----------------------------------------------------------------
## 404
----------------------------------------------------------------- */
.page-404-logo {
margin-bottom: 60px;
}
.page-404-image {
margin-bottom: 30px;
}
.page-404-search {
max-width: 400px;
margin: auto;
}
/* -----------------------------------------------------------------
## Archives
----------------------------------------------------------------- */
.page-heading {
position: relative;
}
.atbs-keylin-block .page-heading {
margin-bottom: 30px;
}
.page-heading__title {
margin: 0;
font-size: 1.4rem;
font-weight: 700;
text-transform: uppercase;
}
@media (min-width: 768px) {
.page-heading__title {
font-size: 1.8rem;
}
}
.page-heading__subtitle {
max-width: 576px;
margin-top: 5px;
margin-right: auto;
margin-left: auto;
color: rgba(0, 0, 0, 0.6);
font-size: 1rem;
}
.page-heading__subtitle p{
font-size: 16px;
font-size: 1.1428rem;
line-height: 1.56;
}
.page-heading--inverse .page-heading__title {
position: relative;
color: #fff;
}
.page-heading--inverse .page-heading__subtitle {
position: relative;
color: rgba(255, 255, 255, 0.8);
}
.page-heading--center {
text-align: center;
}
.page-heading--center .page-heading__title,
.page-heading--center .page-heading__subtitle {
margin-left: auto;
margin-right: auto;
}
.page-heading--has-background {
padding-top: 30px;
padding-bottom: 30px;
background-color: #f8f8f8;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}
@media (min-width: 768px) {
.page-heading--has-background {
padding-top: 40px;
padding-bottom: 40px;
}
}
/* -----------------------------------------------------------------
## Single
----------------------------------------------------------------- */
.single-entry-section {
margin-top: 40px;
}
@media (min-width: 1200px) {
.single-entry-section {
margin-top: 60px;
}
}
.single-header-wrap {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.single-header-wrap {
margin-bottom: 30px;
}
}
.single-header {
margin: 20px 0;
}
.single-header:first-child {
margin-top: 0;
}
.single-header__content {
position: relative;
}
.single-header .entry-title {
max-width: 970px;
font-size: 2.027rem;
font-weight: 700;
line-height: 1.3;
}
@media (min-width: 768px) {
.single-header .entry-title {
font-size: 2.986rem;
line-height: 1.2;
}
}
@media (min-width: 992px) {
.single-header .entry-title {
font-size: 3.052rem;
line-height: 1.2;
}
}
@media (min-width: 992px) {
.single-header .entry-title--lg {
font-size: 3.815rem;
line-height: 1.1;
}
}
.single-header--center .entry-title {
margin-left: auto;
margin-right: auto;
}
.single-header>*:first-child,
.single-header .post__header-inner>*:first-child,
.single-content>*:first-child,
.single-content .entry-content>*:first-child {
margin-top: 0;
}
.single-header>*:last-child,
.single-header .post__header-inner>*:last-child {
margin-bottom: 0;
}
.single-header .post__header-inner {
max-width: 940px;
}
.entry-teaser {
margin: 0 0 1em 0;
font-size: 18px;
font-size: 1.28571rem;
font-style: italic;
line-height: 1.5;
color: rgba(0, 0, 0, 0.4);
}
@media (min-width: 768px) {
.entry-teaser {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
.inverse-text .entry-teaser {
color: rgba(255, 255, 255, 0.8);
}
@media (min-width: 768px) {
.entry-teaser--lg {
font-size: 18px;
font-size: 1.2857rem;
}
}
.single-header .entry-teaser {
max-width: 40em;
}
.single-header--center .entry-teaser {
margin-left: auto;
margin-right: auto;
}
.single-header--center {
text-align: center;
}
.entry-interaction {
margin: 0;
}
.entry-interaction:first-child {
margin-top: 0;
}
.entry-interaction:last-child {
margin-bottom: 0;
}
.entry-interaction--border-top {
padding-top: 10px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.entry-interaction--horizontal {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
}
.entry-interaction--horizontal>div {
margin-top: 5px;
margin-bottom: 5px;
}
.entry-interaction__left:not(:last-child) {
margin-right: 15px;
}
.single-entry-thumb,
.single-entry-featured-media {
margin-bottom: 15px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
}
.single-entry-thumb-caption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 15px 20px;
color: #fff;
}
.single-entry-thumb-caption span {
position: relative;
}
.single-entry-thumb-caption a {
display: inline-block;
color: inherit !important;
text-decoration: underline;
}
.single-entry-thumb-caption::before {
content: '';
position: absolute;
top: -50%;
left: 0;
right: 0;
bottom: 0;
background-image: -webkit-linear-gradient(-270deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent));
background-image: -webkit-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: -moz-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
opacity: 0.8;
}
@media (max-width: 767px) {
}
.single-entry-thumb:last-child,
.single-entry-featured-media:last-child {
margin-bottom: 0;
}
.page.post--single .single-entry-thumb {
margin-bottom: 60px;
}
.single-entry-featured-media-wrap {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.single-entry-featured-media-wrap {
margin-bottom: 30px;
}
}
.single-content::after,
.entry-content::after {
clear: both;
content: "";
display: table;
}
/*
* Post sharing
*--------------------*/
.post-sharing>ul {
display: inline-block;
margin: -4px -2px;
padding: 0;
line-height: 0;
list-style: none;
vertical-align: middle;
}
.post-sharing>ul>li {
display: inline-block;
margin: 4px 2px;
line-height: 0;
}
.post-sharing--simple .sharing-btn {
display: inline-block;
height: 30px;
width: 30px;
border-radius: 2px;
color: #fff;
text-decoration: none;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
.post-sharing--simple .sharing-btn {
height: 34px;
width: 34px;
}
}
.post-sharing--simple .sharing-btn i {
font-size: 12px;
font-size: 0.8571rem;
}
@media (min-width: 768px) {
.post-sharing--simple .sharing-btn i {
font-size: 14px;
font-size: 1rem;
}
}
.post-sharing--simple .sharing-btn>* {
line-height: 30px;
}
@media (min-width: 768px) {
.post-sharing--simple .sharing-btn>* {
line-height: 34px;
}
}
@media (min-width: 768px) {
.post-sharing--simple .sharing-btn-primary {
width: auto;
padding: 0 15px;
}
}
.post-sharing--simple .sharing-btn-primary .sharing-btn__text {
display: none;
}
@media (min-width: 768px) {
.post-sharing--simple .sharing-btn-primary .sharing-btn__text {
display: inline-block;
margin-left: 0.4em;
}
}
.entry-action-btn {
color: inherit;
text-decoration: none;
display: inline-block;
height: 30px;
min-width: 60px;
padding: 0 10px;
border-radius: 2px;
background: #003366;
color: #fff !important;
font-size: 12px;
text-align: center;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.entry-action-btn:hover,
.entry-action-btn:active,
.entry-action-btn:focus {
color: inherit;
text-decoration: none;
}
@media (min-width: 768px) {
.entry-action-btn {
height: 34px;
min-width: 80px;
padding: 0 14px;
font-size: 14px;
}
}
.entry-action-btn:not(:first-child) {
margin-left: 5px;
}
.entry-action-btn i {
margin-right: 0.4em;
font-size: 1.2em;
}
.entry-action-btn span {
vertical-align: middle;
}
.entry-action-btn>* {
line-height: 30px;
}
@media (min-width: 768px) {
.entry-action-btn>* {
line-height: 34px;
}
}
/*---- Single center ----*/
.post--single-center .single-header,
.post--single-center .post__header-inner,
.post--single-center .entry-teaser {
margin-left: auto;
margin-right: auto;
text-align: center;
}
/*---- Single thumb top ----*/
@media (max-width: 767px) {
.single-entry--template-2 .post--single.has-post-thumbnail .single-entry-thumb {
margin-top: -20px;
}
}
.single-entry--template-2-alt .single-billboard .background-img::after {
background-color: transparent;
background-image: -webkit-linear-gradient(-270deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent));
background-image: -webkit-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: -moz-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
opacity: 1;
}
/*---- Single billboard ----*/
.single-billboard {
min-height: 480px;
position: relative;
margin-bottom: 20px;
overflow: hidden;
}
@media (min-width: 768px) {
.single-billboard {
min-height: 580px;
}
}
@media (min-width: 992px) {
.single-billboard {
min-height: 680px;
margin-bottom: 30px;
}
}
.single-billboard--sm {
min-height: 280px;
}
.single-billboard--md {
min-height: 380px;
}
.single-billboard--lg {
min-height: 480px;
}
@media (min-width: 768px) {
.single-billboard--sm {
min-height: 380px;
}
.single-billboard--md {
min-height: 480px;
}
.single-billboard--lg {
min-height: 580px;
}
}
@media (min-width: 992px) {
.single-billboard--sm {
min-height: 480px;
}
.single-billboard--md {
min-height: 580px;
}
.single-billboard--lg {
min-height: 680px;
}
}
.single-billboard .single-billboard__outer {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
position: relative;
}
.single-billboard .single-billboard__inner {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: end;
-moz-box-align: end;
box-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
-o-align-items: flex-end;
align-items: flex-end;
-ms-flex-align: end;
min-height: 480px;
}
@media (min-width: 768px) {
.single-billboard .single-billboard__inner {
min-height: 580px;
}
}
@media (min-width: 992px) {
.single-billboard .single-billboard__inner {
min-height: 680px;
}
}
.single-billboard .single-header {
width: 100%;
margin: 0;
padding: 30px 0;
}
@media (min-width: 768px) {
.single-billboard .single-header {
padding: 40px 0;
}
}
.single-entry--billboard-floorfade.single-entry--no-sidebar .single-billboard {
margin-bottom: 10px;
}
.single-entry--billboard-floorfade .single-billboard .single-header {
position: relative;
}
.single-entry--billboard-floorfade .single-billboard .single-header::before {
content: '';
position: absolute;
top: -100%;
right: 0;
bottom: 0;
left: 0;
background-image: -webkit-linear-gradient(-270deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent));
background-image: -webkit-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: -moz-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
/*---- Single overlap thumb ----*/
.single-entry--template-4 .single-header--has-pattern {
background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.single-entry--template-4 .single-header-with-bg,
.single-entry--template-4-alt .single-header-with-bg {
margin-bottom: 20px;
padding-top: 20px;
background-color: #12162d;
}
@media (min-width: 768px) {
.single-entry--template-4 .single-header-with-bg,
.single-entry--template-4-alt .single-header-with-bg {
padding-top: 40px;
}
}
@media (min-width: 992px) {
.single-entry--template-4 .single-header-with-bg,
.single-entry--template-4-alt .single-header-with-bg {
margin-bottom: 30px;
}
}
.single-entry--template-4-alt .single-header--has-pattern {
background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23000000' fill-opacity='0.025' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.single-entry--template-4-alt .single-header-with-bg {
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
background-color: #fafafa;
}
.single-entry--template-4 .single-header,
.single-entry--template-4-alt .single-header {
position: relative;
margin-bottom: 70px;
}
@media (min-width: 992px) {
.single-entry--template-4 .single-header,
.single-entry--template-4-alt .single-header {
margin-bottom: 90px;
}
}
.single-entry--template-4.has-no-thumb .single-header,
.single-entry--template-4-alt.has-no-thumb .single-header {
margin-bottom: 20px;
}
@media (min-width: 768px) {
.single-entry--template-4.has-no-thumb .single-header,
.single-entry--template-4-alt.has-no-thumb .single-header {
margin-bottom: 40px;
}
}
.single-entry--template-4 .single-entry-thumb,
.single-entry--template-4 .single-entry-featured-media,
.single-entry--template-4-alt .single-entry-thumb,
.single-entry--template-4-alt .single-entry-featured-media {
position: relative;
margin-top: -70px;
margin-left: 0;
margin-right: 0;
}
@media (min-width: 992px) {
.single-entry--template-4 .single-entry-thumb,
.single-entry--template-4 .single-entry-featured-media,
.single-entry--template-4-alt .single-entry-thumb,
.single-entry--template-4-alt .single-entry-featured-media {
margin-top: -90px;
}
}
.single-entry--template-4.single-entry--no-sidebar .single-entry-thumb,
.single-entry--template-4.single-entry--no-sidebar .single-entry-featured-media,
.single-entry--template-4-alt.single-entry--no-sidebar .single-entry-thumb,
.single-entry--template-4-alt.single-entry--no-sidebar .single-entry-featured-media {
margin-bottom: 35px;
}
/*---- Single cover blur ----*/
.single-entry--billboard-blur.single-entry--no-sidebar .single-billboard {
margin-bottom: 10px;
}
.single-entry--billboard-blur .single-header {
padding-bottom: 0;
}
.single-entry--billboard-blur .single-header__inner {
position: relative;
padding: 30px;
background: rgba(0, 0, 0, 0.5);
overflow: hidden;
}
@media (min-width: 768px) {
.single-entry--billboard-blur .single-header__inner {
/*padding: 30px 40px;*/
padding: 40px 40px 30px 40px;
}
}
.single-entry--billboard-blur .single-billboard .background-img {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
/* fix chrome blur edge */
}
/*---- Single billboard overlap thumb ----*/
.single-entry--billboard-overlap-title-aside .single-billboard {
background-color: #12162d;
background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.single-entry--billboard-overlap-title-aside.single-entry--no-sidebar .single-billboard {
margin-bottom: 10px;
}
.single-entry--billboard-overlap-title-aside .single-billboard__inner {
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
min-height: 300px;
}
@media (min-width: 768px) {
.single-entry--billboard-overlap-title-aside .single-billboard__inner {
min-height: 420px;
}
}
@media (min-width: 992px) {
.single-entry--billboard-overlap-title-aside .single-billboard__inner {
min-height: 520px;
}
}
@media (min-width: 768px) {
.single-entry--billboard-overlap-title-aside .single-billboard .background-img {
left: 40%;
}
}
@media (min-width: 768px) {
.single-entry--billboard-overlap-title-aside .single-header__inner {
max-width: 70%;
}
}
@media (min-width: 992px) {
.single-entry--billboard-overlap-title-aside .single-header__inner {
max-width: 50%;
}
}
.single-entry--billboard-overlap-title-aside .single-header .entry-title,
.single-entry--billboard-overlap-title-aside .single-header .entry-teaser {
text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
@media (min-width: 768px) {
.single-entry--billboard-overlap-title-aside .single-header .entry-teaser,
.single-entry--billboard-overlap-title-aside .single-header .entry-meta {
max-width: 70%;
}
}
/*---- Single cover gradient ----*/
.post--single-cover-gradient .single-header {
background-image: -webkit-linear-gradient( bottom, #fc3c2d 0%, rgba(252, 60, 45, 0.7) 50%, rgba(252, 60, 45, 0) 100%);
background-image: -webkit-gradient(linear, left bottom, left top, from(#fc3c2d), color-stop(50%, rgba(252, 60, 45, 0.7)), to(rgba(252, 60, 45, 0)));
background-image: -webkit-linear-gradient(bottom, #fc3c2d 0%, rgba(252, 60, 45, 0.7) 50%, rgba(252, 60, 45, 0) 100%);
background-image: -moz-linear-gradient(bottom, #fc3c2d 0%, rgba(252, 60, 45, 0.7) 50%, rgba(252, 60, 45, 0) 100%);
background-image: linear-gradient(to top, #fc3c2d 0%, rgba(252, 60, 45, 0.7) 50%, rgba(252, 60, 45, 0) 100%);
}
/*---- Single cover small ----*/
.post--single-cover-small .post--single__cover--small {
margin-left: -15px;
margin-right: -15px;
margin-bottom: 0;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
}
@media (min-width: 768px) {
.post--single-cover-small .post--single__cover--small {
margin-left: 0;
margin-right: 0;
}
}
.post--single-cover-small .post__header-inner {
padding: 30px;
}
@media (min-width: 1200px) {
.post--single-cover-small .post__header-inner {
padding: 30px 40px;
}
}
/*---- Single overlap title ----*/
.single-entry--billboard-overlap-title .single-billboard {
height: 320px;
}
@media (min-width: 992px) {
.single-entry--billboard-overlap-title .single-billboard {
height: 420px;
}
}
.single-entry--billboard-overlap-title .single-header {
position: relative;
background: #fff;
}
.single-entry--billboard-overlap-title .single-header::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 120px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) {
.single-entry--billboard-overlap-title .single-header::before {
height: 150px;
}
}
.single-entry--billboard-overlap-title .single-header--has-background {
margin-bottom: 10px;
}
.single-entry--billboard-overlap-title .has-post-thumbnail .single-header {
margin-top: -80px;
}
@media (min-width: 768px) {
.single-entry--billboard-overlap-title .has-post-thumbnail .single-header {
margin-top: -160px;
}
}
.single-entry--billboard-overlap-title .single-header__inner {
position: relative;
padding: 20px 20px 0;
background: #fff;
}
@media (min-width: 768px) {
.single-entry--billboard-overlap-title .single-header__inner {
padding: 20px 40px 0;
}
}
.single-entry--billboard-overlap-title .single-header--has-background .single-header__inner {
padding-bottom: 20px;
}
.single-entry--billboard-overlap-title .single-header--fullwidth {
margin-bottom: 40px;
}
.single-entry--billboard-overlap-title .single-header--svg-bg.single-header--has-background {
background-color: #12162d;
}
.single-entry--billboard-overlap-title .single-header--svg-bg.single-header--has-pattern {
background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.single-entry--billboard-overlap-title .single-header--svg-bg::before {
content: none;
}
.single-entry--billboard-overlap-title.billboard-overlap-alt .single-header--svg-bg.single-header--has-pattern {
background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23000000' fill-opacity='0.025' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.single-entry--billboard-overlap-title .single-header--svg-bg .single-header__inner {
background: transparent;
}
/*---- Single video ----*/
.single-billboard--video {
min-height: auto;
padding: 20px 0;
background-color: #111;
}
@media (min-width: 768px) {
.single-billboard--video {
padding: 40px 0;
}
}
.single-billboard--video .single-billboard__background {
opacity: 0.4;
}
/*---- Post single body ----*/
.post--single .single-body {
margin: 2em auto;
color: rgba(0, 0, 0, 0.7);
font-size: 17px;
line-height: 1.6;
}
@media (min-width: 768px) {
.post--single .single-body {
font-size: 18px;
}
}
@media (min-width: 1200px) {
.post--single .single-body {
padding-left: 60px;
padding-right: 60px;
}
}
.post--single .single-body .atbs-keylin-post-format-media {
margin-bottom: 2em;
}
.single-content>.single-body:first-child {
margin-top: 0;
}
.single-body p {
margin-bottom: 1.6em;
}
.single-body .atbs-keylin-gallery-wrap {
margin-top: 2em;
margin-bottom: 2em;
}
/*.single-body .atbs-keylin-post-media-wide {
max-width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px;
}
*/
.single-body .atbs-keylin-post-media-wide > a {
display: block;
}
/*@media (min-width: 768px) {
.single-body .atbs-keylin-post-media-wide {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
}*/
/*@media (min-width: 1200px) {
.single-body .atbs-keylin-post-media-wide {
max-width: calc(100% + 120px);
margin-left: -60px;
margin-right: -60px;
}
}
*/
.single-body .atbs-keylin-post-media-wide .wp-caption-text {
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.single-body .atbs-keylin-post-media-wide .wp-caption-text {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
.single-body--wide {
padding-left: 80px;
padding-right: 80px;
}
}
/*@media (min-width: 992px) {
.single-body--wide .atbs-keylin-post-media-wide {
max-width: calc(100% + 160px);
margin-left: -80px;
margin-right: -80px;
}
}*/
@media (min-width: 1200px) {
.single-body .atbs-keylin-pagination {
/*margin-left: -60px;
margin-right: -60px;*/
margin-left: 0;
margin-right: 0;
}
}
@media (min-width: 992px) {
.single-body--wide .atbs-keylin-pagination {
/*margin-left: -80px;
margin-right: -80px;*/
margin-left: 0;
margin-right: 0;
}
}
/*---- WordPress core ----*/
/* Alignment */
.alignleft {
float: left;
margin: 0.8em 1.6em 1.6em 0;
}
/*
@media (min-width: 1200px) {
.post.post--single .alignleft {
margin-left: -60px;
}
}
@media (min-width: 992px) {
.post.post--single .single-body--wide .alignleft {
margin-left: -80px;
}
}*/
.alignright {
float: right;
margin: 0.8em 0 1.6em 1.6em;
}
/*@media (min-width: 1200px) {
.post.post--single .alignright {
margin-right: -60px;
}
}
@media (min-width: 992px) {
.post.post--single .single-body--wide .alignright {
margin-right: -80px;
}
}*/
@media (max-width: 480px) {
.alignleft, .alignright {
width: 100%;
margin-left: 0;
margin-right: 0;
}
}
.aligncenter {
clear: both;
display: block;
margin: 0.8em auto;
text-align: center;
}
/* Caption */
.wp-caption {
max-width: 100%;
margin-bottom: 1.6em;
text-align: inherit;
}
.wp-caption .wp-caption-text,
.wp-caption-dd {
padding-top: 0.8em;
padding-bottom: 0.8em;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, 0.4);
font-size: 11px;
font-size: 0.8em;
}
.wp-caption.alignleft {
margin: 0.8em 1.6em 1.6em 0;
text-align: left;
}
/*
@media (min-width: 1200px) {
.post.post--single .wp-caption.alignleft {
margin-left: -60px;
}
}
@media (min-width: 992px) {
.post.post--single .single-body--wide .wp-caption.alignleft {
margin-left: -80px;
}
}*/
.wp-caption.alignright {
margin: 0.8em 0 1.6em 1.6em;
text-align: right;
}
/*@media (min-width: 1200px) {
.post.post--single .wp-caption.alignright {
margin-right: -60px;
}
}
*/
/*@media (min-width: 992px) {
.post.post--single .single-body--wide .wp-caption.alignright {
margin-right: -80px;
}
}*/
.wp-caption.aligncenter {
margin: 0.8em auto;
text-align: center;
}
/* Galleries */
[class*="gallery-columns-"] {
margin: 0 -1.79104477%;
}
.gallery-item {
display: inline-block;
padding: 1.79104477%;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery .gallery-caption {
color: rgba(0, 0, 0, 0.44);
display: block;
font-size: 13px;
line-height: 1.5;
padding: 7px 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.screen-reader-text {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
}
/*---- Single footer ----*/
.entry-info {
margin: 15px 0;
padding-bottom: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.entry-info::after {
clear: both;
content: "";
display: table;
}
/*@media (min-width: 768px) {
.entry-tags {
text-align: right;
}
}*/
.entry-tags__icon,
.entry-categories__icon {
margin-right: 0.2em;
color: rgba(0, 0, 0, 0.4);
font-size: 18px;
}
.entry-tags ul,
.entry-categories ul {
display: inline-block;
margin: -4px;
padding: 0;
vertical-align: middle;
list-style: none;
}
.entry-tags ul>li,
.entry-categories ul>li {
display: inline-block;
margin: 4px;
line-height: 1;
}
.entry-tags ul>li>a {
text-decoration: none;
color: rgba(0, 0, 0, 0.6);
font-size: 12px;
font-size: 0.8571rem;
}
.entry-tags ul>li>a:hover {
color: rgba(0, 0, 0, 0.8);
}
.entry-tags ul>li:not(.entry-tags__icon)>a::before {
content: '#';
}
/*---- Review box ----*/
.atbs-keylin-review {
padding-top: 25px;
margin-bottom: 30px;
font-size: 16px;
font-size: 1.1429rem;
}
.single-body--context > .atbs-atbs-review:first-child {
padding-top: 0;
}
.atbs-keylin-review__inner {
padding: 20px;
border-radius: 3px;
background: #fafafa;
}
@media (min-width: 768px) {
.atbs-keylin-review__inner {
padding: 30px;
}
}
.atbs-keylin-review__inner>*:not(:last-child) {
margin-bottom: 20px;
}
@media (min-width: 768px) {
.atbs-keylin-review__top {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: start;
-moz-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
-o-align-items: flex-start;
align-items: flex-start;
-ms-flex-align: start;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
}
}
.atbs-keylin-review__product {
width: 100%;
margin-right: 15px;
margin-bottom: 15px;
}
.atbs-keylin-review__product-image {
width: 60px;
}
@media (min-width: 768px) {
.atbs-keylin-review__product-image {
width: 70px;
}
}
.atbs-keylin-review .atbs-keylin-review__product-name {
margin-top: 0;
margin-bottom: 0;
}
.atbs-keylin-review__product-byline {
color: rgba(0, 0, 0, 0.4);
}
.atbs-keylin-review__overall-score {
text-align: center;
}
@media (min-width: 768px) {
.atbs-keylin-review__overall-score {
margin-top: -40px;
}
}
@media (min-width: 1200px) {
.atbs-keylin-review__overall-score {
margin-top: -50px;
}
}
.atbs-keylin-review__summary p:last-child {
margin-bottom: 0;
}
.atbs-keylin-review .atbs-keylin-review__list-title {
margin-top: 0;
margin-bottom: 10px;
font-size: 1.1em;
font-weight: 700;
text-transform: uppercase;
}
.atbs-keylin-review__pros ul,
.atbs-keylin-review__cons ul {
margin: 0;
padding: 0;
list-style: none;
}
.atbs-keylin-review__pros ul li:not(:first-child),
.atbs-keylin-review__cons ul li:not(:first-child) {
margin-top: .5em;
}
.atbs-keylin-review__pros ul i,
.atbs-keylin-review__cons ul i {
margin-right: 0.4em;
}
.atbs-keylin-review__pros ul i {
color: #59d66f;
}
.atbs-keylin-review__cons ul i {
color: #fa3f40;
}
/*
Layout
*/
.atbs-reviews-section{
padding: 50px 25px;
background-color: #F8F8F8;
}
.atbs-reviews-section .reviews-title{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: -15px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
}
.atbs-reviews-section .reviews-title > *{
padding: 15px;
}
.atbs-reviews-section .reviews-title > *:first-child{
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
margin-bottom: 0;
}
.atbs-reviews-section .heading-title{
font-size: 18px;
font-weight: bold;
color: #222222;
margin-top: 0;
}
.atbs-reviews-section .heading-title.text-center {
font-size: 15px;
font-weight: 400;
color: #666;
}
.atbs-reviews-section .heading-title-link{
text-decoration: none;
color: #0661F1;
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
}
.atbs-reviews-section .reviews-content{
margin-top: 25px;
background-color: #fff;
padding: 45px 30px 25px 30px;
border-radius: 8px;
}
.reviews-score-list{
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
/*margin-right: 90px;*/
}
.reviews-score-list .score-item:not(:last-child){
margin-bottom: 20px;
}
/*
Content
*/
/**/
.score-item .score-text{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
justify-content: space-between;
}
.score-item .score-name,
.score-item .score-number{
font-size: 14px;
line-height: 1.5;
color: #000;
font-weight: 400;
}
/**/
.score-item .score-value{
width: 100%;
border-radius: 0 24px 24px 0;
background-color: #f3f3f3;
height: 4px;
margin-top: 8px;
position: relative;
}
.score-item .score-percent{
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
height: 100%;
background-color: #0661F1;
}
.single-percent-login-required {
position: absolute;
z-index: 10;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
/*==========================================*/
.reviews-score{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
}
.reviews-score-average{
color: var(--color-logo);
font-size: 20px;
line-height: 1.4;
width: 100%;
text-align: center;
margin-bottom: 25px;
-webkit-transition: 0.6s;
-o-transition: 0.6s;
-moz-transition: 0.6s;
transition: 0.6s;
}
.reviews-score-average > span,
.score-average-content-wrap > span{
display: block;
}
.reviews-score-average .score-average-title{
color: #222222;
text-transform: capitalize;
font-size: 16px;
line-height: 1.5;
display: block;
margin-bottom: 15px;
}
.reviews-score-average .score-average-number{
font-weight: 500;
font-size: 50px;
line-height: 1;
margin-bottom: 10px;
}
.reviews-score-average .score-average-number > span{
font-size: 35px;
}
.reviews-score-average .score-average-counter{
font-size: 14px;
line-height: 1.5;
color: #222222;
opacity: 0.6;
width: 100%;
}
.reviews-score-average .stars-list{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
margin-bottom: 10px;
padding: 0;
}
.reviews-score-average .star-item{
color: #86868670;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
}
.star-item.star-full i::before{
content: '\e838';
color: var(--color-logo);
}
.star-item.star-half i::before{
content: '\e838';
background: -webkit-gradient( linear, left top, right top, color-stop(50%, var(--color-logo)), color-stop(50%, #86868670));
background: -webkit-linear-gradient( left, var(--color-logo) 50%, #86868670 50%);
background: -moz-linear-gradient( left, var(--color-logo) 50%, #86868670 50%);
background: linear-gradient( to right, var(--color-logo) 50%, #86868670 50%);
-webkit-text-fill-color: #40404000;
-webkit-background-clip: text;
}
.reviews-rating{
margin-top: 45px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
margin-bottom: -40px;
}
.btn-open-form-rating{
cursor: pointer;
background-color: #F5F5F7;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
font-size: 13px;
line-height: 1.15;
color: #222222;
font-weight: 400;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 13px 45px;
text-transform: uppercase;
margin-bottom: 0;
margin-right: auto;
margin-left: auto;
position: relative;
-webkit-transition: 0.6s;
-o-transition: 0.6s;
-moz-transition: 0.6s;
transition: 0.6s;
}
a.btn-open-form-rating, a.btn-open-form-rating:hover, a.btn-open-form-rating:focus, a.btn-open-form-rating:active{
color: #222222;
text-decoration: none;
}
.btn-open-form-rating label{
cursor: pointer;
background-color: #F5F5F7;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
font-size: 13px;
line-height: 1.15;
color: #222222;
font-weight: 400;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
text-transform: uppercase;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
position: relative;
}
input.toggle-btn-open-form-rating{
margin: 0;
-webkit-appearance: none;
}
input:checked.toggle-btn-open-form-rating + .rating-frame{
max-height: 999px;
visibility: visible;
/*margin-top: 50px;*/
padding-bottom: 40px;
}
.rating-frame{
width: 100%;
max-height: 0;
overflow: hidden;
visibility: hidden;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
margin-top: 40px;
padding-bottom: 0;
}
.reviews-rating .rating-title{
margin-bottom: 35px;
}
.reviews-rating .rating-title .heading-title{
color: #131313;
font-size: 20px;
line-height: 1.4;
margin-bottom: 10px;
margin-top: 0;
}
.reviews-rating .rating-title .heading-excerpt{
color: #222222;
opacity: 0.56;
font-size: 14px;
font-style: italic;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
word-break: break-word;
}
a.atbs-btn-view-review{
background-color: #F5F5F7;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
font-size: 13px;
line-height: 1.15;
color: #222222;
font-weight: 400;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 13px 45px;
text-transform: uppercase;
margin-bottom: 0;
position: relative;
text-decoration: none;
margin-right: 15px;
margin-left: auto;
}
a.atbs-btn-view-review, a.atbs-btn-view-review:hover, a.atbs-btn-view-review:focus, a.atbs-btn-view-review:active{
color: #222222;
text-decoration: none;
}
/**/
.reviews-rating .rating-form p{
margin-bottom: 20px;
}
.reviews-rating .rating-form p:nth-last-child(2){
margin-bottom: 0;
}
.reviews-rating .rating-form p:last-child{
margin-top: 30px;
margin-bottom: 0;
}
.reviews-rating .rating-form .field-input{
padding: 15px;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 4px;
outline: none;
box-shadow: none;
color: #222222;
font-size: 15px;
line-height: 1.6;
}
.reviews-rating .rating-form textarea.field-input{
max-width: 100%;
min-height: 200px;
min-width: 100%;
}
.reviews-rating .rating-form .field-input::-webkit-input-placeholder{
color: #222222;
opacity: 0.6;
}
.reviews-rating .rating-form .field-input::-moz-placeholder{
color: #222222;
opacity: 0.6;
}
.reviews-rating .rating-form .field-input:-ms-input-placeholder{
color: #222222;
opacity: 0.6;
}
.reviews-rating .rating-form .field-input::-ms-input-placeholder{
color: #222222;
opacity: 0.6;
}
.reviews-rating .rating-form .field-input::placeholder{
color: #222222;
opacity: 0.6;
}
/**/
.rating-form > div {
margin-top: 20px;
}
.rating-form > div:first-child {
margin-top: 0;
}
.rating-star{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
justify-content: space-between;
padding: 15px;
background-color: var(--color-logo);
border-radius: 4px;
color: #fff;
font-size: 15px;
line-height: 1.6;
position: relative;
}
.rating-star .stars-label{
max-width: 200px;
word-break: break-word;
}
.rating-star .stars-list,
.rating-star .star-item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
}
.rating-star .stars-list{
margin: 0 -7.5px;
/*position: absolute;*/
/*left: 50%;*/
/*top: 50%;*/
/*transform: translate(-50%,-50%);*/
direction: rtl;
}
.rating-star .star-item{
padding: 0 5px;
cursor: pointer;
}
.rating-star .star-item i{
font-size: 18px;
}
.rating-star .star-item:hover i::before,
.rating-star .star-item.active i::before,
.rating-star .star-item:last-child i::before{
content: '\e838';
}
.rating-star .star-item:hover ~ .star-item i::before{
content: '\e838';
}
.rating-star .star-item:active{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
/**/
.reviews-rating .rating-form .rating-submit{
color: #fff;
font-size: 15px;
line-height: 1.6;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
display: inline-block;
padding: 0 25px;
border-radius: 3px;
background-color: var(--color-logo);
float: right;
}
.reviews-rating .rating-form .rating-submit:hover{
background-color: var(--color-logo);
box-shadow: 0px 10px 20px 0px rgba(12, 0, 46, 0.1);
}
.reviews-rating .rating-form .rating-submit .field-submit{
display: inline-block;
background: none;
border: 0;
padding: 0;
box-shadow: none;
outline: 0;
padding: 10px 0;
}
.reviews-rating .rating-form .rating-submit i {
display: inline-block;
}
/**/
/*user reviews*/
.atbs-user-reviews{
margin-top: 40px;
padding-top: 40px;
margin-left: -30px;
margin-right: -30px;
border-top: 1px solid rgba(0,0,0,0.05);
}
.atbs-user-reviews .user-reviews__inner{
padding: 0 30px;
}
.atbs-user-reviews .user-reviews-title{
margin-bottom: 40px;
font-size: 1.7142rem; /*font system*/
line-height: 1.375;
}
.atbs-user-reviews .user-reviews-title .heading-title{
margin-bottom: 0;
}
.atbs-user-reviews .user-reviews-list{
margin: -30px 0;
-webkit-transition: min-height 0.2s ease-in-out;
-o-transition: min-height 0.2s ease-in-out;
-moz-transition: min-height 0.2s ease-in-out;
transition: min-height 0.2s ease-in-out;
}
.atbs-user-reviews .list-item{
padding: 30px 0;
border-bottom: 1px solid rgba(0,0,0,0.05);
}
.atbs-user-reviews .list-item:last-child{
border-bottom: none;
}
.user-review-item{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
.user-review-item .user__info{
width: 125px;
margin-right: 20px;
text-align: center;
}
.user-review-item .user__info time {
font-size: 12px;
}
.user-review-item .user__info-avatar{
width: 70px;
height: 70px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto 10px auto;
}
.user-review-item .user__info-avatar img{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.user-review-item .user__info-name{
font-size: 1rem; /*font system*/
line-height: 1.5; /*font system*/
font-weight: 400;
color:#222222;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.user-review-item .user__info-time time{
font-size: 0.8571rem; /*font system*/
line-height: 1; /*font system*/
color:#222222;
opacity: 0.6;
}
/**/
.user-review-item .user__description{
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
}
.user-review-item .user__description-title{
margin-bottom: 5px;
}
.user-review-item .user__description-title h3{
font-size: 1.1428rem;
line-height: 1.43;
font-weight: 700;
color:#222222;
margin-bottom: 0;
margin-top: 0;
}
.user-review-item .user__description-star{
margin-bottom: 10px;
}
.atbs-user-reviews .atbs-atbs-pagination{
margin-top: 30px;
}
.star-score-background{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.star-score-background .star-item{
color: #D3D3D3;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
font-size: 16px;
}
.star-score-background .star-item.star-full{
color: var(--color-logo);
}
.star-score-background .star-item.star-half i::before {
content: '\e838';
background: -webkit-gradient( linear, left top, right top, color-stop(50%, var(--color-logo)), color-stop(50%, #86868670));
background: -webkit-linear-gradient( left, var(--color-logo) 50%, #86868670 50%);
background: -moz-linear-gradient( left, var(--color-logo) 50%, #86868670 50%);
background: linear-gradient( to right, var(--color-logo) 50%, #86868670 50%);
-webkit-text-fill-color: #40404000;
-webkit-background-clip: text;
}
.user-review-item .user__description-excerpt{
font-size: 1.0714rem; /*font system*/
line-height: 1.7;
font-weight: 400;
color: #222222;
margin-bottom: 0;
}
.user-review-item .user__description-excerpt-wrap.review-content-loading {
max-height: 6.8rem;
overflow: hidden;
}
.user-review-item .user__description-excerpt-wrap.review-content-loading .review-text-fadeout {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
margin: 0;
padding: 40px 0;
background-image: -moz-linear-gradient(top, transparent, white);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, white));
}
.user-review-item .user__description-excerpt-wrap.has-more-active .user__description-excerpt {
max-height: 6.8rem;
position: relative;
overflow: hidden;
}
.user-review-item .user__description-excerpt p{
margin-bottom: 0;
}
.user-review-item .user__description-excerpt:last-child{
margin-bottom: 0;
}
.user-review-item .user__description-excerpt-wrap .review-text-fadeout, .user-review-item .user__description-excerpt-wrap .review-readmore {
display: none;
}
.user-review-item .user__description-excerpt-wrap.has-more-active .review-text-fadeout {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
margin: 0;
padding: 40px 0;
background-image: -moz-linear-gradient(top, transparent, white);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, white));
}
.user-review-item .user__description-excerpt-wrap.has-more-active .review-readmore {
display: block;
margin-top: 15px;
font-size: 1rem; /*font system*/
color: rgba(0, 0, 0, 0.6);
cursor: pointer;
letter-spacing: 1px;
}
.reviews-rating.hidden-form .rating-frame{
max-height: 0 !important;
visibility: hidden !important;
padding-bottom: 0 !important;
}
.reviews-rating.hidden-form .btn-open-form-rating{
overflow: hidden;
visibility: hidden;
padding: 0;
max-height: 0;
}
.reviews-rating.hidden-form .reviews-score-average{
margin-bottom: 0;
}
.atbs-atbs-pagination.atbs-user-review-pagination {
margin-top: 45px;
margin-bottom: 15px;
}
.atbs-user-review-pagination .atbs-atbs-pagination__links {
text-align: right;
}
@media (max-width: 1366px) {
/*
Layout
*/
/*
Content
*/
}
@media (max-width: 1199px) {
/*
Layout
*/
.atbs-reviews-section{
padding: 35px 25px;
}
.atbs-reviews-section .reviews-content{
margin-top: 30px;
padding: 35px 30px;
}
.reviews-score-list .score-item:not(:last-child) {
margin-bottom: 30px;
}
/*
Content
*/
/**/
.reviews-score-average{
min-width: 170px;
}
.reviews-score-average,
.reviews-rating .rating-title .heading-title{
font-size: 18px;
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
/*====*/
.btn-open-form-rating,
a.atbs-btn-view-review{
padding: 15px 30px;
}
/**/
.rating-star .star-item i{
font-size: 18px;
}
/**/
.reviews-rating .rating-form p {
margin-bottom: 15px;
}
.reviews-rating .rating-form textarea.field-input{
min-height: 175px;
}
/*user reviews*/
.atbs-user-reviews .heading-title{
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
.user-review-item .user__info {
width: 115px;
margin-right: 20px;
/*text-align: center;*/
}
.user-review-item .user__info-avatar{
width: 60px;
height: 60px;
}
}
@media (max-width: 991px) {
/*
Layout
*/
/*
Content
*/
/*user reviews*/
.atbs-user-reviews {
margin-top: 50px;
padding-top: 30px;
}
}
@media (max-width: 768px) {
/*
Layout
*/
.atbs-reviews-section .reviews-content{
padding: 30px 25px;
margin-top: 20px;
}
/*
Content
*/
/**/
.reviews-score-average {
min-width: 140px;
}
.reviews-score-average,
.reviews-rating .rating-title .heading-title,
.atbs-reviews-section .heading-title{
font-size: 18px;
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
.reviews-score-average .score-average-title{
font-size: 14px;
line-height: 1.5;
}
.reviews-score-average .score-average-number{
font-size: 40px;
}
.reviews-score-average .score-average-number > span{
font-size: 30px;
}
/*====*/
.btn-open-form-rating,
a.atbs-btn-view-review{
padding: 15px 20px;
font-size: 12px;
}
.reviews-rating{
margin-top: 35px;
}
.reviews-rating .rating-title {
margin-bottom: 25px;
}
/**/
.rating-star,
.reviews-rating .rating-form .field-input{
padding: 10px 15px;
}
/**/
.rating-star .stars-list{
margin: 0 -5px;
}
.rating-star .star-item{
padding: 0 5px;
}
.rating-star .star-item i{
font-size: 16px;
}
/**/
.reviews-rating .rating-form p {
margin-bottom: 10px;
}
.reviews-rating .rating-form p:last-child{
margin-top: 20px;
}
.reviews-rating .rating-form textarea.field-input {
min-height: 150px;
}
/*user reviews*/
.atbs-user-reviews{
margin-left: -25px;
margin-right: -25px;
}
.atbs-user-reviews .user-reviews__inner{
padding: 0 25px;
}
.atbs-user-reviews .heading-title{
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
.user-review-item .user__info-avatar{
width: 50px;
height: 50px;
}
/*user reviews*/
.atbs-user-reviews .user-reviews-title{
margin-bottom: 35px;
}
.atbs-user-reviews {
margin-top: 40px;
padding-top: 30px;
}
}
@media (max-width: 576px) {
/*
Layout
*/
.atbs-reviews-section {
padding: 30px 20px;
}
.atbs-reviews-section .reviews-content {
padding: 25px 20px;
margin-top: 20px;
}
/*
Content
*/
/*===*/
.reviews-rating{
margin-bottom: -30px;
}
input:checked.toggle-btn-open-form-rating + .rating-frame{
padding-bottom: 30px;
}
.rating-frame{
margin-top: 30px;
}
.reviews-rating .rating-form .field-submit{
min-height: 40px;
}
/*user review*/
.atbs-user-reviews .user-reviews-title{
margin-bottom: 30px;
}
.atbs-user-reviews {
margin-left: -20px;
margin-right: -20px;
}
.atbs-user-reviews .user-reviews__inner {
padding: 0 20px;
}
}
@media (max-width: 480px) {
/*
Layout
*/
.reviews-rating {
margin-top: 25px;
}
.atbs-reviews-section .reviews-content{
margin-top: 25px;
}
/*
Content
*/
a.atbs-btn-view-review{
margin-bottom: 10px;
margin-right: 0;
}
.btn-open-form-rating,
a.atbs-btn-view-review{
width: 100%;
-webkit-box-flex: initial;
-webkit-flex: initial;
-moz-box-flex: initial;
flex: initial;
}
.reviews-score-list .score-item:not(:last-child) {
margin-bottom: 25px;
}
.reviews-score-list{
margin-right: 0;
}
.reviews-score-list,
.reviews-score-average{
width: 100%;
}
.reviews-score-average{
margin-top: 35px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
justify-content: space-between;
/*align-items: center;*/
/*padding-bottom: 20px;*/
/*border-bottom: 1px solid rgba(0,0,0,0.1);*/
}
.reviews-score-average .score-average-title{
font-size: 20px;
line-height: 1.4;
margin-bottom: 10px;
-webkit-box-flex: initial;
-webkit-flex: initial;
-moz-box-flex: initial;
flex: initial;
text-align: center;
width: 100%;
margin-right: 0;
}
.reviews-score-average .score-average-content-wrap{
width: 100%;
}
/**/
.reviews-rating .rating-form p {
margin-bottom: 15px;
}
/*user reviews*/
.atbs-user-reviews {
margin-top: 50px;
padding-top: 30px;
}
.atbs-user-reviews .user-reviews-title{
margin-bottom: 30px;
}
.user-review-item .user__info{
width: -moz-calc(100% - 120px);
width: calc(100% - 120px);
margin-right: 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
text-align: left;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
}
.user-review-item .user__info-avatar{
margin-right: 15px;
margin-left: 0;
margin-bottom: 0;
width: 60px;
height: 60px;
}
.user-review-item .user__info-context{
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
}
.user-review-item .user__info-name{
font-size: 1.1428rem;
line-height: 1.5;
}
.user-review-item .user__description{
-webkit-box-flex: initial;
-webkit-flex: initial;
-moz-box-flex: initial;
flex: initial;
/*display: flex;*/
/*flex-wrap: wrap;*/
width: 100%;
}
.user-review-item .user__description-title{
/*flex: 1;*/
/*margin-right: 15px;*/
margin-bottom: 10px;
}
.user-review-item .user__description-title h3{
font-size: 1.1428rem;
line-height: 1.5;
}
.user-review-item .user__description-star {
margin-bottom: 10px;
position: absolute;
right: 0;
top: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.star-score-background .star-item{
font-size: 18px;
}
.star-score-background .star-item:not(:last-child) {
margin-right: 2px;
}
.user-review-item .user__description-excerpt,
.user-review-item .user__description-btn-more{
width: 100%;
}
}
@media (max-width: 420px) {
/*
Layout
*/
.reviews-rating {
margin-top: 25px;
}
/*
Content
*/
.reviews-score-list .score-item:not(:last-child){
margin-bottom: 20px;
}
.reviews-score-average .score-average-number {
font-size: 35px;
}
.reviews-score-average .score-average-number > span{
font-size: 25px;
}
.reviews-score-average .score-average-title{
font-size: 18px;
line-height: 1.5;
}
.btn-open-form-rating,
a.atbs-btn-view-review{
padding: 15px;
}
/*====*/
.rating-star .stars-list{
margin: 0 -2.5px;
}
.rating-star .star-item{
padding: 0 2.5px;
}
.rating-star .star-item i{
font-size: 14px;
}
input:checked.toggle-btn-open-form-rating + .rating-frame{
margin-top: 30px;
}
/*user reviews*/
.user-review-item .user__info{
width: -moz-calc(100% - 100px);
width: calc(100% - 100px);
}
.user-review-item .user__info-avatar{
margin-right: 10px;
margin-left: 0;
margin-bottom: 0;
width: 50px;
height: 50px;
}
.user-review-item .user__info-context{
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
}
.user-review-item .user__info-name{
font-size: 1.1428rem; /*font system*/
line-height: 1.5;
}
.user-review-item .user__description{
-webkit-box-flex: initial;
-webkit-flex: initial;
-moz-box-flex: initial;
flex: initial;
/*display: flex;*/
/*flex-wrap: wrap;*/
}
.user-review-item .user__description-title{
/*flex: 1;*/
/*margin-right: 15px;*/
margin-bottom: 10px;
}
.user-review-item .user__description-title h3{
font-size: 1.1428rem; /*font system*/
line-height: 1.5;
}
.user-review-item .user__description-star {
top: 25px;
}
.star-score-background .star-item{
font-size: 15px;
}
.star-score-background .star-item:not(:last-child) {
margin-right: 1px;
}
}
@media (max-width: 380px) {
/*
Layout
*/
.atbs-reviews-section .heading-title{
font-size: 1.1428rem; /*font system*/
line-height: 1.5;
}
/*
Content
*/
.rating-star,
.reviews-rating .rating-form .field-input{
padding: 10px;
}
.reviews-rating .rating-form textarea.field-input {
min-height: 130px;
}
.reviews-score-average .score-average-number {
font-size: 30px;
}
/*user reviews*/
.atbs-user-reviews {
margin-top: 35px;
padding-top: 25px;
}
.atbs-user-reviews .heading-title{
font-size: 1.2857rem;
line-height: 1.5;
}
.user-review-item .user__info{
width: 100%;
margin-bottom: 20px;
}
.user-review-item .user__info-avatar{
margin-right: 15px;
margin-left: 0;
margin-bottom: 0;
width: 55px;
height: 55px;
}
.user-review-item .user__info-context{
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
}
.user-review-item .user__info-name{
font-size: 1.1428rem; /*font system*/
line-height: 1.5;
}
.user-review-item .user__description-title{
margin-bottom: 5px;
}
.user-review-item .user__description-title h3{
font-size: 1.1428rem; /*font system*/
line-height: 1.5;
}
.user-review-item .user__description-star {
position: initial;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
margin-bottom: 10px;
}
.star-score-background .star-item{
font-size: 16px;
}
}
@media (max-width: 360px) {
/*
Layout
*/
.atbs-reviews-section {
padding: 25px 15px;
}
.atbs-reviews-section .reviews-content {
padding: 20px 15px;
margin-top: 15px;
}
.atbs-reviews-section .reviews-title{
margin: -2.5px;
}
.atbs-reviews-section .reviews-title > *{
padding: 2.5px;
}
.atbs-reviews-section .reviews-title > *:first-child{
-webkit-box-flex: initial;
-webkit-flex: initial;
-moz-box-flex: initial;
flex: initial;
width: 100%;
}
/*
Content
*/
.reviews-score-average,
.reviews-rating .rating-title .heading-title,
.atbs-reviews-section .heading-title{
font-size: 14px;
line-height: 1.5;
}
.rating-star,
.reviews-rating .rating-form .field-input{
font-size: 14px;
line-height: 1.5;
}
.reviews-rating .rating-form p {
margin-bottom: 10px;
}
.btn-open-form-rating,
a.atbs-btn-view-review{
padding: 15px 10px;
}
.reviews-rating .rating-title .heading-title{
font-size: 1.1428rem; /*font system*/
line-height: 1.5;
}
/*user review*/
.atbs-user-reviews .heading-title {
font-size: 1.1428rem; /*font system*/
line-height: 1.5;
}
.atbs-user-reviews {
margin-left: -15px;
margin-right: -15px;
}
.atbs-user-reviews .user-reviews__inner {
padding: 0 15px;
}
}
@media (max-width: 320px) {
/*
Layout
*/
.reviews-rating{
margin-top: 20px;
}
/*
Content
*/
.reviews-score-average{
-webkit-box-flex: initial;
-webkit-flex: initial;
-moz-box-flex: initial;
flex: initial;
width: 100%;
}
.btn-open-form-rating,
a.atbs-btn-view-review{
padding: 15px 10px;
}
/*user reviews*/
.atbs-user-reviews .user-reviews-list {
margin: -25px 0;
}
.atbs-user-reviews .list-item {
padding: 25px 0;
}
.user-review-item .user__info{
margin-bottom: 15px;
}
.user-review-item .user__info-avatar{
margin-right: 10px;
width: 50px;
height: 50px;
}
.user-review-item .user__info-name{
font-size: 1.0714rem; /*font system*/
line-height: 1.53;
}
.user-review-item .user__description-title{
margin-bottom: 5px;
}
.user-review-item .user__description-title h3{
font-size: 1.0714rem; /*font system*/
line-height: 1.53;
}
.user-review-item .user__description-star {
margin-bottom: 10px;
}
.star-score-background .star-item{
font-size: 14px;
}
}
.atbs-user-review-popup-notification {
position: fixed;
top: 50%;
left: 50%;
text-align: center;
min-width: 400px;
min-height: 450px;
-webkit-transform: translate(-200px, -225px) scale(0, 0);
-moz-transform: translate(-200px, -225px) scale(0, 0);
-o-transform: translate(-200px, -225px) scale(0, 0);
transform: translate(-200px, -225px) scale(0, 0);
color: #fff;
z-index: 100;
background: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
/*align-items: center;*/
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-transition: all ease-in-out 0.15s;
-o-transition: all ease-in-out 0.15s;
-moz-transition: all ease-in-out 0.15s;
transition: all ease-in-out 0.15s;
border-radius: 12px;
border-top: 5px solid var(--color-logo);
padding: 110px 35px 35px 35px;
}
.atbs-user-review-popup-notification .popup-heading-icon{
line-height: 1;
width: 100%;
margin-bottom: 25px;
}
.atbs-user-review-popup-notification .popup-heading-icon svg{
width: 100px;
height: 100px;
}
.atbs-user-review-popup-notification.enable-review-popup {
-webkit-transform: translate(-200px, -225px) scale(1, 1);
-moz-transform: translate(-200px, -225px) scale(1, 1);
-o-transform: translate(-200px, -225px) scale(1, 1);
transform: translate(-200px, -225px) scale(1, 1);
}
.atbs-user-review-popup-notification .popup-heading-wrap{
width: 100%;
}
.atbs-user-review-popup-notification .popup-heading-wrap h3{
margin-top: 0;
/*margin-bottom: 20px;*/
margin-bottom: 0;
font-size: 28px;
text-transform: capitalize;
color: var(--color-logo);
}
.atbs-user-review-popup-notification .popup-content-wrap{
height: auto;
width: 260px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: space-between;
align-content: space-between;
}
.atbs-user-review-popup-notification .popup-content{
width: 100%;
}
.atbs-user-review-popup-notification .popup-content p{
margin: 0;
color: #222222;
}
.review-popup-backdrop {
opacity: 0;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
z-index: -1;
}
.atbs-user-review-popup-notification.enable-review-popup + .review-popup-backdrop {
opacity: 1;
z-index: 99;
}
.atbs-user-review-popup-notification .btn-close-review-popup {
border: 1px solid rgba(0,0,0,0.1);
border-radius: 5px;
background-color: #fff;
color: #222222;
padding: 10px;
margin-top: 50px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
}
.atbs-user-review-popup-notification .btn-close-review-popup:hover{
background-color: var(--color-logo);
color: #fff;
border: 1px solid transparent;
}
.atbs-user-review-popup-notification .btn-close-review-normal {
position: absolute;
right: 15px;
top: 5px;
font-size: 20px;
color: #222222;
font-weight: 500;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
}
.atbs-user-review-popup-notification .btn-close-review-normal:hover {
color: var(--color-logo);
}
@media (max-width: 480px){
.atbs-user-review-popup-notification {
min-width: 370px;
min-height: 430px;
-webkit-transform: translate(-185px, -215px) scale(0, 0);
-moz-transform: translate(-185px, -215px) scale(0, 0);
-o-transform: translate(-185px, -215px) scale(0, 0);
transform: translate(-185px, -215px) scale(0, 0);
padding: 105px 35px 40px 35px;
}
.atbs-user-review-popup-notification.enable-review-popup {
-webkit-transform: translate(-185px, -215px) scale(1, 1);
-moz-transform: translate(-185px, -215px) scale(1, 1);
-o-transform: translate(-185px, -215px) scale(1, 1);
transform: translate(-185px, -215px) scale(1, 1);
}
.atbs-user-review-popup-notification .popup-heading-icon svg {
width: 85px;
height: 85px;
}
}
@media (max-width: 380px){
.atbs-user-review-popup-notification {
min-width: 330px;
min-height: 380px;
-webkit-transform: translate(-165px, -190px) scale(0, 0);
-moz-transform: translate(-165px, -190px) scale(0, 0);
-o-transform: translate(-165px, -190px) scale(0, 0);
transform: translate(-165px, -190px) scale(0, 0);
padding: 75px 30px 35px 30px;
}
.atbs-user-review-popup-notification.enable-review-popup {
-webkit-transform: translate(-165px, -190px) scale(1, 1);
-moz-transform: translate(-165px, -190px) scale(1, 1);
-o-transform: translate(-165px, -190px) scale(1, 1);
transform: translate(-165px, -190px) scale(1, 1);
}
.atbs-user-review-popup-notification .popup-heading-icon svg {
width: 70px;
height: 70px;
}
}
@media (max-width: 320px){
.atbs-user-review-popup-notification {
width: 280px;
min-width: 280px;
min-height: 350px;
-webkit-transform: translate(-140px, -190px) scale(0, 0);
-moz-transform: translate(-140px, -190px) scale(0, 0);
-o-transform: translate(-140px, -190px) scale(0, 0);
transform: translate(-140px, -190px) scale(0, 0);
padding: 75px 30px 35px 30px;
}
.atbs-user-review-popup-notification.enable-review-popup {
-webkit-transform: translate(-140px, -190px) scale(1, 1);
-moz-transform: translate(-140px, -190px) scale(1, 1);
-o-transform: translate(-140px, -190px) scale(1, 1);
transform: translate(-140px, -190px) scale(1, 1);
}
.atbs-user-review-popup-notification .popup-heading-icon svg {
width: 60px;
height: 60px;
}
}
/* Reader-form-reviews ----------------------- */
/*---- Author box ----*/
.author-box {
position: relative;
padding: 30px;
background: #fafafa;
border: 1px solid rgba(0, 0, 0, 0.05);
}
.author-box .author-avatar {
height: 100px !important;
width: 100px !important;
margin: -50px auto 20px;
border-radius: 100%;
border: 4px solid #fff;
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04);
}
@media (min-width: 768px) {
.author-box .author-avatar {
margin: 0;
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: -15px;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
.author-box .author-avatar img {
height: 100% !important;
width: 100% !important;
border-radius: 100%;
}
.author-box__text {
text-align: center;
}
@media (min-width: 768px) {
.author-box__text {
padding-left: 80px;
text-align: left;
}
}
.author-box .author-name span {
color: rgba(0, 0, 0, 0.4);
}
.author-box .author-name a {
color: rgba(0, 0, 0, 0.8);
color: #333;
font-size: 1.2rem;
font-weight: 700;
text-transform: uppercase;
}
.author-box .author-bio {
margin: 15px 0;
color: rgba(0, 0, 0, 0.6);
font-size: 16px;
}
.author-box .author-info {
color: rgba(0, 0, 0, 0.6);
text-align: center;
}
@media (min-width: 768px) {
.author-box .author-info {
text-align: left;
}
}
.author-box .author-info a,
.author-box .author-bio a {
color: rgba(0, 0, 0, 0.6);
}
.author-box .author-info a:hover,
.author-box .author-info a:focus,
.author-box .author-info a:active,
.author-box .author-bio a:hover,
.author-box .author-bio a:focus,
.author-box .author-bio a:active {
color: rgba(0, 0, 0, 0.8);
}
.author-box .author-socials ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.author-box .author-socials a {
display: inline-block;
font-size: 1.4rem;
white-space: nowrap;
text-decoration: none;
}
@media (min-width: 768px) {
.author-box .author-all-posts {
text-align: right;
}
}
.author-box .author-all-posts__link {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
text-decoration: none;
}
/*---- Posts navigation ----*/
.posts-navigation {
padding-bottom: 20px;
}
.posts-navigation .post--overlay .post__text {
min-height: 200px;
}
.posts-navigation .post--overlay .post__text-wrap {
padding-bottom: 15px;
}
.posts-navigation__prev,
.posts-navigation__next {
position: relative;
}
@media (min-width: 768px) {
.posts-navigation__prev,
.posts-navigation__next {
width: 50%;
float: left;
}
}
@media (min-width: 768px) {
.posts-navigation__prev {
padding-right: 10px;
}
}
.posts-navigation__prev:not(:only-child) {
margin-bottom: 35px;
}
@media (min-width: 768px) {
.posts-navigation__prev:not(:only-child) {
margin-bottom: 0;
}
}
.posts-navigation__prev i {
margin-right: 0.4em;
}
.posts-navigation__next {
text-align: right;
}
@media (min-width: 768px) {
.posts-navigation__next {
padding-left: 10px;
}
}
.posts-navigation__next i {
margin-left: 0.4em;
}
.posts-navigation__label {
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 10px 35px;
color: inherit;
text-decoration: none;
font-size: 12px;
color: #fff !important;
text-transform: uppercase;
overflow: hidden;
-webkit-transform: translate(0, 50%);
-moz-transform: translate(0, 50%);
-o-transform: translate(0, 50%);
transform: translate(0, 50%);
}
.posts-navigation__label:hover,
.posts-navigation__label:active,
.posts-navigation__label:focus {
color: inherit;
text-decoration: none;
}
.posts-navigation__label::before {
content: '';
position: absolute;
top: 0;
right: 20px;
bottom: 0;
left: 20px;
background: #003366;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.posts-navigation>div:hover .posts-navigation__label::before {
left: 0;
right: 0;
}
@media (min-width: 768px) {
.posts-navigation__prev .posts-navigation__label {
right: 10px;
}
}
@media (min-width: 768px) {
.posts-navigation__next .posts-navigation__label {
left: 10px;
}
}
.posts-navigation__label span {
position: relative;
}
/*---- Comments section ----*/
.comments-title {
margin: 0 0 2em 0;
padding-top: 20px;
border-top: 2px solid rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, 0.8);
font-size: 1.1rem;
line-height: 1.2;
letter-spacing: 0.08em;
font-weight: 700;
text-transform: uppercase;
}
@media (min-width: 768px) {
.comments-title {
font-size: 1.3rem;
}
}
.comments-title::before {
content: '\e0ca';
margin-right: 0.4em;
font-family: 'mdicon';
font-weight: 400;
color: rgba(0, 0, 0, 0.4);
font-size: 1.2em;
vertical-align: middle;
}
.comments-title__text {
margin: 0;
font-weight: 700;
text-transform: uppercase;
}
.comments-title .add-comment {
padding-left: 0.6em;
color: rgba(0, 0, 0, 0.8);
font-size: 90%;
text-transform: uppercase;
}
.comment-list {
margin-bottom: 40px;
list-style: none;
}
.comment-list>li:not(:first-child) {
padding-top: 20px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.comment-list ol.children {
position: relative;
padding: 0 0 0 30px;
list-style: none;
}
@media (min-width: 768px) {
.comment-list ol.children {
padding-left: 65px;
}
}
.comment-list ol.children ol.children {
padding-left: 0;
}
@media (min-width: 768px) {
.comment-list ol.children ol.children {
padding-left: 50px;
}
}
.comment-list ol.children>li {
padding-top: 20px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.comment-body {
margin-left: 65px;
margin-bottom: 20px;
}
.pingback .comment-body,
.trackback .comment-body {
margin-left: 0;
}
.comment-meta {
margin-bottom: 5px;
}
.comment-meta>*:not(:last-child) {
margin-right: 4px;
}
.comment-author {
position: relative;
font-size: 1.1429rem;
font-weight: 700;
}
@media (min-width: 768px) {
.comment-author {
display: inline-block;
}
}
.comment-author>img {
height: 50px;
width: 50px;
position: absolute;
top: 0;
left: -65px;
border-radius: 4px;
max-width: initial;
}
.bypostauthor>.comment-body .comment-author>img {
border: 2px solid #003366;
}
.comment-author a {
color: inherit;
text-decoration: none;
}
.comment-author a:hover,
.comment-author a:active,
.comment-author a:focus {
color: inherit;
text-decoration: none;
}
.comment-author .says {
display: none;
}
.children .comment-author>img {
height: 36px;
width: 36px;
left: -51px;
}
.children .comment-body {
margin-left: 51px;
}
.comment-metadata {
font-size: 12px;
font-size: 0.85714rem;
color: rgba(0, 0, 0, 0.4);
}
@media (min-width: 768px) {
.comment-metadata {
display: inline-block;
}
.comment-metadata::before {
content: '\b7';
margin-right: 4px;
font-weight: 400;
}
}
.comment-metadata>*:not(:last-child) {
margin-right: 4px;
}
.comment-metadata a,
.comment-metadata a:hover,
.comment-metadata a:focus,
.comment-metadata a:active,
.comment-metadata a:visited {
color: rgba(0, 0, 0, 0.4);
text-decoration: none;
}
.comment-metadata .edit-link {
text-transform: uppercase;
}
.comment-metadata .comment-edit-link {
color: rgba(0, 0, 0, 0.8);
font-weight: 700;
}
.comment-metadata .comment-edit-link::before {
content: '\e254';
margin-right: 0.2em;
font-family: 'mdicon';
font-weight: 400;
color: rgba(0, 0, 0, 0.4);
font-size: 1.1em;
}
.comment-content {
margin-bottom: 10px;
font-size: 16px;
font-size: 1.14286rem;
line-height: 1.6;
}
.comment-content>*:last-child {
margin-bottom: 0;
}
.comment-content .info {
padding: 15px;
background: #eee;
font-style: italic;
}
.comment-content .info p:last-child {
margin-bottom: 0;
}
.comment-reply-link {
color: inherit;
text-decoration: none;
color: rgba(0, 0, 0, 0.8);
font-size: 12px;
line-height: 16px;
font-weight: 700;
text-transform: uppercase;
}
.comment-reply-link:hover,
.comment-reply-link:active,
.comment-reply-link:focus {
color: inherit;
text-decoration: none;
}
.comment-reply-link:hover {
color: rgba(0, 0, 0, 0.8);
}
.comment-reply-link::before {
content: '\e15e';
margin-right: 0.2em;
font-family: 'mdicon';
font-weight: 400;
color: rgba(0, 0, 0, 0.4);
font-size: 1.1em;
}
.comment-respond {
margin: 20px 0;
}
.comment-list .comment-respond {
margin-bottom: 40px;
margin-top: 30px;
}
@media (min-width: 768px) {
.comment-respond {
margin: 40px 0 20px;
margin-top: 0;
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.comment-list .comment-respond {
padding: 0 0 0 65px;
}
}
@media (min-width: 768px) {
.comment-list .children .comment-respond {
padding-left: 51px;
}
}
.comment-reply-title {
margin-top: 0;
margin-bottom: 1em;
color: rgba(0, 0, 0, 0.8);
font-size: 1rem;
font-weight: 700;
text-transform: uppercase;
}
@media (min-width: 768px) {
.comment-reply-title {
font-size: 1.142857142857143rem;
}
}
.comment-reply-title small {
font-size: 80%;
}
#cancel-comment-reply-link {
color: inherit;
text-decoration: none;
display: inline-block;
margin-left: 0.4em;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
line-height: 1.2;
}
#cancel-comment-reply-link:hover,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:focus {
color: inherit;
text-decoration: none;
}
.comment-form .logged-in-as a {
color: inherit;
text-decoration: underline;
}
.comment-form .logged-in-as a:hover,
.comment-form .logged-in-as a:active,
.comment-form .logged-in-as a:focus {
color: inherit;
text-decoration: underline;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form input[type="password"],
.comment-form input[type="search"],
.comment-form input[type="tel"],
.comment-form input[type="number"],
.comment-form input[type="date"],
.comment-form input[type="time"],
.comment-form input[type="datetime-local"],
.comment-form input[type="week"],
.comment-form input[type="month"],
.comment-form input[list],
.comment-form select,
.comment-form textarea {
display: block;
}
.comment-form-comment textarea {
max-width: 790px;
font-size: 16px;
font-size: 1.14286rem;
line-height: 1.6;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
max-width: 320px;
}
.comment-form-url {
margin-right: 0;
}
.comment-form .form-submit {
clear: both;
padding-top: 10px;
margin-bottom: 0;
}
.comment-form .form-submit input[type="submit"] {
background: #003366;
color: #fff;
}
.comment-form .form-submit input[type="submit"]:active,
.comment-form .form-submit input[type="submit"]:focus,
.comment-form .form-submit input[type="submit"]:hover {
background: #ef392b;
color: #fff;
}
/*---- Disqus Comment ----*/
#disqus_thread {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.atbs-keylin-main-col #disqus_thread {
padding-right: 0;
padding-left: 0;
max-width: 100%;
}
@media (min-width: 768px) {
#disqus_thread {
max-width: 750px;
}
}
@media (min-width: 992px) {
#disqus_thread {
max-width: 970px;
}
}
@media (min-width: 1200px) {
#disqus_thread {
max-width: 1170px;
}
}
/* =============================================================================
## THEMES
============================================================================= */
.site-header--side-logo .header-logo:not(.header-logo--mobile),
.list-square-bullet>li>*::before,
.list-square-bullet-exclude-first>li:not(:first-child)>*::before,
.atbs-keylin-carousel-dots-b .swiper-pagination-bullet-active {
background: #003366;
}
/*
* Header 3 / Footer 4
*--------------------*/
.header-3 .header-main {
padding: 30px 0;
background: transparent;
}
.header-3 .mobile-header,
.header-3 .navigation-bar {
background: transparent;
}
.header-3 .site-header,
.header-3 .sticky-header,
.footer-3.site-footer {
background: #43C6AC;
background: -webkit-linear-gradient(-30deg, #43C6AC 0, #191654 100%);
background: -webkit-linear-gradient(120deg, #43C6AC 0, #191654 100%);
background: -moz-linear-gradient(120deg, #43C6AC 0, #191654 100%);
background: linear-gradient(-30deg, #43C6AC 0, #191654 100%);
}
/*
* Header 4 / Footer 4
*--------------------*/
.header-4 .navigation-bar,
.header-4 .mobile-header {
background: #191654;
}
.header-4 .atbs-keylin-mosaic .overlap-background {
background: #191654;
background: -webkit-linear-gradient(-270deg, #43C6AC 0, #191654 100%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #43C6AC), to(#191654));
background: -webkit-linear-gradient(bottom, #43C6AC 0, #191654 100%);
background: -moz-linear-gradient(bottom, #43C6AC 0, #191654 100%);
background: linear-gradient(0deg, #43C6AC 0, #191654 100%);
}
.header-4 .navigation--main>li>a::before {
content: none;
}
.header-4 .site-footer {
background: #f5f5f5;
}
/*
* Header 5 / Footer 5
*--------------------*/
.header-5 .navigation--main>li>a:hover,
.header-5 .navigation--main>li>a:focus,
.header-5 .navigation--main>li>a:active {
background: rgba(0, 0, 0, 0.05);
}
.header-5 .navigation--main>li>a::before {
content: none;
}
.footer-5.site-footer {
background-color: #4A4A4A;
background: -webkit-linear-gradient(-450deg, #4A4A4A 0, #111 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4A4A4A), to(#111));
background: -webkit-linear-gradient(top, #4A4A4A 0, #111 100%);
background: -moz-linear-gradient(top, #4A4A4A 0, #111 100%);
background: linear-gradient(180deg, #4A4A4A 0, #111 100%);
}
/*
* Header 7 / Footer 7 / Header 8 / Footer 8
*--------------------*/
.header-6 .header-main {
position: relative;
}
.site-footer.footer-6 .site-footer__section:first-child,
.site-footer.footer-7 .site-footer__section:first-child {
background: #004e66;
background: -webkit-linear-gradient(-450deg, #004e66 0, transparent 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #004e66), to(transparent));
background: -webkit-linear-gradient(top, #004e66 0, transparent 100%);
background: -moz-linear-gradient(top, #004e66 0, transparent 100%);
background: linear-gradient(180deg, #004e66 0, transparent 100%);
}
.site-footer.footer-6,
.site-footer.footer-7 {
background: #1B1D1C;
}
/*
* Footer
*---------------------*/
.site-footer .has-bg-pattern::before,
.site-footer.has-bg-pattern::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.bg-color-light-gray {
background-color: #fafafa;
}
.bg-gradient-1 {
background: #2af598;
background: -webkit-linear-gradient(to left, #2af598, #009efd);
background: -webkit-gradient(linear, right top, left top, from(#2af598), to(#009efd));
background: -webkit-linear-gradient(right, #2af598, #009efd);
background: -moz-linear-gradient(right, #2af598, #009efd);
background: linear-gradient(to left, #2af598, #009efd);
}
.bg-gradient-1-vertical {
background: #2af598;
background: -webkit-linear-gradient(to top, #2af598, #009efd);
background: -webkit-gradient(linear, left bottom, left top, from(#2af598), to(#009efd));
background: -webkit-linear-gradient(bottom, #2af598, #009efd);
background: -moz-linear-gradient(bottom, #2af598, #009efd);
background: linear-gradient(to top, #2af598, #009efd);
}
.bg-gradient-2 {
background: #12162d;
background: -webkit-linear-gradient(top, #19aad1 0, #12162d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #19aad1), to(#12162d));
background: -moz-linear-gradient(top, #19aad1 0, #12162d 100%);
background: linear-gradient(180deg, #19aad1 0, #12162d 100%);
}
.bg-gradient-3 {
background: #34e89e;
/* fallback for old browsers */
background: -webkit-linear-gradient(to left, #34e89e, #0f3443);
/* Chrome 10-25, Safari 5.1-6 */
background: -webkit-gradient(linear, right top, left top, from(#34e89e), to(#0f3443));
background: -webkit-linear-gradient(right, #34e89e, #0f3443);
background: -moz-linear-gradient(right, #34e89e, #0f3443);
background: linear-gradient(to left, #34e89e, #0f3443);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-4 {
background: #004e66;
background: -webkit-linear-gradient(-450deg, #004e66 0, transparent 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #004e66), to(transparent));
background: -webkit-linear-gradient(top, #004e66 0, transparent 100%);
background: -moz-linear-gradient(top, #004e66 0, transparent 100%);
background: linear-gradient(180deg, #004e66 0, transparent 100%);
}
.gradient-5 {
background: #43C6AC;
background: -webkit-linear-gradient(-495deg, #43C6AC 0, #191654 100%);
background: -webkit-linear-gradient(225deg, #43C6AC 0, #191654 100%);
background: -moz-linear-gradient(225deg, #43C6AC 0, #191654 100%);
background: linear-gradient(225deg, #43C6AC 0, #191654 100%);
}
.gradient-5-alt {
background: #43C6AC;
background: -webkit-linear-gradient(-430deg, #43C6AC 0, #191654 100%);
background: -webkit-linear-gradient(290deg, #43C6AC 0, #191654 100%);
background: -moz-linear-gradient(290deg, #43C6AC 0, #191654 100%);
background: linear-gradient(160deg, #43C6AC 0, #191654 100%);
}
/* -----------------------------------------------------------------
## More CSS
----------------------------------------------------------------- */
.site-logo a:hover,
.site-logo a:focus {
text-decoration: none;
}
/* Add here all your CSS customizations */
.top-bar__nav .navigation li .sub-menu {
text-align: left;
}
.top-bar__nav .navigation li .sub-menu .sub-menu {
left: -moz-calc(100% + 10px);
left: calc(100% + 10px);
top: 0;
margin-top:0;
}
.module-viewmore-btn {
clear: both;
}
/*--- bk-preload ---*/
.bk-preload-wrapper {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
z-index: 100;
}
.bk-preload-blur {
opacity: 0.3;
}
/* Loading spinner */
.bk-preload-wrapper::after {
border: 2px solid #000;
border-left-color: transparent;
border-right-color: transparent;
border-radius: 34px;
content: "";
width: 34px;
height: 34px;
display: inline-block;
overflow: hidden;
-moz-animation: loading-icon-spin 1000ms infinite linear;
-webkit-animation: loading-icon-spin 1000ms infinite linear;
animation: loading-icon-spin 1000ms infinite linear;
}
.bk-preload-wrapper::after {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
margin-top: -32px;
margin-left: -16px;
border-width: 3px;
}
.bk-preload-wrapper::after {
border-top-color: #003366;
border-bottom-color: #003366;
}
@-moz-keyframes loading-icon-spin {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes loading-icon-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes loading-icon-spin {
0% {
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.header-logo>a .logo-text {
font-size: 40px;
font-weight: 600;
}
#atbs-keylin-mobile-header .header-logo>a .logo-text {
font-size: 22px;
font-weight: 600;
}
.header-branding--mobile>a {
font-size: inherit;
}
.atbs-keylin-offcanvas__title .site-logo img {
max-width: 140px;
width: 100%;
}
.lwa {
margin-bottom: 0;
}
.lwa-avatar {
width: auto;
height: auto;
}
.atbs-keylin-offcanvas__section .lwa-avatar>.bk-username {
display: inline-block !important;
margin-left: 8px;
}
.atbs-keylin-offcanvas__section .lwa-avatar>.bk-username a {
text-decoration: none !important;
color: #444;
font-weight: bold;
outline: 0 !important;
}
.atbs-keylin-offcanvas__section .lwa-avatar .bk-canvas-logout {
border-left: 1px solid rgba(0, 0, 0, 0.15);
display: inline-block !important;
margin-left: 10px;
padding-left: 10px;
}
.atbs-keylin-offcanvas__section .bk-canvas-logout a {
text-decoration: none !important;
color: #444;
font-weight: bold;
outline: 0 !important;
}
.atbs-keylin-offcanvas__section .bk-lwa.navigation-bar-btn .avatar,
.atbs-keylin-offcanvas__section .navigation-bar-btn span,
.atbs-keylin-offcanvas__section .navigation-bar-btn i {
line-height: 1;
}
.atbs-keylin-offcanvas__section tr,
.lwa-template-modal>.bk-lwa>table>tbody>tr {
border-bottom: none !important;
}
.lwa-modal {
padding: 0;
background: none;
width: auto;
margin-left: 0;
}
.lwa-status,
.bk-login-status {
margin-bottom: 20px;
}
.lwa-avatar.bk-avatar img {
border-radius: 50%;
}
.bk-lwa.navigation-bar-btn .avatar {
line-height: 70px;
}
.bk-account-info {
width: 230px;
position: absolute;
top: 100%;
right: 0;
bottom: auto;
left: auto;
padding: 25px 0 10px 0;
background: #fff;
opacity: 0;
visibility: hidden;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05);
-webkit-transform: scale(1, 0.9);
-moz-transform: scale(1, 0.9);
-o-transform: scale(1, 0.9);
transform: scale(1, 0.9);
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
-moz-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
-o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
z-index: 30;
overflow-y: auto;
max-height: 380px;
}
.bk-lwa:hover>.bk-account-info,
.bk-lwa:focus>.bk-account-info {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
-moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
-o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.bk-lwa-profile .profile-author-wrap{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 25px 25px 25px;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.bk-lwa-profile.bk-profile-custom .bk-avatar img {
width: 50px;
height: 50px;
border-radius: 50%;
}
.bk-lwa-profile{
text-align: left;
}
.bk-lwa-profile .bk-avatar {
width: auto;
height: auto;
float: none;
margin-left: 0;
position: initial;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
text-align: left;
margin-right: 15px;
}
.lwa-avatar.bk-avatar img {
border-radius: 50%;
}
.bk-lwa-profile .bk-user-data {
color: rgba(0,0,0,0.8);
font-size: 14px;
text-align: left;
}
.bk-lwa-profile .bk-user-data>div {
padding: 8px;
}
.bk-lwa-profile .bk-username{
height: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
}
.bk-lwa-profile .bk-username a{
font-size: 16px;
line-height: 1.5;
font-weight: 600;
color: rgba(0,0,0,0.6);
text-transform: capitalize;
}
.bk-lwa-profile .bk-user-data>div:hover {
/* background-color: #f0f0f0;*/
}
.bk-lwa-profile.bk-profile-custom .bk-block:not(:last-child) {
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.bk-lwa-profile.bk-profile-custom .bk-block {
padding: 15px 25px;
}
.bk-lwa-profile.bk-profile-custom .bk-block a {
font-size: 16px;
line-height: 1.5;
font-weight: 400;
color: rgba(0,0,0,0.6);
text-transform: initial;
text-decoration: none;
}
.bk-lwa-profile .bk-user-data>div:first-child {
margin-top: 0;
}
.bk-lwa-profile .bk-user-data i {
margin-right: 5px;
width: 17px;
height: 17px;
line-height: 14px;
color: #666;
}
.bk-recover-submit input[type="submit"],
.bk-register-submit input[type="submit"] {
font-size: 12px;
padding: 8px 12px;
float: right;
width: auto;
text-transform: uppercase;
background: none;
border: 1px solid #888;
color: #888;
}
.bk-recover-submit .bk-back-login,
.bk-register-form-wrapper .bk-back-login {
text-transform: uppercase;
font-size: 12px;
color: #888;
padding: 8px 12px;
border: 1px solid #888;
float: left;
-moz-transform: none;
-o-transform: none;
transform: none;
-webkit-transform: none;
-o-transition: none;
-moz-transition: none;
transition: none;
-webkit-transition: none;
}
.bk-back-login i {
margin-right: 8px;
}
.lwa .bk-remember-form-wrapper,
.lwa .bk-register-form-wrapper {
margin-top: 0;
}
.lwa-modal .lwa-modal-close {
font-size: 20px;
top: 15px;
right: 15px;
}
.bk-login-modal a {
-moz-transform: none;
-o-transform: none;
transform: none;
-webkit-transform: none;
-o-transition: none;
-moz-transition: none;
transition: none;
-webkit-transition: none;
}
.bk-lwa-profile .bk-user-data a:visited,
.bk-lwa-profile .bk-user-data a:focus,
.bk-lwa-profile .bk-user-data a:hover {
text-decoration: none !important;
color: inherit;
outline: 0 !important;
}
.bk-lwa-profile .bk-user-data a {
color: #444;
text-decoration: none;
}
.bk-account-info::-webkit-scrollbar {
width: 3px;
background-color: #F5F5F5;
}
.bk-account-info::-webkit-scrollbar-thumb {
border-radius: 20px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #999;
}
.bk-account-info::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 20px;
background-color: #F5F5F5;
}
/** Plugins **/
.apsl-login-networks a:last-child .apsl-icon-block {
margin-right: 0;
}
span.apsl-login-new-text {
font-weight: normal;
}
/** Modules **/
.atbs-keylin-horizontal-list .item-list:nth-child(3n+1) {
clear: both;
}
/** Post Cat Margin **/
@media (min-width: 768px) {
.post__cat,
a.post__cat,
.entry-cat,
a.entry-cat {
font-size: 10px;
font-size: 0.71429rem;
}
}
/** Shortcode **/
.atbs-keylin-shortcode-wrap {
margin-top: 2em;
margin-bottom: 2em;
}
/** Single **/
.single-entry--template-2-alt .single-entry-featured-media {
margin-bottom: 30px;
}
@media (max-width: 767px) {
.single-entry--template-2-alt .single-entry-featured-media,
.single-entry--template-2--no-sidebar .single-entry-featured-media {
margin-left: -15px;
margin-right: -15px;
margin-top: -20px;
}
}
.single-entry--template-4 .single-entry-featured-media {
position: relative;
margin-top: -70px;
margin-left: 0;
margin-right: 0;
}
@media (min-width: 992px) {
.single-entry--template-4 .single-entry-featured-media {
margin-top: -90px;
}
}
.post_format-post-format-gallery .single-entry-featured-media {
box-shadow: none;
}
.page-404-logo a {
font-size: 50px;
font-weight: bold;
}
.page-404-image .page-404-title {
text-align: center;
font-size: 120px;
font-weight: bold;
}
/*Featured With OverLap (Default Thumb)*/
/* Safari */
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/** Update 4.3 **/
.site-header__ads {
text-align: right;
}
/** Update 5.1**/
.author-listing-grid--layout ul li:nth-child(2n+1) {
clear: both;
}
.author-listing-grid--fw-layout ul li:nth-child(3n+1) {
clear: both;
}
@media (min-width: 768px) {
div[class*="author-listing-grid-"] .author-box__text, div[class*="author-listing-grid-"] .author-box .author-info {
padding-left: 0;
text-align: center;
}
div[class*="author-listing-grid-"] .author-box .author-avatar {
height: 100px !important;
width: 100px !important;
margin: -50px auto 20px;
border-radius: 100%;
border: 4px solid #fff;
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04);
position: static;
-moz-transform: none;
-o-transform: none;
transform: none;
-webkit-transform: none;
}
}
/**
* Menu To Left
*/
.atbs-submenu-to-left .sub-menu {
right: -moz-calc(100%) !important;
right: calc(100%) !important;
left: auto !important;
}
.atbs-submenu-to-right .sub-menu{
right: auto !important;
bottom: auto !important;
left: 100% !important;
}
/*ltp update author page*/
@media(min-width: 421px){
/*.page_Author .author-box{*/
/* display: flex;*/
/*}*/
/*.page_Author .list-horizontal.list-space-sm{*/
/* text-align: left;*/
/*}*/
}
@media(min-width: 768px){
.page_Author .author-box{
margin-bottom: 50px;
}
}
@media(max-width: 767px){
.page_Author .author-box{
margin-bottom: 30px;
}
}
.page_Author .author-box .author-socials a{
font-size: 1rem;
}
.page_Author .author-box .author-socials .list-space-sm li{
padding: 0 5px;
}
.page_Author .author-box .author-avatar img{
border-radius: 100%;
}
.page_Author .list-horizontal.list-space-sm{
margin-left: -5px;
margin-right: -5px;
}
/** Theme CSS **/
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
display: none;
}
.wp-block-button {
/*margin-top: 28px;*/
margin-bottom: 28px;
}
.wp-block-button.aligncenter {
text-align: center;
}
.wp-block-button .wp-block-button__link {
text-decoration: none;
padding: 0.5em 1em;
border-radius: 8px;
}
.wp-block-button.is-style-squared .wp-block-button__link {
border-radius: 0;
}
.wp-block-cover-image .wp-block-subhead:not(.has-text-color),
.wp-block-cover-image h1:not(.has-text-color),
.wp-block-cover-image h2:not(.has-text-color),
.wp-block-cover-image h3:not(.has-text-color),
.wp-block-cover-image h4:not(.has-text-color),
.wp-block-cover-image h5:not(.has-text-color),
.wp-block-cover-image h6:not(.has-text-color),
.wp-block-cover-image p:not(.has-text-color),
.wp-block-cover .wp-block-subhead:not(.has-text-color),
.wp-block-cover h1:not(.has-text-color),
.wp-block-cover h2:not(.has-text-color),
.wp-block-cover h3:not(.has-text-color),
.wp-block-cover h4:not(.has-text-color),
.wp-block-cover h5:not(.has-text-color),
.wp-block-cover h6:not(.has-text-color),
.wp-block-cover p:not(.has-text-color) {
color: var(--color-white, #fff);
}
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text, section.wp-block-cover-image>h2 {
font-size: 2rem;
line-height: 1.4;
}
.typography-copy ul.blocks-gallery-grid {
margin: 0;
padding: 0;
}
.typography-copy .wp-block-gallery {
margin-bottom: 1.6em;
}
.typography-copy ul li:not(:last-child).blocks-gallery-item {
margin-top: 0;
}
figure.wp-block-gallery {
margin-top: 0;
}
.post--single .single-content .single-body p,
.wp-block-audio, .wp-block-cover, .wp-block-archives-dropdown,
.wp-block-categories-dropdown, .wp-block-search, .wp-block-group,
.wp-block-media-text {
/*margin-top: 28px;*/
margin-bottom: 28px;
}
.post--single .single-content .single-body p:first-child {
margin-top: 0;
}
.post--single .single-content .single-body p:last-child {
/*margin-bottom: 0;*/
}
.wp-block-preformatted {
margin-top: 28px;
}
blockquote.wp-block-quote p:first-child {
margin-top: 20px !important;
margin-bottom: 20px!important;
}
.blocks-gallery-grid figcaption,
.wp-block-gallery figcaption,
.wp-block-video figcaption,
.wp-block-embed figcaption {
padding-top: 0;
margin-top: 0;
}
.wp-block-embed .atbs-keylin-responsive-video {
margin-bottom: 0 !important;
}
.wp-block-embed__wrapper + figcaption {
margin-top: 10px;
}
.wp-block-group.has-background {
padding: 0.5em 2em;
}
.post--single .single-content .single-body p.wp-caption-text {
margin-top: 0;
}
.wp-block-table table {
border: 0.1rem solid rgba(0,0,0,0.1);
}
.wp-block-table td:first-child {
padding: 0.8em;
}
.wp-block-table th, .wp-block-table td {
border: 0.1rem solid rgba(0,0,0,0.1);
}
.wp-block-calendar table caption {
text-align: center;
}
.wp-block-table table tbody tr:nth-child(2n) {
background-color: rgba(0, 0, 0, .025);
}
.wp-block-table figcaption {
margin-top: 10px;
}
.wp-block-search .wp-block-search__button {
background: #333;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 0 15px;
height: 53px;
line-height: 53px;
color: #fff;
border: 0;
font-size: 17px;
display: flex;
align-items: center;
justify-content: center;
}
.wp-block-group.has-background {
padding-top: 45px;
}
/* -----------------------------------------------------------------
## GLOBAL VARIABLES
----------------------------------------------------------------- */
:root {
/* Colors */
--color-logo: #151416;
--color-primary: #6c92a2;
--color-black: #000;
--color-white: #fff;
--color-text-dark: #151416;
--color-text-dark-gray: #141614;
--color-text-gray: rgba(0, 0, 0, 0.68);
--color-text-light-gray: rgba(0, 0, 0, 0.3);
--color-text-light: #e5e5e4;
--color-text-widget-title-dark : rgba(0,0,0,0.7);
--color-text-body: rgba(0,0,0,0.8);
}
/* -----------------------------------------------------------------
## UTILITIES
----------------------------------------------------------------- */
/*---- Positioning ---*/
.position-initial { position: initial; }
.position-static { position: static; }
.position-relative { position: relative; }
.position-absolute { position: absolute; }
.position-fixed { position: fixed; }
.position-sticky {
position: -webkit-sticky;
position: sticky;
}
.position-top-left {
top: 0;
left: 0;
}
.position-top-right {
top: 0;
right: 0;
}
.position-bottom-left {
bottom: 0;
left: 0;
}
.position-bottom-right {
bottom: 0;
right: 0;
}
/*---- Box Model ---*/
/* Display */
.d-block {
display: block;
}
.d-flex {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
}
.d-inline {
display: inline;
}
.d-inline-block {
display: inline-block;
}
.d-inline-flex {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: inline-flex;
}
/* Margin */
.margin-0 { margin: 0px; }
.margin-5 { margin: 5px; }
.margin-10 { margin: 10px; }
.margin-15 { margin: 15px; }
.margin-20 { margin: 20px; }
.margin-25 { margin: 25px; }
.margin-30 { margin: 30px; }
.margin-35 { margin: 35px; }
.margin-40 { margin: 40px; }
.margin-50 { margin: 50px; }
.margin-x-5 {
margin-left: 5px;
margin-right: 5px;
}
.margin-x-10 {
margin-left: 10px;
margin-right: 10px;
}
.margin-x-15 {
margin-left: 15px;
margin-right: 15px;
}
.margin-x-20 {
margin-left: 20px;
margin-right: 20px;
}
.margin-x-25 {
margin-left: 25px;
margin-right: 25px;
}
.margin-x-30 {
margin-left: 30px;
margin-right: 30px;
}
.margin-x-35 {
margin-left: 35px;
margin-right: 35px;
}
.margin-x-40 {
margin-left: 40px;
margin-right: 40px;
}
.margin-x-50 {
margin-left: 50px;
margin-right: 50px;
}
.margin-y-5 {
margin-top: 5px;
margin-bottom: 5px;
}
.margin-y-10 {
margin-top: 10px;
margin-bottom: 10px;
}
.margin-y-15 {
margin-top: 15px;
margin-bottom: 15px;
}
.margin-y-20 {
margin-top: 20px;
margin-bottom: 20px;
}
.margin-y-25 {
margin-top: 25px;
margin-bottom: 25px;
}
.margin-y-30 {
margin-top: 30px;
margin-bottom: 30px;
}
.margin-y-35 {
margin-top: 35px;
margin-bottom: 35px;
}
.margin-y-40 {
margin-top: 40px;
margin-bottom: 40px;
}
.margin-y-50 {
padding-top: 50px;
padding-bottom: 50px;
}
.margin-top-0 { margin-top: 0; }
.margin-top-5 { margin-top: 5px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-12 { margin-top: 12px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-25 { margin-top: 25px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-35 { margin-top: 35px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-45 { margin-top: 45px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-55 { margin-top: 55px; }
.margin-top-60 { margin-top: 60px; }
.margin-top-65 { margin-top: 65px; }
.margin-top-70 { margin-top: 70px; }
.margin-top-75 { margin-top: 75px; }
.margin-top-80 { margin-top: 80px; }
.margin-right-0 { margin-right: 0; }
.margin-right-5 { margin-right: 5; }
.margin-right-10 { margin-right: 10px; }
.margin-right-15 { margin-right: 15px; }
.margin-right-20 { margin-right: 20px; }
.margin-right-25 { margin-right: 25px; }
.margin-right-30 { margin-right: 30px; }
.margin-right-35 { margin-right: 35px; }
.margin-right-40 { margin-right: 40px; }
.margin-right-45 { margin-right: 45px; }
.margin-right-50 { margin-right: 50px; }
.margin-right-55 { margin-right: 55px; }
.margin-right-60 { margin-right: 60px; }
.margin-right-65 { margin-right: 65px; }
.margin-right-70 { margin-right: 70px; }
.margin-right-75 { margin-right: 75px; }
.margin-right-80 { margin-right: 80px; }
.margin-bottom-0 { margin-bottom: 0; }
.margin-bottom-5 { margin-bottom: 5; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-18 { margin-bottom: 18px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-25 { margin-bottom: 25px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-35 { margin-bottom: 35px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-45 { margin-bottom: 45px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-bottom-55 { margin-bottom: 55px; }
.margin-bottom-60 { margin-bottom: 60px; }
.margin-bottom-65 { margin-bottom: 65px; }
.margin-bottom-70 { margin-bottom: 70px; }
.margin-bottom-75 { margin-bottom: 75px; }
.margin-bottom-80 { margin-bottom: 80px; }
.margin-left-0 { margin-left: 0; }
.margin-left-5 { margin-left: 5; }
.margin-left-10 { margin-left: 10px; }
.margin-left-15 { margin-left: 15px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-25 { margin-left: 25px; }
.margin-left-30 { margin-left: 30px; }
.margin-left-35 { margin-left: 35px; }
.margin-left-40 { margin-left: 40px; }
.margin-left-45 { margin-left: 45px; }
.margin-left-50 { margin-left: 50px; }
.margin-left-55 { margin-left: 55px; }
.margin-left-60 { margin-left: 60px; }
.margin-left-65 { margin-left: 65px; }
.margin-left-70 { margin-left: 70px; }
.margin-left-75 { margin-left: 75px; }
.margin-left-80 { margin-left: 80px; }
/* Padding */
.padding-0 { padding: 0px; }
.padding-5 { padding: 5px; }
.padding-10 { padding: 10px; }
.padding-15 { padding: 15px; }
.padding-20 { padding: 20px; }
.padding-25 { padding: 25px; }
.padding-30 { padding: 30px; }
.padding-35 { padding: 35px; }
.padding-40 { padding: 40px; }
.padding-50 { padding: 50px; }
.padding-x-0 {
padding-left: 0;
padding-right: 0;
}
.padding-x-5 {
padding-left: 5px;
padding-right: 5px;
}
.padding-x-10 {
padding-left: 10px;
padding-right: 10px;
}
.padding-x-15 {
padding-left: 15px;
padding-right: 15px;
}
.padding-x-20 {
padding-left: 20px;
padding-right: 20px;
}
.padding-x-25 {
padding-left: 25px;
padding-right: 25px;
}
.padding-x-30 {
padding-left: 30px;
padding-right: 30px;
}
.padding-x-35 {
padding-left: 35px;
padding-right: 35px;
}
.padding-x-40 {
padding-left: 40px;
padding-right: 40px;
}
.padding-x-50 {
padding-left: 50px;
padding-right: 50px;
}
.padding-y-0 {
padding-top: 0;
padding-bottom: 0;
}
.padding-y-5 {
padding-top: 5px;
padding-bottom: 5px;
}
.padding-y-10 {
padding-top: 10px;
padding-bottom: 10px;
}
.padding-y-15 {
padding-top: 15px;
padding-bottom: 15px;
}
.padding-y-20 {
padding-top: 20px;
padding-bottom: 20px;
}
.padding-y-25 {
padding-top: 25px;
padding-bottom: 25px;
}
.padding-y-30 {
padding-top: 30px;
padding-bottom: 30px;
}
.padding-y-35 {
padding-top: 35px;
padding-bottom: 35px;
}
.padding-y-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.padding-y-50 {
padding-top: 50px;
padding-bottom: 50px;
}
.padding-top-0 { padding-top: 0; }
.padding-top-5 { padding-top: 5px; }
.padding-top-10 { padding-top: 10px; }
.padding-top-15 { padding-top: 15px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-25 { padding-top: 25px; }
.padding-top-30 { padding-top: 30px; }
.padding-top-35 { padding-top: 35px; }
.padding-top-40 { padding-top: 40px; }
.padding-top-50 { padding-top: 50px; }
.padding-right-0 { padding-right: 0; }
.padding-right-5 { padding-right: 5px; }
.padding-right-10 { padding-right: 10px; }
.padding-right-15 { padding-right: 15px; }
.padding-right-20 { padding-right: 20px; }
.padding-right-25 { padding-right: 25px; }
.padding-right-30 { padding-right: 30px; }
.padding-right-35 { padding-right: 35px; }
.padding-right-40 { padding-right: 40px; }
.padding-right-50 { padding-right: 50px; }
.padding-bottom-0 { padding-bottom: 0; }
.padding-bottom-5 { padding-bottom: 5px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-15 { padding-bottom: 15px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-25 { padding-bottom: 25px; }
.padding-bottom-30 { padding-bottom: 30px; }
.padding-bottom-35 { padding-bottom: 35px; }
.padding-bottom-40 { padding-bottom: 40px; }
.padding-bottom-50 { padding-bottom: 50px; }
.padding-left-0 { padding-left: 0; }
.padding-left-5 { padding-left: 5px; }
.padding-left-10 { padding-left: 10px; }
.padding-left-15 { padding-left: 15px; }
.padding-left-20 { padding-left: 20px; }
.padding-left-25 { padding-left: 25px; }
.padding-left-30 { padding-left: 30px; }
.padding-left-35 { padding-left: 35px; }
.padding-left-40 { padding-left: 40px; }
.padding-left-50 { padding-left: 50px; }
/*---- Sizing ---*/
.width-25 {
width: 25%;
}
.width-50 {
width: 50%;
}
.width-75 {
width: 75%;
}
.width-100 {
width: 100%;
}
.width-auto {
width: auto;
}
.max-width-100 {
max-width: 100%;
}
.height-25 {
height: 25%;
}
.height-50 {
height: 50%;
}
.height-75 {
height: 75%;
}
.height-100 {
height: 100%;
}
.height-auto {
height: auto;
}
.max-height-100 {
max-height: 100%;
}
/* Color */
.color-logo {
color: var(--color-logo);
}
.color-primary {
color: var(--color-primary);
}
.color-secondary {
color: var(--color-secondary);
}
.color-black {
color: var(--color-black);
}
.color-white {
color: var(--color-white);
}
.color-text-dark {
color: var(--color-text-dark);
}
.color-text-dark-gray {
color: var(--color-text-dark-gray);
}
.color-text-gray {
color: var(--color-text-gray);
}
.color-text-light-gray {
color: var(--color-text-light-gray);
}
.color-text-light {
color: var(--color-text-light);
}
/* Background */
.bg-logo {
background-color: var(--color-logo);
}
.bg-primary {
background-color: var(--color-primary);
}
.bg-dark {
background-color: var(--color-text-dark);
}
.bg-black {
background-color: var(--color-black);
}
.bg-white {
background-color: var(--color-white);
}
.atbs-background-matrix::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: transparent !important;
background-size: 24px;
background-repeat: repeat;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500' fill-opacity='1' style='enable-background:new 0 0 500 500'%3E%3Cstyle%3E .st0{fill:rgba(255,255,255,1)} %3C/style%3E%3Ccircle class='st0' cy='336.6' r='12.7'/%3E%3Ccircle class='st0' cx='83.3' cy='336.6' r='12.7'/%3E%3Ccircle class='st0' cx='166.7' cy='336.6' r='12.7'/%3E%3Ccircle class='st0' cx='250' cy='336.6' r='12.7'/%3E%3Ccircle class='st0' cx='333.3' cy='336.6' r='12.7'/%3E%3Ccircle class='st0' cx='416.7' cy='336.6' r='12.7'/%3E%3Ccircle class='st0' cx='500' cy='336.6' r='12.7'/%3E%3Cg%3E%3Ccircle class='st0' cy='.7' r='12.7'/%3E%3Ccircle class='st0' cx='83.3' cy='.7' r='12.7'/%3E%3Ccircle class='st0' cx='166.7' cy='.7' r='12.7'/%3E%3Ccircle class='st0' cx='250' cy='.7' r='12.7'/%3E%3Ccircle class='st0' cx='333.3' cy='.7' r='12.7'/%3E%3Ccircle class='st0' cx='416.7' cy='.7' r='12.7'/%3E%3Ccircle class='st0' cx='500' cy='.7' r='12.7'/%3E%3C/g%3E%3Cg%3E%3Ccircle class='st0' cy='419.5' r='12.7'/%3E%3Ccircle class='st0' cx='83.3' cy='419.5' r='12.7'/%3E%3Ccircle class='st0' cx='166.7' cy='419.5' r='12.7'/%3E%3Ccircle class='st0' cx='250' cy='419.5' r='12.7'/%3E%3Ccircle class='st0' cx='333.3' cy='419.5' r='12.7'/%3E%3Ccircle class='st0' cx='416.7' cy='419.5' r='12.7'/%3E%3Ccircle class='st0' cx='500' cy='419.5' r='12.7'/%3E%3C/g%3E%3Cg%3E%3Ccircle class='st0' cy='500.7' r='12.7'/%3E%3Ccircle class='st0' cx='83.3' cy='500.7' r='12.7'/%3E%3Ccircle class='st0' cx='166.7' cy='500.7' r='12.7'/%3E%3Ccircle class='st0' cx='250' cy='500.7' r='12.7'/%3E%3Ccircle class='st0' cx='333.3' cy='500.7' r='12.7'/%3E%3Ccircle class='st0' cx='416.7' cy='500.7' r='12.7'/%3E%3Ccircle class='st0' cx='500' cy='500.7' r='12.7'/%3E%3C/g%3E%3Cg%3E%3Ccircle class='st0' cy='170.9' r='12.7'/%3E%3Ccircle class='st0' cx='83.3' cy='170.9' r='12.7'/%3E%3Ccircle class='st0' cx='166.7' cy='170.9' r='12.7'/%3E%3Ccircle class='st0' cx='250' cy='170.9' r='12.7'/%3E%3Ccircle class='st0' cx='333.3' cy='170.9' r='12.7'/%3E%3Ccircle class='st0' cx='416.7' cy='170.9' r='12.7'/%3E%3Ccircle class='st0' cx='500' cy='170.9' r='12.7'/%3E%3C/g%3E%3Cg%3E%3Ccircle class='st0' cy='253.8' r='12.7'/%3E%3Ccircle class='st0' cx='83.3' cy='253.8' r='12.7'/%3E%3Ccircle class='st0' cx='166.7' cy='253.8' r='12.7'/%3E%3Ccircle class='st0' cx='250' cy='253.8' r='12.7'/%3E%3Ccircle class='st0' cx='333.3' cy='253.8' r='12.7'/%3E%3Ccircle class='st0' cx='416.7' cy='253.8' r='12.7'/%3E%3Ccircle class='st0' cx='500' cy='253.8' r='12.7'/%3E%3C/g%3E%3Cg%3E%3Ccircle class='st0' cy='88' r='12.7'/%3E%3Ccircle class='st0' cx='83.3' cy='88' r='12.7'/%3E%3Ccircle class='st0' cx='166.7' cy='88' r='12.7'/%3E%3Ccircle class='st0' cx='250' cy='88' r='12.7'/%3E%3Ccircle class='st0' cx='333.3' cy='88' r='12.7'/%3E%3Ccircle class='st0' cx='416.7' cy='88' r='12.7'/%3E%3Ccircle class='st0' cx='500' cy='88' r='12.7'/%3E%3C/g%3E%3C/svg%3E");
opacity: 1 !important;
}
.atbs-background-pattern-circle::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 260px;
height: 180px;
background: -webkit-radial-gradient(center, circle, #6c92a2 20%, transparent 22%);
background: -moz-radial-gradient(center, circle, #6c92a2 20%, transparent 22%);
background: radial-gradient(circle at center, #6c92a2 20%, transparent 22%);
background-size: 34px 34px;
}
.atbs-background-pattern-stripe--circle::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 190px;
height: 190px;
border-radius: 100%;
background: -webkit-repeating-linear-gradient(45deg, transparent, transparent 6px, #6c92a2 6px, #6c92a2 12px);
background: -moz-repeating-linear-gradient(45deg, transparent, transparent 6px, #6c92a2 6px, #6c92a2 12px);
background: repeating-linear-gradient(45deg, transparent, transparent 6px, #6c92a2 6px, #6c92a2 12px);
}
/*---- Typography ----*/
/* Font Weight */
.font-thin { font-weight: 100; }
.font-lighter { font-weight: 200; }
.font-light { font-weight: 300; }
.font-regular { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-bolder { font-weight: 800; }
.font-black { font-weight: 900; }
/* Font Style */
a.text-capitalize { text-transform: capitalize; }
a.text-uppercase { text-transform: uppercase; }
a.text-lowercase { text-transform: lowercase; }
/*----- Translate -----*/
.translate-50 { -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.translate-y-50 { -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); }
.translate-x-50 { -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); }
.translate-n50 { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.translate-y-n50 { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.translate-x-n50 { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
/* =============================================================================
Typography
============================================================================= */
.f-14 {
font-size: 1rem;
line-height: 1.5;
}
.f-15 {
font-size: 1.0714rem;
line-height: 1.5;
}
.f-16 {
font-size: 1.1428rem;
line-height: 1.5;
}
.f-18 {
font-size: 1.2857rem;
line-height: 1.5;
}
.f-20 {
font-size: 1.4285rem;
line-height: 1.4;
}
.f-22 {
font-size: 1.5714rem;
line-height: 1.4;
}
.f-24 {
font-size: 1.7142rem;
line-height: 1.4;
}
.f-26 {
font-size: 1.8571rem; /*font system*/
line-height: 1.4;
}
.f-28 {
font-size: 2rem;
line-height: 1.4;
}
.f-30 {
font-size: 2.1428rem; /*font system*/
line-height: 1.4;
}
.f-32 {
font-size: 2.2857rem;
line-height: 1.4;
}
.f-34 {
font-size: 2.4285rem;
line-height: 1.4;
}
.f-36 {
font-size: 2.5714rem;
line-height: 1.3;
}
.f-38 {
font-size: 2.7142rem;
line-height: 1.3;
}
.f-40 {
font-size: 2.8571rem;
line-height: 1.3;
}
.f-42 {
font-size: 3rem;
line-height: 1.3;
}
.f-44 {
font-size: 3.1428rem;
line-height: 1.3;
}
.f-46 {
font-size: 3.2857rem;
line-height: 1.3;
}
.f-48 {
font-size: 3.4285rem;
line-height: 1.3;
}
.f-50 {
font-size: 3.5714rem;
line-height: 1.3;
}
@media (max-width: 1199px) {
.f-22 {
font-size: 1.4285rem;
line-height: 1.4;
}
.f-24 {
font-size: 1.5714rem; /*font system*/
line-height: 1.4;
}
.f-26 {
font-size: 1.7142rem;
line-height: 1.4;
}
.f-28 {
font-size: 1.8571rem; /*font system*/
line-height: 1.4;
}
.f-30 {
font-size: 1.8571rem; /*font system*/
line-height: 1.4;
}
.f-32 {
font-size: 2rem;
line-height: 1.4;
}
.f-34 {
font-size: 2.1428rem; /*font system*/
line-height: 1.4;
}
.f-36 {
font-size: 2.2857rem;
line-height: 1.4;
}
.f-38 {
font-size: 2.4285rem; /*font system*/
line-height: 1.4;
}
.f-40 {
font-size: 2.5rem; /*font system*/
line-height: 1.3;
}
.f-42 {
font-size: 2.7142rem;
line-height: 1.3;
}
.f-48 {
font-size: 2.8571rem;
line-height: 1.3;
}
}
@media (max-width: 991px) {
.f-24 {
font-size: 1.5714rem; /*font system*/
line-height: 1.4;
}
.f-30 {
font-size: 1.7142rem; /*font system*/
line-height: 1.4;
}
.f-32 {
font-size: 1.8571rem; /*font system*/
line-height: 1.4;
}
.f-34 {
font-size: 1.8571rem; /*font system*/
line-height: 1.4;
}
.f-36 {
font-size: 2rem;
line-height: 1.4;
}
.f-38 {
font-size: 2.1428rem; /*font system*/
line-height: 1.4;
}
.f-40 {
font-size: 2.1428rem; /*font system*/
line-height: 1.4;
}
.f-42 {
font-size: 2.2857rem;
line-height: 1.4;
}
.f-48 {
font-size: 2.4285rem;
line-height: 1.4;
}
}
@media (max-width: 767px) {
.f-26 {
font-size: 1.7142rem;
line-height: 1.4;
}
.f-28,
.f-30,
.f-32,
.f-34,
.f-36,
.f-38,
.f-40,
.f-42,
.f-48 {
font-size: 1.8571rem; /*font system*/
line-height: 1.4;
}
.f-24 {
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 575px) {
.f-26,
.f-28,
.f-30,
.f-32,
.f-34,
.f-36,
.f-38,
.f-40,
.f-42,
.f-48 {
font-size: 1.7142rem; /*font system*/
line-height: 1.4;
}
.f-18 {
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 480px) {
.f-26,
.f-28,
.f-30,
.f-32,
.f-34,
.f-36,
.f-38,
.f-40,
.f-42,
.f-48 {
font-size: 1.5714rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 380px) {
.f-18,
.f-20,
.f-22,
.f-24 {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
/* -----------------------------------------------------------------
## LAYOUT
----------------------------------------------------------------- */
/*----- Grid -----*/
/*----- Spacing -----*/
/*----- Containers -----*/
[class*="container-expanded-"] {
width: -moz-calc(50% + 585px);
width: calc(50% + 585px);
}
.container-expanded-right {
margin-left: auto;
}
@media (max-width: 1199px) {
[class*="container-expanded-"] {
width: -moz-calc(50% + 470px);
width: calc(50% + 470px);
}
}
@media (max-width: 991px) {
[class*="container-expanded-"] {
width: -moz-calc(50% + 360px);
width: calc(50% + 360px);
}
}
@media (max-width: 767px) {
[class*="container-expanded-"] {
width: -moz-calc(50% + 255px);
width: calc(50% + 255px);
}
}
@media (max-width: 575px) {
[class*="container-expanded-"] {
width: 100%;
padding: 15px;
}
}
/*----- Lists -----*/
.list-space-xxxl {
margin-top: -30px;
margin-bottom: -30px;
}
.list-space-xxxl > * {
padding-top: 30px;
padding-bottom: 30px;
}
.list-horizontal.list-space-xxs {
margin-left: -2.5px;
margin-right: -2.5px;
}
.list-horizontal.list-space-xxs > * {
padding-left: 2.5px;
padding-right: 2.5px;
}
/*----- Post -----*/
/** Post Overlay **/
.post--overlay-center .post__text {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
}
/** Post Overlap **/
.post--overlap {
background: none;
}
.post--overlap .post__thumb {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.post--overlap .post__text {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
align-items: flex-start;
}
.post--overlap .post__text-wrap {
width: 80%;
max-width: 600px;
background-color: var(--color-white);
pointer-events: none;
z-index: 1;
}
@media (min-width: 481px) {
.post--overlap-large .post__text-inner {
padding: 25px;
}
}
@media (min-width: 768px) {
.post--overlap .post__text-inner {
padding: 30px;
}
}
@media (min-width: 992px) {
.post--overlap .post__text-inner {
padding: 40px;
}
}
.post--overlap .post__text-inner > * {
pointer-events: auto;
}
[class*="post--overlap-position-top-"] .post__text {
padding-bottom: 40px;
}
[class*="post--overlap-position-bottom-"] .post__text {
padding-top: 40px;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
align-items: flex-end;
}
.post--overlap-position-center .post__text {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
}
.post--overlap-position-top-right .post__text,
.post--overlap-position-bottom-right .post__text {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
justify-content: flex-end;
}
.post--overlap.overlap-bg-light .post__text-wrap {
background-color: #f8f8f8;
}
@media (max-width: 480px) {
.post--overlap .post__thumb {
position: relative;
padding-top: 56.25%;
}
.post--overlap .post__thumb > a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.post--overlap .post__text {
padding-top: 0;
min-height: 100% !important;
}
.post--overlap .post__text-wrap {
width: 100%;
}
.post--overlap .post__text-inner {
padding: 25px 20px;
}
}
@media (max-width: 380px) {
.post--overlap .post__text-inner {
padding: 20px;
}
}
/** Post Vertical **/
.post--vertical-reverse {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column wrap;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-flow: column wrap;
}
.post--vertical-reverse .post__text {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-moz-box-ordinal-group: 0;
order: -1;
}
@media (max-width: 767px) {
.post--vertical-reverse .post__text {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-moz-box-ordinal-group: 1;
order: 0;
-webkit-box-ordinal-group: initial;
-webkit-order: initial;
-moz-box-ordinal-group: initial;
order: initial;
}
}
/* -----------------------------------------------------------------
## DEFAULTS
----------------------------------------------------------------- */
@media (min-width: 1200px) {
.container {
width: 1200px;
}
.container--wide-lg {
width: 100%;
max-width: 1440px;
}
.site-content {
padding: 60px 0;
}
}
@media (min-width: 576px) and (max-width: 767px){
.container {
width: 540px;
}
}
@media (max-width: 767px) {
.container-sm {
margin: 0 auto;
max-width: 540px;
}
}
.items-clear-both-2 > div:nth-child(2n+1){
clear: both;
}
.items-clear-both-3 > div:nth-child(3n+1){
clear: both;
}
.remove-margin-bottom-lastchild *:last-child{
margin-bottom: 0 !important;
}
.atbs-keylin-block {
margin-bottom: 100px;
}
.padding-left-50{
padding-left: 50px;
}
.padding-right-50{
padding-right: 50px;
}
.atbs-keylin-block-sub:not(:last-child){
margin-bottom: 60px;
}
.remove-margin-bottom-lastchild *:last-child{
margin-bottom: 0 !important;
}
@media (max-width: 1199px){
.atbs-keylin-block{
margin-bottom: 100px;
}
}
@media (max-width: 991px){
.atbs-keylin-block .module-small:not(:first-child){
margin-top: 40px;
}
}
@media (max-width: 767px){
.atbs-keylin-block {
margin-bottom: 60px;
}
}
@media (max-width: 575px){
.atbs-keylin-block {
margin-bottom: 50px;
}
}
/*----color---*/
.set-module-background {
background-color: #fafafa;
padding-top: 75px;
padding-bottom: 75px;
}
.module-background-fadeout {
padding-top: 40px;
padding-bottom: 80px;
z-index: 0;
}
.module-background-fadeout::before,
.module-background-fadeout::after {
content: '';
position: absolute;
width: 100%;
height: 210px;
z-index: -1;
}
.module-background-fadeout::before {
top: 0;
/* Using a fully transparent version of the exact same color to FIX "Transparent Black" in Safari*/
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(#fff, rgba(255,255,255,0));
background-image: -moz-linear-gradient(#fff, rgba(255,255,255,0));
background-image: linear-gradient(#fff, rgba(255,255,255,0));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.module-background-fadeout::after {
bottom: 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#fff));
background-image: -webkit-linear-gradient(rgba(255,255,255,0), #fff);
background-image: -moz-linear-gradient(rgba(255,255,255,0), #fff);
background-image: linear-gradient(rgba(255,255,255,0), #fff);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.background-white{
background-color: var(--color-white);
}
.atbs-keylin-has-background-small-part{
position: relative;
padding-top: 120px;
}
.atbs-keylin-has-background-small-part::before{
content: '';
width: 100%;
height: 485px;
position: absolute;
left: 0;
top: 0;
background-color: #fbfbfb;
}
.line-top-hover{
position: relative;
}
.line-top-hover::before{
position: absolute;
content: '';
width: 100%;
height: 4px;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
background-color: var(--color-secondary);
opacity: 0;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
-webkit-transition: 0.3s;
}
.line-top-hover:hover::before{
opacity: 1;
}
@media (max-width: 991px) {
.set-module-background {
padding-top: 65px;
padding-bottom: 65px;
}
}
@media (max-width: 767px){
.set-module-background {
padding-top: 55px;
padding-bottom: 55px;
}
}
@media (max-width: 480px) {
.set-module-background {
padding-top: 45px;
padding-bottom: 50px;
}
}
@media (max-width: 380px){
.set-module-background {
padding-top: 35px;
}
}
/* padding text inner*/
@media(min-width: 992px){
.padding-post-text-inner-25 .post__text-inner{
padding: 25px;
}
.padding-post-text-inner-30 .post__text-inner{
padding: 30px;
}
}
/** Form **/
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[list],
textarea,
textarea.form-control,
select,
select.form-control {
border-color: rgba(0,0,0,0.1);
border-radius: 0;
outline: none;
box-shadow: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[list]:focus,
textarea:focus,
textarea.form-control:focus,
select:focus,
select.form-control:focus {
border-color: var(--color-primary);
}
input[type="submit"]:not(.btn),
input[type="submit"]:not(.btn):hover,
input[type="submit"]:not(.btn):focus,
input[type="button"]:not(.btn),
input[type="button"]:not(.btn):hover,
input[type="button"]:not(.btn):focus,
input[type="reset"]:not(.btn),
input[type="reset"]:not(.btn):hover,
input[type="reset"]:not(.btn):focus {
padding: 8px 12px;
background-color: var(--color-logo);
color: var(--color-text-light);
border: none;
border-radius: 0;
outline: none;
}
input[type="submit"]:not(.btn):hover {
background-color: var(--color-primary);
color: var(--color-white);
}
input[type="button"]:not(.btn):active,
input[type="reset"]:not(.btn):active,
input[type="submit"]:not(.btn):active {
opacity: .8;
}
.btn {
padding: 8px 12px;
border-radius: 0;
box-shadow: none;
}
.btn-primary,
.subscribe-form__fields input[type="submit"] {
background-color: var(--color-logo);
border-color: var(--color-logo);
color: var(--color-text-light);
}
.btn-primary:hover,
.subscribe-form__fields input[type="submit"]:hover {
background-color: var(--color-primary);
}
.btn-primary:focus,
.btn-primary:active,
.subscribe-form__fields input[type="submit"]:focus,
.subscribe-form__fields input[type="submit"]:active {
outline: none;
box-shadow: none;
}
.btn-primary:active:focus {
outline: none;
}
.btn-primary:active,
.subscribe-form__fields input[type="submit"]:active {
opacity: .8;
}
.subscribe-form__title,
.subscribe-form__info {
margin-bottom: 20px;
}
.subscribe-form--horizontal .subscribe-form__fields {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
max-width: 320px;
margin-top: 20px;
}
.subscribe-form--horizontal .subscribe-form__fields input[type="email"] {
-webkit-box-flex: 1;
-webkit-flex: auto;
-moz-box-flex: 1;
flex: auto;
}
/*-----heading-------------------*/
.block-heading.block-heading-small.line-bottom-two-line{
padding-bottom: 10px;
}
.block-heading.line-bottom-two-line{
padding-bottom: 18px;
}
.block-heading .block-heading__title{
text-transform: capitalize;
margin-bottom: 0;
font-weight: 700;
}
.block-heading.block-heading-small{
margin-bottom: 40px;
}
.block-heading.block-heading-large{
margin-bottom: 60px;
}
.block-heading.block-heading-normal{
margin-bottom: 80px;
}
.block-heading.block-heading-small .block-heading__title{
font-size: 20px;
line-height: 1.4;
}
.block-heading.block-heading-normal .block-heading__title{
font-size: 40px;
line-height: 1.4;
font-weight: 600;
}
.block-heading.block-heading-large .block-heading__title{
font-size: 38px;
line-height: 1.28;
font-weight: 700;
}
.block-heading.block-heading-line-top,
.block-heading.block-heading-line-top.block-heading--center{
padding-top: 60px;
border-top: 1px solid rgba(0,0,0,0.1);
}
.block-heading.block-heading-line-bottom,
.block-heading.block-heading-line-top.block-heading--center{
padding-bottom: 60px;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.block-heading.block-heading-small.block-heading-line-top,
.block-heading.block-heading-small.block-heading-line-top.block-heading--center{
padding-top: 20px;
border-top: 1px solid rgba(0,0,0,0.1);
}
.block-heading.block-heading-small.block-heading-line-bottom,
.block-heading.block-heading-small.block-heading-line-top.block-heading--center{
padding-bottom: 20px;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.block-heading__title.block-heading__title-has-icon{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
}
.block-heading__title.block-heading__title-has-icon i{
background-color: var(--color-primary);
border-radius: 50%;
color: var(--color-white);
width: 15px;
height: 15px;
margin-left: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
font-size: 14px;
}
.block-heading__title.block-heading__title-has-icon i::before{
width: 93.3%;
height: 93.3%;
}
.block-heading__title.block-heading__title-has-nav{
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
}
.block-heading.block-heading-subtitle-on-top-align-left,
.block-heading.block-heading-subtitle-on-top{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
}
.block-heading.block-heading-subtitle-on-top-align-left > *,
.block-heading.block-heading-subtitle-on-top > *{
width: 100%;
}
.block-heading.block-heading-subtitle-on-top-align-left .block-heading__subtitle,
.block-heading.block-heading-subtitle-on-top .block-heading__subtitle{
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-moz-box-ordinal-group: 0;
order: -1;
font-size: 16px;
line-height: 1.5;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 5px;
margin-bottom: 15px;
}
.block-heading.block-heading-subtitle-on-top-align-left .block-heading__subtitle{
margin-bottom: 10px;
}
.block-heading.block-heading-subtitle-on-top-align-left .block-heading__title,
.block-heading.block-heading-subtitle-on-top .block-heading__title{
font-size: 65px;
line-height: 1;
font-weight: 500;
letter-spacing: 0;
margin-bottom: 0;
}
.block-heading__title{
letter-spacing: 0;
}
/* update heading size */
@media(max-width: 767px){
.atbs-keylin-block.atbs-heading__title-md .block-heading h4.block-heading__title {
font-size: 34px !important;
font-size: 2.4285rem !important;
}
.atbs-keylin-block.atbs-heading__title-sm .block-heading h4.block-heading__title {
font-size: 22px !important;
font-size: 1.5714rem !important;
}
.atbs-keylin-block.atbs-sub-heading__title-md .block-heading .block-heading__subtitle {
font-size: 16px !important;
font-size: 1.1428rem !important;
}
.atbs-keylin-block.atbs-sub-heading__title-sm .block-heading .block-heading__subtitle {
font-size: 14px !important;
font-size: 1rem !important;
}
}
@media(max-width: 576px){
.atbs-keylin-block.atbs-heading__title-sm .block-heading h4.block-heading__title {
font-size: 22px !important;
font-size: 1.5714rem !important;
}
.atbs-keylin-block.atbs-heading__title-md .block-heading h4.block-heading__title {
font-size: 26px !important;
font-size: 1.857rem !important;
}
}
/* end update heading size */
@media (max-width: 1440px){
.block-heading.block-heading-line-top,
.block-heading.block-heading-line-top.block-heading--center{
padding-top: 45px;
}
.block-heading.block-heading-line-bottom,
.block-heading.block-heading-line-top.block-heading--center{
padding-bottom: 45px;
}
}
@media (max-width: 1199px){
.block-heading.block-heading-line-top,
.block-heading.block-heading-line-top.block-heading--center{
padding-top: 35px;
}
.block-heading.block-heading-line-bottom,
.block-heading.block-heading-line-top.block-heading--center{
padding-bottom: 35px;
}
.block-heading.block-heading-subtitle-on-top .block-heading__title{
font-size: 50px;
}
.block-heading.block-heading-subtitle-on-top .block-heading__subtitle{
margin-bottom: 10px;
}
}
@media (max-width: 1024px){
.block-heading.block-heading-line-top,
.block-heading.block-heading-line-top.block-heading--center{
padding-top: 30px;
}
.block-heading.block-heading-line-bottom,
.block-heading.block-heading-line-top.block-heading--center{
padding-bottom: 30px;
}
}
@media (max-width: 991px){
.block-heading.block-heading-small{
margin-bottom: 40px;
}
.block-heading.block-heading-large{
margin-bottom: 50px;
}
.block-heading.block-heading-subtitle-on-top{
margin-bottom: 60px;
}
.block-heading.block-heading-subtitle-on-top .block-heading__subtitle{
letter-spacing: 3px;
}
}
@media (max-width: 767px){
.block-heading.block-heading-line-top{
padding-top: 20px;
}
.block-heading.block-heading-large .block-heading__title {
font-size: 26px;
}
.block-heading.block-heading-large {
margin-bottom: 40px;
}
.block-heading.block-heading-small{
margin-bottom: 30px;
}
.block-heading.block-heading-line-top,
.block-heading.block-heading-line-top.block-heading--center{
padding-top: 25px;
}
.block-heading.block-heading-line-bottom,
.block-heading.block-heading-line-top.block-heading--center{
padding-bottom: 25px;
}
.block-heading.block-heading-subtitle-on-top{
margin-bottom: 50px;
}
.block-heading.block-heading-subtitle-on-top .block-heading__title{
font-size: 34px;
}
.block-heading.block-heading-subtitle-on-top .block-heading__subtitle{
letter-spacing: 1.5px;
}
}
@media (max-width: 420px){
.block-heading.block-heading-line-top,
.block-heading.block-heading-line-top.block-heading--center{
padding-top: 20px;
}
.block-heading.block-heading-line-bottom,
.block-heading.block-heading-line-top.block-heading--center{
padding-bottom: 20px;
}
}
@media (max-width: 380px){
.block-heading.block-heading-large {
margin-bottom: 35px;
}
.block-heading.block-heading-subtitle-on-top{
margin-bottom: 45px;
}
}
@media (max-width: 320px){
.block-heading.block-heading-line-top,
.block-heading.block-heading-line-top.block-heading--center{
padding-top: 15px;
}
.block-heading.block-heading-line-bottom,
.block-heading.block-heading-line-top.block-heading--center{
padding-bottom: 15px;
}
}
.atbs-thumb-object-fit a.post__cat{
width: unset;
height: unset;
}
.post__cat.post__cat--bg,
.post__cat.post__cat--bg.cat-theme-bg{
font-weight: 400;
}
.post__cat.post__cat--bg{
margin-bottom: 12px;
}
.widget .post__title.typescale-1{
font-size: 16px;
font-size: 1.1428rem;
font-weight: 600;
}
@media (max-width: 991px) {
.widget .post__title.typescale-1{
font-size: 18px;
font-size: 1.285rem;
}
}
@media (max-width: 767px) {
.widget .post__title.typescale-1{
font-size: 16px;
font-size: 1.1428rem;
}
}
@media (max-width: 576px) {
.widget .post__title.typescale-1{
font-size: 18px;
font-size: 1.285rem;
}
}
.widget .post--vertical-author-right-title-fullwidth .post__title{
margin-bottom:0;
}
.widget .post__cat.post__cat--bg,
.widget .post__cat.post__cat--bg.cat-theme-bg{
font-size: 11px;
}
/*-----post no thumb------------*/
.post-not-exist-thumb.post-not-exist-thumb-disable .post__thumb {
display: none;
}
.post-not-exist-thumb .post__thumb::after{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #9A9A9A;
}
/*-----post-thumb fix width-----*/
.atbs-thumb-object-fit a,
.img-object-fit a { /** Nhan Edit 10.04.2020 **/
width: 100%;
height: 100%;
}
.atbs-thumb-object-fit.post__thumb img,
.img-object-fit img { /** Nhan Edit 10.04.2020 **/
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.atbs-thumb-object-fit a.post__cat{
width: unset;
height: unset;
}
.post__thumb--overlay.post__thumb {
position: absolute;
width: 100%;
height: 100%;
}
.post__thumb--overlay.post__thumb::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.0);
}
.post__thumb--overlay.thumb-darkened::after {
background-color: rgba(0,0,0,.2);
}
/*-----post-thumb - width-------*/
.post-thumb-100 .post__thumb{
width: 100px;
}
.post-thumb-140 .post__thumb{
width: 140px;
}
.post-thumb-150 .post__thumb{
width: 150px;
}
.post-thumb-190 .post__thumb{
width: 190px;
}
.post-thumb-255 .post__thumb{
width: 255px;
}
.post-thumb-270 .post__thumb{
width: 270px;
}
.post-thumb-290 .post__thumb{
width: 290px;
}
.post-thumb-300 .post__thumb{
width: 300px;
}
.post-thumb-400 .post__thumb{
width: 400px;
}
.post-thumb-430 .post__thumb{
width: 430px;
}
.post-thumb-450 .post__thumb{
width: 450px;
}
.post-thumb-470 .post__thumb{
width: 470px;
}
.post-thumb-500 .post__thumb{
width: 500px;
}
.post-thumb-630 .post__thumb{
width: 630px;
}
.post-thumb-770 .post__thumb{
width: 770px;
}
/*-----post-thumb - height-------*/
.post-thumb-height-70 .post__thumb{
height: 70px;
}
.post-thumb-height-100 .post__thumb{
height: 100px;
}
.post-thumb-height-140 .post__thumb{
height: 140px;
}
.post-thumb-height-145 .post__thumb{
height: 145px;
}
.post-thumb-height-150 .post__thumb{
height: 150px;
}
.post-thumb-height-170 .post__thumb{
height: 170px;
}
.post-thumb-height-180 .post__thumb{
height: 180px;
}
.post-thumb-height-190 .post__thumb{
height: 190px;
}
.post-thumb-height-200 .post__thumb{
height: 200px;
}
.post-thumb-height-205 .post__thumb{
height: 205px;
}
.post-thumb-height-210 .post__thumb{
height: 210px;
}
.post-thumb-height-220 .post__thumb{
height: 220px;
}
.post-thumb-height-230 .post__thumb{
height: 230px;
}
.post-thumb-height-240 .post__thumb{
height: 240px;
}
.post-thumb-height-250 .post__thumb{
height: 250px;
}
.post-thumb-height-260 .post__thumb{
height: 260px;
}
.post-thumb-height-270 .post__thumb{
height: 270px;
}
.post-thumb-height-280 .post__thumb{
height: 280px;
}
.post-thumb-height-285 .post__thumb{
height: 285px;
}
.post-thumb-height-295 .post__thumb{
height: 295px;
}
.post-thumb-height-300 .post__thumb{
height: 300px;
}
.post-thumb-height-330 .post__thumb{
height: 330px;
}
.post-thumb-height-340 .post__thumb{
height: 340px;
}
.post-thumb-height-360 .post__thumb{
height: 360px;
}
.post-thumb-height-380 .post__thumb{
height: 380px;
}
.post-thumb-height-390 .post__thumb{
height: 390px;
}
.post-thumb-height-400 .post__thumb{
height: 400px;
}
.post-thumb-height-420 .post__thumb{
height: 420px;
}
.post-thumb-height-425 .post__thumb{ /*Nhan Edit 03.04.2020*/
height: 425px;
}
.post-thumb-height-430 .post__thumb{
height: 430px;
}
.post-thumb-height-440 .post__thumb{
height: 430px;
}
.post-thumb-height-450 .post__thumb{
height: 450px;
}
.post-thumb-height-460 .post__thumb{
height: 460px;
}
.post-thumb-height-465 .post__thumb{
height: 465px;
}
.post-thumb-height-480 .post__thumb{
height: 480px;
}
.post-thumb-height-485 .post__thumb{
height: 485px;
}
.post-thumb-height-500 .post__thumb{
height: 500px;
}
.post-thumb-height-520 .post__thumb{
height: 520px;
}
.post-thumb-height-550 .post__thumb{
height: 550px;
}
.post-thumb-height-580 .post__thumb{
height: 580px;
}
.post-thumb-height-600 .post__thumb{
height: 600px;
}
.post-thumb-height-630 .post__thumb{
height: 630px;
}
.post-thumb-height-650 .post__thumb{
height: 650px;
}
.post-thumb-height-775 .post__thumb{
height: 775px;
}
.post-thumb-height-790 .post__thumb{
height: 790px;
}
.post-thumb-height-800 .post__thumb{
height: 800px;
}
.post-thumb-height-160 .post__thumb{
height: 160px;
}
.post--overlay-height-200.post--overlay .post__text{
min-height: 200px;
}
.post--overlay-height-230.post--overlay .post__text{
min-height: 230px;
}
.post--overlay-height-240.post--overlay .post__text{
min-height: 240px;
}
.post--overlay-height-250.post--overlay .post__text{
min-height: 250px;
}
.post--overlay-height-270.post--overlay .post__text{
min-height: 270px;
}
.post--overlay-height-280.post--overlay .post__text{
min-height: 280px;
}
.post--overlay-height-285.post--overlay .post__text{
min-height: 285px;
}
.post--overlay-height-300.post--overlay .post__text{
min-height: 300px;
}
.post--overlay-height-305.post--overlay .post__text{
min-height: 305px;
}
.post--overlay-height-320.post--overlay .post__text{
min-height: 320px;
}
.post--overlay-height-345.post--overlay .post__text{
min-height: 345px;
}
.post--overlay-height-350.post--overlay .post__text{
min-height: 350px;
}
.post--overlay-height-360.post--overlay .post__text{
min-height: 360px;
}
.post--overlay-height-370.post--overlay .post__text{
min-height: 370px;
}
.post--overlay-height-380.post--overlay .post__text{
min-height: 380px;
}
.post--overlay-height-400.post--overlay .post__text{ /** Nhan Edit 26.04.2020 **/
min-height: 400px;
}
.post--overlay-height-410.post--overlay .post__text{
min-height: 410px;
}
.post--overlay-height-420.post--overlay .post__text{
min-height: 420px;
}
.post--overlay-height-450.post--overlay .post__text{
min-height: 450px;
}
.post--overlay-height-460.post--overlay .post__text{
min-height: 460px;
}
.post--overlay-height-470.post--overlay .post__text{
min-height: 470px;
}
.post--overlay-height-480.post--overlay .post__text{
min-height: 480px;
}
.post--overlay-height-500.post--overlay .post__text{
min-height: 500px;
}
.post--overlay-height-510.post--overlay .post__text{
min-height: 510px;
}
.post--overlay-height-520.post--overlay .post__text{
min-height: 520px;
}
.post--overlay-height-530.post--overlay .post__text{
min-height: 530px;
}
.post--overlay-height-540.post--overlay .post__text{
min-height: 540px;
}
.post--overlay-height-550.post--overlay .post__text{
min-height: 550px;
}
.post--overlay-height-560.post--overlay .post__text{
min-height: 560px;
}
.post--overlay-height-570.post--overlay .post__text{
min-height: 570px;
}
.post--overlay-height-580.post--overlay .post__text{
min-height: 580px;
}
.post--overlay-height-600.post--overlay .post__text{
min-height: 600px;
}
.post--overlay-height-620.post--overlay .post__text{
min-height: 620px;
}
.post--overlay-height-625.post--overlay .post__text{ /** Nhan Edit 03.04.2020 **/
min-height: 625px;
}
.post--overlay-height-650.post--overlay .post__text{
min-height: 650px;
}
.post--overlay-height-670.post--overlay .post__text{ /** Nhan Edit 11.04.2020 **/
min-height: 670px;
}
.post--overlay-height-690.post--overlay .post__text{ /** Nhan Edit 01.04.2020 **/
min-height: 690px;
}
.post--overlay-height-700.post--overlay .post__text{ /** Nhan Edit 02.06.2020 **/
min-height: 700px;
}
.post--overlay-height-730.post--overlay .post__text{ /** Nhan Edit 01.04.2020 **/
min-height: 730px;
}
.post--overlay-height-770.post--overlay .post__text{
min-height: 770px;
}
.post--overlay-height-890.post--overlay .post__text{
min-height: 890px;
}
/*-----custom-------*/
.post__cat, a.post__cat, .entry-cat, a.entry-cat{
border-bottom: none;
}
/*-----post thumb---*/
.post--vertical .post__thumb{
margin-bottom: 15px;
}
.post--vertical-reverse .post__thumb {
margin-top: 15px;
margin-bottom: 0;
}
.thumb-zoom-in {
overflow: hidden;
pointer-events: auto;
}
.single-entry-thumb,
.banner__thumb,
.post__thumb,
.category-tile .category-tile__wrap {
overflow: hidden;
pointer-events: auto;
}
.banner img,
.post img,
.post .background-img,
.category-tile .background-img,
.author__avatar img {
-webkit-transition: -webkit-transform 600ms cubic-bezier(0, 0, 0.2, 1);
transition: -webkit-transform 600ms cubic-bezier(0, 0, 0.2, 1);
-o-transition: -o-transform 600ms cubic-bezier(0, 0, 0.2, 1);
-moz-transition: transform 600ms cubic-bezier(0, 0, 0.2, 1), -moz-transform 600ms cubic-bezier(0, 0, 0.2, 1);
transition: transform 600ms cubic-bezier(0, 0, 0.2, 1);
transition: transform 600ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 600ms cubic-bezier(0, 0, 0.2, 1), -moz-transform 600ms cubic-bezier(0, 0, 0.2, 1), -o-transform 600ms cubic-bezier(0, 0, 0.2, 1);
}
/*.author__avatar:hover img */
.banner:hover img,
.post:not(.post--single):hover img:not(.avatar),
.single-entry-thumb:hover img,
.post:hover .background-img,
.category-tile:hover .background-img{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
/** Pseudo Img **/
.atbs-pseudo-img {
display: inline-block;
width: 100%;
height: 100%;
background-color: #aaa;
vertical-align: middle;
}
/*-----post-type-icon---*/
.post-type-icon i {
font-size: 46px;
line-height: 1.1;
}
@media (min-width: 768px) {
.post-type-icon i {
font-size: 60px;
}
}
/*-----post-time---*/
.post-time-cat-wrap{
margin-bottom: 25px;
}
.line-border-bottom{
border-bottom: 1px solid rgba(112,112,112,0.2);
}
.padding-top-25-bottom-25{
padding-top: 25px;
padding-bottom: 25px;
}
.padding-top-25-bottom-15{
padding-top: 25px;
padding-bottom: 15px;
}
.padding-top-15-bottom-25{
padding-top: 15px;
padding-bottom: 25px;
}
.padding-top-15-bottom-15{
padding-top: 15px;
padding-bottom: 15px;
}
/**/
.padding-left-30{
padding-left: 30px;
}
.padding-left-50{
padding-left: 50px;
}
.padding-left-180{
padding-left: 180px;
}
.padding-right-30{
padding-right: 30px;
}
.padding-right-50{
padding-right: 50px;
}
.padding-right-180{
padding-right: 180px;
}
.padding-left-25-right-25{
padding-left: 25px;
padding-right: 25px;
}
.padding-left-50-right-50{
padding-left: 50px;
padding-right: 50px;
}
.padding-left-30-right-30{
padding-left: 30px;
padding-right: 30px;
}
/*----*/
.padding-reverse-left-25-right-25{
margin-left: -25px;
margin-right: -25px;
}
.padding-reverse-left-50-right-50{
margin-left: -50px;
margin-right: -50px;
}
.padding-reverse-left-30-right-30{
margin-left: -30px;
margin-right: -30px;
}
/**/
.post-time-cat-wrap .post-time-cat-inner{
margin: -5px;
}
.post-time-cat-wrap .post-time-cat-inner > *{
margin: 0;
padding: 5px;
}
time.time {
color: var(--color-text-light-gray);
font-size: 13px;
}
.inverse-text time.time {
color: #eee;
opacity: 1;
}
.text-black time.time,
.time.time-black-opacity{
color: #131313;
opacity: 0.6;
}
.time.time-white-opacity{
color: var(--color-white);
opacity: 0.6;
}
/*-----post-cat---*/
.post__cat, a.post__cat,
.entry-cat, a.entry-cat {
margin-bottom: 10px;
border-bottom: none;
color: var(--color-logo);
font-size: 13px;
font-weight: 400;
line-height: 1.4;
letter-spacing: 0.5px;
text-decoration: unset;
opacity: 1;
}
.cat-small, a.cat-small {
font-size: 11px;
}
/** Nhan Edit 28.04.2020 **/
.cat-lg,
a.cat-lg {
font-size: 16px;
}
@media (max-width: 480px) {
.cat-lg,
a.cat-lg {
font-size: 15px;
}
}
.cat-line-after,
a.cat-line-after {
position: relative;
margin-right: 55px; /* 40px + 15px */
padding-right: 15px;
}
.cat-line-after + .post__meta,
a.cat-line-after + .post__meta {
color: var(--color-text-dark);
}
.cat-color-gray,
a.cat-color-gray,
.cat-color-gray.cat-line-after + .post__meta,
a.cat-color-gray.cat-line-after + .post__meta {
color: var(--color-text-gray);
}
.cat-line-after::after,
a.cat-line-after::after {
content: "";
position: absolute;
top: 50%;
left: 100%;
width: 40px;
border-top: 1px solid rgba(0, 0, 0, 0.13);
}
.inverse-text .cat-line-after::after,
.inverse-text a.cat-line-after::after {
border-color: rgba(255, 255, 255, 0.4);
}
.post--overlay .inverse-text .cat-line-after::after,
.post--overlay .inverse-text a.cat-line-after::after {
border-color: #dedede;
}
.text-center .cat-line-after,
.text-center a.cat-line-after {
margin-left: 55px; /* 40px + 15px */
padding-left: 15px;
}
.text-center .cat-time-group .cat-line-after,
.text-center .cat-time-group a.cat-line-after {
margin-left: 0;
padding-left: 0;
}
.text-center .cat-line-after + .cat-line-after,
.text-center a.cat-line-after + a.cat-line-after {
margin-left: 0;
}
.text-center .cat-line-after::before,
.text-center a.cat-line-after::before {
content: "";
position: absolute;
top: 50%;
right: 100%;
width: 40px;
border-top: 1px solid #dedede;
}
.text-center .cat-time-group .cat-line-after::before,
.text-center .cat-time-group a.cat-line-after::before {
display: none;
}
.cat-lg.cat-line-after::after,
a.cat-lg.cat-line-after::after {
border-color: inherit;
}
.cat-time-group .cat-container {
display: inline-block;
}
.cat-time-group .cat-line-after,
.cat-time-group a.cat-line-after {
margin-bottom: 0;
}
.text-center .cat-time-group {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
}
/** End Nhan Edit 28.04.2020 **/
.inverse-text .post__cat,
.inverse-text a.post__cat,
.inverse-text .entry-cat,
.inverse-text a.entry-cat
.inverse-text .entry-cat.cat-theme,
.inverse-text a.entry-cat.cat-theme {
color: #eee !important;
}
.post__cat.post__cat-color-primary{
color: var(--color-primary);
}
.post__cat.post__cat-color-secondary{
color: var(--color-secondary);
}
.post__cat.post__cat-color-white {
color: var(--color-white);
}
.inverse-text a.post__cat.cat-theme {
color: var(--color-white) !important;
}
.post__cat-has-line{
position: relative;
padding-left: 16px;
}
.post__cat-has-line::before{
content: '';
width: 3px;
height: 60%;
background-color: #0661f1;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);
}
.cat-bg, a.cat-bg {
padding: 4px 10px;
background: var(--color-primary);
color: var(--color-white);
}
.cat-bg:hover, a.cat-bg:hover {
color: var(--color-white) !important;
}
@media (min-width: 768px) {
.cat-bg, a.cat-bg{
padding: 6px 12px;
}
}
.cat-bg.cat-theme-bg {
font-size: 12px;
font-weight: 400;
}
.post__cat--ribbon, a.post__cat--ribbon {
position: absolute;
bottom: 100%;
left: -15px;
display: block;
margin-bottom: 12px;
padding: 8px 12px 8px 40px;
}
.post__cat--ribbon::before, a.post__cat--ribbon::before {
content: "";
position: absolute;
top: 100%;
left: 0;
border: 15px solid transparent;
border-top-color: #43520f;
border-right: none;
font-size: 55px;
opacity: 1;
z-index: 1;
}
.post__cat--ribbon-right, a.post__cat--ribbon-right {
left: auto;
right: -15px;
margin-right: 0;
padding-right: 40px;
padding-left: 12px;
}
.post__cat--ribbon-right::before, a.post__cat--ribbon-right::before {
right: 0;
left: auto;
border-left: none;
border-right: 15px solid transparent;
}
@media (max-width: 991px) {
.post__cat--ribbon, a.post__cat--ribbon {
padding-left: 35px;
}
}
@media (max-width: 767px) {
.post__cat--ribbon, a.post__cat--ribbon {
left: -10px;
padding-left: 30px;
}
.post__cat--ribbon-right, a.post__cat--ribbon-right {
left: auto;
right: -10px;
padding-right: 30px;
}
.post__cat--ribbon::before, a.post__cat--ribbon::before {
border-width: 10px;
}
.post__cat--ribbon-right::before, a.post__cat--ribbon-right::before {
border-right-width: 10px;
}
}
.post__cat--vertical,
a.post__cat--vertical {
position: relative;
margin: 0;
padding-top: 35px;
border-bottom: 0;
font-size: 18px;
line-height: 1.4;
letter-spacing: 3px;
font-weight: 400;
text-transform: uppercase;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-text-orientation: upright;
text-orientation: upright;
z-index: 100;
}
.post__cat--vertical::after,
a.post__cat--vertical::after {
content: "";
position: absolute;
left: 0px;
right: 30px;
top: 0;
height: 160px;
border-left: 2px solid var(--color-primary);
}
@media (max-width: 991px) {
.post__cat--vertical, a.post__cat--vertical {
padding-top: 30px;
font-size: 16px;
letter-spacing: 2px;
}
.post__cat--vertical::after, a.post__cat--vertical::after {
height: 140px;
}
}
@media (max-width: 767px) {
.post__cat--vertical, a.post__cat--vertical {
padding-top: 20px;
font-size: 14px;
letter-spacing: 1px;
}
.post__cat--vertical::after, a.post__cat--vertical::after {
right: 25px;
height: 120px;
border-width: 1px;
}
}
@media (max-width: 480px) {
.post__cat--vertical, a.post__cat--vertical {
padding-top: 15px;
font-size: 12px;
letter-spacing: 0;
}
.post__cat--vertical::after, a.post__cat--vertical::after {
height: 100px;
}
}
.cat-rotate {
-webkit-transform: rotate(-90deg) translateY(100%);
-moz-transform: rotate(-90deg) translateY(100%);
-o-transform: rotate(-90deg) translateY(100%);
transform: rotate(-90deg) translateY(100%);
-webkit-transform-origin: bottom left;
-moz-transform-origin: bottom left;
-o-transform-origin: bottom left;
transform-origin: bottom left;
}
.cat-style-2, a.cat-style-2 {
margin: 0 15px 0 0;
color: #333;
font-size: 13px;
text-transform: capitalize;
opacity: .8;
}
/*----- Overlay Item -----*/ /*Nhan Edit 15.04.2020*/
.overlay-item-top-left-0 {
position: absolute;
top: 0;
left: 0;
}
.overlay-item-top-right-0 {
position: absolute;
top: 0;
right: 0;
}
.overlay-item-bottom-left-0 {
position: absolute;
bottom: 0;
left: 0;
}
.overlay-item-bottom-right-0 {
position: absolute;
bottom: 0;
right: 0;
}
a.post__cat.overlay-item-top-left-0,
a.post__cat.overlay-item-top-right-0,
a.post__cat.overlay-item-bottom-left-0,
a.post__cat.overlay-item-bottom-right-0 {
margin: 0;
}
/*-----post-title--*/
.post__title {
margin-top: 0;
color: var(--color-text-dark);
text-transform: uppercase;
-webkit-transition: color 0.1s ease-in-out;
-o-transition: color 0.1s ease-in-out;
-moz-transition: color 0.1s ease-in-out;
transition: color 0.1s ease-in-out;
}
.post__title:last-child {
margin-bottom: 0;
}
.post__title.font-semibold,
.entry-title.font-semibold {
font-weight: 600;
}
/*-----post-expect---*/
.post__excerpt {
margin-top: 0;
color: var(--color-text-dark-gray);
font-size: 1.1rem;
font-weight: 300;
line-height: 1.7;
opacity: 0.8;
}
.post__excerpt:last-child {
margin-bottom: 0;
}
.posts-list:not(.posts-list-has-sidebar) .post__excerpt {
max-width: 44em;
}
@media (min-width: 992px) { /*Nhan Edit 03.04.2020*/
.post__excerpt--lg {
font-size: 16px;
font-size: 1.1428rem; /*font system*/
}
}
.entry-author {
font-size: 12px;
color: rgba(0, 0, 0, 0.4);
}
.entry-author-circle .author-avatar {
border-radius: 50%;
margin-right: 10px;
display: block;
overflow: hidden;
}
.entry-author-avatar-35 .author-avatar {
width: 35px !important;
height: 35px !important;
}
.entry-author-avatar-40 .author-avatar {
width: 40px !important;
height: 40px !important;
}
.entry-author-avatar-50 .author-avatar {
width: 50px !important;
height: 50px !important;
}
.entry-author .author-avatar img {
width: 100% !important;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
}
.entry-author .author__text{
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
}
.inverse-text .entry-author .author__name{
color: var(--color-white);
}
.entry-author .author-name {
color: var(--color-text-dark-gray);
font-size: 14px;
line-height: 1.5;
text-transform: capitalize;
text-decoration: none;
font-weight: bold;
transition: color 100ms ease-in-out;
}
.entry-author .author-name:hover,
.entry-author .author-name:focus {
color: var(--color-primary);
}
.post__meta .hint-span {
font-size: 13px;
color: var(--color-text-light-gray);
}
.post__meta .post__cat {
margin-bottom: 0 !important;
}
.post__meta--style-1:not(:last-child) {
margin-bottom: 10px;
}
.post__meta--style-1 .post-author {
display: inline-block;
text-transform: uppercase;
}
.post__meta--style-1 .author-name,
.post__meta--style-1 .time {
color: var(--color-text-light-gray);
font-size: 13px;
font-weight: normal;
/*text-transform: uppercase;*/
}
.post__meta--style-1 .post__cat::after,
.post__meta--style-1 .time:not(:last-child)::after {
content: '\002F';
margin-left: 0.6em;
color: var(--color-text-light-gray);
}
.post__meta--style-1 .time:not(:last-child) {
margin-right: 0.6em;
}
.inverse-text .post__meta .author-name,
.inverse-text .post__meta .hint-span {
color: #eee;
}
.post__meta .hint-span {
margin-right: 5px;
}
.entry-author.time-only-line time{
width: 100%;
display: block;
}
.entry-author-vertical-center .entry-author{
width: 100px;
text-align: center;
}
.entry-author-vertical-center .entry-author .author-avatar{
margin: 0 auto 15px auto;
}
.entry-author-vertical .entry-author{
}
.entry-author-horizontal-middle .entry-author{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
}
.entry-author-horizontal-middle .entry-author .author__text{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
}
.entry-author-horizontal-middle.entry-author-horizontal-middle-center .entry-author{
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
}
.entry-author-horizontal-middle .author-name {
font-size: 14px;
font-weight: 500;
}
.entry-author-horizontal-middle .time {
margin-left: 15px;
}
.entry-author-horizontal-middle.entry-author-horizontal-rotate .entry-author{
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
justify-content: space-between;
max-width: 40px;
}
.entry-author-horizontal-middle.entry-author-horizontal-rotate .entry-author .author__text{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
}
.entry-author-horizontal-middle.entry-author-horizontal-rotate .entry-author .author-avatar{
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
order: 2;
margin-right: 0;
margin-top: 10px;
}
.entry-author-horizontal-middle.entry-author-horizontal-rotate .entry-author .author-avatar img {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.entry-author-horizontal-middle.entry-author-horizontal-rotate .author__name,
.entry-author-horizontal-middle.entry-author-horizontal-rotate time.time{
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
margin-right: 5px;
margin-top: 0;
white-space: nowrap;
}
.entry-author-horizontal-middle.entry-author-horizontal-rotate .entry-author time.time{
margin-right: 0;
margin-left: 0;
}
.entry-author-horizontal-middle-style-1 .time {
width: 100%;
margin: 3px 0 0;
}
.entry-author-no-avatar, .entry-author-no-avatar .author__name {
font-size: 10px;
font-weight: 500;
color: #a7a7a7;
}
.entry-author-no-avatar .author__name {
text-transform: uppercase;
font-weight: 600;
}
/**/
.post__meta:not([class *='margin-']), .entry-meta {
margin-top: 0;
}
/**/
.post__readmore .button__readmore{
position: relative;
display: inline-block;
color: var(--color-text-dark);
font-size: 13px;
font-weight: 100;
text-transform: capitalize;
text-decoration: none;
-webkit-transition: 0.1s ease-in-out;
-o-transition: 0.1s ease-in-out;
-moz-transition: 0.1s ease-in-out;
transition: 0.1s ease-in-out;
}
.inverse-text .button__readmore {
color: var(--color-white);
}
.button__readmore--line-before {
padding-left: 10px;
border-left: 2px solid var(--color-primary);
}
.button__readmore--underline {
position: relative;
padding: 0 0 5px 10px;
color: var(--color-text-dark);
}
.button__readmore--underline::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 40px;
height: 1px;
background-color: #aaa;
}
/** Nhan Edit 28.04.2020 **/
.post__readmore--style-1 .button__readmore {
position: relative;
color: var(--color-text-dark-gray);
font-size: 15px;
font-weight: 400;
opacity: 0.7;
letter-spacing: 0.5px;
}
.post__readmore--style-1 .button__readmore::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 15px;
border-top: 1px solid #222;
}
.post__readmore--style-2 .button__readmore {
position: relative;
border: 1px solid #ddd;
padding: 5px 25px 5px 10px;
color: var(--color-text-gray);
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
}
.post__readmore--style-2 .button__readmore i {
position: absolute;
top: 50%;
right: 0;
padding: 2px 5px;
background-color: var(--color-text-gray);
color: var(--color-white);
-webkit-transform: translate(50%,-50%);
-moz-transform: translate(50%,-50%);
-o-transform: translate(50%,-50%);
transform: translate(50%,-50%);
}
.inverse-text .post__readmore--style-2 .button__readmore {
border: 1px solid #ccc;
color: var(--color-text-light);
}
.inverse-text .post__readmore--style-2 .button__readmore i {
background-color: var(--color-white);
color: var(--color-text-dark);
}
.inverse-text .post__readmore--style-2:hover .button__readmore i {
background-color: var(--color-white);
}
/** End Nhan Edit 28.04.2020 **/
/**/
@media (max-width: 767px) {
.post--horizontal-xxs .post__cat,
.post--horizontal-xs .post__cat,
.post--horizontal-sm .post__cat{
display: inline-block;
}
}
/*---post-interactive---*/
.thumb-radius-circle{
border-radius: 50%;
overflow: hidden;
}
.post__meta .count_interactive a,
.post__meta .count_interactive{
color: var(--color-text-dark);
}
.readmore-normal i{
margin-left: 8px;
}
.count-comment a{
font-size: 12px;
line-height: 1.66;
color: var(--color-text-dark);
font-weight: 300;
text-transform: uppercase;
opacity: 0.6;
}
.btn-circle-small{
width: 50px;
height: 50px;
border-radius: 50%;
background-color: transparent;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
font-size: 20px;
color: rgba(255,255,255,0.9);
border: 1px solid rgba(255,255,255,0.6);
margin-left: 15px;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
-webkit-transition: 0.3s;
}
.btn-circle-small:hover{
background-color: var(--color-white);
color: #222222;
opacity: 1;
}
/**/
.nav-hidden .owl-nav {
display: none;
}
.atbs-keylin-carousel .owl-dots {
padding: 15px 0 0;
}
.nav-horizontal .owl-nav{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.nav-horizontal .owl-nav .owl-next,
.nav-horizontal .owl-nav .owl-prev{
position: initial;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
.nav-horizontal .owl-nav > *:first-child{
margin-right: 10px;
}
.nav-vertical .owl-nav{
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.nav-vertical .owl-nav .owl-next,
.nav-vertical .owl-nav .owl-prev{
position: initial;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
.nav-vertical .owl-nav > *:first-child{
margin-bottom: 10px;
}
.nav-circle .owl-next,
.nav-circle .owl-prev {
border-radius: 50%;
width: 45px;
height: 45px;
background-color: transparent;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
-webkit-transition: 0.3s;
padding: 0;
}
.nav-circle.nav-border .owl-next,
.nav-circle.nav-border .owl-prev{
border: 1px solid var(--color-primary);
color: var(--color-primary);
}
.nav-circle .owl-next:hover,
.nav-circle .owl-prev:hover{
width: 45px;
height: 45px;
background-color: var(--color-primary);
color: var(--color-secondary);
}
.dots-circle .owl-dot{
padding: 4px;
}
.dots-circle .owl-dot span{
border-radius: 50%;
}
.dots-circle .owl-dot.active span{
background-color: var(--color-logo);
}
.dots-vertical .owl-dot {
display: block;
}
.post--overlay.post--overlay-text-has-shadow{
overflow: initial;
}
.atbs-keylin-carousel-nav-custom-holder > *:not(:last-child){
margin-right: 15px;
}
.atbs-keylin-carousel .owl-dot {
padding: 4px;
}
.atbs-keylin-carousel .owl-dot.active span {
background-color: var(--color-primary);
}
.dots-inverse .owl-dot span {
background-color: rgba(255,255,255,.6);
}
.dots-inverse .owl-dot.active span {
background-color: var(--color-white);
}
/**/
.nav-square .owl-next,
.nav-square .owl-prev {
width: 45px;
height: 45px;
background-color: var(--color-white);
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
-webkit-transition: 0.3s;
padding: 0;
color: rgba(112,112,112,0.6);
font-size: 18px;
}
.nav-square .owl-prev i,
.nav-square .owl-next i{
font-size: 25px;
}
.nav-square .owl-next:hover,
.nav-square .owl-prev:hover{
background-color: var(--color-primary);
color: var(--color-white);
width: 45px;
height: 45px;
}
/**/
.nav-visible-on-hover .owl-nav {
opacity: 0;
-webkit-transition: opacity 100ms ease-out;
-o-transition: opacity 100ms ease-out;
-moz-transition: opacity 100ms ease-out;
transition: opacity 100ms ease-out;
}
.nav-visible-on-hover:hover .owl-nav {
opacity: 1;
}
/** Line Limit **/
.line-limit,
.line-limit-child > * {
display: -webkit-box !important;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-limit.line-limit-2,
.line-limit-child.line-limit-2 > * {
-webkit-line-clamp: 2;
}
.line-limit.line-limit-3,
.line-limit-child.line-limit-3 > * {
-webkit-line-clamp: 3;
}
.line-limit.line-limit-4,
.line-limit-child.line-limit-4 > * {
-webkit-line-clamp: 4;
}
.line-limit.line-limit-5,
.line-limit-child.line-limit-5 > * {
-webkit-line-clamp: 5;
}
.line-limit.line-limit-6,
.line-limit-child.line-limit-6 > * {
-webkit-line-clamp: 6;
}
/* flex-wrap */
.flexbox-space-x{
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
justify-content: space-between;
}
.flexbox-space-y{
-webkit-align-content: space-between;
align-content: space-between;
}
.flexbox-space-y > *{
width: 100%;
}
.flexbox-space-y-top{
-webkit-align-self: flex-start;
align-self: flex-start;
width: 100%;
}
.flexbox-space-y-bottom {
-webkit-align-self: flex-end;
align-self: flex-end;
width: 100%;
}
.flexbox-center-x{
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
}
.flexbox-center-y{
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
}
.flexbox-center-xy{
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
}
.flexbox-left-x{
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
justify-content: flex-start;
}
.flexbox-right-x{
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
justify-content: flex-end;
}
.flexbox-bottom-y{
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
align-items: flex-end;
}
.flexbox-top-y{
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
align-items: flex-start;
}
.flexbox-wrap-direction-column{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
}
.flexbox-wrap-direction-column .flexbox-space-y-bottom{
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
align-items: flex-end;
}
.flexbox-wrap{
display: -webkit-flex;
display: -moz-flex;
display: -webkit-box;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.flexbox-wrap.flexbox-wrap-1i > *,
.flexbox-wrap .flexbox-item-100{
width: 100%;
}
.flexbox-wrap.flexbox-wrap-2i > *,
.flexbox-wrap .flexbox-item-50{
width: 50%;
}
.flexbox-wrap.flexbox-wrap-3i > *{
width: -moz-calc(100% / 3);
width: calc(100% / 3);
}
.flexbox-wrap.flexbox-wrap-4i > *{
width: -moz-calc(100% / 4);
width: calc(100% / 4);
}
.flexbox-wrap .flexbox-item-75 {
width: 75%;
}
.flexbox-wrap .flexbox-item-45 {
width: 45%;
}
.flexbox-wrap .flexbox-item-27_5 {
width: 27.5%;
}
.flexbox-wrap.flex-space-10{
margin: -5px;
}
.flexbox-wrap.flex-space-10 > *{
padding: 5px;
}
.flexbox-wrap.flex-space-15{
margin: -7.5px;
}
.flexbox-wrap.flex-space-15 > *{
padding: 7.5px;
}
.flexbox-wrap.flex-space-20{
margin: -10px;
}
.flexbox-wrap.flex-space-20 > *{
padding: 10px;
}
.flexbox-wrap.flex-space-30{
margin: -15px;
}
.flexbox-wrap.flex-space-30 > *{
padding: 15px;
}
.flexbox-wrap.flex-space-40{
margin: -20px;
}
.flexbox-wrap.flex-space-40 > *{
padding: 20px;
}
.flexbox-wrap.flex-space-45{
margin: -22.5px;
}
.flexbox-wrap.flex-space-45 > *{
padding: 22.5px;
}
.flexbox-wrap.flex-space-50{
margin: -25px;
}
.flexbox-wrap.flex-space-50 > *{
padding: 25px;
}
.flexbox-wrap.flex-space-55{
margin: -27.5px;
}
.flexbox-wrap.flex-space-55 > *{
padding: 27.5px;
}
.flexbox-wrap.flex-space-60{
margin: -30px;
}
.flexbox-wrap.flex-space-60 > *{
padding: 30px;
}
.flexbox-wrap.flex-space-65{
margin: -32.5px;
}
.flexbox-wrap.flex-space-65 > *{
padding: 32.5px;
}
.flexbox-wrap.flex-space-70{
margin: -35px;
}
.flexbox-wrap.flex-space-70 > *{
padding: 35px;
}
.flexbox-wrap.flex-space-80{
margin: -40px;
}
.flexbox-wrap.flex-space-80 > *{
padding: 40px;
}
.flexbox-wrap.flex-space-90{
margin: -45px;
}
.flexbox-wrap.flex-space-90 > *{
padding: 45px;
}
.flexbox-wrap.flex-space-100{
margin: -50px;
}
.flexbox-wrap.flex-space-100 > *{
padding: 50px;
}
.flexbox-wrap.flex-space-110{
margin: -55px;
}
.flexbox-wrap.flex-space-110 > *{
padding: 55px;
}
.flex-self-start{
-webkit-align-self: flex-start;
align-self: flex-start;
}
.flex-column-reverse > *{
width: 100%;
}
.flex-row-reverse > *{
width: 100%;
}
.flex-row-reverse > *:not(:last-child){
margin-bottom: 30px;
}
@media(min-width: 768px){
.flex-column-reverse{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-moz-box-orient: vertical;
-moz-box-direction: reverse;
flex-direction: column-reverse;
}
.flex-row-reverse{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-moz-box-orient: horizontal;
-moz-box-direction: reverse;
flex-direction: row-reverse;
}
}
.item-line-count{
position: relative;
}
.item-line-count-4i{
position: relative;
}
.item-line-count-2i:nth-child(2n+1):not(:first-child)::after {
position: absolute;
content: '';
width: -moz-calc( 100% * 2 - 30px);
width: calc( 100% * 2 - 30px);
height: 1px;
background-color: rgba(0,0,0,0.1);
left: 15px;
top: 0;
}
.item-line-count-4i:nth-child(4n+1):not(:first-child)::after {
position: absolute;
content: '';
width: -moz-calc( 100% * 4 - 30px);
width: calc( 100% * 4 - 30px);
height: 1px;
background-color: rgba(0,0,0,0.1);
left: 15px;
top: 0;
}
.line-bottom-two-line{
position: relative;
padding-bottom: 30px;
}
.line-bottom-two-line::before,
.line-bottom-two-line::after{
content: '';
position: absolute;
left: 0;
bottom: 0;
}
.line-bottom-two-line::before{
width: 140px;
height: 3px;
background-color: #efefef;
}
.line-bottom-two-line::after{
width: 70px;
height: 3px;
background-color: #444;
}
.block-heading--line.line-bottom-two-line::after{
margin-left:0 ;
}
@media (max-width: 991px){
.line-bottom-two-line{
padding-bottom: 25px;
}
.flexbox-wrap.flexbox-wrap-4i > *{
width: 50%;
}
}
@media (max-width: 767px){
.flexbox-wrap.flexbox-wrap-2i > *{
width: 100%;
}
.line-bottom-two-line{
padding-bottom: 20px;
}
}
@media (max-width: 575px){
.flexbox-wrap.flexbox-wrap-4i > *,
.flexbox-wrap .flexbox-item-50{
width: 100%;
}
}
/* --- update heading Style --- */
.block-heading .block-heading__title{
position: relative;
}
.block-heading {
margin-bottom: 50px;
}
@media (max-width: 767px) {
.block-heading {
margin-bottom: 40px;
}
}
@media (max-width: 380px) {
.block-heading {
margin-bottom: 30px;
}
}
.block-heading .page-heading__subtitle{
max-width: 100%;
}
.page-heading__subtitle p{
margin-bottom:0;
max-width: 576px;
}
.block-heading .block-heading__title span.background-hidden{
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
top:0;
left: 0;
}
/* headding-style-1*/
.block-heading.heading-style-1{
padding-bottom: 20px;
margin-bottom: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-heading.heading-style-1::before,
.block-heading.heading-style-1::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
}
.block-heading.heading-style-1::before {
width: 140px;
height: 3px;
background-color: #efefef;
}
.block-heading.heading-style-1 .page-heading__subtitle{
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-moz-box-ordinal-group: 0;
order: -1;
margin-top:0;
margin-bottom: 10px;
width: 100%;
}
.block-heading.heading-style-1::after {
width: 70px;
height: 3px;
border-bottom: 3px solid #444;
border-color: inherit;
}
@media (max-width: 991px){
.block-heading.heading-style-1::before {
width: 120px;
}
.block-heading.heading-style-1::after {
width: 60px;
}
}
@media (max-width: 767px){
.block-heading.heading-style-1 {
margin-bottom: 40px;
}
.block-heading.heading-style-1::before {
width: 84px;
}
.block-heading.heading-style-1::after {
width: 42px;
}
}
@media (max-width: 380px){
.block-heading.heading-style-1 {
margin-bottom: 35px;
}
}
/* end headding-style-1*/
/* headding-style-2*/
.block-heading.heading-style-2{
margin-bottom: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-heading .block-heading__title {
margin-bottom: 0;
font-size: 48px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
}
.block-heading.heading-style-2 .block-heading__subtitle {
margin-bottom: 10px;
}
.block-heading .block-heading__subtitle {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-moz-box-ordinal-group: 0;
order: -1;/*
letter-spacing: 5px;*/
margin-bottom: 15px;
}
.block-heading.heading-style-2 > * {
width: 100%;
}
@media(max-width: 1199px){
.block-heading .block-heading__title {
font-size: 42px;
}
.block-heading.heading-style-7 .block-heading__title,
.block-heading.heading-style-8 .block-heading__title,
.block-heading.heading-style-9 .block-heading__title,
.block-heading.heading-style-15 .block-heading__title {
font-size: 40px;
}
.block-heading.heading-style-2 .block-heading__subtitle {
margin-bottom: 10px;
}
}
@media(max-width: 991px){
.block-heading .block-heading__title {
font-size: 34px;
}
.block-heading.heading-style-7 .block-heading__title,
.block-heading.heading-style-8 .block-heading__title,
.block-heading.heading-style-9 .block-heading__title,
.block-heading.heading-style-15 .block-heading__title {
font-size: 32px;
}
.block-heading.heading-style-18 .block-heading__title{
font-size: 60px;
}
.block-heading.heading-style-2 .block-heading__subtitle {
letter-spacing: 3px;
}
}
@media(max-width: 767px){
.block-heading .block-heading__title,
.block-heading:not(.carousel-heading--aside-title) .block-heading__title {
font-size: 28px !important;
}
.block-heading.heading-style-7 .block-heading__title,
.block-heading.heading-style-8 .block-heading__title,
.block-heading.heading-style-9 .block-heading__title,
.block-heading.heading-style-15 .block-heading__title {
font-size: 26px !important;
}
.block-heading.heading-style-18 .block-heading__title{
font-size: 48px !important;
}
.block-heading .block-heading__subtitle {
font-size: 14px !important;
letter-spacing: 1.5px !important;
}
.block-heading.heading-style-2{
margin-bottom: 40px;
}
}
@media (max-width: 575px) {
.block-heading.heading-style-18 .block-heading__title {
font-size: 26px !important;
}
}
@media (max-width: 480px){
.block-heading .block-heading__title,
.block-heading:not(.carousel-heading--aside-title) .block-heading__title {
font-size: 26px !important;
}
.block-heading.heading-style-7 .block-heading__title,
.block-heading.heading-style-8 .block-heading__title,
.block-heading.heading-style-9 .block-heading__title,
.block-heading.heading-style-15 .block-heading__title {
font-size: 24px !important;
}
}
@media (max-width: 380px){
.block-heading .block-heading__title,
.block-heading:not(.carousel-heading--aside-title) .block-heading__title {
font-size: 24px !important;
}
.block-heading.heading-style-7 .block-heading__title,
.block-heading.heading-style-8 .block-heading__title,
.block-heading.heading-style-9 .block-heading__title,
.block-heading.heading-style-15 .block-heading__title {
font-size: 22px !important;
}
.block-heading.heading-style-2{
margin-bottom: 35px;
}
}
/* end headding-style-2*/
/* headding-style-3*/
.block-heading.heading-style-3 > * {
width: 100%;
}
.block-heading.heading-style-3 {
margin-bottom: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 25px;
border-top: 1px solid #000;
border-color: inherit;
position: relative;
}
.block-heading.heading-style-3::before{
position: absolute;
content: "";
border-top: 8px solid #000;
border-color: inherit;
width: 200px;
top: 0;
left: 0;
}
@media (max-width: 991px) {
.block-heading.heading-style-3::before{
width: 160px;
border-top-width: 8px;
}
}
@media (max-width: 767px) {
.block-heading.heading-style-3::before{
width: 140px;
border-top-width: 6px;
}
}
@media (max-width: 480px) {
.block-heading.heading-style-3::before{
width: 120px;
border-top-width: 4px;
}
}
.block-heading.heading-style-3.text-center::before{
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
/* end headding-style-3*/
/* headding-style-4*/
.block-heading.heading-style-4{
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-heading.heading-style-4 .block-heading__title{
position: relative;
padding-left: 32px;
}
.block-heading.heading-style-4 .page-heading__subtitle{
padding-left: 32px;
margin-top:10;
margin-bottom: 0;
}
.block-heading.heading-style-4 .block-heading__title::before ,
.block-heading.heading-style-4 .block-heading__title::after{
content:"";
position: absolute;
left: 3px;
top: 50%;
}
.block-heading.heading-style-4 .block-heading__title::before{
width: 18px;
height: 1px;
border-top: 1px solid #000;
border-color: inherit;
}
.block-heading.heading-style-4 .block-heading__title::after{
width: 1px;
left: 11px;
border-left: 1px solid #000;
border-color: inherit;
height: 18px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.block-heading.heading-style-4.text-center {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
}
/* headding-style-4 , 5 , 2 - center, 3 - center*/
.block-heading.heading-style-5.text-center .page-heading__subtitle,
.block-heading.heading-style-4 .page-heading__subtitle{
width: 100%;
}
.block-heading.heading-style-5.text-center .page-heading__subtitle p,
.block-heading.heading-style-2.text-center .page-heading__subtitle p,
.block-heading.heading-style-3.text-center .page-heading__subtitle p,
.block-heading.heading-style-4.text-center .page-heading__subtitle p{
max-width: 576px;
margin: 0 auto;
}
/* headding-style-5*/
.block-heading.heading-style-5.text-center {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.widget__title.heading-style-5 .widget__title-text{
position: relative;
padding-bottom: 0;
padding-left: 10px;
padding-right: 10px;
width: fit-content;
}
.widget__title.block-heading.heading-style-5 {
display: flex;
flex-wrap: nowrap;
}
.widget__title.block-heading.heading-style-5::after,
.widget__title.block-heading.heading-style-5::before {
content:"";
width: auto;
height: 1px;
background-color: #222;
display: block;
width:100%;
flex: 1;
}
.inverse-text .widget__title.block-heading.heading-style-5::after,
.inverse-text .widget__title.block-heading.heading-style-5::before {
background-color: #fff;
}
.widget__title.block-heading.heading-style-5::before {
order: -1;
}
.widget__title.block-heading.heading-style-5::after {
order: 2;
}
.block-heading.heading-style-5 .block-heading__title{
padding-left: 100px;
padding-right: 100px;
}
.block-heading.heading-style-5 .block-heading__title::after,
.block-heading.heading-style-5 .block-heading__title::before{
content: "";
position: absolute;
top: 50%;
width: 75px;
height: 1px;
border-top: 1px solid #000;
border-color: inherit;
}
.block-heading.heading-style-5 .widget__title-text::after,
.block-heading.heading-style-5 .block-heading__title::after{
right: 0;
}
.block-heading.heading-style-5 .block-heading__title::before{
left: 0;
}
.block-heading.heading-style-5{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-heading.heading-style-5 .block-heading__subtitle{
width: 100%;
margin-top: 10px;
}
/* headding-style-6*/
.block-heading.heading-style-6{
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-heading.heading-style-6 .page-heading__subtitle{
margin-top: 5px;
margin-bottom: 0;
width: 100%;
}
.block-heading.heading-style-6 .block-heading__title{
position: relative;
}
.block-heading.heading-style-6 .block-heading__title::after,
.block-heading.heading-style-6 .block-heading__title::before{
content:"";
position: absolute;
top: 50%;
width: 100000px;
width: 100vw;
height: 1px;
border-top: 1px solid #000;
border-color: inherit;
}
.block-heading.heading-style-6 .block-heading__title::after{
right: -moz-calc(100% + 23px);
right: calc(100% + 23px);
}
.block-heading.heading-style-6 .block-heading__title::before{
left: -moz-calc(100% + 23px);
left: calc(100% + 23px);
}
.atbs-keylin-main-col .block-heading.heading-style-6 {
overflow: hidden;
}
/* headding-style-7 , 8 , 9 */
.block-heading.heading-style-15 .block-heading__title,
.block-heading.heading-style-9 .block-heading__title,
.block-heading.heading-style-8 .block-heading__title,
.block-heading.heading-style-7 .block-heading__title{
background: #000;
padding: 10px 15px 9px;
color: var(--color-white);
}
.block-heading.heading-style-18,
.block-heading.heading-style-17,
.block-heading.heading-style-16,
.block-heading.heading-style-14,
.block-heading.heading-style-13,
.block-heading.heading-style-12,
.block-heading.heading-style-11,
.block-heading.heading-style-10,
.block-heading.heading-style-9,
.block-heading.heading-style-8,
.block-heading.heading-style-7{
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-heading.heading-style-9::before,
.block-heading.heading-style-8::before,
.block-heading.heading-style-7::before{
content:"";
border-bottom: 2px solid #000;
-webkit-box-flex: 1;box-flex: 1;-moz-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;flex: 1;
-webkit-box-ordinal-group: 2;box-ordinal-group: 2;-moz-order: 2;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
order: 2;-ms-flex-order: 2;
-webkit-align-self: flex-end;
align-self: flex-end;
border-color: inherit;
}
.block-heading.heading-style-18 .page-heading__subtitle,
.block-heading.heading-style-17 .page-heading__subtitle,
.block-heading.heading-style-16 .page-heading__subtitle,
.block-heading.heading-style-14 .page-heading__subtitle,
.block-heading.heading-style-13 .page-heading__subtitle,
.block-heading.heading-style-12 .page-heading__subtitle,
.block-heading.heading-style-11 .page-heading__subtitle,
.block-heading.heading-style-10 .page-heading__subtitle,
.block-heading.heading-style-9 .page-heading__subtitle,
.block-heading.heading-style-8 .page-heading__subtitle,
.block-heading.heading-style-7 .page-heading__subtitle{
width: 100%;
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
order: 3;
}
/* headding-style-8*/
.block-heading.heading-style-8::before{
-webkit-align-self: flex-start;
align-self: flex-start;
}
/* headding-style-9*/
.block-heading.heading-style-9::before{
-webkit-align-self: center;
-ms-grid-row-align: center;
align-self: center;
}
/* -- headding-style-10 -- */
.block-heading.heading-style-10 {
padding: 22px 0 20px 0;
}
.block-heading.heading-style-10::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
border-top: 6px solid;
}
.block-heading.heading-style-10::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
opacity: 0.8;
border-top: 2px solid;
}
.block-heading::after {
content: '';
border-color: inherit !important;
}
/* -- Style 11 -- */
.block-heading.heading-style-11 {
padding-top: 25px;
}
.block-heading.heading-style-11{
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
text-align: center;
}
.block-heading.heading-style-11 .page-heading__subtitle{
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
text-align: center;
}
.block-heading.heading-style-11::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
border-top: 6px solid;
display: block !important;
}
/* -- Style 12 & 13 & 14 -- */
.block-heading.heading-style-12 .block-heading__title,
.block-heading.heading-style-13 .block-heading__title,
.block-heading.heading-style-14 .block-heading__title {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;align-items: center;
border-color: inherit;
}
/* -- Style 12 -- */
.block-heading.heading-style-12 .block-heading__title {
padding-top: 5px;
padding-left: 10px;
}
.block-heading.heading-style-12 .block-heading__title::before {
content: '';
border-top: 3px solid #666;
border-left: 3px solid #666;
border-color: inherit;
width: 10px;
height: 10px;
position: absolute;
top: 0;
left: 0;
}
.block-heading.heading-style-12 .page-heading__subtitle {
padding-left: 10px;
}
/* -- Style 13 -- */
.block-heading.heading-style-13 .block-heading__title::before {
content: '';
border: 8px solid #666;
border-color: inherit;
width: 1px;
height: 1px;
border-radius: 50%;
margin-right: 12px;
}
.archive.category .block-heading.heading-style-13 .block-heading__title {
color: #222 !important;
}
.block-heading.heading-style-13 .page-heading__subtitle {
padding-left: 28px;
}
/* -- Style 14 -- */
.block-heading.heading-style-14 .block-heading__title::after {
content: '+';
border: 1px solid #ddd;
width: 30px;
min-width: 30px;
height: 30px;
color: #888;
font-size: 20px;
text-align: center;
margin-right: 10px;
line-height: 30px;
font-weight: 300;
margin-left: 15px;
letter-spacing: 0;
}
/* -- Style 15 --*/
.block-heading.heading-style-15 {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
justify-content: flex-start;
border-color: #000;
}
.block-heading.heading-style-15 .block-heading__title {
position: relative;
border-color: inherit;
margin-right: 20px;
}
.block-heading.heading-style-15 .block-heading__title::after {
content: '';
position: absolute;
top: 100%;
left: 10px;
margin: auto;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 7px 0;
border-color: #000 transparent transparent transparent;
border-top-color: inherit;
}
.block-heading.heading-style-15 .page-heading__subtitle, .block-heading.heading-style-15 .page-heading__subtitle p {
width: auto;
margin-left:0;
margin-top:0;
}
/* -- Style 14 & 15 -- */
/*@supports ((width: -webkit-min-content) or (width: -moz-min-content) or (width: min-content)) {
.block-heading.heading-style-14 .block-heading__title,
.block-heading.heading-style-15 .block-heading__title {
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
}
}*/
/* -- Style 16 -- */
/* Using em unit relative to heading font size (default 48px) */
.block-heading.heading-style-16 .block-heading__title::before {
content: '';
display: block;
margin-bottom: 0.625em; /* 30px */
width: 2.08333333em; /* 100px */
border-top: 0.166666667em solid #666; /* 8px */
border-color: inherit;
}
/* -- Style 18 -- */
@media(min-width: 577px){
.block-heading.heading-style-18 .block-heading__title{
z-index: 0;
padding-left: 0;
color: #f3f3f3 !important;
}
.heading-style-18 .block-heading__title{
font-size: 75px;
}
.block-heading.heading-style-18 .block-heading__title::after {
content: attr(data-title);
font-size: 0.277em;
position: absolute;
color: #222;
color: var(--color-heading);
bottom: 8px;
z-index: 2;
left: 20px;
}
.block-heading.heading-style-18 .page-heading__title.block-heading__title::after {
content: attr(data-title);
color: #222;
}
}
/* -- Heading Size -- */
/* lg */
@media(max-width: 1199px) {
.the-heading-size-lg .block-heading .block-heading__title,
.single .the-heading-size-lg .comment-reply-title, .the-heading-size-lg .page .comment-reply-title {
font-size: 2.5714rem !important; /*36px*/
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.atbs-keylin-main-col .the-heading-size-lg .block-heading .block-heading__title,
.single .atbs-keylin-main-col .the-heading-size-lg .comment-reply-title, .page .atbs-keylin-main-col .the-heading-size-lg .comment-reply-title {
font-size: 2.2857rem !important; /*32px*/
}
}
@media(max-width: 991px) {
.the-heading-size-lg .block-heading .block-heading__title,
.the-heading-size-md .block-heading .block-heading__title{
font-size: 2.1428rem !important; /*30px*/
}
.single .the-heading-size-lg .block-heading .block-heading__title,
.single .the-heading-size-md .block-heading .block-heading__title,
.single .the-heading-size-lg .comment-reply-title, .the-heading-size-lg .page .comment-reply-title,
.single .the-heading-size-md .comment-reply-title, .the-heading-size-md .page .comment-reply-title {
font-size: 1.8571rem !important; /*26px*/
}
}
@media(max-width: 767px) {
.the-heading-size-lg .block-heading .block-heading__title,
.the-heading-size-md .block-heading .block-heading__title{
font-size: 1.8571rem !important; /*26px*/
}
}
@media(max-width: 576px) {
.the-heading-size-lg .block-heading, .the-heading-size-md,
.single .the-heading-size-lg .comment-reply-title, .the-heading-size-lg .page .comment-reply-title,
.single .the-heading-size-md .comment-reply-title, .the-heading-size-md .page .comment-reply-title{
margin-bottom: 30px !important;
}
.the-heading-size-lg .block-heading .block-heading__title,
.the-heading-size-md .block-heading .block-heading__title,
.single .the-heading-size-lg .comment-reply-title, .the-heading-size-lg .page .comment-reply-title,
.single .the-heading-size-md .comment-reply-title, .the-heading-size-md .page .comment-reply-title {
font-size: 1.8571rem !important; /*26px*/
}
}
@media(max-width: 360px) {
.the-heading-size-lg .block-heading .block-heading__title,
.the-heading-size-md .block-heading .block-heading__title,
.the-heading-size-sm .block-heading .block-heading__title,
.single .the-heading-size-lg .comment-reply-title, .the-heading-size-lg .page .comment-reply-title,
.single .the-heading-size-md .comment-reply-title, .the-heading-size-md .page .comment-reply-title,
.single .the-heading-size-sm .comment-reply-title, .the-heading-size-sm .page .comment-reply-title {
font-size: 1.5714rem !important; /*22px*/
}
.single .the-heading-size-lg .block-heading .block-heading__title,
.single .the-heading-size-md .block-heading .block-heading__title,
.single .the-heading-size-lg .comment-reply-title, .the-heading-size-lg .page .comment-reply-title,
.single .the-heading-size-md .comment-reply-title, .the-heading-size-md .page .comment-reply-title {
font-size: 1.5714rem !important; /*22px*/
}
}
/* --- end update heading Style --- */
/* --- end update heading Style --- */
/*---font-size---*/
@media (min-width: 992px){
.typescale-1{
line-height: 1.5;
}
.typescale-0.custom-typescale-0{
font-size: 1.1rem;
line-height: 1.5;
}
.typescale-0_5{
font-size: 1.1428rem; /*font system*/
line-height: 1.43; /*font system*/
}
.typescale-2.custom-typescale-2{
font-size: 1.428rem;
line-height: 1.4;
}
.typescale-2_5{
font-size: 1.55rem;
line-height: 1.41;
}
.typescale-2_7{
font-size: 1.7142rem; /*font system*/
line-height: 1.375;
}
.typescale-3.custom-typescale-3{
font-size: 1.85714286rem;
line-height: 1.38;
}
.typescale-3_2{
font-size: 2rem; /*font system*/
line-height: 1.4;
}
.typescale-3_5{
font-size: 2.14285714rem; /*font system*/
line-height: 1.4;
}
.typescale-3_7{
font-size: 2.2857rem; /*font system*/
line-height: 1.4;
}
.typescale-4_5{
font-size: 2.8571rem;
line-height: 1.4;
}
.typescale-4_7{
font-size: 3rem;
line-height: 1.4;
}
.typescale-5.custom-typescale-5 {
font-size: 3.452rem;
line-height: 1.2;
}
.typescale-5_5{
font-size: 3.57rem;
line-height: 1.4;
}
.typescale-6.custom-typescale-6 {
font-size: 56px;
font-size: 4rem;
line-height: 1.1;
}
}
@media (max-width: 991px) {
.typescale-0.custom-typescale-0{
font-size: 15px;
font-size: 1.0714rem; /*font system*/
}
.typescale-5.custom-typescale-5 {
font-size: 2.1428rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 767px) {
.typescale-0.custom-typescale-0{
font-size: 16px;
font-size: 1.1428rem; /*font system*/
}
.typescale-5.custom-typescale-5 {
font-size: 1.5714rem; /*font system*/
line-height: 1.41;
}
}
@media (max-width: 480px) {
.typescale-5.custom-typescale-5 {
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 320px) {
.typescale-0.custom-typescale-0{
font-size: 15px;
font-size: 1.0714rem; /*font system*/
}
}
@media (max-width: 991px){
.atbs-keylin-pagination__links{
text-align: center;
}
}
.block-heading.heading-style-1,
.block-heading.heading-style-2:not(.text-center),
.block-heading.heading-style-3:not(.text-center) .block-heading__title,
.block-heading.heading-style-3:not(.text-center) .page-heading__subtitle,
.block-heading.heading-style-4,
.block-heading.heading-style-5 .block-heading__title,
.block-heading.heading-style-6 .block-heading__title,
.block-heading.heading-style-7 .block-heading__title,
.block-heading.heading-style-8 .block-heading__title,
.block-heading.heading-style-9 .block-heading__title,
.block-heading.heading-style-10 .block-heading__title,
.block-heading.heading-style-11 .block-heading__title,
.block-heading.heading-style-12 .block-heading__title,
.block-heading.heading-style-13 .block-heading__title,
.block-heading.heading-style-14 .block-heading__title,
.block-heading.heading-style-17 .block-heading__title,
.block-heading.heading-style-16 {
max-width: 845px;
}
.block-heading.heading-style-15 .block-heading__title{
max-width: 768px;
}
.block-heading.heading-style-6 .page-heading__subtitle,
.block-heading.heading-style-3:not(.text-center) .page-heading__subtitle{
margin-left: 0;
}
.block-heading.heading-style-3.text-center .block-heading__title,
.block-heading.heading-style-3.text-center .page-heading__subtitle,
.block-heading.heading-style-2.text-center{
max-width: 845px;
margin-left: auto;
margin-right: auto;
}
.block-heading.heading-style-7 .page-heading__subtitle,
.block-heading.heading-style-8 .page-heading__subtitle,
.block-heading.heading-style-9 .page-heading__subtitle {
margin-top: 15px;
}
/*---- Responsive Video wrapper ----*/
.items-clear-both-2 > div:nth-child(2n+1){
clear: both;
}
.items-clear-both-3 > div:nth-child(3n+1){
clear: both;
}
@media (max-width: 991px) {
.items-clear-both-3 > div:nth-child(3n+1){
clear: none;
}
.items-clear-both-3 > div:nth-child(2n+1){
clear: both;
}
}
/* ------------------------- Widget Css */
/*
Layout
*/
.atbs-keylin-main-col{
width: 900px;
}
.atbs-keylin-sub-col{
width: 300px;
}
/*
Content
*/
.widget {
margin-bottom: 40px;
}
.widget__title {
margin-bottom: 30px;
color: var(--color-text-widget-title-dark);
}
.inverse-text .widget__title {
color: var(--color-white);
}
.widget__title-text {
font-size: 15px; /*font system*/
font-size: 1.0714rem;
line-height: 1.5;
letter-spacing: 0;
font-weight: 700;
text-transform: uppercase;
}
.widget__title--line-below .widget__title-text {
position: relative;
padding-bottom: 15px;
}
.widget__title--line-below .widget__title-text::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 30px;
border-top: 1px solid currentColor;
opacity: .9;
}
@media (max-width: 991px) {
.widget__title.block-heading {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
}
.widget__title--line-below .widget__title-text::after {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media (min-width: 1200px) {
/* main col*/
.atbs-keylin-main-col{
width: 900px;
}
.atbs-keylin-main-col.has-left-sidebar {
float: right;
}
/* sub col*/
.atbs-keylin-sub-col{
width: 300px;
float: right;
}
}
@media (max-width: 1199px) {
/* main*/
.atbs-keylin-main-col{
width: 680px;
}
/*sub*/
.atbs-keylin-sub-col{
width: 290px;
}
}
@media (max-width: 991px) {
/* All */
.atbs-keylin-main-col{
padding-right: 15px;
width: 100%;
}
.atbs-keylin-sub-col{
padding-top: 60px;
width: 100%;
float: left;
}
.widget:not(:last-child){
margin-bottom: 40px;
}
.widget__title{
text-align: center;
}
}
@media (max-width: 768px){
.widget:not(:last-child){
margin-bottom: 40px;
}
.widget__title{
margin-bottom: 30px;
}
}
/* .Widget Css -------------------------*/
/* ----------------------- Navigation bar */
/*
Layout
*/
@media (min-width: 992px) {
.admin-bar .atbs-keylin-offcanvas.menu-wrap{
height: -moz-calc(100% - 32px) ;
height: calc(100% - 32px) ;
}
.atbs-keylin-offcanvas{
/*width: 80%;*/
width: 530px;
display: -moz-flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
/*flex-wrap: wrap;*/
background-color: var(--color-white);
-webkit-transition: -webkit-transform 0.5s, width 0.5s ease-in-out;
-webkit-transition: width 0.5s ease-in-out, -webkit-transform 0.5s;
transition: width 0.5s ease-in-out, -webkit-transform 0.5s;
-o-transition: transform 0.5s, width 0.5s ease-in-out;
-o-transition: width 0.5s ease-in-out, -o-transform 0.5s;
-moz-transition: transform 0.5s, width 0.5s ease-in-out, -moz-transform 0.5s;
transition: transform 0.5s, width 0.5s ease-in-out;
transition: transform 0.5s, width 0.5s ease-in-out, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s;
transition: transform 0.5s, width 0.5s ease-in-out, -webkit-transform 0.5s;
}
.atbs-keylin-offcanvas--inner {
width: -moz-calc(100% - 100px);
width: calc(100% - 100px);
display: -moz-flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
}
.atbs-keylin-offcanvas.animation_0_row .atbs-keylin-offcanvas--inner{
width: 100%;
}
.atbs-keylin-offcanvas.is-active{
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.atbs-keylin-offcanvas.animation{
width: 1300px;
}
.atbs-keylin-offcanvas.animation.animation_0_row,
.atbs-keylin-offcanvas.animation_0_row{
width: 430px;
}
.atbs-keylin-offcanvas.animation_0_row .btn-nav-show_full{
display: none;
}
.atbs-keylin-offcanvas.animation.animation_1_row{
width: 915px;
}
.atbs-keylin-offcanvas.animation.animation_2_row{
width: 1300px;
}
.atbs-keylin-offcanvas .border-right{
border-right: 1px solid rgba(0,0,0,0.1);
}
.atbs-keylin-offcanvas--inner .atbs-keylin-offcanvas__section:not(:first-child){
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
max-height: 100%;
padding-top: 35px;
padding-bottom: 50px;
}
.atbs-keylin-offcanvas--inner .atbs-keylin-offcanvas__section{
/*display: none;*/
min-width: 385px;
max-width: 385px;
}
/*title*/
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__title{
width: 140px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 120px;
text-align: center;
display: -moz-flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: space-between;
align-content: space-between;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
min-width: 140px;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__title .atbs-keylin-offcanvas-close{
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__title .atbs-keylin-offcanvas-close--wrap{
color: var(--color-black);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
display: block;
white-space: nowrap;
}
.atbs-keylin-offcanvas-close{
border: none;
overflow: initial;
}
.atbs-keylin-offcanvas-close .label-icon{
text-transform: uppercase;
color: rgba(0,0,0,0.6);
margin-left: 5px;
}
.atbs-keylin-offcanvas__title .social-list li:not(:last-child){
margin-bottom: 10px;
}
/*navigation*/
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-navigation{
display: -moz-flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
max-width: 290px;
padding-right: 0;
padding-left: 0;
min-width: 290px;
}
.atbs-keylin-offcanvas .menu-main-menu-container{
width: 100%;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-navigation .atbs-keylin-offcanvas__section-navigation--wrap{
width: 100%;
max-height: 100%;
padding-right: 20px;
padding-left: 20px;
}
/*posts list*/
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-posts-list{
padding-left: 60px;
padding-right: 0;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-posts-list .atbs-keylin-offcanvas__section-posts-list--wrap{
max-height: 100%;
padding-right: 60px;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-posts-list .list-item:not(:last-child){
margin-bottom: 30px;
}
/*slide-bar*/
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-slide-bar {
padding-left: 60px;
padding-right: 0;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-slide-bar--wrap{
max-height: 100%;
padding-right: 60px;
}
/*scroll bar*/
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-navigation .atbs-keylin-offcanvas__section-navigation--wrap,
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-posts-list .atbs-keylin-offcanvas__section-posts-list--wrap,
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-slide-bar .atbs-keylin-offcanvas__section-slide-bar--wrap{
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-navigation .atbs-keylin-offcanvas__section-navigation--wrap::-webkit-scrollbar,
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-posts-list .atbs-keylin-offcanvas__section-posts-list--wrap::-webkit-scrollbar,
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-slide-bar .atbs-keylin-offcanvas__section-slide-bar--wrap::-webkit-scrollbar{
width: 2px;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-navigation .atbs-keylin-offcanvas__section-navigation--wrap::-webkit-scrollbar-thumb,
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-posts-list .atbs-keylin-offcanvas__section-posts-list--wrap::-webkit-scrollbar-thumb,
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-slide-bar .atbs-keylin-offcanvas__section-slide-bar--wrap::-webkit-scrollbar-thumb{
border-radius: 50px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
}
/*button show more*/
.btn-nav-show_full{
position: absolute;
border-radius: 50%;
width: 40px;
height: 40px;
border: 1px solid rgba(0,0,0,0.1);
right: 30px;
top: 50%;
z-index: 1001;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
cursor: pointer;
}
/*
Content
*/
/*title*/
.atbs-keylin-offcanvas__title .social-list{
width: 100%;
height: auto ;
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
order: 3;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
align-items: flex-end;
-webkit-align-content: flex-end;
align-content: flex-end;
margin-top: 0;
}
.atbs-keylin-offcanvas__title .social-list:first-child{
height: 100%;
}
.atbs-keylin-offcanvas__title .social-list li{
display: block;
width: 100%;
}
.atbs-keylin-offcanvas__title .atbs-keylin-offcanvas-close {
position: initial;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
order: 2;
position: absolute;
top: 50%;
order: 2;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
/* Menu */
.menu-wrap {
position: fixed;
/*z-index: 1001;*/
width: 530px;
height: 100%;
font-size: 1.15em;
-webkit-transform: translate3d(-100%,0,0);
-moz-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
-webkit-transition: -webkit-transform 0.5s, width 0.5s ease-in-out;
-webkit-transition: width 0.5s ease-in-out, -webkit-transform 0.5s;
transition: width 0.5s ease-in-out, -webkit-transform 0.5s;
-o-transition: transform 0.5s, width 0.5s ease-in-out;
-o-transition: width 0.5s ease-in-out, -o-transform 0.5s;
-moz-transition: transform 0.5s, width 0.5s ease-in-out, -moz-transform 0.5s;
transition: transform 0.5s, width 0.5s ease-in-out;
transition: transform 0.5s, width 0.5s ease-in-out, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s;
transition: transform 0.5s, width 0.5s ease-in-out, -webkit-transform 0.5s;
left: 0;
top: 0;
}
/* Morph Shape */
.morph-shape {
position: absolute;
width: 100px;
height: 100%;
top: 0;
right: 0;
fill: var(--color-white);
z-index: 1000;
}
/* Shown menu */
.show-menu .menu-wrap {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/*posts-list*/
.atbs-keylin-offcanvas__section-posts-list .post--vertical-cat-overlay .post__title{
color: var(--color-text-dark);
}
}
@media (min-width: 1367px) and (max-width: 1600px){
/*
Layout
*/
.atbs-keylin-offcanvas.animation{
width: 1300px;
}
.atbs-keylin-offcanvas.animation.animation_0_row,
.atbs-keylin-offcanvas.animation_0_row{
width: 430px;
}
.atbs-keylin-offcanvas.animation.animation_1_row{
width: 915px;
}
.atbs-keylin-offcanvas.animation.animation_2_row{
width: 1300px;
}
/*
Content
*/
}
@media (min-width: 992px) and (max-width: 1366px){
/*
Layout
*/
.atbs-keylin-offcanvas.animation{
width: 1155px;
}
.atbs-keylin-offcanvas.animation.animation_0_row,
.atbs-keylin-offcanvas.animation_0_row{
width: 395px;
}
.atbs-keylin-offcanvas.animation.animation_1_row{
width: 825px;
}
.atbs-keylin-offcanvas.animation.animation_2_row{
width: 1155px;
}
.atbs-keylin-offcanvas--inner .atbs-keylin-offcanvas__section:not(:first-child){
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
max-width: 330px;
min-width: 330px;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section:not(:first-child).atbs-keylin-offcanvas__section-navigation {
width: -moz-calc(100% - 110px);
width: calc(100% - 110px);
max-width: 285px;
min-width: 285px;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas--inner .ps__rail-x,
.atbs-keylin-offcanvas .atbs-keylin-offcanvas--inner .ps__rail-y{
}
/*posts list*/
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-posts-list {
padding-left: 35px;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-posts-list .atbs-keylin-offcanvas__section-posts-list--wrap{
padding-right: 35px;
}
/*slide bar*/
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-slide-bar{
padding-left: 35px;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-slide-bar--wrap {
padding-right: 35px;
}
/*title*/
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__title{
width: 110px;
min-width: 110px;
padding-bottom: 70px;
}
/*
Content
*/
/*navigation*/
.atbs-keylin-offcanvas div.morph-shape {
width: 100px;
min-width: initial;
}
.atbs-keylin-offcanvas div.btn-nav-show_full{
min-width: initial;
}
.menu-wrap{
width: 495px;
}
}
@media (min-width: 992px){
#atbs-keylin-offcanvas-mobile.atbs-keylin-offcanvas{
display: none;
}
.show-full.atbs-keylin-offcanvas .atbs-keylin-offcanvas--inner .atbs-keylin-offcanvas__section{
/*display: block;*/
}
.show-full.atbs-keylin-offcanvas .atbs-keylin-offcanvas--inner .atbs-keylin-offcanvas__section:not(:last-child){
/*display: flex;*/
}
.show-full.atbs-keylin-offcanvas .atbs-keylin-offcanvas--inner .atbs-keylin-offcanvas__section:not(:first-child){
/*display: flex;*/
}
}
@media (min-width: 992px) and (max-width: 1199px){
.menu-wrap {
width: 460px;
}
.atbs-keylin-offcanvas.animation {
width: 795px;
}
.atbs-keylin-offcanvas.animation.animation_0_row,
.atbs-keylin-offcanvas.animation_0_row{
width: 355px;
}
.atbs-keylin-offcanvas.animation.animation_1_row,
.atbs-keylin-offcanvas.animation.animation_2_row{
width: 795px;
}
.atbs-keylin-offcanvas--inner .atbs-keylin-offcanvas__section:not(:first-child) {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
min-width: 340px;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas--inner .ps__rail-x,
.atbs-keylin-offcanvas .atbs-keylin-offcanvas--inner .ps__rail-y{
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section:not(:first-child).atbs-keylin-offcanvas__section-navigation {
width: -moz-calc(100% - 100px);
width: calc(100% - 100px);
max-width: 255px;
min-width: 255px;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section.atbs-keylin-offcanvas__title {
width: 100px;
min-width: 100px;
}
}
@media (max-width: 991px){
/*
Layout
*/
.atbs-keylin-offcanvas{
-webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
-o-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
-moz-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
}
/*posts-list*/
.atbs-keylin-offcanvas__section-posts-list .post--vertical-cat-overlay .post__title{
color: var(--color-text-dark);
}
/*
Content
*/
#atbs-keylin-offcanvas-mobile.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-posts-list,
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-posts-list,
#atbs-keylin-offcanvas-mobile.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-slide-bar,
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-slide-bar{
display: none;
}
#atbs-keylin-offcanvas-primary.atbs-keylin-offcanvas{
display: none;
}
.atbs-keylin-offcanvas__title .site-logo img {
/*max-height: 35px;*/
}
.atbs-keylin-offcanvas .subscribe-form__fields {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
}
.atbs-keylin-offcanvas .subscribe-form__fields input[type="email"] {
-webkit-box-flex: 1;
-webkit-flex: auto;
-moz-box-flex: 1;
flex: auto;
}
}
/* Navigation bar ----------------------- */
/* ---------------------- Ajax Search */
/* search form*/
.atbs-keylin-search-full{
background-color: var(--color-white);
box-shadow: none;
position: fixed;
z-index: 999;
visibility: hidden;
overflow: hidden;
padding: 0 15px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
width: 100%;
height: 100%;
border-radius: 100%;
left: 0;
top: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
/*layout search*/
.atbs-keylin-search-full .atbs-keylin-search-full--wrap{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
width: 100%;
}
.post-grid-video-space-between .post__text {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
justify-content: space-between;
padding: 0 65px;
position: relative;
}
.post--overlay-height-320.post--overlay .post__text {
min-height: 320px;
}
.atbs-keylin-search-full .atbs-keylin-search-full--form{
width: 820px;
width: 45%;
margin: auto;
visibility: hidden;
-webkit-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.atbs-keylin-search-full .atbs-keylin-search-full--result{
display: block;
visibility: hidden;
position: absolute;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
/*left - frame search*/
.atbs-keylin-search-full .result-default [class*='popular-']:not(:only-child){
margin-bottom: 100px;
}
.atbs-keylin-search-full .result-default [class*='popular-']:last-child{
margin-bottom: 0;
}
.atbs-keylin-search-full .result-default [class*='popular-']{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.atbs-keylin-search-full .result-default [class*='popular-title']{
width: 20%;
margin-bottom: 0 !important;
word-break: break-word;
}
.atbs-keylin-search-full .result-default [class*='-list']{
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
padding-left: 35px;
}
/*left - post default*/
.atbs-keylin-search-full .result-default{
visibility: hidden;
}
/*post popular*/
.atbs-keylin-search-full .result-default .popular-posts .list-item:not(:last-child) {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid rgba(0,0,0,0.08);
}
/*post search*/
.atbs-keylin-search-full .result-default .search-terms-section {
vertical-align: middle;
}
.atbs-keylin-search-full .result-default .search-terms-section ul{
display: inline-block;
padding: 0;
vertical-align: middle;
list-style: none;
}
.atbs-keylin-search-full .result-default .search-terms-section li {
display: inline-block;
margin-right: 5px;
}
.atbs-keylin-search-full .result-default .search-terms-section li a{
min-width: 75px;
padding: 0 20px;
height: 35px;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 35px;
color: #222222;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
font-size: 0.8571rem;
text-decoration: none;
}
.atbs-keylin-search-full .result-default .search-terms-section li a:hover {
background-color: #f8f8f8;
color: #222222;
}
/*title*/
.atbs-keylin-search-full .result-default .popular-title span{
font-size: 18px;
color: var(--color-logo);
font-weight: bold;
letter-spacing: 0;
line-height: 2;
}
/*item tags*/
.atbs-keylin-search-full .popular-tags .entry-tags{
text-align: left;
}
.atbs-keylin-search-full .popular-tags .entry-tags ul{
padding: 0;
margin: 0;
list-style: none;
}
.atbs-keylin-search-full .popular-tags .entry-tags li{
padding: 0;
margin: 0;
list-style: none;
}
.atbs-keylin-search-full .popular-tags .entry-tags li:not(:last-child){
margin-right: 5px;
}
.atbs-keylin-search-full .popular-tags .entry-tags ul > li > a{
min-width: 75px;
padding: 0 20px;
height: 35px;
background-color: var(--color-logo);
border-radius: 35px;
color: var(--color-white);
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
}
.atbs-keylin-search-full .popular-tags .entry-tags ul > li:not(.entry-tags__icon) > a::before{
display: none;
}
/*item post*/
.atbs-keylin-search-full .result-default .popular-posts .post__title,
.atbs-keylin-search-full .result-default .popular-search .post__title{
font-weight: 300;
}
.atbs-keylin-search-full .result-default .popular-search .post__title{
font-size: 15px;
line-height: 1.5;
}
/*using animation*/
.atbs-keylin-search-full .result-default .popular-posts,
.atbs-keylin-search-full .result-default .popular-tags,
.atbs-keylin-search-full .result-default .popular-search{
opacity: 0;
}
/*---search---*/
/*input*/
.atbs-keylin-search-full form{
width: 100%;
max-width: 100px;
margin: auto auto 75px auto;
position: relative;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
opacity: 0;
}
.atbs-keylin-search-full .form-control{
padding: 15px 50px 15px 30px;
width: 100%;
height: 120px;
border: none;
outline: none;
background-color: var(--color-logo);
box-shadow: none;
color: var(--color-white);
font-size: 35px;
}
.atbs-keylin-search-full .form-control::-webkit-input-placeholder{
color: var(--color-white);
font-size: 28px;
}
.atbs-keylin-search-full .form-control::-moz-placeholder{
color: var(--color-white);
font-size: 28px;
}
.atbs-keylin-search-full .form-control:-ms-input-placeholder{
color: var(--color-white);
font-size: 28px;
}
.atbs-keylin-search-full .form-control::-ms-input-placeholder{
color: var(--color-white);
font-size: 28px;
}
.atbs-keylin-search-full .form-control::placeholder{
color: var(--color-white);
font-size: 28px;
}
/*button submit*/
.atbs-keylin-search-full .btn-search-full{
position: absolute;
right: 26px;
top: 50%;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);
background-color: transparent;
border: none;
outline: none;
box-shadow: none;
color: var(--color-white);
padding: 0;
}
.atbs-keylin-search-full .btn-search-full i{
font-size: 30px;
}
/*button remove*/
#atbs-keylin-search-remove{
position: absolute;
right: 15px;
top: 50px;
margin: -15px 0;
height: 25px;
font-size: 20px;
cursor: pointer;
color: #222222;
font-size: 35px;
visibility: hidden;
}
/*Open frame search*/
.atbs-keylin-search-full.On{
max-width: 100%;
opacity: 1;
visibility: visible;
width: 100%;
height: 100%;
border-radius: 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.atbs-keylin-search-full.On form{
-o-transition: all 0.5s ease 0.5s;
transition: all 0.5s ease 0.5s;
-moz-transition: all 0.5s ease 0.5s;
-webkit-transition: all 0.5s ease 0.5s;
max-width: 100%;
opacity: 1;
}
.atbs-keylin-search-full.On .atbs-keylin-search-full--form{
visibility: visible;
}
.atbs-keylin-search-full.On .form-control{
font-weight: 300;
font-size: 25px;
}
.atbs-keylin-search-full.On input:focus{
outline: none;
box-shadow: none;
}
/*post default*/
.atbs-keylin-search-full.On .atbs-keylin-search-full--form .result-default{
visibility: visible;
}
.atbs-keylin-search-full.On .atbs-keylin-search-full--form .result-default .popular-posts{
-webkit-animation: Search_FadeIn 1s forwards 0.4s;
-moz-animation: Search_FadeIn 1s forwards 0.4s;
animation: Search_FadeIn 1s forwards 0.4s;
}
.atbs-keylin-search-full.On .atbs-keylin-search-full--form .result-default .popular-tags{
-webkit-animation: Search_FadeIn 1s forwards 0.7s;
-moz-animation: Search_FadeIn 1s forwards 0.7s;
animation: Search_FadeIn 1s forwards 0.7s;
}
.atbs-keylin-search-full.On .atbs-keylin-search-full--form .result-default .popular-search{
-webkit-animation: Search_FadeIn 1s forwards 1s;
-moz-animation: Search_FadeIn 1s forwards 1s;
animation: Search_FadeIn 1s forwards 1s;
}
/*button remove*/
.atbs-keylin-search-full.On #atbs-keylin-search-remove{
visibility: visible;
-webkit-transition-delay: 1s;
-o-transition-delay: 1s;
-moz-transition-delay: 1s;
transition-delay: 1s;
}
/*layout search result*/
/*layout - left*/
.atbs-keylin-search-full.active .atbs-keylin-search-full--form{
width: 50%;
max-width: 820px;
margin: 0;
padding-right: 80px;
position: relative;
}
/*layout - right*/
.atbs-keylin-search-full.active .atbs-keylin-search-full--result{
position: initial;
display: block;
width: 50%;
max-width: 700px;
margin-left: 75px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
visibility: visible;
padding-top: 0;
}
/*post-grid result*/
.atbs-keylin-search-full--result .post-grid-result{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 60px;
margin-top: 40px;
}
.atbs-keylin-search-full--result [class*='post-grid-result--']:not(:last-child){
margin-right: 40px;
}
/*post-grid result-left*/
.atbs-keylin-search-full .atbs-keylin-search-full--result .post-grid-result--left{
width: 370px;
}
/*post-grid result-body*/
.atbs-keylin-search-full .atbs-keylin-search-full--result .post-grid-result--body{
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
}
.atbs-keylin-search-full .post-grid-result--body .list-item:not(:last-child){
margin-bottom: 40px;
}
.atbs-keylin-search-full--result {
max-height: 100%;
overflow-x: auto;
overflow-y: scroll;
padding-right: 50px;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/** Pagination **/
.atbs-keylin-pagination {
margin-bottom: 0;
}
.atbs-keylin-pagination:last-child {
margin-bottom: 0;
}
.atbs-keylin-pagination__title {
font-size: 16px;
font-size: 1.14286rem;
}
.atbs-keylin-pagination__links {
margin: -2px;
font-size: 0;
}
.atbs-keylin-pagination__item {
position: relative;
margin: 2px;
padding: 0;
min-width: 34px;
height: 34px;
background-color: transparent;
color: #6b6a6a;
border-radius: 0;
font-size: 14px;
line-height: 34px;
font-weight: 400;
}
.atbs-keylin-pagination__item:hover, .atbs-keylin-pagination__item:focus, .atbs-keylin-pagination__item:active {
background-color: transparent;
color: var(--color-primary);
opacity: 1;
}
.atbs-keylin-pagination__item-current,
.atbs-keylin-pagination__item-current:hover,
.atbs-keylin-pagination__item-current:focus,
.atbs-keylin-pagination__item-current:active {
width: 29px;
height: 29px;
min-width: 29px;
background-color: var(--color-text-dark);
color: var(--color-white);
border-radius: 50%;
line-height: 31px;
}
.atbs-keylin-pagination__item-current:hover,
.atbs-keylin-pagination__item-current:focus,
.atbs-keylin-pagination__item-current:active {
color: var(--color-primary);
}
.atbs-keylin-pagination--next-n-prev {
margin-top: 0;
margin-bottom: 40px;
}
.atbs-keylin-pagination--next-n-prev .atbs-keylin-pagination__inner {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
}
.atbs-keylin-pagination--next-n-prev .atbs-keylin-pagination__label {
font-size: 14px;
font-size: 1rem;
}
@media (min-width: 768px) {
.atbs-keylin-pagination--next-n-prev .atbs-keylin-pagination__label {
font-size: 16px;
font-size: 1.14286rem;
}
}
@media (max-width: 768px) {
.atbs-keylin-pagination--next-n-prev .atbs-keylin-pagination__item {
font-size: 13px;
}
}
.atbs-keylin-pagination--next-n-prev .atbs-keylin-pagination__links a:last-child .atbs-keylin-pagination__item {
position: relative;
padding: 1px 8px 0;
background-color: var(--color-primary);
color: var(--color-white);
}
.atbs-keylin-pagination--next-n-prev .atbs-keylin-pagination__item-next {
margin-right: 8px;
}
.atbs-keylin-pagination__item-prev {
display: none;
}
.atbs-keylin-pagination--next-n-prev .atbs-keylin-pagination__item-prev {
margin-left: 8px;
background: #f1f1f1;
color: rgba(0, 0, 0, 0.8);
}
.atbs-keylin-pagination--next-n-prev .atbs-keylin-pagination__item-next::after {
content: '';
display: block;
width: 0;
position: absolute;
left: 100%;
right: auto;
top: 0;
border-width: 17px 8px;
margin-right: 0;
border-style: solid;
border-color: transparent;
border-left-color: var(--color-primary);
}
.atbs-keylin-pagination--next-n-prev .atbs-keylin-pagination__item-prev::after {
content: '';
display: block;
width: 0;
position: absolute;
right: 100%;
left: auto;
top: 0;
border-width: 17px 8px;
margin-left: 0;
margin-right: -1px;
border-style: solid;
border-color: transparent;
border-right-color: var(--color-primary);
}
.ajax-load-more-button button,
.ajax-load-more-button button:hover,
.ajax-load-more-button button:focus,
.ajax-load-more-button button:active {
color: var(--color-white);
background: var(--color-logo);
}
.ajax-load-more-button button:active:hover {
color: var(--color-white);
background: var(--color-primary);
-webkit-transform: translateY(2px);
-moz-transform: translateY(2px);
-o-transform: translateY(2px);
transform: translateY(2px);
}
/** button load all **/
.atbs-keylin-search-full--result .atbs-keylin-pagination{
margin-top: 0;
}
.atbs-keylin-search-full--result .atbs-keylin-pagination .btn{
color: var(--color-logo);
border-radius: 40px;
padding: 12px 25px;
border: 1px solid var(--color-logo);
font-size: 15px;
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
-moz-transition: 0.3s all;
transition: 0.3s all;
}
.atbs-keylin-search-full--result .atbs-keylin-pagination .btn:hover{
background-color: var(--color-logo);
color: var(--color-white);
}
.atbs-keylin-search-full--result-inner .js-ajax-load-post-trigger:hover a{
color: var(--color-white);
}
@-webkit-keyframes Search_FadeIn {
0%{
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100%{
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-moz-keyframes Search_FadeIn {
0%{
opacity: 0;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
transform: translateY(-20px);
}
100%{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes Search_FadeIn {
0%{
opacity: 0;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
}
100%{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@media (max-width: 1600px){
/*---frame search---*/
/*input*/
.atbs-keylin-search-full .form-control::-webkit-input-placeholder{
font-size: 24px;
}
.atbs-keylin-search-full .form-control::-moz-placeholder{
font-size: 24px;
}
.atbs-keylin-search-full .form-control:-ms-input-placeholder{
font-size: 24px;
}
.atbs-keylin-search-full .form-control::-ms-input-placeholder{
font-size: 24px;
}
.atbs-keylin-search-full .form-control::placeholder{
font-size: 24px;
}
/*---frame result---*/
/*post-grid result-left*/
.atbs-keylin-search-full .atbs-keylin-search-full--result .post-grid-result--left{
width: 45%;
}
}
@media (max-width: 1368px){
/*layout*/
/*---frame search---*/
.atbs-keylin-search-full.active .atbs-keylin-search-full--form{
padding-right: 60px;
}
.atbs-keylin-search-full .result-default [class*='popular-']:not(:only-child){
margin-bottom: 60px;
}
.atbs-keylin-search-full .result-default [class*='popular-']:last-child{
margin-bottom: 0;
}
.atbs-keylin-search-full .result-default [class*='popular-title'] {
width: 25%;
}
.atbs-keylin-search-full .result-default [class*='-list']{
padding-left: 30px;
}
/*item post*/
.atbs-keylin-search-full .result-default .popular-posts .post__title{
font-size: 18px;
}
/*---frame result---*/
.atbs-keylin-search-full.active .atbs-keylin-search-full--result{
margin-left: 60px;
}
/*post-grid result-left*/
.atbs-keylin-search-full .atbs-keylin-search-full--result .post-grid-result--left{
width: 275px;
}
.atbs-keylin-search-full .post-grid-result--left .post--vertical-thumb-reverse .post__thumb{
height: 195px;
}
/*post-grid result-body*/
.atbs-keylin-search-full .post-grid-result--body .list-item:not(:last-child){
margin-bottom: 30px;
}
/*edit*/
/*layout*/
/*---frame search---*/
.atbs-keylin-search-full{
-webkit-box-align: initial;
-webkit-align-items: initial;
-moz-box-align: initial;
align-items: initial;
padding-top: 40px;
padding-bottom: 40px;
}
.atbs-keylin-search-full form{
margin: auto auto 60px auto;
}
.atbs-keylin-search-full .form-control{
height: 80px;
}
.atbs-keylin-search-full .result-default [class*='popular-']:not(:only-child){
margin-bottom: 50px;
}
.atbs-keylin-search-full .result-default [class*='popular-']:last-child{
margin-bottom: 0;
}
/*---frame result---*/
.atbs-keylin-search-full--result .post-grid-result{
margin-bottom: 40px;
}
.atbs-keylin-search-full.active #atbs-keylin-search-remove {
display: block;
right: 15px;
top: -3px;
margin: 0;
width: 25px;
height: 25px;
font-size: 25px;
-webkit-transition: 0s;
-o-transition: 0s;
-moz-transition: 0s;
transition: 0s;
z-index: 1;
}
}
@media (min-width: 1200px) and (max-width: 1367px){
/*layout*/
/*---frame search---*/
.atbs-keylin-search-full .atbs-keylin-search-full--form{
width: 60%;
}
.atbs-keylin-search-full.active .atbs-keylin-search-full--form{
padding-right: 50px;
}
.atbs-keylin-search-full.active .result-default .popular-posts .list-item:not(:last-child){
padding-bottom: 15px;
margin-bottom: 15px;
}
.atbs-keylin-search-full.active .result-default .popular-title span{
font-size: 16px;
}
/*item post*/
.atbs-keylin-search-full.active .result-default .popular-posts .post__title{
font-size: 16px;
}
/*---frame result---*/
.atbs-keylin-search-full.active .atbs-keylin-search-full--result{
margin-left: 50px;
}
/*post-grid result-left*/
.atbs-keylin-search-full--result [class*='post-grid-result--']:not(:last-child){
margin-right: 30px;
}
.atbs-keylin-search-full .atbs-keylin-search-full--result .post-grid-result--left{
width: 250px;
}
}
@media (max-width: 1199px){
/*layout*/
/*---frame search---*/
.atbs-keylin-search-full .atbs-keylin-search-full--form{
width: 75%;
}
/*active*/
.atbs-keylin-search-full.active .atbs-keylin-search-full--form{
width: 55%;
padding-right: 40px;
}
.atbs-keylin-search-full .atbs-keylin-search-full--form form{
margin-bottom: 50px;
}
/*input*/
.atbs-keylin-search-full .form-control{
height: 100px;
}
.atbs-keylin-search-full .form-control::-webkit-input-placeholder{
font-size: 20px;
}
.atbs-keylin-search-full .form-control::-moz-placeholder{
font-size: 20px;
}
.atbs-keylin-search-full .form-control:-ms-input-placeholder{
font-size: 20px;
}
.atbs-keylin-search-full .form-control::-ms-input-placeholder{
font-size: 20px;
}
.atbs-keylin-search-full .form-control::placeholder{
font-size: 20px;
}
/*item post*/
.atbs-keylin-search-full.active .result-default .popular-posts .list-item:not(:last-child){
padding-bottom: 15px;
margin-bottom: 15px;
}
.atbs-keylin-search-full .result-default .popular-posts .post__title{
font-size: 16px;
}
/*---frame result---*/
.atbs-keylin-search-full.active .atbs-keylin-search-full--result{
width: 45%;
margin-left: 40px;
}
/*post-grid result-left*/
.atbs-keylin-search-full .atbs-keylin-search-full--result .post-grid-result--left{
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
/*post-grid result-body*/
.atbs-keylin-search-full .atbs-keylin-search-full--result .post-grid-result--body{
width: 100%;
-webkit-box-flex: initial;
-webkit-flex: initial;
-moz-box-flex: initial;
flex: initial;
}
}
@media (max-width: 991px) {
/*layout*/
/*---frame search---*/
.atbs-keylin-search-full .result-default [class*='popular-']:not(:only-child){
margin-bottom: 50px;
}
.atbs-keylin-search-full .result-default [class*='popular-']:last-child{
margin-bottom: 0;
}
.atbs-keylin-search-full .atbs-keylin-search-full--form form{
margin-bottom: 50px;
}
.atbs-keylin-search-full .form-control{
height: 80px;
}
.atbs-keylin-search-full .result-default .popular-title span{
font-size: 16px;
}
/*post item*/
.atbs-keylin-search-full .result-default .popular-posts .post__title{
font-size: 14px;
}
.atbs-keylin-search-full .result-default .popular-search .post__title{
font-size: 14px;
}
/*---frame result---*/
/*post-grid result-left*/
/*button close*/
.atbs-keylin-search-full.active #atbs-keylin-search-remove{
right: 5px;
top: 0px;
}
}
@media (max-width: 768px){
/*layout*/
/*---frame search---*/
.atbs-keylin-search-full.active .atbs-keylin-search-full--form,
.atbs-keylin-search-full .atbs-keylin-search-full--form{
width: 100%;
padding-right: 0;
}
.atbs-keylin-search-full.active .atbs-keylin-search-full--form::before{
display: none;
}
.atbs-keylin-search-full .result-default .popular-posts .list-item:not(:last-child){
padding-bottom: 15px;
margin-bottom: 15px;
}
/*---frame result---*/
.atbs-keylin-search-full.active .atbs-keylin-search-full--result{
display: none;
}
}
@media (max-width: 576px) {
/*layout*/
/*---frame search---*/
.atbs-keylin-search-full{
display: block;
}
.atbs-keylin-search-full .atbs-keylin-search-full--wrap{
display: block;
margin-top: 100px;
}
}
@media (max-width: 380px){
/*layout*/
/*---frame search---*/
.atbs-keylin-search-full .result-default [class*='popular-title']{
width: 20%;
}
.atbs-keylin-search-full .result-default [class*='popular-']:not(:only-child){
margin-bottom: 60px;
}
}
/* update wp btn view all*/
.form-submit .submit{
color: var(--color-logo);
border-radius: 40px;
padding: 12px 25px;
border: 1px solid var(--color-logo);
font-size: 15px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
}
.atbs-keylin-pagination.atbs-keylin-pagination-view-all-post .btn{
background: none;
font-size: 13px;
text-transform: uppercase;
border: none;
border-radius: 0;
padding:0;
box-shadow: none;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
color: #222222;
letter-spacing: 0.5px;
}
.atbs-keylin-pagination.atbs-keylin-pagination-view-all-post{
padding-bottom: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.atbs-keylin-pagination.atbs-keylin-pagination-view-all-post .btn i{
font-size: 16px;
outline: none;
color: #222222;
}
.atbs-keylin-pagination.atbs-keylin-pagination-view-all-post .btn:hover{
background: none;
color: var(--color-logo);
}
.atbs-keylin-pagination.atbs-keylin-pagination-view-all-post .btn:hover i{
color: var(--color-logo);
}
.atbs-keylin-pagination [class*='js-ajax-load-'] , .atbs-keylin-pagination [class*='js-ajax-load-']:active{
border: 1px solid var(--color-logo);
background: var(--color-logo);
color: var(--color-white);
border-radius: 40px;
padding: 12px 25px;
font-size: 15px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
}
.atbs-keylin-pagination [class*='js-ajax-load-']{
color: var(--color-white) !important;
}
.atbs-keylin-pagination [class*='js-ajax-load-'] a {
color: var(--color-white);
}
.atbs-keylin-pagination [class*='js-ajax-load-']:hover {
opacity: .8;
padding-left: 40px;
padding-right: 40px;
}
.atbs-keylin-pagination [class*='js-ajax-load-']:hover a {
text-decoration: none;
}
.atbs-keylin-pagination [class*='js-ajax-load-']:active {
opacity: 1;
}
a.post__cat.color-white{
color: var(--color-white) !important;
}
a.post__cat.color-white.cat-theme{
color: var(--color-white) !important;
}
a.post__cat.color-white::before{
content: "";
background-color: var(--color-white) !important;
}
#section-search-panel-popular-option span.tag {
border: 1px solid #a5d24a;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
display: block;
float: left;
padding: 5px;
text-decoration: none;
background: #cde69c;
color: #638421;
margin-right: 5px;
margin-bottom: 5px;
font-size: 13px;
}
/*Ajax Search Modify */
.atbs-ajax-no-result {
font-size: 20px;
padding: 20px 40px;
border: 2px dashed #ccc;
text-align: center;
max-width: 300px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.typing-loader {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-25px, -50%);
-moz-transform: translate(-25px, -50%);
-o-transform: translate(-25px, -50%);
transform: translate(-25px, -50%);
z-index: 11;
}
.atbs-keylin-search-full--result.is-loading .search-results__inner {
position: relative;
}
.atbs-keylin-search-full--result.is-loading .search-results__inner::before{
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
background: rgba(255, 255, 255, 0.95);
z-index: 10;
}
.atbs-keylin-search-full--result.is-loading .atbs-ajax-no-result {
display: none;
}
.atbs-keylin-search-full{
-webkit-box-align: initial;
-webkit-align-items: initial;
-moz-box-align: initial;
align-items: initial;
padding-top: 100px;
padding-bottom: 100px;
}
.result-default{
max-height: 550px;
overflow-x: auto;
padding-right: 60px;
}
.atbs-keylin-search-full--result{
max-height: 100%;
max-height: 550px;
overflow-x: auto;
padding-right: 50px;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.atbs-keylin-search-full .result-default::-webkit-scrollbar,
.atbs-keylin-search-full .atbs-keylin-search-full--result::-webkit-scrollbar{
width: 5px;
border-radius: 15px;
}
.atbs-keylin-search-full--form {
position: relative;
}
.result-default::-webkit-scrollbar-thumb,
.atbs-keylin-search-full--result::-webkit-scrollbar-thumb{
border-radius: 50px;
background-color: #e8e8e8;
}
/*research*/
.atbs-keylin-search-full .show-content{
opacity: 0;
}
.atbs-keylin-search-full.active .show-content{
-webkit-animation: 1s ShowContent forwards 0.5s;
-moz-animation: 1s ShowContent forwards 0.5s;
animation: 1s ShowContent forwards 0.5s;
}
@-webkit-keyframes ShowContent {
0%{
opacity: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
100%{
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-moz-keyframes ShowContent {
0%{
opacity: 0;
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
transform: translateY(-50px);
}
100%{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes ShowContent {
0%{
opacity: 0;
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
}
100%{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@media (max-width: 1366px){
.atbs-keylin-search-full.active #atbs-keylin-search-remove,
.atbs-keylin-search-full.active #atbs-keylin-search-remove{
top: 40px;
right: 40px;
}
.result-default{
/*max-height: calc( 100% - 140px);*/
}
}
@media (max-width: 1199px) {
.atbs-keylin-search-full.active #atbs-keylin-search-remove, .atbs-keylin-search-full.active #atbs-keylin-search-remove{
right: 30px;
}
}
@media (max-width: 768px){
.atbs-keylin-search-full{
-webkit-box-align: initial;
-webkit-align-items: initial;
-moz-box-align: initial;
align-items: initial;
padding-top: 80px;
padding-bottom: 80px;
}
#atbs-keylin-search-remove,
.atbs-keylin-search-full.active #atbs-keylin-search-remove{
right: 15px;
top: 20px;
width: auto;
height: auto;
font-size: 35px;
margin: 0;
}
}
@media (max-width: 576px) {
.atbs-keylin-search-full .atbs-keylin-search-full--wrap{
margin-top: 0;
}
}
@media (max-width: 480px){
#atbs-keylin-search-remove, .atbs-keylin-search-full.active #atbs-keylin-search-remove{
top: 30px;
}
}
.atbs-keylin-search-full--result-inner .atbs-keylin-pagination [class*='js-ajax-load-']{
background: none ;
}
.atbs-keylin-search-full--result-inner .atbs-keylin-pagination [class*='js-ajax-load-'] i{
display: none;
}
.atbs-keylin-search-full--result-inner .atbs-keylin-pagination [class*='js-ajax-load-'] a{
text-decoration: none;
outline: none;
box-shadow: none;
}
.atbs-keylin-search-full--result-inner .atbs-keylin-pagination [class*='js-ajax-load-']:active{
box-shadow: none;
}
.atbs-keylin-search-full--form .popular-tags .tags-list ul, .atbs-keylin-search-full--form .popular-search .search-terms-list ul{
margin-bottom: -5px;
}
.atbs-keylin-search-full--form .popular-tags .tags-list ul li, .atbs-keylin-search-full--form .popular-search .search-terms-list ul li{
padding-bottom: 5px;
}
/* Begin post in Ajax Search*/
.atbs-keylin-search-full--result-inner .post--overlay--thumb-radius .post__text-inner .post__text-inner-right{
max-width: 220px;
}
.atbs-keylin-search-full--result-inner .post--overlay--thumb-radius .post__text-inner .post__text-inner-left{
margin-right: 75px;
}
.atbs-keylin-search-full--result-inner .post--vertical .post__thumb{
height: 200px;
}
.atbs-keylin-search-full--result-inner .js-ajax-load-post-trigger a{
color: #222;
}
@media(max-width: 1450px) and (min-width: 1200px){
.atbs-keylin-search-full--result-inner .post--overlay .post__text-inner-left{
-webkit-box-flex: 1;
-webkit-flex: auto;
-moz-box-flex: 1;
flex: auto;
width: 70%;
height: 50%;
}
.atbs-keylin-search-full--result-inner .post--overlay .post__text-inner-right{
-webkit-box-flex: 1;
-webkit-flex: auto;
-moz-box-flex: 1;
flex: auto;
height: 50%;
width: 70%;
}
.atbs-keylin-search-full--result-inner .post--overlay .post__text-inner{
display: block;
}
.atbs-keylin-search-full--result-inner .post--overlay .post__text-inner::after{
display: table;
content:""
}
.atbs-keylin-search-full--result-inner .post--overlay--thumb-radius .post__text-inner .post__text-inner-left{
margin-right: 0;
}
.atbs-keylin-search-full--result-inner .post--overlay--thumb-radius .post__text-inner .post__text-inner-right{
height: 50%;
max-width: 100%;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-align-content: flex-end;
align-content: flex-end;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
justify-content: flex-end;
}
.atbs-keylin-search-full--result-inner .post--overlay--thumb-radius .post__text-inner .post__text-inner-right .post__excerpt{
max-width: 299px;
}
}
@media(max-width: 1199px){
.atbs-keylin-search-full--result-inner .post--overlay .post__text-inner-left{
-webkit-box-flex: 1;
-webkit-flex: auto;
-moz-box-flex: 1;
flex: auto;
width: 100%;
height: auto;
}
.atbs-keylin-search-full--result-inner .post--overlay .post__text-inner-right{
-webkit-box-flex: 1;
-webkit-flex: auto;
-moz-box-flex: 1;
flex: auto;
height: auto;
width: 100%;
margin-top: 25px;
}
.atbs-keylin-search-full--result-inner .post--overlay .post__text-inner{
-webkit-align-content: flex-end;
align-content: flex-end;
}
.atbs-keylin-search-full--result-inner .post--overlay--thumb-radius .post__text-inner .post__text-inner-left{
margin-right: 0;
}
.atbs-keylin-search-full--result-inner .post--overlay--thumb-radius .post__text-inner .post__text-inner-right{
height: auto;
max-width: 85% ;
}
}
@media(max-width: 991px){
.atbs-keylin-search-full--result-inner .post--overlay--thumb-radius .post__text-inner{
padding: 25px 20px;
}
}
/* end Post in Ajax Search*/
/* .Ajax Search ---------------------- */
/* ----------------------- Navigation bar */
/*
Layout
*/
@media (min-width: 992px) {
.admin-bar .atbs-keylin-offcanvas.menu-wrap{
height: -moz-calc(100% - 32px) ;
height: calc(100% - 32px) ;
}
.atbs-keylin-offcanvas{
/*width: 80%;*/
width: 530px;
display: -moz-flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
/*flex-wrap: wrap;*/
background-color: var(--color-white);
-webkit-transition: -webkit-transform 0.5s, width 0.5s ease-in-out;
-webkit-transition: width 0.5s ease-in-out, -webkit-transform 0.5s;
transition: width 0.5s ease-in-out, -webkit-transform 0.5s;
-o-transition: transform 0.5s, width 0.5s ease-in-out;
-o-transition: width 0.5s ease-in-out, -o-transform 0.5s;
-moz-transition: transform 0.5s, width 0.5s ease-in-out, -moz-transform 0.5s;
transition: transform 0.5s, width 0.5s ease-in-out;
transition: transform 0.5s, width 0.5s ease-in-out, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s;
transition: transform 0.5s, width 0.5s ease-in-out, -webkit-transform 0.5s;
}
.atbs-keylin-offcanvas--inner {
width: -moz-calc(100% - 100px);
width: calc(100% - 100px);
display: -moz-flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
}
.atbs-keylin-offcanvas.animation_0_row .atbs-keylin-offcanvas--inner{
width: 100%;
}
.atbs-keylin-offcanvas.is-active{
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.atbs-keylin-offcanvas.animation{
width: 1300px;
}
.atbs-keylin-offcanvas.animation.animation_0_row,
.atbs-keylin-offcanvas.animation_0_row{
width: 430px;
}
.atbs-keylin-offcanvas.animation_0_row .btn-nav-show_full{
display: none;
}
.atbs-keylin-offcanvas.animation.animation_1_row{
width: 915px;
}
.atbs-keylin-offcanvas.animation.animation_2_row{
width: 1300px;
}
.atbs-keylin-offcanvas .border-right{
border-right: 1px solid rgba(0,0,0,0.1);
}
.atbs-keylin-offcanvas--inner .atbs-keylin-offcanvas__section:not(:first-child){
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
max-height: 100%;
padding-top: 35px;
padding-bottom: 50px;
}
.atbs-keylin-offcanvas--inner .atbs-keylin-offcanvas__section{
/*display: none;*/
min-width: 385px;
max-width: 385px;
}
/*title*/
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__title{
width: 140px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 40px;
text-align: center;
display: -moz-flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: space-between;
align-content: space-between;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
min-width: 140px;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__title .atbs-keylin-offcanvas-close{
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__title .atbs-keylin-offcanvas-close--wrap{
color: var(--color-black);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
display: block;
white-space: nowrap;
}
.atbs-keylin-offcanvas-close{
border: none;
overflow: initial;
}
.atbs-keylin-offcanvas-close .label-icon{
text-transform: uppercase;
color: rgba(0,0,0,0.6);
margin-left: 5px;
}
.atbs-keylin-offcanvas__title .social-list li:not(:last-child){
margin-bottom: 10px;
}
/*navigation*/
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-navigation{
display: -moz-flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
max-width: 290px;
padding-right: 0;
padding-left: 0;
min-width: 290px;
}
.atbs-keylin-offcanvas .menu-main-menu-container{
width: 100%;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-navigation .atbs-keylin-offcanvas__section-navigation--wrap{
width: 100%;
max-height: 100%;
padding-right: 20px;
padding-left: 20px;
}
/*posts list*/
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-posts-list{
padding-left: 60px;
padding-right: 0;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-posts-list .atbs-keylin-offcanvas__section-posts-list--wrap{
max-height: 100%;
padding-right: 60px;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-posts-list .list-item:not(:last-child){
margin-bottom: 30px;
}
/*slide-bar*/
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-slide-bar {
padding-left: 60px;
padding-right: 0;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-slide-bar--wrap{
max-height: 100%;
padding-right: 60px;
}
/*scroll bar*/
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-navigation .atbs-keylin-offcanvas__section-navigation--wrap,
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-posts-list .atbs-keylin-offcanvas__section-posts-list--wrap,
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-slide-bar .atbs-keylin-offcanvas__section-slide-bar--wrap{
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-navigation .atbs-keylin-offcanvas__section-navigation--wrap::-webkit-scrollbar,
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-posts-list .atbs-keylin-offcanvas__section-posts-list--wrap::-webkit-scrollbar,
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-slide-bar .atbs-keylin-offcanvas__section-slide-bar--wrap::-webkit-scrollbar{
width: 2px;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-navigation .atbs-keylin-offcanvas__section-navigation--wrap::-webkit-scrollbar-thumb,
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-posts-list .atbs-keylin-offcanvas__section-posts-list--wrap::-webkit-scrollbar-thumb,
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-slide-bar .atbs-keylin-offcanvas__section-slide-bar--wrap::-webkit-scrollbar-thumb{
border-radius: 50px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
}
/*button show more*/
.btn-nav-show_full{
position: absolute;
border-radius: 50%;
width: 40px;
height: 40px;
border: 1px solid rgba(0,0,0,0.1);
right: 30px;
top: 50%;
z-index: 1001;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
cursor: pointer;
}
/*
Content
*/
/*title*/
.atbs-keylin-offcanvas__title .social-list{
width: 100%;
height: auto ;
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
order: 3;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
align-items: flex-end;
-webkit-align-content: flex-end;
align-content: flex-end;
margin-top: 0;
}
.atbs-keylin-offcanvas__title .social-list:first-child{
height: 100%;
}
.atbs-keylin-offcanvas__title .social-list li{
display: block;
width: 100%;
}
.atbs-keylin-offcanvas__title .atbs-keylin-offcanvas-close {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
order: 2;
}
/* Menu */
.menu-wrap {
position: fixed;
/*z-index: 1001;*/
width: 530px;
height: 100%;
font-size: 1.15em;
-webkit-transform: translate3d(-100%,0,0);
-moz-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
-webkit-transition: -webkit-transform 0.5s, width 0.5s ease-in-out;
-webkit-transition: width 0.5s ease-in-out, -webkit-transform 0.5s;
transition: width 0.5s ease-in-out, -webkit-transform 0.5s;
-o-transition: transform 0.5s, width 0.5s ease-in-out;
-o-transition: width 0.5s ease-in-out, -o-transform 0.5s;
-moz-transition: transform 0.5s, width 0.5s ease-in-out, -moz-transform 0.5s;
transition: transform 0.5s, width 0.5s ease-in-out;
transition: transform 0.5s, width 0.5s ease-in-out, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s;
transition: transform 0.5s, width 0.5s ease-in-out, -webkit-transform 0.5s;
left: 0;
top: 0;
}
/* Morph Shape */
.morph-shape {
position: absolute;
width: 100px;
height: 100%;
top: 0;
right: 0;
fill: var(--color-white);
z-index: 1000;
}
/* Shown menu */
.show-menu .menu-wrap {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/*posts-list*/
.atbs-keylin-offcanvas__section-posts-list .post--vertical-cat-overlay .post__title{
color: var(--color-text-dark);
}
}
@media (min-width: 1367px) and (max-width: 1600px){
/*
Layout
*/
.atbs-keylin-offcanvas.animation{
width: 1300px;
}
.atbs-keylin-offcanvas.animation.animation_0_row,
.atbs-keylin-offcanvas.animation_0_row{
width: 430px;
}
.atbs-keylin-offcanvas.animation.animation_1_row{
width: 915px;
}
.atbs-keylin-offcanvas.animation.animation_2_row{
width: 1300px;
}
/*
Content
*/
}
@media (min-width: 992px) and (max-width: 1366px){
/*
Layout
*/
.atbs-keylin-offcanvas.animation{
width: 1155px;
}
.atbs-keylin-offcanvas.animation.animation_0_row,
.atbs-keylin-offcanvas.animation_0_row{
width: 395px;
}
.atbs-keylin-offcanvas.animation.animation_1_row{
width: 825px;
}
.atbs-keylin-offcanvas.animation.animation_2_row{
width: 1155px;
}
.atbs-keylin-offcanvas--inner .atbs-keylin-offcanvas__section:not(:first-child){
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
max-width: 330px;
min-width: 330px;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section:not(:first-child).atbs-keylin-offcanvas__section-navigation {
width: -moz-calc(100% - 110px);
width: calc(100% - 110px);
max-width: 285px;
min-width: 285px;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas--inner .ps__rail-x,
.atbs-keylin-offcanvas .atbs-keylin-offcanvas--inner .ps__rail-y{
}
/*posts list*/
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-posts-list {
padding-left: 35px;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-posts-list .atbs-keylin-offcanvas__section-posts-list--wrap{
padding-right: 35px;
}
/*slide bar*/
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-slide-bar{
padding-left: 35px;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-slide-bar--wrap {
padding-right: 35px;
}
/*title*/
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__title{
width: 110px;
min-width: 110px;
padding-bottom: 70px;
}
/*
Content
*/
/*navigation*/
.atbs-keylin-offcanvas div.morph-shape {
width: 100px;
min-width: initial;
}
.atbs-keylin-offcanvas div.btn-nav-show_full{
min-width: initial;
}
.menu-wrap{
width: 495px;
}
}
@media (min-width: 992px){
#atbs-keylin-offcanvas-mobile.atbs-keylin-offcanvas{
display: none;
}
.show-full.atbs-keylin-offcanvas .atbs-keylin-offcanvas--inner .atbs-keylin-offcanvas__section{
/*display: block;*/
}
.show-full.atbs-keylin-offcanvas .atbs-keylin-offcanvas--inner .atbs-keylin-offcanvas__section:not(:last-child){
/*display: flex;*/
}
.show-full.atbs-keylin-offcanvas .atbs-keylin-offcanvas--inner .atbs-keylin-offcanvas__section:not(:first-child){
/*display: flex;*/
}
}
@media (min-width: 992px) and (max-width: 1199px){
.menu-wrap {
width: 460px;
}
.atbs-keylin-offcanvas.animation {
width: 795px;
}
.atbs-keylin-offcanvas.animation.animation_0_row,
.atbs-keylin-offcanvas.animation_0_row{
width: 355px;
}
.atbs-keylin-offcanvas.animation.animation_1_row,
.atbs-keylin-offcanvas.animation.animation_2_row{
width: 795px;
}
.atbs-keylin-offcanvas--inner .atbs-keylin-offcanvas__section:not(:first-child) {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
min-width: 340px;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas--inner .ps__rail-x,
.atbs-keylin-offcanvas .atbs-keylin-offcanvas--inner .ps__rail-y{
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section:not(:first-child).atbs-keylin-offcanvas__section-navigation {
width: -moz-calc(100% - 100px);
width: calc(100% - 100px);
max-width: 255px;
min-width: 255px;
}
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section.atbs-keylin-offcanvas__title {
width: 100px;
min-width: 100px;
}
}
@media (max-width: 991px){
/*
Layout
*/
.atbs-keylin-offcanvas{
-webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
-o-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
-moz-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
}
/*posts-list*/
.atbs-keylin-offcanvas__section-posts-list .post--vertical-cat-overlay .post__title{
color: var(--color-text-dark);
}
/*
Content
*/
#atbs-keylin-offcanvas-mobile.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-posts-list,
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-posts-list,
#atbs-keylin-offcanvas-mobile.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-slide-bar,
.atbs-keylin-offcanvas .atbs-keylin-offcanvas__section-slide-bar{
display: none;
}
#atbs-keylin-offcanvas-primary.atbs-keylin-offcanvas{
display: none;
}
.atbs-keylin-offcanvas__title .site-logo img {
/*max-height: 35px;*/
}
}
.atbs-keylin-mega-menu__inner {
padding: 30px 30px 25px 30px;
}
.atbs-megamenu-normal-wrap {
padding: 0;
}
.atbs-keylin-mega-menu{
background: var(--color-white);
}
.atbs-keylin-mega-menu .posts-list.atbs-megamenu-normal-wrap {
margin: -15px;
}
.atbs-keylin-mega-menu .posts-list.atbs-megamenu-normal-wrap > li{
padding: 15px;
}
.atbs-vertical-megamenu .post__thumb{
height: 130px;
width: 100%;
margin-bottom: 20px;
}
.atbs-keylin-mega-menu .sub-categories .post__cat.post__cat--bg {
padding: 4px 9px;
font-size: 12px;
border-radius: 2px;
letter-spacing: 0;
text-transform: uppercase;
}
/*.atbs-vertical-megamenu .post__title {
font-size: 15px;
font-weight: 600;
line-height: 1.6;
}*/
.atbs-keylin-mega-menu .posts-list.atbs-megamenu-wrap{
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
margin: -25px -20px;
}
.atbs-keylin-mega-menu .posts-list.atbs-megamenu-wrap>li {
width: 25%;
-webkit-box-flex: 1;
-webkit-flex: auto;
-moz-box-flex: 1;
flex: auto;
position: relative;
padding: 25px 20px;
}
.atbs-keylin-mega-menu .posts-list.atbs-megamenu-wrap>li .post--horizontal-mini .post__title {
font-size: 16px;
}
@media (min-width: 1200px) {
.atbs-keylin-mega-menu .posts-list.atbs-megamenu-wrap>li:nth-child(5)::before {
content: "";
position: absolute;
width: -moz-calc(400% - 40px );
width: calc(400% - 40px );
top: 0;
left: 20px;
height: 1px;
background-color: rgba(0,0,0,0.1);
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.atbs-keylin-mega-menu .posts-list.atbs-megamenu-wrap {
margin: -15px;
}
.atbs-keylin-mega-menu .posts-list.atbs-megamenu-wrap>li {
width: 50%;
max-width: 50%;
padding: 15px;
}
.atbs-keylin-mega-menu .posts-list.atbs-megamenu-wrap>li:nth-child(n + 5) {
width: -moz-calc(100% / 4);
width: calc(100% / 4);
max-width: -moz-calc(100% / 4);
max-width: calc(100% / 4);
}
.atbs-keylin-mega-menu .posts-list.atbs-megamenu-wrap>li:nth-child(3):not(:last-child):not(:nth-last-child(2)),
.atbs-keylin-mega-menu .posts-list.atbs-megamenu-wrap>li:nth-child(4):not(:last-child) {
padding-top: 5px;
}
.atbs-keylin-mega-menu .posts-list.atbs-megamenu-wrap > li .post--horizontal-mini .post__thumb {
width: 100px;
height: 100px;
}
.atbs-keylin-mega-menu .posts-list.atbs-megamenu-wrap > li .atbs-vertical-megamenu .post__thumb {
height: 165px;
}
}
/*.atbs-keylin-mega-menu .posts-list.atbs-megamenu-wrap>li:nth-child(n+1){*/
/* padding-left: 25px;*/
/* padding-right: 25px;*/
/*}*/
/*.atbs-keylin-mega-menu .posts-list.atbs-megamenu-wrap>li:nth-child(1){*/
/* padding-left: 30px;*/
/*}*/
/*.atbs-keylin-mega-menu .posts-list.atbs-megamenu-wrap>li:nth-child(4){*/
/* padding-right: 30px;*/
/*}*/
/*.atbs-keylin-mega-menu .posts-list.atbs-megamenu-wrap>li:nth-child(n+5){*/
/* padding-left: 37px;*/
/* padding-right: 37px;*/
/*}*/
/*.atbs-keylin-mega-menu .posts-list.atbs-megamenu-wrap>li:nth-child(5){*/
/* padding-left: 30px;*/
/*}*/
/*.atbs-keylin-mega-menu .posts-list.atbs-megamenu-wrap>li:last-child{*/
/* padding-right: 30px;*/
/*}*/
/*.navigation--main .atbs-keylin-mega-menu> .atbs-keylin-mega-menu__inner > .sub-menu > li{*/
/* border-bottom: 0px solid var(--color-black);*/
/*}*/
.atbs-megamenu-wrap .post--horizontal .post__title,
.atbs-megamenu-wrap .post--horizontal .post__title a{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
word-break: break-word;
}
.atbs-megamenu-wrap .post--horizontal .post__text{
-ms-grid-row-align: unset;
-webkit-align-self: unset;
align-self: unset;
}
.atbs-megamenu-wrap .post--vertical .post__thumb{
margin-bottom: 20px;
}
.navigation--main .sub-menu li:hover>a:not(.post__cat),
.navigation--main .sub-menu li:focus-within>a:not(.post__cat) {
background: transparent;
}
.navigation--main .sub-menu a{
padding: 15px 0;
}
/* Navigation bar ----------------------- */
/*----- Post Score -----*/
.post-score-hexagon {
width: 60px;
position: relative;
}
.post-score-hexagon .circle-svg {
vertical-align: middle;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.post-score-hexagon .post-score-value {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 50%;
color: #fff;
font-size: 21px;
font-weight: 700;
line-height: 1;
text-shadow: 0 0 10px rgba(0,0,0,.08);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 2;
}
@media (min-width: 768px) {
.post-score-hexagon--l {
width: 90px;
}
.post-score-hexagon--l .post-score-value {
font-size: 30px;
}
}
@media (min-width: 1200px) {
.post-score-hexagon--l {
width: 100px;
}
.post-score-hexagon--l .post-score-value {
font-size: 30px;
}
}
.post-type-icon,
.post-type-icon--inverse {
z-index: 2;
}
.post-type-icon svg:not(.circle-svg),
.post-type-icon .post-score-hexagon {
width: 60px;
height: 60px;
}
.post-type-icon--sm svg:not(.circle-svg),
.post-type-icon--sm .post-score-hexagon {
width: 60px;
height: 60px;
}
.post-type-icon--md svg:not(.circle-svg),
.post-type-icon--md .post-score-hexagon {
width: 68px;
height: 68px;
}
.post-type-icon--lg svg:not(.circle-svg),
.post-type-icon--lg .post-score-hexagon {
width: 80px;
height: 80px;
}
.post-type-icon--sm .post-score-value {
font-size: 20px;
}
@media (min-width: 576px) {
.post-type-icon--lg .post-score-value {
font-size: 28px;
}
.post-type-icon--md .post-score-value {
font-size: 26px;
}
}
@media(max-width: 575px){
.post-type-icon svg:not(.circle-svg),
.post-type-icon .post-score-hexagon,
.post-type-icon--inverse .post-score-hexagon,
.post-type-icon--sm .post-score-hexagon,
.post-type-icon--md .post-score-hexagon,
.post-type-icon--lg .post-score-hexagon {
width: 54px;
height: 54px;
}
.post-type-icon.post-score-value,
.post-type-icon--inverse .post-score-value,
.post-type-icon--md .post-score-value,
.post-type-icon--lg .post-score-value {
font-size: 22px;
}
}
@media (max-width: 991px) and (min-width: 576px) {
.post-type-icon--lg svg:not(.circle-svg),
.post-type-icon--lg .post-score-hexagon {
width: 68px;
height: 68px;
}
.post-type-icon--lg .post-score-value {
font-size: 28px;
}
}
.slider-content-visible.owl-carousel .owl-item:first-child,
.owl-carousel .slide-content:first-child {
visibility: visible;
}
.slider-content-visible .slide-content:not(:first-child) {
display: block;
}
@media(min-width: 769px){
.atbs-keylin-block.atbs-custom-margin-top-100{margin-top: 100px}.atbs-keylin-block.atbs-custom-margin-bottom-100{margin-bottom: 100px}.atbs-keylin-block.atbs-custom-margin-top-95{margin-top: 95px}.atbs-keylin-block.atbs-custom-margin-bottom-95{margin-bottom: 95px}.atbs-keylin-block.atbs-custom-margin-top-90{margin-top: 90px}.atbs-keylin-block.atbs-custom-margin-bottom-90{margin-bottom: 90px}.atbs-keylin-block.atbs-custom-margin-top-85{margin-top: 85px}.atbs-keylin-block.atbs-custom-margin-bottom-85{margin-bottom: 85px}.atbs-keylin-block.atbs-custom-margin-top-80{margin-top: 80px}.atbs-keylin-block.atbs-custom-margin-bottom-80{margin-bottom: 80px}.atbs-keylin-block.atbs-custom-margin-top-75{margin-top: 75px}.atbs-keylin-block.atbs-custom-margin-bottom-75{margin-bottom: 75px}.atbs-keylin-block.atbs-custom-margin-top-70{margin-top: 70px}.atbs-keylin-block.atbs-custom-margin-bottom-70{margin-bottom: 70px}.atbs-keylin-block.atbs-custom-margin-top-65{margin-top: 65px}.atbs-keylin-block.atbs-custom-margin-bottom-65{margin-bottom: 65px}.atbs-keylin-block.atbs-custom-margin-top-60{margin-top: 60px}.atbs-keylin-block.atbs-custom-margin-bottom-60{margin-bottom: 60px}.atbs-keylin-block.atbs-custom-margin-top-55{margin-top: 55px}.atbs-keylin-block.atbs-custom-margin-bottom-55{margin-bottom: 55px}.atbs-keylin-block.atbs-custom-margin-top-50{margin-top: 50px}.atbs-keylin-block.atbs-custom-margin-bottom-50{margin-bottom: 50px}.atbs-keylin-block.atbs-custom-margin-top-45{margin-top: 45px}.atbs-keylin-block.atbs-custom-margin-bottom-45{margin-bottom: 45px}.atbs-keylin-block.atbs-custom-margin-top-40{margin-top: 40px}.atbs-keylin-block.atbs-custom-margin-bottom-40{margin-bottom: 40px}.atbs-keylin-block.atbs-custom-margin-top-35{margin-top: 35px}.atbs-keylin-block.atbs-custom-margin-bottom-35{margin-bottom: 35px}.atbs-keylin-block.atbs-custom-margin-top-30{margin-top: 30px}.atbs-keylin-block.atbs-custom-margin-bottom-30{margin-bottom: 30px}.atbs-keylin-block.atbs-custom-margin-top-25{margin-top: 25px}.atbs-keylin-block.atbs-custom-margin-bottom-25{margin-bottom: 25px}.atbs-keylin-block.atbs-custom-margin-top-20{margin-top: 20px}.atbs-keylin-block.atbs-custom-margin-bottom-20{margin-bottom: 20px}.atbs-keylin-block.atbs-custom-margin-top-15{margin-top: 15px}.atbs-keylin-block.atbs-custom-margin-bottom-15{margin-bottom: 15px}.atbs-keylin-block.atbs-custom-margin-top-10{margin-top: 10px}.atbs-keylin-block.atbs-custom-margin-bottom-10{margin-bottom: 10px}.atbs-keylin-block.atbs-custom-margin-top-5{margin-top: 5px}.atbs-keylin-block.atbs-custom-margin-bottom-5{margin-bottom: 5px}
.atbs-keylin-block.atbs-custom-margin-top-minus-100{margin-top: -100px}.atbs-keylin-block.atbs-custom-margin-bottom-minus-100:not(:last-child){margin-bottom: -100px}.atbs-keylin-block.atbs-custom-margin-top-minus-95{margin-top: -95px}.atbs-keylin-block.atbs-custom-margin-bottom-minus-95:not(:last-child){margin-bottom: -95px}.atbs-keylin-block.atbs-custom-margin-top-minus-90{margin-top: -90px}.atbs-keylin-block.atbs-custom-margin-bottom-minus-90:not(:last-child){margin-bottom: -90px}.atbs-keylin-block.atbs-custom-margin-top-minus-85{margin-top: -85px}.atbs-keylin-block.atbs-custom-margin-bottom-minus-85:not(:last-child){margin-bottom: -85px}.atbs-keylin-block.atbs-custom-margin-top-minus-80{margin-top: -80px}.atbs-keylin-block.atbs-custom-margin-bottom-minus-80:not(:last-child){margin-bottom: -80px}.atbs-keylin-block.atbs-custom-margin-top-minus-75{margin-top: -75px}.atbs-keylin-block.atbs-custom-margin-bottom-minus-75:not(:last-child){margin-bottom: -75px}.atbs-keylin-block.atbs-custom-margin-top-minus-70{margin-top: -70px}.atbs-keylin-block.atbs-custom-margin-bottom-minus-70:not(:last-child){margin-bottom: -70px}.atbs-keylin-block.atbs-custom-margin-top-minus-65{margin-top: -65px}.atbs-keylin-block.atbs-custom-margin-bottom-minus-65:not(:last-child){margin-bottom: -65px}.atbs-keylin-block.atbs-custom-margin-top-minus-60{margin-top: -60px}.atbs-keylin-block.atbs-custom-margin-bottom-minus-60:not(:last-child){margin-bottom: -60px}.atbs-keylin-block.atbs-custom-margin-top-minus-55{margin-top: -55px}.atbs-keylin-block.atbs-custom-margin-bottom-minus-55:not(:last-child){margin-bottom: -55px}.atbs-keylin-block.atbs-custom-margin-top-minus-50{margin-top: -50px}.atbs-keylin-block.atbs-custom-margin-bottom-minus-50:not(:last-child){margin-bottom: -50px}.atbs-keylin-block.atbs-custom-margin-top-minus-45{margin-top: -45px}.atbs-keylin-block.atbs-custom-margin-bottom-minus-45:not(:last-child){margin-bottom: -45px}.atbs-keylin-block.atbs-custom-margin-top-minus-40{margin-top: -40px}.atbs-keylin-block.atbs-custom-margin-bottom-minus-40:not(:last-child){margin-bottom: -40px}.atbs-keylin-block.atbs-custom-margin-top-minus-35{margin-top: -35px}.atbs-keylin-block.atbs-custom-margin-bottom-minus-35:not(:last-child){margin-bottom: -35px}.atbs-keylin-block.atbs-custom-margin-top-minus-30{margin-top: -30px}.atbs-keylin-block.atbs-custom-margin-bottom-minus-30:not(:last-child){margin-bottom: -30px}.atbs-keylin-block.atbs-custom-margin-top-minus-25{margin-top: -25px}.atbs-keylin-block.atbs-custom-margin-bottom-minus-25:not(:last-child){margin-bottom: -25px}.atbs-keylin-block.atbs-custom-margin-top-minus-20{margin-top: -20px}.atbs-keylin-block.atbs-custom-margin-bottom-minus-20:not(:last-child){margin-bottom: -20px}.atbs-keylin-block.atbs-custom-margin-top-minus-15{margin-top: -15px}.atbs-keylin-block.atbs-custom-margin-bottom-minus-15:not(:last-child){margin-bottom: -15px}.atbs-keylin-block.atbs-custom-margin-top-minus-10{margin-top: -10px}.atbs-keylin-block.atbs-custom-margin-bottom-minus-10:not(:last-child){margin-bottom: -10px}.atbs-keylin-block.atbs-custom-margin-top-minus-5{margin-top: -5px}.atbs-keylin-block.atbs-custom-margin-top-minus-0{margin-top: 0}.atbs-keylin-block.atbs-custom-margin-bottom-minus-5:not(:last-child){margin-bottom: -5px}
.atbs-keylin-block.atbs-custom-margin-top-0{margin-top: 0}.atbs-keylin-block.atbs-custom-margin-bottom-0{margin-bottom: 0}
}
/** Spacing heading **/
@media(min-width: 576px) {
.atbs-keylin-block.atbs-keylin-block-custom-margin .block-heading.atbs-custom-margin-bottom-100{margin-bottom: 100px}.atbs-keylin-block.atbs-keylin-block-custom-margin .block-heading.atbs-custom-margin-bottom-95{margin-bottom: 95px}.atbs-keylin-block.atbs-keylin-block-custom-margin .block-heading.atbs-custom-margin-bottom-90{margin-bottom: 90px}.atbs-keylin-block.atbs-keylin-block-custom-margin .block-heading.atbs-custom-margin-bottom-85{margin-bottom: 85px}.atbs-keylin-block.atbs-keylin-block-custom-margin .block-heading.atbs-custom-margin-bottom-80{margin-bottom: 80px}.atbs-keylin-block.atbs-keylin-block-custom-margin .block-heading.atbs-custom-margin-bottom-75{margin-bottom: 75px}.atbs-keylin-block.atbs-keylin-block-custom-margin .block-heading.atbs-custom-margin-bottom-70{margin-bottom: 70px}.atbs-keylin-block.atbs-keylin-block-custom-margin .block-heading.atbs-custom-margin-bottom-65{margin-bottom: 65px}.atbs-keylin-block.atbs-keylin-block-custom-margin .block-heading.atbs-custom-margin-bottom-60{margin-bottom: 60px}.atbs-keylin-block.atbs-keylin-block-custom-margin .block-heading.atbs-custom-margin-bottom-55{margin-bottom: 55px}.atbs-keylin-block.atbs-keylin-block-custom-margin .block-heading.atbs-custom-margin-bottom-50{margin-bottom: 50px}.atbs-keylin-block.atbs-keylin-block-custom-margin .block-heading.atbs-custom-margin-bottom-45{margin-bottom: 45px}.atbs-keylin-block.atbs-keylin-block-custom-margin .block-heading.atbs-custom-margin-bottom-40{margin-bottom: 40px}.atbs-keylin-block.atbs-keylin-block-custom-margin .block-heading.atbs-custom-margin-bottom-35{margin-bottom: 35px}.atbs-keylin-block.atbs-keylin-block-custom-margin .block-heading.atbs-custom-margin-bottom-30{margin-bottom: 30px}.atbs-keylin-block.atbs-keylin-block-custom-margin .block-heading.atbs-custom-margin-bottom-25{margin-bottom: 25px}.atbs-keylin-block.atbs-keylin-block-custom-margin .block-heading.atbs-custom-margin-bottom-20{margin-bottom: 20px}.atbs-keylin-block.atbs-keylin-block-custom-margin .block-heading.atbs-custom-margin-bottom-15{margin-bottom: 15px}.atbs-keylin-block.atbs-keylin-block-custom-margin .block-heading.atbs-custom-margin-bottom-10{margin-bottom: 10px}.atbs-keylin-block.atbs-keylin-block-custom-margin .block-heading.atbs-custom-margin-bottom-5{margin-bottom: 5px}.atbs-keylin-block.atbs-keylin-block-custom-margin .block-heading.atbs-custom-margin-bottom-0{margin-bottom: 0px}
}
/* load more*/
.js-ajax-load-post .js-ajax-load-post-trigger i, .rating-submit i {
font-size: 0px;
opacity: 0;
-webkit-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.js-ajax-load-post.atbs_loading .js-ajax-load-post-trigger i, .rating-submit.atbs_loading i{
font-size: 14px;
margin-left: 8px;
margin-bottom: 2px;
opacity: 1;
-webkit-animation: spin 2s linear infinite;
-moz-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
visibility: visible;
}
.atbs-keylin-main-col .atbs-keylin-block:first-child{
margin-top: 0 !important;
}
.posts-list .bk-preload-wrapper { width: 100%; }
/* load more*/
/*Remove After*/
#branding { z-index:9996; } /* a little naughty, twentyeleven fix */
form.lwa-form, form.lwa-remember, div.lwa-register form { position:relative; }
.lwa table { width:100% !important; margin:0px !important; border:none !important; border-spacing:0; border-collapse:collapse; }
.lwa td,.lwa th { padding:0; border-spacing:0; border:none !important; }
.lwa td { vertical-align:top; background:none; }
/*Logged out CSS*/
.lwa .lwa-username-label, .lwa .lwa-password-label { padding-right:10px; vertical-align:middle; }
.lwa-password input,.lwa-username input,.lwa-email input,.lwa-remember-email input { margin:0px; width:100%; padding-left:2%; padding-right:2%; }
.lwa-loading { position:absolute; width:100%; height:100%; background: var(--color-white) url(loading.gif) 50% 50% no-repeat; left:0px; top:0px; opacity:0.8; filter:alpha(opacity=80)}
.lwa-status { margin:0px 0px 5px; padding:10px 10px; color:#333; display:none; font-size: 14px; }
.lwa-status-invalid, .lwa-status-confirm { display:block !important; }
.lwa-status-invalid { background-color:#FFEBE8;}
.lwa-status-confirm { background-color:#f1fff0;}
/*Logged In CSS*/
.lwa-avatar { padding-right:10px; }
.lwa-info { text-transform:lowercase; }
.lwa-info a { color: var(--color-text-dark); }
.lwa-info a:hover { text-decoration: none; }
/*Forgotten password*/
.lwa-remember { margin-top:10px; display:none; }
/*Registration*/
.lwa .lwa-register { margin-top:10px; display:none; }
/*OpenID specific*/
.lwa-register hr { display:block; }
.lwa-register #openid_identifier { width:auto; }
/* Modals CSS */
.lwa-modal-bg { position: fixed; height: 100%; width: 100%; background: var(--color-black); background: rgba(0,0,0,.8); z-index: 100; display: none; top: 0; left: 0; }
.lwa-modal { visibility: hidden; top: 100px; left: 50%; margin-left: -240px; width: 350px; background: #fefefe; position: absolute; z-index: 101; padding: 30px 40px 34px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); }
.lwa-modal h4, .lwa-modal p { margin-bottom:10px; }
.lwa-modal .lwa-modal-close { font-size: 30px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; }
/* divs-only */
.lwa-divs-only p { margin:8px 0px 5px !important; }
.lwa-divs-only input[type="text"] { margin:5px 0px 15px; }
.lwa-divs-only .lwa-submit-button, .lwa-divs-only .lwa-links { margin-top:5px; }
.lwa-divs-only .lwa-form .lwa-submit-button { float:right; }
.lwa-divs-only .lwa-remember, .lwa-divs-only .lwa-register { clear:both; }
/*Modal Template*/
/*
.lwa-template--modal .lwa-modal-box { background-color:var(--color-white); color:#333; width:350px; padding:15px; text-align:left; border:2px solid #333; opacity:0.8; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc; }
.lwa-template--modal .lwa-modal-box h4 { font-size: 16px; margin:0px; padding:0px; }
.lwa-template--modal .lwa-modal-box .close { background:url(modal/close.png) 0px 0px no-repeat !important; position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; border:none; padding:0px; margin:0px; }
.lwa-template--modal .lwa-modal-box #wp-submit { display:block; clear:both; }
*/
/* ----------------------- header */
.site-header{
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.navigation-bar {
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
height: 70px;
}
.navigation--main>li>a {
height: 70px;
line-height: 70px;
}
.top-bar .social-list:not(.social-list--inverse)>li>a {
color: rgba(0, 0, 0, 0.4);
-webkit-transition: color, 0.2s;
-o-transition: color, 0.2s;
-moz-transition: color, 0.2s;
transition: color, 0.2s;
}
.top-bar .social-list:not(.social-list--inverse)>li:hover>a,
.top-bar .social-list:not(.social-list--inverse)>li:focus-within>a {
color: rgba(0, 0, 0, 0.8);
}
.top-bar .social-list.social-list--inverse>li:hover>a,
.top-bar .social-list.social-list--inverse>li:focus-within>a {
color: #fff;
}
.navigation-bar__inner{
-webkit-flex-wrap: initial;
flex-wrap: initial;
}
.navigation-bar .header-logo a{
display: block;
}
.navigation-bar--fullwidth.navigation-bar--has-bg-img {
background: transparent;
}
.navigation--main>li>a{
padding: 0 17.5px;
font-size: 14px;
font-weight: 500;
}
.navigation-bar-btn:last-child {
padding-right: 0;
}
.navigation-bar-btn:first-child {
padding-left: 0;
}
.header-2 .header-logo h1{
margin-bottom: 30px;
}
.header-4 .navigation-bar,
.header-5 .navigation-bar,
.header-10 .navigation-bar,
.header-9 .navigation-bar {
height: 100px;
}
.header-10 .site-header,
.header-10 .navigation-bar {
box-shadow: none;
}
.header-10 .navigation-bar__inner {
position: relative;
}
.header-10 .navigation-bar__inner::before {
position: absolute;
content: "";
width: -moz-calc(100% - 30px);
width: calc(100% - 30px);
left: 15px;
bottom:0;
background-color: rgba(0,0,0,0.1);
height: 1px;
}
.header-4 .navigation-bar .header-logo img,
.header-5 .navigation-bar .header-logo img,
.header-10 .navigation-bar .header-logo img ,
.header-9 .navigation-bar .header-logo img {
max-height: 100px;
padding: 20px 0;
}
.header-4 .navigation--main>li>a,
.header-5 .navigation--main>li>a,
.header-10 .navigation--main>li>a,
.header-9 .navigation--main>li>a {
height: 100px;
line-height: 100px;
}
.header-5 .navigation-bar-btn,
.header-10 .navigation-bar-btn,
.header-9 .navigation-bar-btn {
height: 100px;
}
.header-5 .navigation-bar-btn span,
.header-5 .navigation-bar-btn i,
.header-10 .navigation-bar-btn span,
.header-10 .navigation-bar-btn i,
.header-9 .navigation-bar-btn span,
.header-9 .navigation-bar-btn i {
line-height: 100px;
}
.header-4 .user-review-item .user__info-avatar,
.header-5 .user-review-item .user__info-avatar,
.header-10 .user-review-item .user__info-avatar ,
.header-9 .user-review-item .user__info-avatar {
width: 100px;
height: 100px;
}
.header-5 .bk-lwa.navigation-bar-btn .avatar,
.header-10 .bk-lwa.navigation-bar-btn .avatar,
.header-9 .bk-lwa.navigation-bar-btn .avatar {
line-height: 100px;
}
.header-4 .sticky-header .bk-lwa.navigation-bar-btn .avatar,
.header-5 .sticky-header .bk-lwa.navigation-bar-btn .avatar,
.header-10 .sticky-header .bk-lwa.navigation-bar-btn .avatar,
.header-9 .sticky-header .bk-lwa.navigation-bar-btn .avatar {
line-height: 70px;
}
.header-5 .top-bar--fullwidth {
padding-left: 15px;
padding-right: 15px;
}
.header-10 .site-header:not(.sticky-header) .navigation-bar,
.header-9 .site-header:not(.sticky-header) .navigation-bar {
height: auto;
}
.header-10 .top-bar__section .top-bar__section-social,
.header-9 .top-bar__section .top-bar__section-social {
padding-right: 10px;
margin-right: 10px;
position: relative;
}
.header-10 .top-bar__section .top-bar__section-social::before,
.header-9 .top-bar__section .top-bar__section-social::before {
content: '';
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
height: 70%;
background-color: #fff;
}
.header-10 .top-bar__section .top-bar__section-social::before,
.header-9 .top-bar__section .top-bar__section-social::before {
background-color: rgba(0, 0, 0, 0.8);
}
.header-10 .top-bar--inverse .top-bar__section .top-bar__section-social::before,
.header-9 .top-bar--inverse .top-bar__section .top-bar__section-social::before {
background-color: rgba(255, 255, 255, 0.8);
}
.header-10 .top-bar__section .top-bar__section-social a,
.header-9 .top-bar__section .top-bar__section-social a {
color: rgba(0, 0, 0, 0.8) !important;
}
.header-10 .top-bar--inverse .top-bar__section .top-bar__section-social a,
.header-9 .top-bar--inverse .top-bar__section .top-bar__section-social a {
color: rgba(255, 255, 255, 0.8) !important;
}
/*.header-9 .site-header:not(.sticky-header) .navigation-bar__inner::before {*/
/* content: '';*/
/* position: absolute;*/
/* bottom: 0;*/
/* left: 15px;*/
/* width: calc(100% - 30px);*/
/* border-bottom: 1px solid #e5e5e5;*/
/*}*/
.header-10 .site-header:not(.sticky-header) .navigation-bar--has-bg-img .navigation-bar__inner::before ,
.header-9 .site-header:not(.sticky-header) .navigation-bar--has-bg-img .navigation-bar__inner::before {
display: none;
}
/*.header-9 .navigation-bar--fullwidth .navigation-bar__inner {
padding-left: 0;
padding-right: 0;
}*/
.header-10 .navigation--main > li,
.header-9 .navigation--main > li {
padding: 0 0px;
}
.header-10 .navigation--main > li > a,
.header-9 .navigation--main > li > a {
padding: 0 20px;
height: auto;
/*color: var(--color-logo);*/
}
.header-10 .atbs-keylin-mega-menu,
.header-9 .atbs-keylin-mega-menu {
width: 1170px;
left: 50%;
-webkit-transform: translateX(-50%) scale(1, 0.9);
-moz-transform: translateX(-50%) scale(1, 0.9);
-o-transform: translateX(-50%) scale(1, 0.9);
transform: translateX(-50%) scale(1, 0.9);
}
.header-10 .navigation--main li:hover > .atbs-keylin-mega-menu,
.header-9 .navigation--main li:hover > .atbs-keylin-mega-menu,
.header-10 .navigation--main li:focus-within > .atbs-keylin-mega-menu,
.header-9 .navigation--main li:focus-within > .atbs-keylin-mega-menu {
-webkit-transform: translateX(-50%) scale(1, 1);
-moz-transform: translateX(-50%) scale(1, 1);
-o-transform: translateX(-50%) scale(1, 1);
transform: translateX(-50%) scale(1, 1);
}
@media (max-width: 1199px) {
.header-10 .atbs-keylin-mega-menu,
.header-9 .atbs-keylin-mega-menu {
width: 940px;
}
}
.navigation--main .sub-menu a {
padding: 8px 0;
}
.navigation-custom-bg-color__inner{
background-color: #9a9a9a;
padding-left: 15px;
padding-right: 15px;
}
/* header 10*/
.header-10 .navigation-bar {
height: 140px;
}
.header-10 .site-header,
.header-10 .navigation-bar {
box-shadow: none;
}
.header-10 .navigation-bar__inner {
position: relative;
}
.header-10 .navigation-bar__inner::before {
position: absolute;
content: "";
width: -moz-calc(100% - 30px);
width: calc(100% - 30px);
left: 15px;
bottom:0;
background-color: rgba(0,0,0,0.1);
height: 1px;
}
.header-10 .navigation-bar .header-logo img {
max-height: 140px;
padding: 20px 0;
}
.header-10 .navigation--main>li>a {
height: 40px;
line-height: 140px;
}
.header-10 .navigation-bar-btn{
height: 140px;
}
.header-10 .navigation-bar-btn span,
.header-10 .navigation-bar-btn i {
line-height: 140px;
}
.header-10 .user-review-item .user__info-avatar {
width: 100px;
height: 100px;
}
.header-10 .bk-lwa.navigation-bar-btn .avatar {
line-height: 140px;
}
.header-10 .sticky-header .bk-lwa.navigation-bar-btn .avatar {
line-height: 70px;
}
.header-10 .site-header:not(.sticky-header) .navigation-bar {
height: auto;
}
.header-10 #atbs-keylin-offcanvas-mobile .bk-lwa.navigation-bar-btn .avatar {
line-height: 1.5;
}
.header-10 .top-bar__section .top-bar__section-social{
padding-right: 10px;
margin-right: 10px;
position: relative;
}
.header-10 .top-bar__section .top-bar__section-social::before {
content: '';
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
height: 70%;
background-color: #fff;
}
.header-10 .top-bar__section .top-bar__section-social::before {
background-color: rgba(0, 0, 0, 0.8);
}
.header-10 .top-bar--inverse .top-bar__section .top-bar__section-social::before {
background-color: rgba(255, 255, 255, 0.8);
}
.header-10 .top-bar__section .top-bar__section-social a {
color: rgba(0, 0, 0, 0.8) !important;
}
.header-10 .top-bar--inverse .top-bar__section .top-bar__section-social a {
color: rgba(255, 255, 255, 0.8) !important;
}
.header-10 .site-header:not(.sticky-header) .navigation-bar--has-bg-img .navigation-bar__inner::before {
display: none;
}
.header-10 .navigation--main > li {
padding: 0 0;
}
.header-10 .navigation--main > li > a{
height: auto;
/*color: var(--color-logo);*/
}
.header-10 .navigation--main > li > a::before{
background: #151416;
bottom: 50%;
height: 1px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
}
.header-10 .navigation--main > li:hover > a::before,
.header-10 .navigation--main > li:focus-within > a::before,
.header-10 .navigation--main > li.current-menu-item > a::before {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.header-10 .atbs-keylin-mega-menu {
width: 1170px;
left: 50%;
-webkit-transform: translateX(-50%) scale(1, 0.9);
-moz-transform: translateX(-50%) scale(1, 0.9);
-o-transform: translateX(-50%) scale(1, 0.9);
transform: translateX(-50%) scale(1, 0.9);
}
.header-10 .navigation--main li:hover > .atbs-keylin-mega-menu,
.header-10 .navigation--main li:focus-within > .atbs-keylin-mega-menu{
-webkit-transform: translateX(-50%) scale(1, 1);
-moz-transform: translateX(-50%) scale(1, 1);
-o-transform: translateX(-50%) scale(1, 1);
transform: translateX(-50%) scale(1, 1);
}
@media (max-width: 1199px) {
.header-10 .atbs-keylin-mega-menu{
width: 940px;
}
}
/* .header 10*/
/*.navigation--main > li > a::before {
background: #151416;
background: var(--color-logo);
bottom: 50%;
height: 1px;
transform: scale(0, 1);
transition: all 200ms ease-in-out;
}*/
.btn-menu-bar-icon span{
display: block;
width: 25px;
height: 1px;
background-color: #000;
position: relative;
/*top: 50%;*/
/*left: 50%;*/
/*transform: translate(-50%,-50%);*/
}
.btn-menu-bar-icon span::before,
.btn-menu-bar-icon span::after{
content: '';
width: 100%;
height: 100%;
position: absolute;
background-color: inherit;
left: 0;
right: 0;
}
.btn-menu-bar-icon span::before{
top: -8px;
}
.btn-menu-bar-icon span::after{
bottom: -8px;
}
/*sticky*/
.sticky-header .navigation-bar {
height: 70px;
background: #fff;
}
.sticky-header .navigation-bar.navigation-bar--inverse {
background: #1B1D1C;
}
.sticky-header .navigation-bar .header-logo img{
max-height: 70px;
padding: 20px 0;
}
.sticky-header .header-logo,
.sticky-header .header-logo > a,
.sticky-header .header-logo > a .logo-text {
line-height: 70px;
}
.sticky-header .header-logo > a .logo-text {
font-size: 32px;
}
.sticky-header .navigation--main>li>a{
height: 70px;
line-height: 70px;
padding: 0 20px;
}
.sticky-header .navigation-bar-btn{
height: 70px;
}
.sticky-header .navigation-bar-btn i{
line-height: 70px;
}
/*header mobile*/
.header-logo--mobile img{
padding: 15px 0;
}
#atbs-keylin-offcanvas-mobile .subscribe-form h2,
#atbs-keylin-offcanvas-mobile .subscribe-form h3,
#atbs-keylin-offcanvas-mobile .subscribe-form h4 {
font-weight: 600;
}
#atbs-keylin-offcanvas-mobile .subscribe-text {
margin-bottom: 20px;
}
#atbs-keylin-offcanvas-mobile .subscribe-form__fields {
display: block;
}
#atbs-keylin-offcanvas-mobile .subscribe-form__fields input[type="email"] {
margin-bottom: 15px;
}
#atbs-keylin-offcanvas-mobile .bk-account-info {
display: none;
}
/*off canvas*/
.navigation--offcanvas>li>a{
font-size: 15px;
font-weight: 300;
}
.atbs-keylin-offcanvas .btn-form-author a{
font-size: 14px;
font-weight: 300;
}
.navigation--main .sub-menu a{
}
/* update css header 30/01*/
.sticky-header .atbs-keylin-mega-menu{
left: auto;
right: auto;
}
.sticky-header .navigation-wrapper{
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
}
.header-3 .navigation-bar.navigation-bar--inverse {
box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1);
}
.header-8 .site-header,
.header-8 .navigation-bar {
box-shadow: none !important;
}
.header-17 .atbs-keylin-mega-menu,
.header-16 .atbs-keylin-mega-menu,
.header-13 .atbs-keylin-mega-menu,
.header-11 .atbs-keylin-mega-menu,
.header-5 .atbs-keylin-mega-menu,
.sticky-header .navigation--main li > .atbs-keylin-mega-menu{
right: unset;
left: 50%;
max-width: 1170px;
width: 1170px;
transform: translateX(-50%) scale(1, 0.9);
-webkit-transform: translateX(-50%) scale(1, 0.9);
-moz-transform: translateX(-50%) scale(1, 0.9);
-o-transform: translateX(-50%) scale(1, 0.9);
transform: translateX(-50%) scale(1, 0.9);
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
-moz-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
-o-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
}
.header-17 .navigation--main li:hover > .atbs-keylin-mega-menu,
.header-16 .navigation--main li:hover > .atbs-keylin-mega-menu,
.header-13 .navigation--main li:hover > .atbs-keylin-mega-menu,
.header-11 .navigation--main li:hover > .atbs-keylin-mega-menu,
.header-5 .navigation--main li:hover > .atbs-keylin-mega-menu,
.sticky-header .navigation--main li:hover > .atbs-keylin-mega-menu,
.header-17 .navigation--main li:focus-within > .atbs-keylin-mega-menu,
.header-16 .navigation--main li:focus-within > .atbs-keylin-mega-menu,
.header-13 .navigation--main li:focus-within > .atbs-keylin-mega-menu,
.header-11 .navigation--main li:focus-within > .atbs-keylin-mega-menu,
.header-5 .navigation--main li:focus-within > .atbs-keylin-mega-menu,
.sticky-header .navigation--main li:focus-within > .atbs-keylin-mega-menu {
opacity: 1;
width: 1170px;
visibility: visible;
-webkit-transform:translateX(-50%) scale(1, 1);
-moz-transform:translateX(-50%) scale(1, 1);
-o-transform:translateX(-50%) scale(1, 1);
transform:translateX(-50%) scale(1, 1);
-webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
-moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
-o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
/* .header ----------------------- */
/*----------------------- atbs-keylin-featured-module-1 */
/*
Layout
*/
/* Style Wide*/
@media (min-width: 1200px) {
.atbs-keylin-featured-module-1 .container.container--wide-lg .col-left {
width: -moz-calc(100% - 400px);
width: calc(100% - 400px);
}
.atbs-keylin-featured-module-1 .container.container--wide-lg .col-right {
width: 400px;
}
.atbs-keylin-featured-module-1 .container.container--wide-lg .post--horizontal-massive .post__thumb {
width: 50%;
margin-left: 80px;
}
.atbs-keylin-featured-module-1 .container.container--wide-lg .post--vertical-large-bg .post__text {
padding: 50px;
}
}
@media(min-width: 992px) {
.atbs-keylin-featured-module-1 .post--horizontal-massive .post__title {
line-height: 1.5;
}
}
/* Style Wide*/
.atbs-keylin-featured-module-1 .col-left {
width: 800px;
}
.atbs-keylin-featured-module-1 .col-left:last-child {
margin-bottom: 0;
}
.atbs-keylin-featured-module-1 .col-right {
width: 370px;
}
/*
Content
*/
/** Post 1 **/
.post--horizontal-massive .post__thumb {
width: 430px;
height: 835px;
}
.post--horizontal-massive .post__cat {
margin-bottom: 25px;
}
/** Post 2 **/
.post--vertical-large-bg .post__thumb {
margin: 0;
height: 418px;
}
.post--vertical-large-bg .post__text {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
padding: 35px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
}
.post--vertical-large-bg .post__text-wrap {
position: relative;
z-index: 1;
pointer-events: none;
}
.post--vertical-large-bg .cat-time-group {
pointer-events: auto;
margin-bottom: 15px;
}
.atbs-keylin-featured-module-1 .post--vertical-large-bg {
height: 835px;
}
.atbs-keylin-featured-module-1 .post--vertical-large-bg .post__thumb,
.atbs-keylin-featured-module-1 .post--vertical-large-bg .post__text {
width: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
}
/*
Responsive
*/
@media (max-width: 1199px) {
/*
Layout
*/
.atbs-keylin-featured-module-1 .col-left {
width: 640px;
}
.atbs-keylin-featured-module-1 .col-right {
width: 300px;
}
/*
Content
*/
/** Post 1 **/
.post--horizontal-massive .post__thumb {
width: 345px;
height: 625px;
}
/** Post 2 **/
.post--vertical-large-bg .post__thumb {
height: 363px;
}
.atbs-keylin-featured-module-1 .post--vertical-large-bg {
height: 625px;
}
.post--vertical-large-bg .post__text {
padding: 30px;
}
.post--vertical-large-bg .cat-time-group {
margin-bottom: 10px;
}
}
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-featured-module-1 [class^="col-"] {
width: 100%;
}
/*
Content
*/
/** Post 1 **/
.post--horizontal-massive .post__thumb {
width: 360px;
height: 450px;
}
/** Post 2 **/
.atbs-keylin-featured-module-1 .post--vertical-large-bg {
height: 400px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-flow: row wrap;
}
.post--vertical-large-bg .post__thumb {
height: 400px;
}
.atbs-keylin-featured-module-1 .post--vertical-large-bg .post__thumb,
.atbs-keylin-featured-module-1 .post--vertical-large-bg .post__text {
width: 50%;
-webkit-box-flex: 0;
-webkit-flex: none;
-moz-box-flex: 0;
flex: none;
-webkit-box-ordinal-group: initial;
-webkit-order: initial;
-moz-box-ordinal-group: initial;
order: initial;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Content
*/
.post--horizontal-massive.post--horizontal-reverse .post__thumb {
margin: 0 0 0 30px;
}
.post--horizontal-massive .post__title {
font-size: 30px;
font-size: 2.1428rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 767px) {
/*
Content
*/
/** Post 1 **/
.atbs-keylin-featured-module-1 .col-left {
margin-bottom: 30px;
}
.post--horizontal-massive .post__thumb {
margin-bottom: 20px;
width: 100%;
height: 340px;
}
.post--horizontal-massive .post__cat {
margin-bottom: 10px;
}
/** Post 2 **/
.atbs-keylin-featured-module-1 .post--vertical-large-bg {
height: auto;
}
.atbs-keylin-featured-module-1 .post--vertical-large-bg .post__thumb {
width: 100%;
}
.atbs-keylin-featured-module-1 .post--vertical-large-bg .post__text {
width: 100%;
height: auto;
}
.post--vertical-large-bg .post__thumb {
height: 280px;
}
.post--vertical-large-bg .post__text {
padding: 25px 20px;
}
}
@media (max-width: 767px) and (min-width: 576px) {
.post--vertical-large-bg .post__title {
font-size: 1.4285rem;
line-height: 1.4;
}
}
@media (max-width: 767px) and (min-width: 481px) {
.post--horizontal-massive .post__title {
font-size: 1.5714rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 575px) and (min-width: 381px){
/*
Content
*/
/** Post 2 **/
.post--vertical-large-bg .post__title {
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 480px) {
/*
Content
*/
/** Post 1 **/
.post--horizontal-massive .post__thumb {
height: 320px;
}
/** Post 2 **/
.post--vertical-large-bg .post__thumb {
height: 250px;
}
}
@media (max-width: 420px) {
/*
Content
*/
/** Post 1 **/
.post--horizontal-massive .post__thumb {
height: 280px;
}
/** Post 2 **/
.post--vertical-large-bg .post__thumb {
height: 220px;
}
}
@media (max-width: 380px) {
/*
Content
*/
/** Post 1 **/
.post--horizontal-massive .post__thumb {
height: 250px;
}
/** Post 2 **/
.post--vertical-large-bg .post__thumb {
height: 195px;
}
.post--vertical-large-bg .post__text {
padding: 20px;
}
.post--vertical-large-bg .post__title {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 320px) {
/*
Content
*/
/** Post 1 **/
.post--horizontal-massive .post__thumb {
height: 210px;
}
/** Post 2 **/
.post--vertical-large-bg .post__thumb {
height: 165px;
}
}
/* .atbs-keylin-featured-module-1 ----------------------- */
/*----------------------- atbs-keylin-featured-module-2 */
/*
Layout
*/
.atbs-keylin-featured-module-2 .col-right {
width: 670px;
}
.atbs-keylin-featured-module-2 .col-left {
margin-right: 50px;
width: 450px;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-moz-box-ordinal-group: 0;
order: -1;
}
.atbs-keylin-featured-module-2 .col-left .inner__inside {
margin-top: 75px;
}
.atbs-keylin-featured-module-2 .col-left .inner__inside:nth-child(1):last-child {
margin-top: 0;
margin-bottom: 0;
}
.posts-horizontal-style-1 {
margin-top: -25px;
margin-bottom: -25px;
}
.posts-horizontal-style-1 .list-item {
padding-top: 25px;
padding-bottom: 25px;
}
.posts-horizontal-style-1 .list-item:not(:last-child) {
border-bottom: 1px solid #eee;
}
/*
Content
*/
/** Post Overlay **/
.post--overlay-massive .post__text {
z-index: 1;
pointer-events: none;
}
.post--overlay-massive .post__text-inner {
padding: 0 30px 30px;
}
.post--overlay-massive .post__cat,
.post--overlay-massive .post__title,
.post--overlay-massive .post__meta,
.post--overlay-massive .post__readmore {
pointer-events: auto;
}
/** Post No Thumb **/
.post--no-thumb-sm .post__text {
padding: 0 0 0 70px;
}
.post--no-thumb-sm .post__title {
margin-bottom: 10px;
}
/*
Responsive
*/
@media (min-width: 1200px) {
.post--no-thumb-sm time.time {
line-height: 1.8;
}
}
@media (max-width: 1199px) {
/*
Layout
*/
.atbs-keylin-featured-module-2 .col-right {
width: 500px;
}
.atbs-keylin-featured-module-2 .col-left {
margin-right: 50px;
width: 370px;
}
.atbs-keylin-featured-module-2 .col-left .inner__inside {
margin-top: 60px;
}
/** Post Overlay **/
.post--overlay-massive.post--overlay-height-670 .post__text {
min-height: 540px;
}
.post--no-thumb-sm .post__text {
padding-right: 0;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
/** Post Overlay **/
.post--overlay-massive .post__title {
font-size: 24px;
font-size: 1.7142rem; /*font system*/
line-height: 1.375;
}
}
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-featured-module-2 .col-left {
margin-right: 0;
width: 100%;
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-moz-box-ordinal-group: 1;
order: 0;
}
.atbs-keylin-featured-module-2 .col-right {
width: 100%;
margin-bottom: 50px;
}
.atbs-keylin-featured-module-2 .col-left .inner__inside {
margin-top: 0;
}
/*
Content
*/
.post--overlay-massive.post--overlay-height-670 .post__text {
min-height: 460px;
}
.post--overlay-massive .post__text-inner {
padding: 0 20px 20px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Content
*/
/*Post 2*/
.post--no-thumb-sm .post__text {
padding-left: 80px;
}
}
@media (max-width: 767px) and (min-width: 481px) {
.post--overlay-massive .post__title {
font-size: 22px;
font-size: 1.5714rem; /*font system*/
line-height: 1.41;
}
}
@media (max-width: 767px) {
/*
Layout
*/
.atbs-keylin-featured-module-2 .col-left .inner__inside {
margin-top: 0;
}
.atbs-keylin-featured-module-2 [class^="col-"] {
width: 100%;
margin-top: 0;
margin-right: 0;
-webkit-box-ordinal-group: initial;
-webkit-order: initial;
-moz-box-ordinal-group: initial;
order: initial;
}
.atbs-keylin-featured-module-2 .col-right {
margin-bottom: 40px;
}
.atbs-keylin-featured-module-2 .col-left {
margin-top: 0;
}
/*
Content
*/
.post--overlay-massive.post--overlay .post__text {
min-height: 340px;
}
.post--no-thumb-sm .post__text {
padding-left: 70px;
}
}
@media (max-width: 480px) {
/*
Content
*/
.post--overlay-massive.post--overlay .post__text {
min-height: 320px;
}
.post--overlay-massive .post__title {
margin-bottom: 0;
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
.post--overlay-massive .post__meta {
display: none;
}
}
@media (max-width: 420px) {
/*
Content
*/
.post--overlay-massive.post--overlay .post__text {
min-height: 280px;
}
}
@media (max-width: 380px) {
/*
Content
*/
.post--overlay-massive.post--overlay .post__text {
min-height: 250px;
}
.post--no-thumb-sm .post__text {
padding-left: 60px;
}
.post--overlay-massive .post__title {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 320px) {
/*
Content
*/
.post--overlay-massive.post--overlay .post__text {
min-height: 210px;
}
}
/* .atbs-keylin-featured-module-2 ----------------------- */
/*----------------------- atbs-keylin-featured-module-3 */
/*
Content
*/
/* Style Wide*/
@media (min-width: 1200px) {
.container.container--wide-lg .post--overlay-huge-style-1 .post__title {
font-size: 2.1428rem; /*font system*/
line-height: 1.4;
}
/**/
.container.container--wide-lg .post--overlay-tiny .post__title {
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
/* Style Wide*/
.post--overlay-tiny.post--overlay-floorfade .post__text-wrap::before {
opacity: .7;
}
.post--overlay-tiny .post__text {
pointer-events: none;
z-index: 1;
}
.post--overlay-tiny .post__cat,
.post--overlay-tiny .post__title,
.post--overlay-tiny .post__meta {
pointer-events: auto;
}
/*
Responsive
*/
@media (max-width: 1199px) {
.atbs-keylin-featured-module-3 .col-left {
width: 40%;
}
.atbs-keylin-featured-module-3 .col-right {
width: 60%;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
/*
Content
*/
/*.post--overlay-huge.post--overlay-huge-style-1 .post__title {*/
/* font-size: 22px;*/
/* font-size: 1.5714rem; !*font system*!*/
/* line-height: 1.4;*/
/*}*/
.atbs-keylin-featured-module-3 .col-left .post--overlay .post__text {
min-height: 600px;
}
.atbs-keylin-featured-module-3 .col-right .post--overlay .post__text {
min-height: -moz-calc(600px/2 - 5px);
min-height: calc(600px/2 - 5px);
}
}
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-featured-module-3 [class^="col-"] {
width: 100%;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Content
*/
.post--overlay-huge.post--overlay-huge-style-1.post--overlay .post__text {
min-height: 360px;
}
}
@media (max-width: 767px) and (min-width: 576px){
.atbs-keylin-featured-module-3 .col-right .post--overlay .post__text {
min-height: 280px;
}
.post--overlay-tiny .post__title {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 575px) {
/*
Content
*/
.post--overlay-tiny.post--overlay .post__text {
min-height: 260px;
}
.atbs-keylin-featured-module-3 .atbs-keylin-block__inner.flexbox-wrap.flex-space-10 {
margin: -10px;
}
.atbs-keylin-featured-module-3 .atbs-keylin-block__inner.flexbox-wrap.flex-space-10 > * {
padding: 10px;
}
}
@media (max-width: 420px) {
/*
Content
*/
.post--overlay-tiny.post--overlay .post__text {
min-height: 240px;
}
}
@media (max-width: 380px) {
/*
Content
*/
.post--overlay-tiny.post--overlay .post__text {
min-height: 220px;
}
}
@media (max-width: 320px) {
/*
Content
*/
.post--overlay-tiny.post--overlay .post__text {
min-height: 200px;
}
}
/* .atbs-keylin-featured-module-3 ----------------------- */
/*----------------------- atbs-keylin-featured-module-4 */
/*
Content
*/
.posts-grid-style-8 {
margin: -5px;
}
.posts-grid-style-8 .list-item {
padding: 5px;
width: 50%;
float: left;
}
/*
Responsive
*/
@media (max-width: 1199px) {
.atbs-keylin-featured-module-4 .col-left {
width: 40%;
}
.atbs-keylin-featured-module-4 .col-right {
width: 60%;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.atbs-keylin-featured-module-4 .col-left .post--overlay .post__text {
min-height: 550px;
}
.atbs-keylin-featured-module-4 .col-right .list-item .post--overlay .post__text {
min-height: -moz-calc(550px/2 - 5px);
min-height: calc(550px/2 - 5px);
}
.atbs-keylin-featured-module-4 .col-right .list-item:first-child .post--overlay .post__text {
min-height: 550px;
}
}
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-featured-module-4 [class^="col-"] {
width: 100%;
}
}
@media (max-width: 767px) and (min-width: 576px) {
.atbs-keylin-featured-module-4 .col-right .list-item:first-child .post--overlay .post__text {
min-height: 300px;
}
.atbs-keylin-featured-module-4 .col-right .list-item .post--overlay .post__text {
min-height: 280px;
}
.atbs-keylin-featured-module-4 .col-right .list-item:first-child {
width: 100%;
}
}
@media (max-width: 767px) and (min-width: 481px) {
.posts-grid-style-8 .post--overlay-medium.post--overlay .post__text {
min-height: 300px;
}
}
@media (max-width: 575px) {
.atbs-keylin-featured-module-4 .col-right .list-item {
width: 100%;
}
}
@media (max-width: 480px) {
/*
Layout
*/
.posts-grid-style-8 .list-item {
width: 100%;
float: none;
}
}
/* .atbs-keylin-featured-module-4 ----------------------- */
/*----------------------- atbs-keylin-featured-module-5 */
/*
Layout
*/
.atbs-keylin-featured-module-5 .col-left {
width: -moz-calc(100% / 12 * 8);
width: calc(100% / 12 * 8);
}
.atbs-keylin-featured-module-5 .col-right {
width: -moz-calc(100% / 12 * 4);
width: calc(100% / 12 * 4);
}
/*
Responsive
*/
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-featured-module-5 [class^="col-"] {
width: 100%;
}
.posts-grid-style-9 .list-item {
width: 50%;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Content
*/
.post--overlay-massive.post--overlay-massive-style-1.post--overlay .post__text {
min-height: 360px;
}
.post--overlay-massive.post--overlay-massive-style-1 .post__text-inner {
padding: 0 30px 35px;
}
.post--overlay-massive.post--overlay-massive-style-1 .post__title {
font-size: 24px;
font-size: 1.7142rem; /*font system*/
line-height: 1.4;
}
/*.posts-grid-style-9 .post--overlay-medium .post__title {*/
/* font-size: 18px;*/
/* font-size: 1.2857rem; !*font system*!*/
/* line-height: 1.5;*/
/*}*/
}
@media (max-width: 767px) and (min-width: 576px) {
.atbs-keylin-featured-module-5 .post--overlay-medium .post__title {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 767px) and (min-width: 481px) {
.post--overlay-massive.post--overlay-massive-style-1 .post__title {
font-size: 1.5714rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 575px) {
/*
Layout
*/
.posts-grid-style-9 .list-item {
width: 100%;
}
}
/* .atbs-keylin-featured-module-5 ----------------------- */
/*----------------------- atbs-keylin-featured-module-6 */
/*
Layout
*/
.atbs-keylin-featured-module-6 .col-middle {
width: 50%;
}
.atbs-keylin-featured-module-6 .col-left,
.atbs-keylin-featured-module-6 .col-right {
width: 25%;
}
.atbs-keylin-featured-module-6 .col-left {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-moz-box-ordinal-group: 0;
order: -1;
}
/*
Responsive
*/
@media (min-width: 576px) {
/*
Content
*/
.post--vertical-small.post--vertical-small-style-1.post-not-exist-thumb .post__thumb {
padding-bottom: 56.25%;
}
}
@media (min-width: 992px) {
/*
Content
*/
/*.post--vertical-huge.post--vertical-huge-style-1.post-not-exist-thumb .post__thumb {*/
/* padding-bottom: 75%;*/
/*}*/
}
@media (min-width: 1200px) {
.post--vertical-small.post--vertical-small-style-1 .post__thumb {
height: 190px;
}
.post--vertical-huge.post--vertical-huge-style-1 .post__thumb {
height: 480px;
}
}
@media (max-width: 1199px) {
.atbs-keylin-featured-module-6 .col-middle {
width: 45%;
}
.atbs-keylin-featured-module-6 .col-left,
.atbs-keylin-featured-module-6 .col-right {
width: -moz-calc((100% - 45%) / 2);
width: calc((100% - 45%) / 2);
}
}
@media (max-width: 1199px) and (min-width: 992px) {
/*
Content
*/
.atbs-keylin-featured-module-6 .post--vertical-huge.post--vertical-huge-style-1 .post__thumb {
height: 380px;
}
.atbs-keylin-featured-module-6 .post--vertical-small.post--vertical-small-style-1 .post__thumb {
height: 160px;
}
/**/
.post--vertical-huge.post--vertical-huge-style-1 .post__title {
font-size: 26px;
font-size: 1.8571rem; /*font system*/
line-height: 1.4;
}
.atbs-keylin-featured-module-6 .post--vertical-small .post__title {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-featured-module-6 .col-middle {
width: 100%;
}
.atbs-keylin-featured-module-6 .col-left,
.atbs-keylin-featured-module-6 .col-right {
width: 100%;
}
.atbs-keylin-featured-module-6 .col-left {
-webkit-box-ordinal-group: initial;
-webkit-order: initial;
-moz-box-ordinal-group: initial;
order: initial;
}
.posts-grid-style-9.flex-space-30,
.atbs-keylin-featured-module-6 .atbs-keylin-block__inner.flex-space-30 {
margin: -20px -15px;
}
.posts-grid-style-9.flex-space-30 .list-item,
.atbs-keylin-featured-module-6 .atbs-keylin-block__inner.flex-space-30 [class^="col-"] {
padding: 20px 15px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Content
*/
.post--vertical-huge.post--vertical-huge-style-1 .post__thumb {
height: 405px;
}
/*.post--vertical-huge.post--vertical-huge-style-1.post-not-exist-thumb .post__thumb {*/
/* padding-bottom: 56.25%;*/
/*}*/
.post--vertical-small.post--vertical-small-style-1.post-not-exist-thumb .post__thumb {
padding-bottom: 56.25%;
}
}
@media (max-width: 767px) and (min-width: 576px) {
.atbs-keylin-featured-module-6 .post--vertical-small.post--vertical-small-style-1 .post__thumb {
height: 160px;
}
.atbs-keylin-featured-module-6 .post--vertical-small .post__title {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 767px) and (min-width: 481px), (max-width: 320px) {
/*
Content
*/
/*.post--vertical-small.post--vertical-small-style-1 .post__title {*/
/* font-size: 18px;*/
/* font-size: 1.2857rem; !*font system*!*/
/* line-height: 1.5;*/
/*}*/
}
/* .atbs-keylin-featured-module-6 ----------------------- */
/*----------------------- atbs-keylin-featured-module-7 */
/*
Content
*/
.post--vertical-big .post__thumb {
margin-bottom: 20px;
}
/*
Responsive
*/
@media (min-width: 1200px) {
.post--vertical-big .post__thumb {
height: 480px;
}
}
@media (min-width: 768px) {
/*
Content
*/
/*.post--vertical-big.post-not-exist-thumb .post__thumb {*/
/* padding-top: 56.25%;*/
/*}*/
}
@media (min-width: 992px) {
/*
Content
*/
/*.post--vertical-big-style-1 .post__title {*/
/* font-size: 26px;*/
/* font-size: 1.8571rem; !*font system*!*/
/* line-height: 1.38;*/
/*}*/
}
@media (max-width: 1199px) {
.atbs-keylin-featured-module-7 .post--vertical-big.post-not-exist-thumb .post__thumb {
padding-bottom: 75%;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
/*
Content
*/
.post--vertical-big .post__title {
font-size: 26px;
font-size: 1.8571rem; /*font system*/
line-height: 1.4;
}
.post--vertical-big-style-1 .post__title {
font-size: 24px;
font-size: 1.7142rem; /*font system*/
line-height: 1.375;
}
/**/
.atbs-keylin-featured-module-7 .post--vertical-small-style-1 .post__thumb {
height: 150px;
}
.atbs-keylin-featured-module-7 .post--vertical-small.post-not-exist-thumb .post__thumb {
padding-bottom: 150px;
}
.atbs-keylin-featured-module-7 .post--vertical-small-style-1 .post__title {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-featured-module-7 [class^="col-"] {
width: 100%;
}
.atbs-keylin-featured-module-7 .atbs-keylin-block__inner.flex-space-30 {
margin: -20px -15px;
}
.atbs-keylin-featured-module-7 .atbs-keylin-block__inner.flex-space-30 [class^="col-"] {
padding: 20px 15px;
}
/*
Content
*/
.post--vertical-big.has-readmore .post__title {
margin-bottom: 0;
}
.post--vertical-big .post__readmore {
display: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Content
*/
.post--vertical-big .post__thumb {
height: 400px;
}
.atbs-keylin-featured-module-7 .post--vertical-big.post-not-exist-thumb .post__thumb {
padding-bottom: 400px;
}
}
@media (max-width: 767px) and (min-width: 576px) {
.atbs-keylin-featured-module-7 .post--vertical-small .post__thumb {
height: 160px;
}
.atbs-keylin-featured-module-7 .post--vertical-small.post-not-exist-thumb .post__thumb {
padding-bottom: 160px;
}
.atbs-keylin-featured-module-7 .post--vertical-small .post__title {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 767px) and (min-width: 576px) {
.post--vertical-big .post__thumb {
height: 350px;
}
.atbs-keylin-featured-module-7 .post--vertical-big.post-not-exist-thumb .post__thumb {
padding-bottom: 350px;
}
}
@media (max-width: 767px) and (min-width: 481px) {
.post--vertical-big .post__title {
font-size: 1.5714rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 575px) {
/*
Content
*/
.post--vertical-big .post__thumb {
margin-bottom: 15px;
height: 300px;
}
.atbs-keylin-featured-module-7 .post--vertical-big.post-not-exist-thumb .post__thumb {
padding-bottom: 300px;
}
}
@media (max-width: 420px) {
/*
Content
*/
}
@media (max-width: 380px) {
/*
Content
*/
.post--vertical-big .post__thumb {
height: 250px;
}
.atbs-keylin-featured-module-7 .post--vertical-big.post-not-exist-thumb .post__thumb {
padding-bottom: 250px;
}
}
/* .atbs-keylin-featured-module-7 ----------------------- */
/*----------------------- atbs-keylin-featured-module-8 */
/*
Responsive
*/
@media (max-width: 1199px) {
.atbs-keylin-featured-module-8 .col-left {
width: 40%;
}
.atbs-keylin-featured-module-8 .col-right {
width: -moz-calc(100% - 40%);
width: calc(100% - 40%);
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.atbs-keylin-featured-module-8 .post--overlay-huge-style-1 .post__text {
min-height: 480px;
}
.atbs-keylin-featured-module-8 .posts-grid-style-9 .post--overlay-medium .post__text {
min-height: 480px;
}
}
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-featured-module-8 [class^="col-"] {
width: 100%;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Content
*/
.posts-grid-style-9 .post--overlay-medium.post--overlay-height-470 .post__text {
min-height: 260px;
}
/**/
.posts-grid-style-9 .post--overlay-medium .post__text {
min-height: 300px;
}
}
@media (max-width: 767px) and (min-width: 576px) {
.atbs-keylin-featured-module-8 .posts-grid-style-9 .post--overlay-medium .post__text {
min-height: 280px;
}
.atbs-keylin-featured-module-8 .posts-grid-style-9 .post--overlay-medium .post__title {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
/* .atbs-keylin-featured-module-8 ----------------------- */
/*----------------------- atbs-keylin-featured-module-9 */
/*
Layout
*/
.atbs-keylin-featured-module-9 [class^="section-"] {
overflow: hidden;
}
.atbs-keylin-featured-module-9 .section-1 {
margin-bottom: 30px;
}
/*
Content
*/
.post--horizontal-large.post--horizontal-large-style-1 .post__title,
.post--horizontal-large.post--horizontal-large-style-2 .post__title {
margin-bottom: 20px;
}
/*
Responsive
*/
@media (min-width: 992px) {
.post--horizontal-large.post--horizontal-large-style-1 .post__thumb {
height: 350px;
}
/*.post--horizontal-large.post--horizontal-large-style-1 .post__title {*/
/* font-size: 24px;*/
/* font-size: 1.7142rem; !*font system*!*/
/* line-height: 1.375;*/
/*}*/
}
@media (max-width: 1199px) and (min-width: 992px) {
/*
Content
*/
.post--horizontal-large.post--horizontal-large-style-2 .post__thumb {
height: 400px
}
.post--horizontal-large.post--horizontal-large-style-1 .post__thumb {
height: 290px;
}
}
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-featured-module-9 .section-1 {
margin-bottom: 40px;
}
/*
Content
*/
.post--horizontal-large.post--horizontal-large-style-1.has-readmore .post__title,
.post--horizontal-large.post--horizontal-large-style-2.has-readmore .post__title {
margin-bottom: 0;
}
.post--horizontal-large.post--horizontal-large-style-1 .post__readmore,
.post--horizontal-large.post--horizontal-large-style-2 .post__readmore {
display: none;
}
}
@media (max-width: 480px) {
/*
Layout
*/
.atbs-keylin-featured-module-9 .section-1 {
margin-bottom: 40px;
}
}
/* .atbs-keylin-featured-module-9 ----------------------- */
/*----------------------- atbs-keylin-featured-module-10 */
/*
Layout
*/
.atbs-keylin-featured-module-10 [class^="section-"] {
overflow: hidden;
}
.atbs-keylin-featured-module-10 .section-1 {
margin-bottom: 30px;
}
/*
Responsive
*/
@media (min-width: 1200px) {
/*
Content
*/
.post--overlay-huge.post--overlay-huge-style-5 .post__text-inner {
padding: 0 40px 40px;
}
.post--overlay-huge.post--overlay-huge-style-5 .post__title {
max-width: 860px;
font-size: 34px;
font-size: 2.4285rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
/*
Content
*/
.post--overlay-huge-style-5.post--overlay-height-580.post--overlay .post__text {
min-height: 470px;
}
.post--overlay-huge.post--overlay-height-450.post--overlay-has-sidebar .post__text {
min-height: 360px;
}
.post--overlay-huge.post--overlay-huge-style-5 .post__text-inner {
padding: 0 35px 35px;
}
.post--overlay-huge.post--overlay-huge-style-5 .post__title {
max-width: 768px;
font-size: 28px;
font-size: 2rem; /*font system*/
}
}
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-featured-module-10 .section-1 {
margin-bottom: 40px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Content
*/
.post--overlay-huge-style-5.post--overlay-height-580.post--overlay .post__text {
min-height: 420px;
}
}
@media (max-width: 767px) and (min-width: 576px) {
.atbs-keylin-featured-module-10 .post--vertical-small-style-2 .post__title {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 767px) and (min-width: 481px) {
.atbs-keylin-featured-module-10 .post--overlay-huge-style-5 .post__title {
font-size: 1.5714rem; /*font system*/
line-height: 1.4;
}
}
/* .atbs-keylin-featured-module-10 ----------------------- */
/*----------------------- atbs-keylin-featured-module-11 */
/*
Layout
*/
.atbs-keylin-featured-module-11 .col-left {
width: 670px;
margin-right: 50px;
}
.atbs-keylin-featured-module-11 .col-right {
width: 450px;
}
/*
Responsive
*/
@media (max-width: 1199px) {
/*
Layout
*/
.atbs-keylin-featured-module-11 .col-left {
width: 500px;
margin-right: 50px;
}
.atbs-keylin-featured-module-11 .col-right {
width: 370px;
}
.post--vertical-huge-style-2.post-not-exist-thumb .post__thumb {
padding-bottom: 75%;
}
}
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-featured-module-11 .col-left {
width: 100%;
margin-right: 0;
}
.atbs-keylin-featured-module-11 .col-right {
width: 100%;
margin-top: 50px;
}
.post--vertical-huge-style-2 .post__title {
margin-bottom: 0;
}
.post--vertical-huge-style-2 .post__readmore {
display: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Content
*/
.post--vertical-huge-style-2 .post__thumb {
height: 400px;
}
.post--vertical-huge-style-2.post-not-exist-thumb .post__thumb {
padding-bottom: 400px;
}
}
@media (max-width: 767px) {
/*
Layout
*/
.atbs-keylin-featured-module-11 [class^="col-"] {
width: 100%;
}
.atbs-keylin-featured-module-11 .col-left {
margin-right: 0;
}
}
/* .atbs-keylin-featured-module-11 ----------------------- */
/*----------------------- atbs-keylin-featured-module-12 */
/*
Content
*/
/** Post Horizontal **/
.post--horizontal-small .post__thumb {
margin: 0 25px 0 0;
width: 40%;
}
/*.post--horizontal-small.post-not-exist-thumb .atbs-pseudo-img {*/
/* padding-top: 56.25%;*/
/*}*/
/*
Responsive
*/
@media (min-width: 1200px) {
.post--horizontal-small:not([class*='post-thumb-height']) .post__thumb {
height: 140px;
}
}
@media (min-width: 381px) {
/*
Content
*/
/** Post Horizontal **/
.post--horizontal-small .post__thumb {
float: left;
}
}
@media (max-width: 1199px) and (min-width: 992px), (max-width: 767px) and (min-width: 481px) {
/*
Content
*/
/** Post Horizontal **/
.post--horizontal-small .post__title {
font-size: 18px;
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
/*
Content
*/
/**/
.atbs-keylin-featured-module-12 .atbs-keylin-block__inner.flexbox-wrap.flex-space-30 {
margin: -10px;
}
.atbs-keylin-featured-module-12 .atbs-keylin-block__inner.flexbox-wrap.flex-space-30 > * {
padding: 10px;
}
.atbs-keylin-featured-module-12 .post--overlay-huge-style-6 {
height: 100%;
}
.posts-list-style-8.list-space-lg {
margin-top: -10px;
margin-bottom: -10px;
}
.posts-list-style-8.list-space-lg > * {
padding-top: 10px;
padding-bottom: 10px;
}
.post--horizontal-small:not([class*='post-thumb-height']) .post__thumb {
height: 120px;
}
/** Post Overlay **/
.post--overlay-huge.post--overlay-huge-style-6.post--overlay .post__text {
min-height: 490px;
}
.post--overlay-huge.post--overlay-huge-style-6 .post__title {
font-size: 22px;
font-size: 1.5714rem; /*font system*/
line-height: 1.41;
}
}
@media (max-width: 991px) {
.atbs-keylin-featured-module-12 .col-left,
.atbs-keylin-featured-module-12 .col-right {
width: 100%;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Content
*/
/** Post Overlay **/
.post--overlay-huge.post--overlay-huge-style-6.post--overlay .post__text {
min-height: 460px;
}
.post--overlay-huge.post--overlay-huge-style-6 .post__title {
/*font-size: 20px;*/
/*font-size: 1.4285rem; !*font system*!*/
/*line-height: 1.4;*/
}
/** Post Horizontal **/
.post--horizontal-small .post__thumb {
height: 160px;
}
.post--horizontal-small .post-type-icon--inverse {
display: none;
}
/*.post--horizontal-small .post__title {*/
/* font-size: 16px;*/
/* font-size: 1.1428rem; !*font system*!*/
/* line-height: 1.5;*/
/*}*/
}
@media (max-width: 767px) {
.post--horizontal-small .post__thumb {
margin: 0 20px 0 0;
}
.post--horizontal-small .post__thumb {
height: 115px;
}
}
@media (max-width: 480px) {
/*
Content
*/
/** Post Horizontal **/
.post--horizontal-small {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.post--horizontal-small .post__thumb {
width: 100%;
margin: 0 0 15px 0;
height: auto;
}
.post--horizontal-small.post-not-exist-thumb .post__thumb {
padding-bottom: 56.25%;
}
.post--horizontal-small .post__text {
-webkit-box-flex: 0;
-webkit-flex: none;
-moz-box-flex: 0;
flex: none;
width: 100%;
}
}
@media (max-width: 480px) and (min-width: 381px) {
/*
Content
*/
/** Post Horizontal **/
.post--horizontal-small .post-type-icon--inverse {
display: none;
}
}
@media (max-width: 420px) {
/*
Content
*/
.post--horizontal-small a.cat-line-after::after {
width: 45px;
}
}
@media (max-width: 380px) {
/*
Layout
*/
.posts-list-style-8.list-space-md {
margin-top: -20px;
margin-bottom: -20px;
}
.posts-list-style-8.list-space-md > * {
padding-top: 20px;
padding-bottom: 20px;
}
}
/* .atbs-keylin-featured-module-12 ----------------------- */
/*----------------------- atbs-keylin-featured-module-13 */
/*
Layout
*/
.atbs-keylin-featured-module-13 .col-1 .list-item:nth-child(2) {
padding-top: 20px;
}
/*
Content
*/
/*.post--horizontal-tiny.post--horizontal-tiny-style-2.post-not-exist-thumb .atbs-pseudo-img {*/
/* padding-top: 100%;*/
/*}*/
.post--horizontal-tiny .post__thumb {
float: left;
margin-right: 15px;
margin-bottom: 0;
width: 80px;
height: 80px;
}
/*
Responsive
*/
@media (min-width: 1200px) {
.post--vertical-small.post--vertical-small-style-4 .post__thumb {
height: 200px;
}
.atbs-keylin-featured-module-13 .container:not(.container--wide-lg) .post--vertical-small.post--vertical-small-style-4 .post__title {
font-size: 1.3571rem; /*font system*/
line-height: 1.5;
}
}
@media (min-width: 992px) {
/*
Layout
*/
.atbs-keylin-featured-module-13 .col-1 {
width: 47%;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
order: 2;
}
.atbs-keylin-featured-module-13 .col-2 {
width: 25%;
}
.atbs-keylin-featured-module-13 .col-3 {
width: 28%;
}
.atbs-keylin-featured-module-13 .col-2 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
order: 3;
}
.atbs-keylin-featured-module-13 .col-3 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
order: 1;
}
/*
Content
*/
.post--horizontal-small-style-2 .post__title {
font-size: 22px;
font-size: 1.5714rem;
line-height: 1.4;
}
}
@media (min-width: 1200px) {
/*
Content
*/
.post--horizontal-small.post--horizontal-small-style-2 .post__thumb {
width: 200px;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
/*
Layout
*/
.atbs-keylin-featured-module-13 .atbs-keylin-block__inner.flex-space-30 {
margin: -25px -15px;
}
.atbs-keylin-featured-module-13 .atbs-keylin-block__inner.flex-space-30 > * {
padding: 25px 15px;
}
.atbs-keylin-featured-module-13 .col-1 {
width: 65%;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
order: 1;
}
.atbs-keylin-featured-module-13 .col-2 {
width: 35%;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
order: 2;
}
.atbs-keylin-featured-module-13 .col-3 {
width: 100%;
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
order: 3;
}
.atbs-keylin-featured-module-13 .posts-list-style-7 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-flow: row wrap;
margin: -20px;
}
.atbs-keylin-featured-module-13 .posts-list-style-7 > * {
width: 50%;
padding: 20px;
}
.atbs-keylin-featured-module-13 .posts-list-style-7[class*="list-seperated"] > *:nth-last-child(2) {
border-bottom-width: 0;
}
/*
Content
*/
.post--vertical-huge.post--vertical-huge-style-1 .post__thumb {
height: 600px;
}
.atbs-keylin-featured-module-13 .post--vertical-small.post--vertical-small-style-4 .post__title {
font-size: 18px;
font-size: 1.2857rem;
line-height: 1.5;
}
.atbs-keylin-featured-module-13 .post--horizontal-tiny.post--horizontal-tiny-style-2 .post__title {
font-size: 16px;
font-size: 1.1428rem; /*font system*/
line-height: 1.5;
}
.post--vertical-small.post--vertical-small-style-4 .post__thumb {
height: 180px;
}
}
@media (max-width: 1024px) and (min-width: 992px) {
/*
Content
*/
.post--horizontal-tiny.post--horizontal-tiny-style-2 .post__thumb {
width: 70px;
height: 70px;
}
}
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-featured-module-13 .atbs-keylin-block__inner {
margin: -20px;
}
.atbs-keylin-featured-module-13 .atbs-keylin-block__inner > * {
padding: 20px;
}
.atbs-keylin-featured-module-13 .col-1,
.atbs-keylin-featured-module-13 .col-2,
.atbs-keylin-featured-module-13 .col-3 {
width: 100%;
}
}
@media (max-width: 991px) and (min-width: 576px) {
.posts-list-style-11 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: -15px;
}
.posts-list-style-11 > * {
padding: 15px;
width: 50%;
}
.atbs-keylin-featured-module-13 .post--vertical-small.post--vertical-small-style-4.post-not-exist-thumb .post__thumb {
padding-bottom: 75%;
}
}
@media (max-width: 767px) and (min-width: 481px) {
/*
Layout
*/
.atbs-keylin-featured-module-13 .post--vertical-small.post--vertical-small-style-4 .post__title {
font-size: 18px;
font-size: 1.2857rem;
line-height: 1.5;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Layout
*/
.posts-list-style-7[class*="list-seperated"]>*:nth-last-child(2) {
border-bottom: none;
}
/*
Content
*/
.post--horizontal-small.post--horizontal-small-style-2 .post__thumb {
width: -moz-calc(50% - 15px);
width: calc(50% - 15px);
height: 200px;
}
}
@media (max-width: 575px) and (min-width: 481px) {
.atbs-keylin-featured-module-13 .post--vertical-small.post--vertical-small-style-4.post-not-exist-thumb .post__thumb {
padding-bottom: 60%;
height: auto;
}
}
@media (max-width: 480px) {
/*
Content
*/
.post--vertical-huge.post--vertical-huge-style-1.has-readmore .post__title {
margin-bottom: 0;
}
.post--vertical-huge.post--vertical-huge-style-1 .post__readmore {
display: none;
}
.post--vertical-small.post-not-exist-thumb .post__thumb {
padding-bottom: 250px;
}
}
@media (max-width: 480px) and (min-width: 381px) {
/*
Content
*/
.post--horizontal-small.post--horizontal-small-style-2 .post__thumb {
float: none;
margin: 0 0 15px;
width: 100%;
height: 250px;
}
.post--horizontal-small.post--horizontal-small-style-2 .post__title {
font-size: 18px;
font-size: 1.2857rem; /*font system*/
line-height: 1.44;
}
}
@media (max-width: 420px) {
.post--vertical-small.post-not-exist-thumb .post__thumb {
padding-bottom: 220px;
}
}
@media (max-width: 420px) and (min-width: 381px) {
/*
Content
*/
.post--horizontal-small.post--horizontal-small-style-2 .post__thumb {
height: 220px;
}
}
@media (max-width: 380px) {
/*
Layout
*/
.posts-list-style-10[class*="list-seperated"].list-space-xl {
margin-top: -30px;
margin-bottom: -30px;
}
.posts-list-style-10[class*="list-seperated"].list-space-xl > * {
padding-top: 30px;
padding-bottom: 30px;
}
/*
Content
*/
.post--vertical-small.post-not-exist-thumb .post__thumb {
padding-bottom: 195px;
}
.post--horizontal-tiny.post--horizontal-tiny-style-2 .post__title {
font-size: 14px;
font-size: 1rem;
}
}
@media (max-width: 320px) {
.post--vertical-small.post-not-exist-thumb .post__thumb {
padding-bottom: 195px;
}
}
/* .atbs-keylin-featured-module-13 ----------------------- */
/*----------------------- atbs-keylin-featured-module-14 */
/*
Responsive
*/
.post--horizontal-small.post--horizontal-small-style-3.post--horizontal-reverse .post__thumb {
margin: 0 0 0 25px;
}
@media (min-width: 1200px) {
/*
Content
*/
.post--horizontal-small.post--horizontal-small-style-3 .post__thumb {
width: 45%;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.atbs-keylin-featured-module-14 .col-left,
.atbs-keylin-featured-module-14 .col-right {
width: 100%;
}
.atbs-keylin-featured-module-14 .col-right .posts-list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: -15px;
}
.atbs-keylin-featured-module-14 .col-right .posts-list > * {
width: 50%;
padding: 15px;
}
/**/
.post--horizontal-small.post--horizontal-small-style-3 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.post--horizontal-small.post--horizontal-small-style-3 .post__thumb {
width: 100%;
margin: 0 0 15px 0 !important;
}
.post--horizontal-small.post--horizontal-small-style-3 .post__text {
width: 100%;
-webkit-box-flex: 0;
-webkit-flex: none;
-moz-box-flex: 0;
flex: none;
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-moz-box-ordinal-group: 1;
order: 0;
}
/**/
.atbs-keylin-featured-module-14 .post--overlay-huge-style-1 .post__text {
min-height: 450px;
}
}
@media (max-width: 1199px) and (min-width: 768px) {
/*
Content
*/
.post--horizontal-small.post--horizontal-small-style-3 .post__title {
font-size: 20px;
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-featured-module-14 [class^="col-"] {
width: 100%;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Content
*/
.post--horizontal-small.post--horizontal-small-style-3 .post__thumb {
height: 250px;
}
}
@media (max-width: 767px) {
.posts-list-style-13.list-space-xxl {
margin-top: -15px;
margin-bottom: -15px;
}
.posts-list-style-13.list-space-xxl > * {
padding-top: 15px;
padding-bottom: 15px;
}
/**/
.post--horizontal-small.post--horizontal-small-style-3 .post__meta {
display: none;
}
}
@media (max-width: 767px) and (min-width: 481px) {
/*
Content
*/
.post--horizontal-small.post--horizontal-small-style-3 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
}
.post--horizontal-small.post--horizontal-small-style-3 .post__thumb {
margin: 0 20px 0 0;
height: 200px;
-webkit-box-flex: 0;
-webkit-flex: none;
-moz-box-flex: 0;
flex: none;
}
.post--horizontal-small.post--horizontal-small-style-3 .post__text {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
}
.post--horizontal-small.post--horizontal-small-style-3.post--horizontal-reverse .post__thumb {
margin: 0 0 0 20px;
}
}
@media (max-width: 480px) {
/*
Content
*/
.post--horizontal-small.post--horizontal-small-style-3.has-readmore .post__title {
margin-bottom: 0;
}
.post--horizontal-small.post--horizontal-small-style-3 .post__readmore {
display: none;
}
/**/
.post--horizontal-small.post--horizontal-small-style-3 .post__thumb {
width: 100%;
height: auto;
padding-bottom: 60%;
margin: 0 0 15px 0 !important;
}
.post--horizontal-small.post--horizontal-small-style-3 .post__thumb a {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.post--horizontal-small.post--horizontal-small-style-3 .post__text {
width: 100%;
-webkit-box-flex: 0;
-webkit-flex: none;
-moz-box-flex: 0;
flex: none;
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-moz-box-ordinal-group: 1;
order: 0;
}
}
@media (max-width: 380px) {
/*
Content
*/
.post--horizontal-small.post--horizontal-small-style-3.post--horizontal-reverse {
display: block;
}
}
/* .atbs-keylin-featured-module-14 ----------------------- */
/*----------------------- atbs-keylin-featured-module-15 */
/*
Layout
*/
.atbs-keylin-featured-module-15 .section-1:not(:last-child) {
margin-bottom: 30px;
}
/*
Content
*/
.post--horizontal-large-bg {
height: 480px;
}
.post--horizontal-large-bg .post__thumb {
margin: 0;
}
/*
Responsive
*/
@media (min-width: 1200px) {
.post--horizontal-large-bg .post__title {
margin-bottom: 25px;
}
}
@media (max-width: 1199px) and (min-width: 991px) {
.atbs-keylin-featured-module-15 .post--horizontal-large-bg {
height: 400px;
}
.atbs-keylin-featured-module-15 .post--vertical-small .post__title {
font-size: 1.1428rem; /*font system*/
line-height: 1.5;
}
.atbs-keylin-featured-module-15 .post--vertical-small.post--vertical-small-style-1.post-not-exist-thumb .post__thumb {
padding-bottom: 75%;
}
}
@media (max-width: 991px) {
/*
Content
*/
.post--horizontal-large-bg {
height: 380px;
}
.post--horizontal-large-bg .post__excerpt {
margin-bottom: 0;
}
.post--horizontal-large-bg .post__meta {
display: none;
}
.atbs-keylin-featured-module-15 .post--vertical-small.post--vertical-small-style-1.post-not-exist-thumb .post__thumb {
padding-bottom: 75%;
}
}
@media (max-width: 767px) {
/*
Content
*/
.post--horizontal-large-bg {
height: auto;
}
.post--horizontal-large-bg .post__thumb {
height: 280px;
}
.post--horizontal-large-bg .post__text {
padding: 25px 20px;
}
.post--horizontal-large-bg .post__title {
margin-bottom: 0;
font-size: 20px;
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
.post--horizontal-large-bg .post__excerpt {
display: none !important;
}
}
@media (max-width: 575px) {
.atbs-keylin-featured-module-15 .post--vertical-small.post--vertical-small-style-1.post-not-exist-thumb .post__thumb {
padding-bottom: 60%;
}
}
@media (max-width: 480px) {
/*
Content
*/
.post--horizontal-large-bg .post__thumb {
height: 250px;
}
.post--horizontal-large-bg .post__title {
font-size: 18px;
font-size: 1.2857rem;
line-height: 1.5;
}
}
@media (max-width: 420px) {
/*
Content
*/
.post--horizontal-large-bg .post__thumb {
height: 220px;
}
}
@media (max-width: 380px) {
/*
Content
*/
.post--horizontal-large-bg .post__thumb {
height: 195px;
}
.post--horizontal-large-bg .post__text {
padding: 20px;
}
}
@media (max-width: 320px) {
/*
Content
*/
.post--horizontal-large-bg .post__thumb {
height: 165px;
}
}
/* .atbs-keylin-featured-module-15 ----------------------- */
/*----------------------- atbs-keylin-featured-module-16 */
/*
Layout
*/
.atbs-keylin-featured-module-16 .col-1 .list-item:nth-child(2) {
padding-top: 20px;
}
/*
Content
*/
/*.post--vertical-small.post--vertical-small-style-6.post-not-exist-thumb .post__thumb {*/
/* padding-top: 56.25%;*/
/*}*/
/*
Responsive
*/
@media (min-width: 1200px) {
.atbs-keylin-featured-module-16 .container:not(.container--wide-lg) .post--vertical-small .post__title {
font-size: 1.3571rem; /*font system*/
line-height: 1.5;
}
}
@media (min-width: 992px) {
/*
Layout
*/
.atbs-keylin-featured-module-16 .col-1 {
width: 47%;
}
.atbs-keylin-featured-module-16 .col-2 {
width: 25%;
}
.atbs-keylin-featured-module-16 .col-3 {
width: 28%;
}
}
@media (min-width: 1200px) {
.post--vertical-small.post--vertical-small-style-6 .post__thumb {
height: 200px;
}
.post--vertical-small.post--vertical-small-style-6.post-not-exist-thumb .post__thumb {
padding-bottom: 200px;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
/*
Layout
*/
.atbs-keylin-featured-module-16 .col-1 {
width: 65%;
}
.atbs-keylin-featured-module-16 .col-2 {
width: 35%;
}
.atbs-keylin-featured-module-16 .col-3 {
width: 100%;
}
.atbs-keylin-featured-module-16 .atbs-keylin-block__inner.flex-space-30 {
margin: -25px -15px;
}
.atbs-keylin-featured-module-16 .atbs-keylin-block__inner.flex-space-30 > * {
padding: 25px 15px;
}
.atbs-keylin-featured-module-16 .posts-list-style-7 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-flow: row wrap;
margin: -20px;
}
.atbs-keylin-featured-module-16 .posts-list-style-7 > * {
width: 50%;
padding: 20px;
}
.atbs-keylin-featured-module-16 .posts-list-style-7[class*="list-seperated"] > *:nth-last-child(2) {
border-bottom-width: 0;
}
.atbs-keylin-featured-module-16 .post--vertical-huge.post--vertical-huge-style-1 .post__title {
font-size: 28px;
font-size: 2rem; /*font system*/
line-height: 1.4;
}
.atbs-keylin-featured-module-16 .post--vertical-small.post--vertical-small-style-6 .post__title {
font-size: 18px;
font-size: 1.2857rem;
line-height: 1.5;
font-weight: 600;
}
.atbs-keylin-featured-module-16 .post--horizontal-tiny.post--horizontal-tiny-style-2 .post__title {
font-size: 16px;
font-size: 1.1428rem; /*font system*/
line-height: 1.5;
}
.post--vertical-small.post--vertical-small-style-6 .post__thumb {
height: 180px;
}
.post--vertical-small.post--vertical-small-style-6.post-not-exist-thumb .post__thumb {
padding-bottom: 180px;
}
}
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-featured-module-16 .atbs-keylin-block__inner {
display: block;
margin: -20px;
}
.atbs-keylin-featured-module-16 .atbs-keylin-block__inner > * {
padding: 20px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Content
*/
.post--vertical-small.post--vertical-small-style-6 .post__title {
font-size: 20px;
font-size: 1.4285rem;
line-height: 1.4;
}
}
@media (max-width: 991px) and (min-width: 576px) {
.post--vertical-small.post--vertical-small-style-6.post-not-exist-thumb .post__thumb {
padding-bottom: 75%;
}
}
/* .atbs-keylin-featured-module-16 ----------------------- */
/*----------------------- atbs-keylin-featured-module-17 */
/*
Responsive
*/
/* Style Wide*/
@media (min-width: 1200px) {
.atbs-keylin-featured-module-17 .col-left,
.atbs-keylin-featured-module-17 .col-right {
width: 30%;
}
.atbs-keylin-featured-module-17 .col-middle {
width: 40%;
}
.atbs-keylin-featured-module-17 .container--wide-lg .post--overlay-medium-style-3 .post__text {
min-height: 710px;
}
.atbs-keylin-featured-module-17 .container--wide-lg .post--overlay-medium.post--overlay-height-305 .post__text {
min-height: 350px;
}
}
/* Style Wide*/
@media (max-width: 1199px) and (min-width: 992px) {
/*
Content
*/
.post--overlay-medium.post--overlay-medium-style-3 .post__title {
font-size: 20px;
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
/**/
.atbs-keylin-featured-module-17 .post--overlay-medium-style-3 .post__text {
min-height: 620px;
}
.atbs-keylin-featured-module-17 .post--overlay-medium:not(.post--overlay-medium-style-3) .post__text {
min-height: -moz-calc(620px / 2 - 5px);
min-height: calc(620px / 2 - 5px);
}
}
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-featured-module-17 [class^="col-"] {
width: 100%;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Content
*/
.post--overlay-medium.post--overlay-medium-style-3.post--overlay .post__text {
min-height: 360px;
}
.post--overlay-medium.post--overlay-medium-style-3 .post__title {
font-size: 24px;
font-size: 1.7142rem; /*font system*/
line-height: 1.375;
}
}
@media (max-width: 767px) and (min-width: 576px) {
.post--overlay-medium.post--overlay-medium-style-3 .post__title {
font-size: 18px;
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
.atbs-keylin-featured-module-17 .post--overlay-medium:not(.post--overlay-medium-style-3) .post__title {
font-size: 18px;
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 575px) {
.post--overlay-medium.post--overlay-medium-style-3 .post__title {
margin-bottom: 0;
}
.post--overlay-medium.post--overlay-medium-style-3 .post__meta {
display: none;
}
}
@media (max-width: 480px) {
/*
Layout
*/
.atbs-keylin-featured-module-17 .col-middle {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-moz-box-ordinal-group: 0;
order: -1;
}
}
/* .atbs-keylin-featured-module-17 ----------------------- */
/*----------------------- atbs-keylin-featured-module-19 */
.block-heading--has-bg .block-heading__title {
margin: -.4em;
max-width: 600px;
-webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1))
drop-shadow(0 10px 20px rgba(0, 0, 0, 0.03))
drop-shadow(0 6px 6px rgba(0, 0, 0, 0.05));
filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1))
drop-shadow(0 10px 20px rgba(0, 0, 0, 0.03))
drop-shadow(0 6px 6px rgba(0, 0, 0, 0.05));
}
.block-heading--has-bg .block-heading__title > span {
padding: .3em .4em;
background: var(--color-white);
font-weight: 600;
line-height: 1.5;
white-space: normal;
/* Fix multiline margin, padding ... */
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.atbs-keylin-featured-module-19 .block-heading {
position: absolute;
top: 0;
left: 0;
margin-top: 50px;
display: flex;
justify-content: center;
text-align: center;
z-index: 1;
}
.posts-grid-no-thumb-fw {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.posts-grid-no-thumb-fw > .list-item {
width: 50%;
padding: 6em 5vw 12em;
background: var(--color-primary);
}
.posts-grid-no-thumb-fw > .list-item:first-child,
.posts-grid-no-thumb-fw > .list-item:nth-child(2) {
padding-top: 20em;
}
.posts-grid-no-thumb-fw > .list-item:nth-child(3n + 1) {
background: var(--color-primary-dark, #63899c);
}
.posts-grid-no-thumb-fw > .list-item:nth-child(3n + 3) {
background: var(--color-primary-darker, #5d8192);
}
.post--no-thumb-lg-style-1 .post__title > a::after {
content: '→';
display: block;
width: 100px;
color: #fff;
font-size: 1em;
padding: 0;
position: absolute;
bottom: 1em;
}
@media (min-width: 768px) {
.post--no-thumb-lg-style-1 .post__cat {
margin-bottom: 20px;
}
}
@media (min-width: 1920px) {
.posts-grid-no-thumb-fw > .list-item {
padding-top: 20em;
width: -moz-calc(100% / 3);
width: calc(100% / 3);
}
.posts-grid-no-thumb-fw > .list-item:nth-child(3n + 3) {
display: none;
}
}
@media (min-width: 3000px) {
.posts-grid-no-thumb-fw > .list-item {
width: 25%;
}
.posts-grid-no-thumb-fw > .list-item:nth-child(3n + 3) {
display: block;
}
}
@media (max-width: 1199px) {
.posts-grid-no-thumb-fw > .list-item {
padding: 5em 5vw 10em;
}
.post--no-thumb-lg-style-1 .post__title {
font-size: 38px;
font-size: 2.7143rem;
}
}
@media (max-width: 991px) {
.atbs-keylin-featured-module-19 .block-heading__title {
max-width: 420px;
}
.posts-grid-no-thumb-fw > .list-item {
padding: 4em 5vw 8em;
}
.posts-grid-no-thumb-fw > .list-item:first-child,
.posts-grid-no-thumb-fw > .list-item:nth-child(2) {
padding-top: 15em;
}
.post--no-thumb-lg-style-1 .post__title {
font-size: 30px;
font-size: 2.1428rem;
}
}
@media (max-width: 767px) {
.posts-grid-no-thumb-fw > .list-item,
.posts-grid-no-thumb-fw > .list-item:nth-child(2) {
width: 100%;
padding: 4em 30px 5em;
}
.posts-grid-no-thumb-fw > .list-item:first-child {
padding-top: 12em;
}
.post--no-thumb-lg-style-1 .post__title {
font-size: 24px;
font-size: 1.7143rem;
}
.post--no-thumb-lg-style-1 .post__title > a::after {
left: auto;
right: 0;
}
}
@media (max-width: 480px) {
.post--no-thumb-lg-style-1 .post__title {
font-size: 22px;
font-size: 1.5714rem;
}
.post--no-thumb-lg-style-1 .post__title > a::after {
width: 3em;
}
}
/* .atbs-keylin-featured-module-19 ----------------------- */
/*----------------------- atbs-keylin-featured-module-18 */
/*
Layout
*/
.atbs-keylin-featured-module-18 .section-1 {
margin-bottom: 10px;
}
/*
Content
*/
.post--horizontal-tiny.post--horizontal-reverse .post__thumb {
float: right;
margin: 0 0 0 15px;
}
/*
Responsive
*/
@media (min-width: 992px) {
/*
Layout
*/
.atbs-keylin-featured-module-18 .atbs-keylin-block__inner > .col-left {
width: 75%;
}
.atbs-keylin-featured-module-18 .atbs-keylin-block__inner > .col-right {
width: 25%;
}
.atbs-keylin-featured-module-18 .section-1 > .col-left {
width: -moz-calc(100% / 3 * 2);
width: calc(100% / 3 * 2);
}
.atbs-keylin-featured-module-18 .section-1 > .col-right {
width: -moz-calc(100% / 3);
width: calc(100% / 3);
}
}
@media (max-width: 1199px) and (min-width: 768px) {
.atbs-keylin-featured-module-18 .atbs-keylin-block__inner.flexbox-wrap.flex-space-30 {
margin: -20px;
}
.atbs-keylin-featured-module-18 .atbs-keylin-block__inner.flexbox-wrap.flex-space-30 > * {
padding: 20px;
}
.atbs-keylin-featured-module-18 .atbs-keylin-block__inner > .col-left,
.atbs-keylin-featured-module-18 .atbs-keylin-block__inner > .col-right {
width: 100%;
}
.atbs-keylin-featured-module-18 .atbs-keylin-block__inner > .col-right .posts-list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: -20px;
}
.atbs-keylin-featured-module-18 .atbs-keylin-block__inner > .col-right .posts-list > * {
padding: 20px;
width: 50%;
position: relative;
border-bottom: none;
}
.atbs-keylin-featured-module-18 .atbs-keylin-block__inner > .col-right .posts-list > *:nth-child(2n + 1):not(:first-child)::before {
content: '';
position: absolute;
width: -moz-calc(100% * 2 - 40px);
width: calc(100% * 2 - 40px);
height: 1px;
background-color: rgba(0,0,0,0.1);
top: 0;
left: 20px;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
/*
Layout
*/
/*
Content
*/
.post--overlay-huge.post--overlay-huge-style-8.post--overlay .post__text,
.post--overlay-medium.post--overlay-medium-style-4.post--overlay .post__text {
min-height: 360px;
}
.post--overlay-huge.post--overlay-huge-style-8 .post__title {
font-size: 24px;
font-size: 1.7142rem; /*font system*/
line-height: 1.375;
}
}
@media (max-width: 1024px) and (min-width: 992px) {
/*
Content
*/
.post--overlay-huge.post--overlay-huge-style-8 .post__title {
font-size: 22px;
font-size: 1.5714rem; /*font system*/
line-height: 1.41;
}
}
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-featured-module-18 .atbs-keylin-block__inner .col-left,
.atbs-keylin-featured-module-18 .atbs-keylin-block__inner .col-right {
width: 100%;
}
.atbs-keylin-featured-module-18 .atbs-keylin-block__inner.flex-space-30 {
margin: -20px;
}
.atbs-keylin-featured-module-18 .atbs-keylin-block__inner.flex-space-30 > [class*="col-"] {
padding: 20px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Layout
*/
/**/
.atbs-keylin-featured-module-18 .atbs-keylin-block__inner > .col-right .posts-list {
margin: -20px -15px;
}
.atbs-keylin-featured-module-18 .atbs-keylin-block__inner > .col-right .posts-list > * {
padding: 20px 15px;
}
.atbs-keylin-featured-module-18 .atbs-keylin-block__inner > .col-right .posts-list > *:nth-child(2n + 1):not(:first-child)::before {
width: -moz-calc(100% * 2 - 30px);
width: calc(100% * 2 - 30px);
left: 15px;
}
/**/
.atbs-keylin-featured-module-18 [class^="col-"] {
width: 100%;
}
.atbs-keylin-featured-module-18 .section-1 > [class^="col-"] {
width: 50%;
}
.atbs-keylin-featured-module-18 .posts-list-style-7[class*="list-seperated"]>*:nth-last-child(2) {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
/*
Content
*/
.post--overlay-medium.post--overlay-medium-style-4.post--overlay .post__text,
.post--overlay-huge.post--overlay-huge-style-8.post--overlay .post__text {
min-height: 360px;
}
.post--overlay-huge.post--overlay-huge-style-8 .post__title {
font-size: 20px;
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
/**/
.atbs-keylin-featured-module-18 .post--overlay-tiny .post__title {
font-size: 1.1428rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 767px) {
/*
Layout
*/
.posts-grid-style-15.flexbox-wrap-3i > * {
width: 100%;
}
}
@media (max-width: 767px) and (min-width: 481px) {
/*
Layout
*/
.atbs-keylin-featured-module-18 .col-left .section-1 .col-right,
.posts-grid-style-15.flexbox-wrap-3i > * {
width: 100%;
}
.posts-grid-style-15 .list-item:first-child {
margin-top: 0; /* post-height 260px + spacing 10px */
margin-left: 0; /* offset 1 post */
}
.posts-grid-style-15 .post--overlay-tiny.post--overlay .post__text {
min-height: 260px;
}
}
@media (max-width: 575px) and (min-width: 481px) {
.atbs-keylin-featured-module-18 .post--overlay-tiny .post__title,
.atbs-keylin-featured-module-18 .post--overlay-medium .post__title {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
/* .atbs-keylin-featured-module-18 ----------------------- */
/*----------------------- atbs-keylin-featured-module-20 */
/*.post--vertical-big.post--vertical-big-style-2 .post__meta {*/
/* margin-bottom: 15px;*/
/*}*/
/*
Responsive
*/
@media (min-width: 1200px) {
/*
Layout
*/
.posts-grid-staircase > *:first-child .post {
margin-top: 70px;
}
.posts-grid-staircase > *:nth-child(4) .post {
margin-top: -70px;
}
/**/
.atbs-keylin-featured-module-20 .post--vertical-big .post__thumb {
height: 520px;
}
}
@media (max-width: 1199px) {
/*
Layout
*/
.atbs-keylin-featured-module-20 [class^="col-"] {
width: 100%;
}
.atbs-keylin-featured-module-20 .atbs-keylin-block__inner.flex-space-30 {
margin: -20px;
}
.atbs-keylin-featured-module-20 .atbs-keylin-block__inner.flex-space-30 > * {
padding: 20px;
}
.posts-grid-staircase.flex-space-30 {
margin: -10px;
}
.posts-grid-staircase.flex-space-30 > * {
padding: 10px;
}
/**/
/*.atbs-keylin-featured-module-20 .post--vertical-big.post--vertical-big-style-2 .post__title {*/
/* margin-bottom: 0;*/
/*}*/
/*.atbs-keylin-featured-module-20 .post--vertical-big.post--vertical-big-style-2 .post__readmore {*/
/* display: none;*/
/*}*/
}
@media (max-width: 1199px) and (min-width: 992px) {
/**/
.atbs-keylin-featured-module-20 .post--vertical-big.post--vertical-big-style-2 .post__thumb {
height: 450px;
}
}
@media (max-width: 992px) {
.atbs-keylin-featured-module-20 .post--vertical-big.post--vertical-big-style-2 .post__title {
margin-bottom: 0;
}
.atbs-keylin-featured-module-20 .post--vertical-big.post--vertical-big-style-2 .post__readmore {
display: none;
}
}
@media (max-width: 767px) and (min-width: 481px) {
/*
Layout
*/
.posts-grid-staircase.flexbox-wrap-2i > * {
width: 100%;
}
.atbs-keylin-featured-module-20 .post--overlay-tiny .post__text {
min-height: 280px;
}
}
@media (max-width: 480px) {
.post--vertical-big.post--vertical-big-style-2 .post__title {
margin-bottom: 10px;
}
}
/* .atbs-keylin-featured-module-20 ----------------------- */
/*----------------------- atbs-keylin-featured-module-21 */
/*
Content
*/
/* Style Wide*/
@media (min-width: 1200px) {
.atbs-keylin-featured-module-21 .container.container--wide-lg .post--vertical-big .post__thumb {
height: 495px;
}
}
/* Style Wide*/
.atbs-keylin-featured-module-21 {
background-color: #f8f8f8;
}
.atbs-keylin-featured-module-21 .col-left {
width: 45%;
}
.atbs-keylin-featured-module-21 .col-right {
width: 55%;
}
/*.post--vertical.post-not-exist-thumb.has-placeholder .post__thumb {*/
/* padding-top: 0 !important;*/
/*}*/
/**/
.atbs-keylin-featured-module-21 .post--vertical-big .post__thumb {
height: 455px;
}
.post--vertical-big-has-bg .post__thumb {
margin: 0;
}
.post--vertical-big-has-bg .post__text {
padding: 30px 30px 35px 30px;
}
.post--no-thumb-md-bg-hover .post__text {
padding: 25px;
}
.post--vertical-big-has-bg .post__meta--style-1:not(:last-child) {
margin-bottom: 20px;
}
.post--no-thumb-sm.post--no-thumb-md-bg-hover .post__title:not(:last-child) {
margin-bottom: 20px;
}
.post--no-thumb-sm.post--no-thumb-md-bg-hover .post__meta--style-1:not(:last-child) {
margin-bottom: 15px;
}
.post--no-thumb-md-bg-hover .post__text {
min-height: 230px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
}
.post--no-thumb-md-bg-hover .post__text .post__cat {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.post--no-thumb-md-bg-hover .post__text .post__meta {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
align-items: flex-end;
}
/** Hover **/
.post--vertical-big-has-bg .post__text,
.post--no-thumb-md-bg-hover .post__text {
background-color: var(--color-white);
-webkit-transition: background-color 300ms, color 300ms;
-o-transition: background-color 300ms, color 300ms;
-moz-transition: background-color 300ms, color 300ms;
transition: background-color 300ms, color 300ms;
}
.post--no-thumb-md-bg-hover:hover .post__text {
background-color: var(--color-primary);
color: var(--color-white);
}
.post--no-thumb-md-bg-hover:hover > *,
.post--no-thumb-md-bg-hover:hover a.post__cat.cat-theme,
.post--no-thumb-md-bg-hover:hover .post__title a {
color: var(--color-white) !important;
}
.post--no-thumb-md-bg-hover:hover .cat-line-after::after,
.post--no-thumb-md-bg-hover:hover a.cat-line-after::after {
border-color: rgba(255, 255, 255, 0.4);
}
.post--no-thumb-md-bg-hover:hover .author__text > *,
.post--no-thumb-md-bg-hover:hover .time {
color: rgba(255,255,255,.7);
}
.post--no-thumb-md-bg-hover:hover .entry-author,
.post--no-thumb-md-bg-hover:hover .author-name {
color: var(--color-white);
}
/*
Responsive
*/
@media (min-width: 1200px) {
.atbs-keylin-featured-module-21 .col-left .post--vertical-big {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
}
.atbs-keylin-featured-module-21 .col-left .post--vertical-big .post__thumb {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
}
}
@media (max-width: 1199px) {
.atbs-keylin-featured-module-21 .col-left,
.atbs-keylin-featured-module-21 .col-right {
width: 100%;
}
}
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-featured-module-21 [class^="col-"] {
width: 100%;
}
.atbs-keylin-featured-module-21 .post--vertical-big.post--vertical-big-has-bg .post__title {
margin-bottom: 0;
}
/*.post--vertical-big.post--vertical-big-has-bg .post__readmore {*/
/* display: block;*/
/*}*/
}
@media (max-width: 767px) {
/*
Layout
*/
.post--vertical-big-has-bg .post__text,
.post--no-thumb-md-bg-hover .post__text {
padding: 25px 20px;
}
/*
Content
*/
.atbs-keylin-featured-module-21 .post--vertical-big .post__thumb {
height: 300px;
}
}
@media (max-width: 767px) and (min-width: 381px) {
.post--vertical-big.post--vertical-big-has-bg .post__title {
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 575px) {
.atbs-keylin-featured-module-21 .post--vertical-big .post__thumb {
height: 280px;
}
}
@media (max-width: 480px) {
/*
Layout
*/
.post--vertical-big.post--vertical-big-has-bg .post__title {
margin-bottom: 10px;
}
.atbs-keylin-featured-module-21 .post--vertical-big.post--vertical-big-has-bg .post__title {
margin-bottom: 0;
}
}
@media (max-width: 380px) {
/*
Layout
*/
.post--vertical-big-has-bg .post__text,
.post--no-thumb-md-bg-hover .post__text {
padding: 20px;
}
.post--vertical-big.post--vertical-big-has-bg .post__title {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
/* .atbs-keylin-featured-module-21 ----------------------- */
/*----------------------- atbs-keylin-featured-module-22 */
/*
Layout
*/
.atbs-keylin-featured-module-22 .col-right .section-1 {
margin-bottom: 30px;
}
.atbs-keylin-featured-module-22 .col-right .section-1:last-child {
margin-bottom: 0;
}
/*
Responsive
*/
@media (min-width: 768px) {
/*
Content
*/
.post--vertical-huge.post--vertical-huge-style-3 {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
}
.post--vertical-huge.post--vertical-reverse .post__thumb {
margin: 45px 0 0;
-webkit-box-flex: 0;
-webkit-flex: none;
-moz-box-flex: 0;
flex: none;
}
.post--vertical-huge.post--vertical-huge-style-3 .post__text {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
align-items: flex-end;
-webkit-align-content: flex-end;
align-content: flex-end;
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
}
.post--vertical-huge.post--vertical-huge-style-3 .post__text > *:not(.post__cat) {
width: 100%;
}
}
@media (min-width: 992px) {
/*
Content
*/
.post--vertical-huge.post--vertical-huge-style-3 .post__thumb {
height: 460px;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
/*
Content
*/
.atbs-keylin-featured-module-22 .col-right .section-1 {
margin-bottom: 15px;
}
.atbs-keylin-featured-module-22 .flexbox-wrap.flex-space-30 {
margin: -7.5px;
}
.atbs-keylin-featured-module-22 .flexbox-wrap.flex-space-30 > * {
padding: 7.5px;
}
.post--vertical-huge.post--vertical-huge-style-3 .post__title {
font-size: 30px;
font-size: 2.1428rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-featured-module-22 [class^="col-"] {
width: 100%;
}
/*
Content
*/
.post--vertical-huge.post--vertical-huge-style-3.has-readmore .post__title {
margin-bottom: 0;
}
.post--vertical-huge.post--vertical-huge-style-3 .post__readmore {
display: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Layout
*/
.atbs-keylin-featured-module-22 .atbs-keylin-block__inner.flexbox-wrap-2i {
margin: -20px;
}
.atbs-keylin-featured-module-22 .atbs-keylin-block__inner.flexbox-wrap-2i > * {
padding: 20px;
}
.post--vertical-huge.post--vertical-huge-style-3 {
display: block;
}
/*
Content
*/
.post--vertical-huge.post--vertical-huge-style-3 .post__thumb {
margin: 0 0 20px;
height: 405px;
}
}
@media (max-width: 767px) {
/*
Layout
*/
.atbs-keylin-featured-module-22 .col-right .section-1 {
margin-bottom: 20px;
}
.atbs-keylin-featured-module-22 .atbs-keylin-block__inner.flex-space-30 {
margin: -20px;
}
.atbs-keylin-featured-module-22 .atbs-keylin-block__inner.flex-space-30 > * {
padding: 20px;
}
.posts-grid-style-18.flex-space-30 {
margin: -10px;
}
.posts-grid-style-18.flex-space-30 > * {
padding: 10px;
}
}
@media (max-width: 767px) and (min-width: 576px) {
/*
Layout
*/
.posts-grid-style-18.flexbox-wrap-2i > * {
width: 50%;
}
}
@media (max-width: 480px) {
/*
Content
*/
/*.post--vertical-huge.post--vertical-huge-style-3 .post__title {*/
/* font-size: 18px;*/
/* font-size: 1.2857rem;*/
/* line-height: 1.5;*/
/*}*/
}
/* .atbs-keylin-featured-module-22 ----------------------- */
/*----------------------- atbs-keylin-posts-grid-1 */
/*
Layout
*/
.atbs-keylin-posts-grid-1 .section-1 {
padding-left: -moz-calc(470px + 30px);
padding-left: calc(470px + 30px);
min-height: 640px;
}
.atbs-keylin-posts-grid-1 .section-1 .col-left .post {
position: static;
}
.atbs-keylin-posts-grid-1 .section-1 .col-left .post .post__thumb {
position: absolute;
left: 0;
top: 0;
bottom: 0;
}
.atbs-keylin-posts-grid-1 .section-1 .col-right {
margin-top: 50px;
}
.atbs-keylin-posts-grid-1 .section-2 {
width: 100%;
}
.atbs-keylin-posts-grid-1 .section-1 .col-right {
width: 670px;
}
/*
Content
*/
/** Post Horizontal **/
.post--horizontal-big .post__thumb {
width: 470px;
/*height: 640px;*/
}
.post--horizontal-big .post__text {
padding-top: 55px;
}
.post--horizontal-big .post__title {
margin-bottom: 20px;
}
.post--horizontal-big .post__title:hover a {
color: var(--color-text);
}
/** Post Overlay **/
.post--overlay-large {
overflow: visible;
background: none;
}
.post--overlay-large .post__thumb {
width: 100%;
max-width: 670px;
height: 345px;
}
.post--overlay-large .post__cat {
margin-bottom: 16px;
}
.post--overlay-large .post__text {
position: absolute;
right: 0;
bottom: -30px;
padding-top: 0;
width: 300px;
height: auto;
min-height: auto;
z-index: 1;
pointer-events: none;
}
.post--overlay-large .post__text-inner {
padding: 25px;
}
.post--overlay-large .post__text-inner,
.post--overlay-large .post__cat,
.post--overlay-large .post__title,
.post--overlay-large .post__meta {
pointer-events: auto;
}
/** Post No Thumb **/
.post--no-thumb-huge .post__title {
margin-bottom: 35px;
}
/** Post Vertical **/
.post--vertical-medium .post__thumb {
margin-bottom: 25px;
}
.post--vertical-medium .cat-time-group {
margin-bottom: 12px;
}
/*
Responsive
*/
@media (min-width: 576px) {
.post--vertical-medium.post-not-exist-thumb .post__thumb {
padding-top: 75%;
}
}
@media (min-width: 481px) {
/*
Content
*/
/*.post--vertical-medium.post-not-exist-thumb .post__thumb {*/
/* padding-top: 60%;*/
/*}*/
}
@media (min-width: 768px) {
/*
Content
*/
.post--horizontal-big .post__cat,
.post--no-thumb-huge .post__cat {
margin-bottom: 15px;
}
}
@media (max-width: 1199px) {
/*
Layout
*/
.atbs-keylin-posts-grid-1 .section-1 {
padding-left: -moz-calc(360px + 30px);
padding-left: calc(360px + 30px);
min-height: 600px;
}
.atbs-keylin-posts-grid-1 .section-1 .col-right {
margin-top: 40px;
}
.atbs-keylin-posts-grid-1 .section-1 .col-right {
width: 550px;
}
/*
Content
*/
/** Post Horizontal **/
.post--horizontal-big .post__thumb {
width: 360px;
/*height: 600px;*/
}
/** Post Overlay **/
.post--overlay-large .post__thumb {
height: 300px;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
/*
Content
*/
/** Post No Thumb **/
.post--no-thumb-huge .post__title {
font-size: 30px;
font-size: 2.1428rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-posts-grid-1 .section-1 {
margin-bottom: 40px;
padding-left: 0;
}
.atbs-keylin-posts-grid-1 .section-1 .col-left {
margin-bottom: 40px;
}
.atbs-keylin-posts-grid-1 .section-1 .col-left .post .post__thumb {
/*position: static;*/
position: relative;
}
.atbs-keylin-posts-grid-1 .section-1 .col-right {
position: static;
width: 100%;
}
.posts-grid-style-1.flex-space-30 {
margin: -20px -15px;
}
.posts-grid-style-1.flex-space-30 .list-item {
padding: 20px 15px;
}
.posts-grid-style-1 .list-item {
width: 50%;
}
.posts-grid-style-1 .list-item:first-child {
width: 100%;
}
/*
Content
*/
/** Post Horizontal **/
.post--horizontal-big .post__thumb {
margin-right: 0;
width: -moz-calc(50% - 15px);
width: calc(50% - 15px);
height: 420px;
}
/** Post Overlay **/
.post--overlay-large .post__thumb {
max-width: 100%;
}
.post--overlay-large .post__text {
display: block;
position: relative;
bottom: 0;
}
/** Post No Thumb **/
.post--no-thumb-huge .post__thumb {
height: 345px;
}
.post--no-thumb-huge .post__title {
margin-bottom: 25px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Content
*/
/** Post Horizontal **/
.post--horizontal-big {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
}
.post--horizontal-big .post__thumb {
-webkit-box-flex: 0;
-webkit-flex: none;
-moz-box-flex: 0;
flex: none;
}
.post--horizontal-big .post__text {
padding-top: 0;
padding-left: 30px;
}
.post--horizontal-big .post__title.line-limit-child > a {
-webkit-line-clamp: 5;
}
/** Post No Thumb **/
.post--no-thumb-huge {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
}
.post--no-thumb-huge .post__thumb {
-webkit-box-flex: 0;
-webkit-flex: none;
-moz-box-flex: 0;
flex: none;
width: -moz-calc(50% - 15px);
width: calc(50% - 15px);
margin-right: 30px;
}
/** Post Overlay **/
.post--overlay-large .post__thumb {
width: -moz-calc(50% - 15px);
width: calc(50% - 15px);
height: 345px;
}
.post--overlay-large .post__text {
width: -moz-calc(50% + 15px);
width: calc(50% + 15px);
}
.post--overlay-large .post__text-wrap,
.post--overlay-large .post__text-inner {
height: 100%;
}
.post--overlay-large .post__text-inner {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
align-items: flex-start;
padding: 25px 30px;
}
}
@media (max-width: 767px) {
/*
Content
*/
/** Post Horizontal **/
.post--horizontal-big .post__thumb {
margin-bottom: 20px;
width: 100%;
height: 340px;
}
.post--horizontal-big .post__text {
padding-top: 0;
}
/** Post Overlay **/
.post--overlay-large {
display: block;
}
.post--overlay-large .post__thumb {
height: 255px;
}
.post--overlay-large .post__thumb,
.post--overlay-large .post__text {
width: 100%;
}
.post--overlay-large .post__text-inner {
padding: 25px 20px;
}
/** Post No Thumb **/
.post--no-thumb-huge .post__thumb {
margin-bottom: 20px;
height: 340px;
}
.post--no-thumb-huge .post__title {
margin-bottom: 25px;
}
/** Post Vertical **/
.post--vertical-medium .post__thumb {
margin-bottom: 15px;
}
.post--vertical-medium .cat-time-group {
margin-bottom: 10px;
}
.post--vertical-medium .post__title {
margin-bottom: 0 !important;
}
.post--vertical-medium .post__excerpt {
display: none !important;
}
}
@media (max-width: 767px) and (min-width: 576px) {
.post--vertical-medium .post__title {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
margin-bottom: 0;
}
}
@media (max-width: 767px) and (min-width: 481px) {
/*
Content
*/
/** Post no thumb **/
.post--no-thumb-huge .post__title {
margin-bottom: 0;
font-size: 1.5714rem; /*font system*/
line-height: 1.4;
}
.post--no-thumb-huge .post__readmore {
display: none;
}
/** Post Horizontal **/
.post--horizontal-big .post__title {
font-size: 1.5714rem; /*font system*/
line-height: 1.4;
margin-bottom: 0;
}
.post--horizontal-big .post__readmore {
display: none;
}
/** Post Vertical **/
.post--vertical-medium .post__meta {
display: none;
}
}
@media (max-width: 575px) {
/*
Layout
*/
.posts-grid-style-1 .list-item {
width: 100%;
}
/*
Content
*/
/** Post Horizontal **/
.post--horizontal-big .post__thumb,
.post--no-thumb-huge .post__thumb {
margin-bottom: 15px;
height: 320px;
}
/** Post No Thumb **/
.post--horizontal-big .post__title {
margin-bottom: 0;
}
.post--horizontal-big .post__readmore,
.post--no-thumb-huge .post__readmore {
display: none;
}
/** Post Overlay **/
.post--overlay-large .post__thumb {
height: 240px;
}
.post--overlay-large .post__cat {
margin-bottom: 10px;
}
/** Post No Thumb **/
.post--no-thumb-huge .post__title {
margin-bottom: 0;
}
/** Post Vertical **/
.post--vertical-medium .post__thumb {
height: 250px;
}
}
@media (max-width: 420px) {
/*
Content
*/
/** Post Horizontal **/
.post--horizontal-big .post__thumb,
.post--no-thumb-huge .post__thumb {
height: 280px;
}
/** Post Overlay **/
.post--overlay-large .post__thumb {
height: 195px;
}
/** Post Vertical **/
.post--vertical-medium .post__thumb {
height: 220px;
}
}
@media (max-width: 380px) {
/*
Content
*/
/** Post Horizontal **/
.post--horizontal-big .post__thumb,
.post--no-thumb-huge .post__thumb {
height: 250px;
}
/** Post Overlay **/
.post--overlay-large .post__thumb {
height: 175px;
}
.post--overlay-large .post__text-inner {
padding: 20px 20px;
}
/** Post Vertical **/
.post--vertical-medium .post__thumb {
height: 195px;
}
}
@media (max-width: 320px) {
/*
Content
*/
/** Post Horizontal **/
.post--horizontal-big .post__thumb,
.post--no-thumb-huge .post__thumb {
height: 210px;
}
/** Post Overlay **/
.post--overlay-large .post__thumb {
height: 165px;
}
/** Post Vertical **/
.post--vertical-medium .post__thumb {
height: 165px;
}
}
/* .atbs-keylin-posts-grid-1 ----------------------- */
/*----------------------- atbs-keylin-posts-grid-2 */
/*
Layout
*/
.atbs-keylin-posts-grid-2 .col-left {
width: 25%;
}
.atbs-keylin-posts-grid-2 .col-right {
width: 75%;
}
.posts-grid-style-4.flex-space-30 {
margin: -20px -15px;
}
.posts-grid-style-4.flex-space-30 .list-item {
padding: 20px 15px;
}
/*
Content
*/
/** Block Subscribe **/
.atbs-keylin-block-subscribe h4,
.atbs-keylin-shortcode-module .mc4wp-form-fields h4 {
position: relative;
padding-bottom: 15px;
margin-bottom: 25px;
color: var(--color-text-dark);
font-size: 20px;
font-size: 1.4285rem; /*font system*/
font-weight: 700;
line-height: 1.4;
text-transform: uppercase;
}
.atbs-keylin-block-subscribe h4::before,
.atbs-keylin-shortcode-module .mc4wp-form-fields h4::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 30px;
border-top: 2px solid #737273;
}
.atbs-keylin-shortcode-module .mc4wp-form-fields h4::before {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width: 991px){
.atbs-keylin-block-subscribe h4::before,
.atbs-keylin-shortcode-module .mc4wp-form-fields h4::before {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.atbs-keylin-block-subscribe .subscribe-text,
.atbs-keylin-shortcode-module .mc4wp-form-fields .subscribe-text {
margin-bottom: 25px;
color: var(--color-text-gray);
font-size: 14px;
line-height: 1.7;
font-weight: 300;
}
.atbs-keylin-block-subscribe .subscribe-form__fields,
.atbs-keylin-shortcode-module .subscribe-form__fields {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
max-width: 360px;
}
.atbs-keylin-block-subscribe .subscribe-form__fields input,
.atbs-keylin-shortcode-module .subscribe-form__fields input {
margin-bottom: 0;
height: 35px;
border: 1px solid var(--color-logo);
border-right-width: 0;
border-radius: 0;
outline: none;
}
.atbs-keylin-block-subscribe input[type="email"],
.atbs-keylin-shortcode-module .mc4wp-form-fields input[type="email"] {
-webkit-box-flex: 1;
-webkit-flex: auto;
-moz-box-flex: 1;
flex: auto;
}
.atbs-keylin-block-subscribe input[type="submit"],
.atbs-keylin-shortcode-module .mc4wp-form-fields input[type="submit"] {
-webkit-box-flex: 0;
-webkit-flex: none;
-moz-box-flex: 0;
flex: none;
background-color: var(--color-logo);
color: #d4d4d4;
border: none;
text-transform: lowercase;
}
.atbs-keylin-block-subscribe input[type="submit"]:hover,
.atbs-keylin-shortcode-module .mc4wp-form-fields input[type="submit"]:hover {
background-color: var(--color-primary);
}
/** Post Vertical **/
.post--vertical-small a.post__cat {
margin-bottom: 10px;
}
.post--vertical-small .post__title {
/*font-size: 20px;*/
/*font-size: 1.4285rem; !*font system*!*/
/*line-height: 1.4;*/
}
/*
Responsive
*/
@media (min-width: 576px) {
/*
Content
*/
.post--vertical-small.post-not-exist-thumb .post__thumb {
padding-bottom: 75%;
}
}
@media (min-width: 1200px) {
/*
Content
*/
.atbs-keylin-posts-grid-2 .atbs-keylin-block-subscribe {
padding-right: 20px;
}
.posts-grid-style-4 .post--vertical-small:not(.post-not-exist-thumb-disable) .post__thumb {
height: 200px;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.posts-grid-style-4.posts-grid-has-sidebar.flexbox-wrap.flexbox-wrap-3i > * {
width: 50%;
}
}
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-posts-grid-2 .col-left,
.atbs-keylin-posts-grid-2 .col-right {
width: 100%;
}
.atbs-keylin-posts-grid-2 .atbs-keylin-block__inner {
margin: -20px;
}
.atbs-keylin-posts-grid-2 .atbs-keylin-block__inner > [class^="col-"] {
padding: 20px;
}
.posts-grid-style-4 .list-item {
width: -moz-calc(100% / 2);
width: calc(100% / 2);
}
/*
Content
*/
/** Block Subscribe **/
.atbs-keylin-block-subscribe {
text-align: center;
}
.atbs-keylin-posts-grid-2 .atbs-keylin-block-subscribe {
padding-right: 0;
}
.atbs-keylin-block-subscribe .subscribe-form__title::before {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media (max-width: 767px) {
/*
Layout
*/
.posts-grid-style-4 .list-item {
width: 50%;
}
}
@media (max-width: 767px) and (min-width: 576px) {
.post--vertical-small .post__title {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 575px) {
.posts-grid-style-4 .list-item {
width: 100%;
}
.post--vertical-small .post__thumb {
padding-bottom: 60%;
height: auto;
}
.post--vertical-small .post__thumb a {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
}
@media (max-width: 480px) {
/*
Content
*/
.post--vertical-small .post__thumb {
height: 250px;
}
}
@media (max-width: 420px) {
/*
Content
*/
.post--vertical-small .post__thumb {
height: 220px;
}
}
@media (max-width: 380px) {
/*
Content
*/
.post--vertical-small .post__thumb {
height: 195px;
}
}
@media (max-width: 320px) {
/*
Content
*/
.post--vertical-small .post__thumb {
height: 165px;
}
}
/* .atbs-keylin-posts-grid-2 ----------------------- */
/*----------------------- atbs-keylin-posts-grid-3 */
/*
Layout
*/
.atbs-keylin-posts-grid-3 [class^="section"] {
overflow: hidden;
}
.atbs-keylin-posts-grid-3 .section-1:not(:last-child) {
margin-bottom: 30px;
}
/*
Responsive
*/
@media (max-width: 1199px) and (min-width: 992px) {
.atbs-keylin-posts-grid-3 .post--vertical-small .post__title {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
/*.atbs-keylin-posts-grid-3 .post--vertical-small.post--vertical-small-style-1.post-not-exist-thumb .post__thumb {*/
/* height: auto;*/
/* padding-bottom: 75%;*/
/*}*/
}
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-posts-grid-3 .section-1:not(:last-child) {
margin-bottom: 40px;
}
/*.atbs-keylin-posts-grid-3 .post--vertical-small.post--vertical-small-style-1.post-not-exist-thumb .post__thumb {*/
/* height: auto;*/
/* padding-bottom: 75%;*/
/*}*/
}
@media (max-width: 991px) and (min-width: 768px) {
.posts-grid-style-10 .post--overlay-huge-style-1 .post__title {
font-size: 20px;
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 767px) {
/*
Layout
*/
.posts-grid-style-10.flex-space-30 {
margin: -10px;
}
.posts-grid-style-10.flex-space-30 .list-item {
padding: 10px;
}
}
/* .atbs-keylin-posts-grid-3 ----------------------- */
/*----------------------- atbs-keylin-posts-grid-4 */
/*
Layout
*/
.atbs-keylin-posts-grid-4 [class^="section"] {
overflow: hidden;
}
.atbs-keylin-posts-grid-4 .section-1:not(:last-child) {
margin-bottom: 30px;
}
/*
Responsive
*/
@media (min-width: 481px) {
/*
Content
*/
/*.post--vertical-small.post--vertical-small-style-2.post-not-exist-thumb .post__thumb {*/
/* padding-bottom: 56.25%;*/
/*}*/
}
@media (min-width: 1200px) {
/*
Content
*/
.post--vertical-small.post--vertical-small-style-2 .post__thumb {
height: 250px;
}
.post--vertical-small.post--vertical-small-style-2.post-not-exist-thumb .post__thumb {
padding-bottom: 250px;
}
}
@media (max-width: 1199px) {
.post--vertical-small.post--vertical-small-style-2.post-not-exist-thumb .post__thumb {
padding-bottom: 75%;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
/*
Content
*/
.atbs-keylin-posts-grid-4 .post--vertical-small.post--vertical-small-style-2 .post__title {
font-size: 20px;
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-posts-grid-4 .section-1:not(:last-child) {
margin-bottom: 40px;
}
}
@media (max-width: 767px) and (min-width: 576px) {
.post--vertical-small.post--vertical-small-style-2 .post__title {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 575px) {
.post--vertical-small.post--vertical-small-style-2.post-not-exist-thumb .post__thumb {
padding-bottom: 60%;
}
}
/* .atbs-keylin-posts-grid-4 ----------------------- */
/*----------------------- atbs-keylin-posts-grid-5 */
/*
Layout
*/
.atbs-keylin-posts-grid-5 .main-post-overlay {
margin-bottom: 35px;
}
/*
Content
*/
.atbs-keylin-posts-grid-5 .block-heading {
position: relative;
margin-bottom: 40px;
padding-bottom: 15px;
}
.atbs-keylin-posts-grid-5 .block-heading::after {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 40px;
border-top: 2px solid currentColor;
}
.atbs-keylin-posts-grid-5 .block-heading__title {
font-size: 26px !important;
}
/*.post--horizontal-tiny.post--horizontal-tiny-style-1.post-not-exist-thumb .post__thumb .atbs-pseudo-img {*/
/* padding-top: 100%;*/
/*}*/
/*
Responsive
*/
@media (max-width: 1199px) and (min-width: 992px) {
/*
Content
*/
.post--horizontal-tiny.post--horizontal-tiny-style-1 .post__title {
font-size: 16px;
font-size: 1.1428rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-posts-grid-5 .row--space-between {
margin-top: -20px;
margin-bottom: -20px;
}
.atbs-keylin-posts-grid-5 .row--space-between > [class^="col-"] {
padding-top: 20px;
padding-bottom: 20px;
}
/*
Content
*/
.atbs-keylin-posts-grid-5 .block-heading__title {
font-size: 24px !important;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Layout
*/
.posts-list-style-7 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: -15px;
}
.posts-list-style-7 > * {
padding: 15px;
width: 50%;
}
/*
Content
*/
/** Post Overlay **/
.post--overlay-medium.post--overlay-medium-style-2.post--overlay .post__text {
min-height: 360px;
}
.post--overlay-medium.post--overlay-medium-style-2 .post__text-inner {
padding: 0 30px 35px;
}
.post--overlay-medium.post--overlay-medium-style-2 .post__title {
font-size: 24px;
font-size: 1.7142rem; /*font system*/
line-height: 1.375;
}
/** Post Horizontal **/
.post--horizontal-tiny.post--horizontal-tiny-style-1 .post__title {
font-size: 16px;
font-size: 1.14285rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 767px) {
/*
Content
*/
.atbs-keylin-posts-grid-5 .block-heading__title {
font-size: 20px !important;
}
}
@media (max-width: 767px) and (min-width: 381px) {
/*
Content
*/
/** Post Overlay **/
.post--overlay-medium.post--overlay-medium-style-2 .post__title {
font-size: 20px;
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
font-weight: 600;
}
/** Post Horizontal **/
.post--horizontal-tiny.post--horizontal-tiny-style-1 .post__title {
font-size: 16px;
font-size: 1.14285rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 767px) and (min-width: 481px) {
/*
Content
*/
/** Post Overlay **/
.post--overlay-medium.post--overlay-medium-style-2.post--overlay .post__text {
min-height: 340px;
}
}
@media (max-width: 480px) {
/*
Content
*/
.atbs-keylin-posts-grid-5 .block-heading__title {
font-size: 18px !important;
}
}
@media (max-width: 480px) and (min-width: 381px) {
/*
Content
*/
/** Post Overlay **/
.post--overlay-medium.post--overlay-medium-style-2.post--overlay .post__text {
min-height: 300px;
}
}
@media (max-width: 380px) {
/*
Content
*/
/** Post Horizontal **/
.post--horizontal-tiny.post--horizontal-tiny-style-1 .post__thumb {
width: 80px;
}
.post--horizontal-tiny.post--horizontal-tiny-style-1 .post__thumb {
width: 80px;
}
}
/* .atbs-keylin-posts-grid-5 ----------------------- */
/*----------------------- atbs-keylin-posts-grid-6 */
/*
Layout
*/
/* Style Wide*/
@media (min-width: 1200px) {
.atbs-keylin-posts-grid-6 .container--wide-lg .atbs-keylin-block__inner {
padding: 80px -moz-calc((100% - 1170px) / 2);
padding: 80px calc((100% - 1170px) / 2);
}
.atbs-keylin-posts-grid-6 .container--wide-lg .post--overlay-grid-small .post__text-inner {
padding: 40px 30px;
}
.atbs-keylin-posts-grid-6 .container--wide-lg .post--overlay-grid-small .post__title {
font-size: 1.5714rem; /*font system*/
line-height: 1.4;
}
}
/* Style Wide*/
.atbs-keylin-posts-grid-6 .atbs-keylin-block__inner {
padding: 50px;
z-index: 0;
}
.posts-grid-seperated .list-item {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.posts-grid-seperated .list-item:nth-last-child(3),
.posts-grid-seperated .list-item:nth-last-child(2),
.posts-grid-seperated .list-item:last-child {
border-bottom-width: 0;
}
.posts-grid-seperated .list-item:nth-child(3n+3) {
border-right: none;
}
/*
Content
*/
.post--overlay-grid-small {
position: static;
height: 100%;
background: none;
overflow: visible;
}
.post--overlay-grid-small .post__thumb {
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
z-index: -1;
-webkit-transition: 1500ms;
-o-transition: 1500ms;
-moz-transition: 1500ms;
transition: 1500ms;
}
.post--overlay-grid-small .post__thumb--overlay.post__thumb::after {
background-color: rgba(0, 0, 0, 0.6);
}
.post--overlay-grid-small:hover .post__thumb img,
.post--overlay-grid-small:focus .post__thumb img {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
outline: none;
}
.post--overlay-grid-small .link-overlay {
display: none;
}
.post--overlay-grid-small .post__text {
min-height: 100%;
z-index: 1;
pointer-events: auto;
}
.post--overlay-grid-small .post__text-inner {
padding: 40px 30px;
}
.post--overlay-grid-small .post__title {
font-weight: 600;
}
/** Hover **/
.posts-grid-overlay-background-hover .list-item {
outline: none;
}
.posts-grid-overlay-background-hover .list-item:first-child .post__thumb {
opacity: 1;
visibility: visible;
}
.posts-grid-overlay-background-hover:hover .post__thumb,
.posts-grid-overlay-background-hover:focus .post__thumb {
visibility: hidden;
opacity: 0;
}
.posts-grid-overlay-background-hover:hover .list-item:hover .post__thumb,
.posts-grid-overlay-background-hover .list-item:focus .post__thumb,
.posts-grid-overlay-background-hover .list-item:focus-within .post__thumb {
opacity: 1;
visibility: visible;
-webkit-transition: 600ms;
-o-transition: 600ms;
-moz-transition: 600ms;
transition: 600ms;
}
@media (min-width: 768px) {
.posts-grid-overlay-background-hover .inverse-text.post__text:not(.text-color-black) a.post__cat.cat-theme {
color: var(--color-white) !important;
}
.posts-grid-overlay-background-hover .inverse-text .post__meta .author-name,
.posts-grid-overlay-background-hover .inverse-text .post__meta .hint-span,
.posts-grid-overlay-background-hover .inverse-text time.time {
color: #eee !important;
}
}
@media (min-width: 992px) {
.posts-grid-overlay-background-hover .list-item:hover .post--overlay-grid-small .post__text::before,
.posts-grid-overlay-background-hover .list-item:focus .post--overlay-grid-small .post__text::before,
.posts-grid-overlay-background-hover .list-item:focus-within .post--overlay-grid-small .post__text::before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.2);
}
}
@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
.post--overlay-grid-small:hover .post__text::before,
.post--overlay-grid-small:focus .post__text::before,
.post--overlay-grid-small:focus-within .post__text::before {
-webkit-backdrop-filter: blur(20px) brightness(1.2) saturate(1.6);
backdrop-filter: blur(20px) brightness(1.2) saturate(1.6);
background: rgba(255, 255, 255, 0.1);
}
}
/*
Responsive
*/
@media (max-width: 1199px) and (min-width: 992px) {
/*
Content
*/
.atbs-keylin-posts-grid-6 .container-md-fullwidth {
width: 100%;
padding: 0;
}
.post--overlay-grid-small .post__title {
font-size: 18px;
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 991px) {
/*
Layout
*/
.posts-grid-overlay-background-hover .list-item {
width: 50%;
border-right: none;
}
.posts-grid-overlay-background-hover .list-item:first-child {
width: 100%;
}
.posts-grid-overlay-background-hover .list-item:nth-last-child(3) {
border-bottom-width: 1px;
}
.posts-grid-overlay-background-hover .list-item:nth-child(2n+2):not(:last-child) {
border-right: 1px solid #ccc;
}
/**/
.posts-grid-overlay-background-hover .list-item:first-child:not(:last-child) {
border-bottom-width: 1px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.post--overlay-grid-small {
padding: 0;
}
.posts-grid-overlay-background-hover .list-item:first-child .post--overlay-grid-small .post__text-inner {
padding-top: 0;
padding-right: 0 !important;
padding-left: 0 !important;
}
.posts-grid-overlay-background-hover .list-item:nth-child(2n + 2) .post--overlay-grid-small .post__text-inner {
padding-right: 30px;
padding-left: 0;
}
.posts-grid-overlay-background-hover .list-item:nth-child(2n + 1) .post--overlay-grid-small .post__text-inner {
padding-left: 30px;
padding-right: 0;
}
.posts-grid-overlay-background-hover .list-item:nth-child(2n + 1):last-child .post--overlay-grid-small .post__text-inner {
padding-bottom: 0;
}
}
@media (max-width: 767px) {
/*
Layout
*/
.posts-grid-overlay-background-hover {
margin: -30px 0;
}
.posts-grid-overlay-background-hover .list-item {
padding: 30px 0;
width: 100%;
}
.posts-grid-overlay-background-hover .list-item:nth-child(2n+2):not(:last-child) {
border-right: none;
}
.posts-grid-overlay-background-hover .list-item:nth-last-child(2) {
border-bottom-width: 1px;
}
.posts-grid-seperated .list-item {
border-bottom: 1px solid rgba(0,0,0,0.1);
}
/*
Content
*/
.posts-grid-overlay-background-hover .post__thumb {
display: none;
}
.atbs-keylin-posts-grid-6 .atbs-keylin-block__inner {
padding: 5px;
}
.posts-grid-overlay-background-hover .post--overlay-grid-small .post__text-inner {
padding: 0;
}
.posts-grid-overlay-background-hover .post--overlay-grid-small a.post__cat {
color: var(--color-logo) !important;
}
.posts-grid-overlay-background-hover .post--overlay-grid-small .post__title a {
color: var(--color-text-dark);
}
.posts-grid-overlay-background-hover .post--overlay-grid-small .author__text > * {
color: var(--color-text-light-gray) !important;
}
.post--overlay-grid-small .post__title {
margin-bottom: 15px;
/*font-size: 16px;*/
/*font-size: 1.1428rem; !*font system*!*/
/*line-height: 1.5;*/
}
}
/* .atbs-keylin-posts-grid-6 ----------------------- */
/*----------------------- atbs-keylin-featured-slider-1 */
/*
Content
*/
.post--overlay-fullwidth .post__text {
pointer-events: none;
z-index: 1;
}
.post--overlay-fullwidth .post__text-wrap {
max-width: 767px;
}
.post--overlay-fullwidth .post__cat {
margin-bottom: 15px;
}
.post--overlay-fullwidth .post__cat,
.post--overlay-fullwidth .post__title,
.post--overlay-fullwidth .post__meta {
pointer-events: auto;
}
.post--overlay-fullwidth .post__meta.entry-author-horizontal-middle {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
margin-top: 20px;
}
.entry-author-horizontal-middle .entry-author {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.entry-author-horizontal-middle .entry-author-avatar-40 .author-avatar {
width: 40px !important;
height: 40px !important;
}
/*
Responsive
*/
@media (min-width: 381px) {
/*
Content
*/
.atbs-keylin-featured-slider-1 .owl-dots {
position: absolute;
top: 50%;
right: 5%;
display: block;
padding: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media (max-width: 1199px) {
/*
Content
*/
.post--overlay-fullwidth.post--overlay .post__text {
min-height: 560px;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
/*
Content
*/
.post--overlay-fullwidth .post__text-wrap {
max-width: 560px;
}
}
@media (max-width: 991px) {
/*
Content
*/
.post--overlay-fullwidth.post--overlay .post__text {
min-height: 500px;
}
.post--overlay-fullwidth .post__text-wrap {
max-width: 720px;
}
}
@media (max-width: 767px) {
/*
Content
*/
.post--overlay-fullwidth.post--overlay .post__text {
min-height: 385px;
}
.post--overlay-fullwidth .post__title {
margin-bottom: 0;
}
.post--overlay-fullwidth .post__meta {
display: none !important;
}
}
@media (max-width: 767px) and (min-width: 576px) {
/*
Content
*/
.post--overlay-fullwidth .post__text-wrap {
max-width: 510px;
}
}
@media (max-width: 575px) {
/*
Content
*/
.post--overlay-fullwidth.post--overlay .post__text {
min-height: 308px;
}
.post--overlay-fullwidth .post__text-wrap {
width: 80%;
}
}
@media (max-width: 480px) {
/*
Content
*/
.post--overlay-fullwidth.post--overlay .post__text {
min-height: 290px;
}
.post--overlay-fullwidth .cat-time-group {
margin-bottom: 10px;
}
.post--overlay-fullwidth a.post__cat {
margin-bottom: 0;
}
}
@media (max-width: 380px) {
/*
Content
*/
.post--overlay-fullwidth.post--overlay .post__text {
min-height: 260px;
}
.post--overlay-fullwidth .post__text-wrap {
width: 100%;
}
.post--overlay-fullwidth .time {
display: none;
}
.atbs-keylin-featured-slider-1 .owl-dot {
display: inline-block;
}
.atbs-keylin-featured-slider-1 .owl-dot span {
background: rgba(0,0,0, .2);
}
.atbs-keylin-featured-slider-1 .dots-inverse .owl-dot.active span {
background-color: var(--color-primary)
}
}
/* .atbs-keylin-featured-slider-1 ----------------------- */
/*----------------------- atbs-keylin-posts-carousel-1 */
/*
Layout
*/
.atbs-keylin-posts-carousel-1 .owl-carousel-no-slide {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: -2px;
}
.atbs-keylin-posts-carousel-1 .owl-carousel-no-slide .slide-content {
width: 50%;
padding: 2px;
}
/*
Responsive
*/
@media (max-width: 1199px) and (min-width: 992px) {
.atbs-keylin-posts-carousel-1 .post--overlay-huge.post--overlay-huge-style-2 .post__text {
min-height: 580px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Content
*/
.post--overlay-huge.post--overlay-huge-style-2.post--overlay .post__text {
min-height: 450px;
}
.post--overlay-huge.post--overlay-huge-style-2 .post__title {
font-size: 22px;
font-size: 1.5714rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 767px) {
/*
Layout
*/
.atbs-keylin-posts-carousel-1 .owl-carousel-no-slide {
margin: -10px;
}
.atbs-keylin-posts-carousel-1 .owl-carousel-no-slide .slide-content {
width: 100%;
padding: 10px;
}
/*
Content
*/
.post--overlay-huge.post--overlay-huge-style-2 .cat-time-group {
margin-bottom: 10px;
}
.post--overlay-huge.post--overlay-huge-style-2 a.post__cat {
margin-bottom: 0;
}
}
@media (max-width: 767px) and (min-width: 481px) {
/*
Content
*/
.atbs-keylin-posts-carousel-1 .post--overlay-huge.post--overlay-huge-style-2 .post__title {
font-size: 22px;
font-size: 1.5714rem; /*font system*/
line-height: 1.41;
}
}
/* .atbs-keylin-posts-carousel-1 ----------------------- */
/*----------------------- atbs-keylin-posts-carousel-2 */
/*
Layout
*/
.atbs-keylin-posts-carousel-2 .owl-carousel-no-slide {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: -2px;
}
.atbs-keylin-posts-carousel-2 .owl-carousel-no-slide .slide-content {
width: -moz-calc(100% / 3);
width: calc(100% / 3);
padding: 2px;
}
/*
Responsive
*/
@media (max-width: 1199px) and (min-width: 992px) {
/*
Content
*/
.atbs-keylin-posts-carousel-2 .post--overlay-huge.post--overlay-huge-style-3 .post__title {
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
.post--overlay-huge.post--overlay-huge-style-3 .post__title {
font-size: 20px;
font-size: 1.5714rem; /*font system*/
line-height: 1.41;
}
}
@media (max-width: 1199px) and (min-width: 768px) {
/*
Content
*/
.post--overlay-huge-style-3.post--overlay .post__text {
min-height: 450px;
}
}
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-posts-carousel-2 .owl-carousel-no-slide .slide-content {
width: 50%;
}
.atbs-keylin-posts-carousel-2 .owl-carousel-no-slide .slide-content:first-child {
width: 100%;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Content
*/
.atbs-keylin-posts-carousel-2 .owl-carousel-no-slide .slide-content:first-child .post--overlay-huge-style-3 .post__title {
font-size: 24px;
font-size: 1.7142rem; /*font system*/
line-height: 1.375;
}
}
@media (max-width: 767px) {
/*
Layout
*/
.atbs-keylin-posts-carousel-2 .owl-carousel-no-slide {
margin: -10px;
}
.atbs-keylin-posts-carousel-2 .owl-carousel-no-slide .slide-content {
width: 100%;
padding: 10px;
}
/*
Content
*/
.post--overlay-huge.post--overlay-huge-style-3 a.post__cat {
margin-bottom: 10px;
}
}
/* .atbs-keylin-posts-carousel-2 ----------------------- */
/*----------------------- atbs-keylin-posts-carousel-3 */
/*
Layout
*/
.atbs-keylin-posts-carousel-3 .owl-carousel-no-slide {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: -2px;
}
.atbs-keylin-posts-carousel-3 .owl-carousel-no-slide .slide-content {
width: 50%;
padding: 2px;
}
/*
Responsive
*/
@media (max-width: 767px) {
/*
Layout
*/
.atbs-keylin-posts-carousel-3 .owl-carousel-no-slide {
margin: -10px;
}
.atbs-keylin-posts-carousel-3 .owl-carousel-no-slide .slide-content {
width: 100%;
padding: 10px;
}
}
@media (max-width: 767px) and (min-width: 576px) {
.post--overlay-huge.post--overlay-huge-style-2 .post__title {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
/* .atbs-keylin-posts-carousel-3 ----------------------- */
/*----------------------- atbs-keylin-posts-carousel-4 */
/*
Layout
*/
.atbs-keylin-posts-carousel-4 .owl-carousel-no-slide {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: -2px;
}
.atbs-keylin-posts-carousel-4 .owl-carousel-no-slide .slide-content {
width: -moz-calc(100% / 3);
width: calc(100% / 3);
padding: 2px;
}
/*
Responsive
*/
@media (max-width: 1440px) and (min-width: 1367px) {
/*
Content
*/
.post--overlay-huge.post--overlay-huge-style-4.post--overlay .post__text {
min-height: 500px;
}
}
@media (max-width: 1366px) and (min-width: 1200px) {
/*
Content
*/
.post--overlay-huge.post--overlay-huge-style-4.post--overlay .post__text {
min-height: 470px;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
/*
Content
*/
.post--overlay-huge.post--overlay-huge-style-4.post--overlay .post__text {
min-height: 450px;
}
}
@media (max-width: 1199px) and (min-width: 768px) {
/*
Content
*/
.post--overlay-huge.post--overlay-huge-style-4.post--overlay .post__text {
min-height: 450px;
}
}
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-posts-carousel-4 .owl-carousel-no-slide .slide-content {
width: 50%;
}
.atbs-keylin-posts-carousel-4 .owl-carousel-no-slide .slide-content:first-child {
width: 100%;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Content
*/
.post--overlay-huge.post--overlay-huge-style-4 .post__title {
font-size: 22px;
font-size: 1.5714rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 767px) {
/*
Layout
*/
.atbs-keylin-posts-carousel-4 .owl-carousel-no-slide {
margin: -10px;
}
.atbs-keylin-posts-carousel-4 .owl-carousel-no-slide .slide-content {
width: 100%;
padding: 10px;
}
/*
Content
*/
.post--overlay-huge.post--overlay-huge-style-4 .cat-time-group {
margin-bottom: 10px;
}
.post--overlay-huge.post--overlay-huge-style-4 a.post__cat {
margin-bottom: 0;
}
}
@media(max-width: 480px) {
.typescale-3_7,
.typescale-3_5,
.typescale-3_2,
.typescale-3 {
font-size: 18px;
font-size: 1.2857rem;
line-height: 1.5;
}
}
/* .atbs-keylin-posts-carousel-4 ----------------------- */
/*----------------------- atbs-keylin-post-block-main-col-4 */
/*
Layout
*/
.atbs-keylin-post-block-main-col-4 .section-1:not(:last-child) {
margin-bottom: 20px;
}
.atbs-keylin-post-block-main-col-4 .section-1 .col-left {
width: 40%;
}
.atbs-keylin-post-block-main-col-4 .section-1 .col-right {
width: 60%;
}
/*
Content
*/
.atbs-keylin-post-block-main-col-4 .post--vertical-small.post--vertical-small-style-3 {
height: 100%;
}
/*.post--vertical-small.post--vertical-small-style-3.post-not-exist-thumb.post-thumb-height-210 .post__thumb {*/
/* padding-top: 210px;*/
/*}*/
.post--vertical-small.post--vertical-small-style-3.post--vertical-reverse .post__text {
margin-bottom: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
align-items: flex-end;
-webkit-align-content: flex-end;
align-content: flex-end;
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
}
.post--vertical-small.post--vertical-small-style-3.post--vertical-reverse .post__text > *:not(.post__cat) {
width: 100%;
}
.post--vertical-small.post--vertical-small-style-3 .post__excerpt {
margin-bottom: 15px;
}
/*
Responsive
*/
@media (min-width: 768px) {
/*
Content
*/
.post--vertical-small.post--vertical-small-style-3.post--vertical-reverse .post__thumb {
margin: 0;
}
.post--vertical-small.post--vertical-small-style-3 .post__title {
font-size: 22px;
font-size: 1.5714rem;
line-height: 1.41;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
/*
Layout
*/
.atbs-keylin-post-block-main-col-4 .section-1 [class^="col-"] {
width: 50%;
}
.atbs-keylin-post-block-main-col-4 .section-1.flex-space-40 {
margin: -15px -15px 15px;
}
.atbs-keylin-post-block-main-col-4 .section-1.flex-space-40 > * {
padding: 15px;
}
/*
Content
*/
.atbs-keylin-post-block-main-col-4 .post--overlay-huge .post__text-inner {
padding: 0 20px 20px;
}
.post--vertical-small.post--vertical-small-style-3 .post__thumb {
height: 190px;
}
}
@media (max-width: 991px) {
/*
Content
*/
.atbs-keylin-post-block-main-col-4 .section-1 .col-left {
width: 45%;
}
.atbs-keylin-post-block-main-col-4 .section-1 .col-right {
width: 55%;
}
.post--vertical-small.post--vertical-small-style-3 .post__thumb {
height: 200px;
}
.post--vertical-small.post--vertical-small-style-3.has-readmore .post__excerpt {
margin-bottom: 0;
}
.post--vertical-small.post--vertical-small-style-3 .post__title {
margin-bottom: 0;
}
.post--vertical-small.post--vertical-small-style-3 .post__readmore {
display: none;
}
}
@media (max-width: 767px) {
/*
Layout
*/
.atbs-keylin-post-block-main-col-4 .section-1 [class^="col-"] {
width: 100%;
}
.atbs-keylin-post-block-main-col-4 .section-1:not(:last-child) {
margin-bottom: 15px;
}
/*
Content
*/
.post--vertical-small.post--vertical-small-style-3 .post__thumb {
margin-top: 0;
margin-bottom: 20px;
height: 285px;
}
.post--vertical-small.post--vertical-small-style-3.post-not-exist-thumb .post__thumb {
padding-bottom: 285px;
}
.post--vertical-small.post--vertical-small-style-3.post--vertical-reverse .post__text {
margin-bottom: 0;
}
}
@media (max-width: 767px) and (min-width: 576px) {
.atbs-keylin-post-block-main-col-4 .post--vertical-small .post__title {
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 480px) {
/*
Content
*/
.post--vertical-small.post--vertical-small-style-3 .post__thumb {
margin-bottom: 15px;
height: 255px;
}
.post--vertical-small.post--vertical-small-style-3.post-not-exist-thumb .post__thumb {
padding-bottom: 255px;
}
.post--vertical-small.post--vertical-small-style-3 .post__excerpt {
margin-bottom: 0;
}
.post--vertical-small.post--vertical-small-style-3 .post__readmore {
display: none;
}
}
@media (max-width: 420px) {
/*
Content
*/
.post--vertical-small.post--vertical-small-style-3 .post__thumb {
height: 220px;
}
.post--vertical-small.post--vertical-small-style-3.post-not-exist-thumb .post__thumb {
padding-bottom: 220px;
}
}
@media (max-width: 380px) {
/*
Content
*/
.post--vertical-small.post--vertical-small-style-3 .post__thumb {
height: 200px;
}
.post--vertical-small.post--vertical-small-style-3.post-not-exist-thumb .post__thumb {
padding-bottom: 200px;
}
}
@media (max-width: 320px) {
/*
Content
*/
.post--vertical-small.post--vertical-small-style-3 .post__thumb {
height: 165px;
}
.post--vertical-small.post--vertical-small-style-3.post-not-exist-thumb .post__thumb {
padding-bottom: 165px;
}
}
/* .atbs-keylin-post-block-main-col-4 ----------------------- */
/*----------------------- atbs-keylin-post-block-main-col-1 */
.atbs-keylin-post-block-main-col-1 .col-left {
width: -moz-calc(100% / 12 * 8);
width: calc(100% / 12 * 8);
}
.atbs-keylin-post-block-main-col-1 .col-right {
width: -moz-calc(100% / 12 * 4);
width: calc(100% / 12 * 4);
}
@media (max-width: 1199px) {
.atbs-keylin-post-block-main-col-1 .col-left,
.atbs-keylin-post-block-main-col-1 .col-right {
width: 100%;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.atbs-keylin-post-block-main-col-1 .atbs-keylin-block__inner.flexbox-wrap.flex-space-30 {
margin: -20px;
}
.atbs-keylin-post-block-main-col-1 .atbs-keylin-block__inner.flexbox-wrap.flex-space-30 > * {
padding: 20px;
}
.atbs-keylin-post-block-main-col-1 .col-right .posts-list.flexbox-wrap.flexbox-wrap-1i > * {
width: 50%;
}
}
/* .atbs-keylin-post-block-main-col-1 ----------------------- */
/*----------------------- atbs-keylin-post-block-main-col-2 */
@media (max-width: 1199px) and (min-width: 992px) {
.atbs-keylin-post-block-main-col-2 .posts-grid-style-9.flexbox-wrap.flexbox-wrap-3i > * {
width: 50%;
}
}
/* .atbs-keylin-post-block-main-col-2 ----------------------- */
/*----------------------- atbs-keylin-post-block-main-col-3 */
@media (max-width: 1199px) and (min-width: 992px) {
.atbs-keylin-post-block-main-col-3 .posts-grid-style-9.flexbox-wrap.flexbox-wrap-3i > * {
width: 50%;
}
}
/* .atbs-keylin-post-block-main-col-3 ----------------------- */
/*----------------------- atbs-keylin-listing--grid-1 */
/*
Content
*/
.post--overlay-medium .post__text {
z-index: 1;
pointer-events: none;
}
.post--overlay-medium a.post__cat {
margin-bottom: 15px;
}
.post--overlay-medium .post__cat,
.post--overlay-medium .post__title,
.post--overlay-medium .post__meta {
pointer-events: auto;
}
/*
Responsive
*/
@media (max-width: 1199px) and (min-width: 992px) {
/*
Content
*/
.posts-grid-style-2.flexbox-wrap.flex-space-30 {
margin: -7.5px;
}
.posts-grid-style-2.flexbox-wrap.flex-space-30 > * {
padding: 7.5px;
}
.post--overlay-medium.post--overlay-height-400 .post__text {
min-height: 320px;
}
/*.post--overlay-medium .post__title {*/
/* font-size: 18px;*/
/* font-size: 1.2857rem; !*font system*!*/
/* line-height: 1.5;*/
/*}*/
}
@media (max-width: 991px) {
/*
Layout
*/
.posts-grid-style-2 .list-item {
width: 50%;
}
/*
Content
*/
.post--overlay-medium .post__text-inner {
padding: 0 20px 20px;
}
}
@media (max-width: 767px) {
/*
Content
*/
.posts-grid-style-2.flex-space-30 {
margin: -10px;
}
.posts-grid-style-2.flex-space-30 .list-item {
padding: 10px;
}
.post--overlay-medium.post--overlay .post__text {
min-height: 260px;
}
/*
Content
*/
.post--overlay-medium a.post__cat {
margin-bottom: 10px;
}
}
@media (max-width: 767px) and (min-width: 481px) {
.post--overlay-huge-style-1 .post__title {
font-size: 1.5714rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 767px) and (min-width: 576px) {
.post--overlay-medium .post__title {
font-size: 18px;
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
/*.post--overlay-medium .post__title{*/
/* font-size: 16px;*/
/* font-size: 1.1428rem; !*font system*!*/
/* line-height: 1.5;*/
/*}*/
}
@media (max-width: 575px) {
/*
Layout
*/
.posts-grid-style-2 .list-item {
width: 100%;
}
}
@media (max-width: 420px) {
/*
Content
*/
.post--overlay-medium.post--overlay .post__text {
min-height: 240px;
}
}
/* .atbs-keylin-listing--grid-1 ----------------------- */
/*----------------------- atbs-keylin-listing--grid-2 */
/*
Layout
*/
.posts-grid-style-5.flex-space-30 {
margin: -20px -15px;
}
.posts-grid-style-5.flex-space-30 .list-item {
padding: 20px 15px;
}
/*
Responsive
*/
@media (max-width: 991px) {
/*
Layout
*/
.posts-grid-style-5 .list-item {
width: 50%;
}
}
@media (max-width: 575px) {
/*
Layout
*/
.posts-grid-style-5 .list-item {
width: 100%;
}
}
/* .atbs-keylin-listing--grid-2 ----------------------- */
/*----------------------- atbs-keylin-listing--grid-3 */
@media (max-width: 1199px) and (min-width: 992px) {
.posts-grid-style-4.flexbox-wrap.flexbox-wrap-4i > * {
width: -moz-calc(100% / 3);
width: calc(100% / 3);
}
.posts-grid-style-4.posts-grid-has-sidebar.flexbox-wrap.flexbox-wrap-3i > * {
width: 50%;
}
}
/* .atbs-keylin-listing--grid-3 ----------------------- */
/*----------------------- atbs-keylin-listing--grid-4 */
/*
Responsive
*/
@media (max-width: 991px) {
/*
Layout
*/
.posts-grid-style-13.flexbox-wrap-3i > * {
width: 50%;
}
}
@media (max-width: 767px) {
/*
Layout
*/
.posts-grid-style-13.flexbox-wrap-3i > * {
width: 100%;
}
}
@media (max-width: 480px) {
.posts-grid-style-13 .post--horizontal-tiny.post--horizontal-tiny-style-1 .post__title {
font-size: 1.0714rem; /*font system*/
line-height: 1.5;
}
}
/* .atbs-keylin-listing--grid-4 ----------------------- */
/*----------------------- atbs-keylin-listing--grid-5 */
/*
Content
*/
/** Post Horizontal **/
.posts-list-style-9 .post--horizontal-small:not([class*='post-thumb-height']) .post__thumb {
height: auto !important;
}
/*.post--horizontal-small-style-1.post-not-exist-thumb .atbs-pseudo-img {*/
/* padding-top: 100%;*/
/*}*/
/*
Responsive
*/
@media (min-width: 1200px) {
/*
Content
*/
/** Post Horizontal **/
.post--horizontal-small.post--horizontal-small-style-1 .post__thumb {
max-width: 190px;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
/*
Content
*/
.post--overlay-huge.post--overlay-huge-style-7.post--overlay .post__text {
min-height: 400px;
}
.post--overlay-huge.post--overlay-huge-style-7 .post__title {
font-size: 22px;
font-size: 1.5714rem; /*font system*/
line-height: 1.41;
}
}
@media (max-width: 1199px) {
/*
Content
*/
/** Post Horizontal **/
.post--horizontal-small-style-1 .post__thumb {
/*max-width: 120px;*/
}
.post--horizontal-small-style-1 .post__title {
margin-bottom: 0;
}
.post--horizontal-small-style-1 .post__meta {
display: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Content
*/
.atbs-keylin-listing--grid-5 .atbs-keylin-block__inner .flexbox-wrap.flex-space-40 {
margin: -15px;
}
.atbs-keylin-listing--grid-5 .atbs-keylin-block__inner .flexbox-wrap.flex-space-40 > * {
padding: 15px;
}
.posts-list-style-9 {
margin-top: -15px;
margin-bottom: -15px;
}
.posts-list-style-9 > * {
padding-top: 15px;
padding-bottom: 15px;
}
/**/
.posts-list-style-9 .post--horizontal-small .post__thumb {
margin-right: 15px;
}
.post--horizontal-small.post--horizontal-small-style-1 .post__title {
font-size: 16px;
font-size: 1.1428rem; /*font system*/
line-height: 1.5;
}
/** Post Overlay **/
.post--overlay-huge.post--overlay-huge-style-7.post--overlay .post__text {
min-height: 305px;
}
.post--overlay-huge.post--overlay-huge-style-7 .post__title {
font-size: 18px;
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
.post--overlay-huge.post--overlay-huge-style-7 .post__title {
margin-bottom: 0;
}
.post--overlay-huge.post--overlay-huge-style-7 .post__meta {
display: none;
}
}
@media (max-width: 767px) {
/*
Layout
*/
.posts-list-style-9 {
margin-top: -15px;
margin-bottom: -15px;
}
.posts-list-style-9 > * {
padding-top: 15px;
padding-bottom: 15px;
}
/*
Content
*/
/*.post--horizontal-small-style-1 .post__thumb {*/
/* max-width: 80px;*/
/* height: 80px;*/
/*}*/
}
@media (max-width: 480px) {
.post--horizontal-small-style-1 .post__thumb {
height: auto;
padding-bottom: 60%;
}
.post--horizontal-small-style-1 .post__thumb a {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
}
/* .atbs-keylin-listing--grid-5 ----------------------- */
/*----------------------- atbs-keylin-listing--grid-6 */
/*
Responsive
*/
@media (min-width: 992px) {
/*
Layout
*/
.posts-grid-style-16 .list-item {
float: left;
width: 25%;
}
.posts-grid-style-16 .list-item:nth-child(10n + 2),
.posts-grid-style-16 .list-item:nth-child(10n + 4),
.posts-grid-style-16 .list-item:nth-child(10n + 7),
.posts-grid-style-16 .list-item:nth-child(10n) {
width: 50%;
}
.posts-grid-style-16 .list-item:nth-child(10n + 3) .post__text,
.posts-grid-style-16 .list-item:nth-child(10n + 6) .post__text {
min-height: 940px;
}
.posts-grid-style-16 .list-item:nth-child(10n + 4),
.posts-grid-style-16 .list-item:nth-child(10n + 5) {
margin-top: -470px
}
.posts-grid-style-16 .list-item:nth-child(10n + 5) {
margin-left: 50%;
}
/*
Content
*/
.posts-grid-style-16 .post__title {
max-width: 720px;
}
}
@media (min-width: 1200px) {
.posts-grid-style-16 .list-item:nth-child(10n + 2) .post__title,
.posts-grid-style-16 .list-item:nth-child(10n + 4) .post__title,
.posts-grid-style-16 .list-item:nth-child(10n + 7) .post__title,
.posts-grid-style-16 .list-item:nth-child(10n) .post__title {
font-size: 2.1428rem; /*font system*/
line-height: 1.4;
font-weight: 700;
}
}
@media (max-width: 1366px) and (min-width: 1025px) {
/*
Layout
*/
.posts-grid-style-16 .list-item:nth-child(10n + 3) .post__text,
.posts-grid-style-16 .list-item:nth-child(10n + 6) .post__text {
min-height: 680px;
}
.posts-grid-style-16 .list-item:nth-child(10n + 4),
.posts-grid-style-16 .list-item:nth-child(10n + 5) {
margin-top: -340px;
}
/*
Content
*/
.posts-grid-style-16 .post--overlay-huge .post__text {
min-height: 340px;
}
.posts-grid-style-16 .post--overlay-huge .post__title {
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 1366px) and (min-width: 1200px) {
.posts-grid-style-16 .list-item:nth-child(10n + 2) .post__title,
.posts-grid-style-16 .list-item:nth-child(10n + 4) .post__title,
.posts-grid-style-16 .list-item:nth-child(10n + 7) .post__title,
.posts-grid-style-16 .list-item:nth-child(10n) .post__title {
font-size: 1.7142rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
/*
Layout
*/
.posts-grid-style-16 .list-item {
width: -moz-calc(100% / 3);
width: calc(100% / 3);
}
.posts-grid-style-16 .list-item:nth-child(10n + 2),
.posts-grid-style-16 .list-item:nth-child(10n + 4),
.posts-grid-style-16 .list-item:nth-child(10n + 7),
.posts-grid-style-16 .list-item:nth-child(10n) {
width: -moz-calc(100% / 3);
width: calc(100% / 3);
}
.posts-grid-style-16 .list-item:nth-child(10n + 3),
.posts-grid-style-16 .list-item:nth-child(10n + 6) {
width: -moz-calc(100% / 3);
width: calc(100% / 3);
}
.posts-grid-style-16 .list-item:nth-child(10n + 5) {
margin-left: -moz-calc(100% / 3);
margin-left: calc(100% / 3);
}
}
@media (max-width: 1024px) and (min-width: 992px) {
/*
Layout
*/
.posts-grid-style-16 .list-item:nth-child(10n + 3) .post__text,
.posts-grid-style-16 .list-item:nth-child(10n + 6) .post__text {
min-height: 560px;
}
.posts-grid-style-16 .list-item:nth-child(10n + 4),
.posts-grid-style-16 .list-item:nth-child(10n + 5) {
margin-top: -280px;
}
/*
Content
*/
.posts-grid-style-16 .post--overlay-huge .post__text {
min-height: 280px;
}
.posts-grid-style-16 .post--overlay-huge .post__title {
font-size: 18px;
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Content
*/
.posts-grid-style-16 .post--overlay-huge .post__title {
font-size: 22px;
font-size: 1.5714rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 991px) and (min-width: 576px) {
/*
Layout
*/
.posts-grid-style-16 .list-item {
float: left;
width: 50%;
}
}
@media (max-width: 860px) and (min-width: 768px) {
/*
Content
*/
.posts-grid-style-16 .post--overlay-huge .post__title {
font-size: 22px;
font-size: 1.5714rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 680px) and (min-width: 576px) {
/*
Content
*/
.posts-grid-style-16 .post--overlay-huge .post__title {
font-size: 18px;
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 575px) and (min-width: 481px) {
/*
Content
*/
.posts-grid-style-16 .post--overlay-huge .post__title {
font-size: 20px;
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
/* .atbs-keylin-listing--grid-6 ----------------------- */
/*----------------------- atbs-keylin-listing--grid-7 */
/*
Layout
*/
.posts-grid-style-17 {
margin-top: -75px;
margin-bottom: -75px;
}
.posts-grid-style-17 > * {
padding-top: 75px;
padding-bottom: 75px;
}
/*
Content
*/
.atbs-keylin-listing--grid-7.set-module-background {
background-color: rgba(108, 146, 162, 0.05);
}
.atbs-keylin-listing--grid-7.atbs-module-bg-pattern {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2000' height='2000' viewBox='0 0 100 100'%3E%3Cpath fill='%23ecf2f5' fill-rule='evenodd' d='M11 18c3.8659932 0 7-3.1340068 7-7 0-3.86599325-3.1340068-7-7-7-3.86599325 0-7 3.13400675-7 7 0 3.8659932 3.13400675 7 7 7zm48 25c3.8659932 0 7-3.1340068 7-7s-3.1340068-7-7-7-7 3.1340068-7 7 3.1340068 7 7 7zm-43-7c1.6568542 0 3-1.3431458 3-3s-1.3431458-3-3-3-3 1.3431458-3 3 1.3431458 3 3 3zm63 31c1.6568542 0 3-1.3431458 3-3s-1.3431458-3-3-3-3 1.3431458-3 3 1.3431458 3 3 3zM34 90c1.6568542 0 3-1.3431458 3-3s-1.3431458-3-3-3-3 1.3431458-3 3 1.3431458 3 3 3zm56-76c1.6568542 0 3-1.3431458 3-3 0-1.65685425-1.3431458-3-3-3s-3 1.34314575-3 3c0 1.6568542 1.3431458 3 3 3zM12 86c2.209139 0 4-1.790861 4-4s-1.790861-4-4-4-4 1.790861-4 4 1.790861 4 4 4zm28-65c2.209139 0 4-1.790861 4-4s-1.790861-4-4-4-4 1.790861-4 4 1.790861 4 4 4zm23-11c2.7614237 0 5-2.23857625 5-5s-2.2385763-5-5-5-5 2.23857625-5 5 2.2385763 5 5 5zm-6 60c2.209139 0 4-1.790861 4-4s-1.790861-4-4-4-4 1.790861-4 4 1.790861 4 4 4zm29 22c2.7614237 0 5-2.2385763 5-5s-2.2385763-5-5-5-5 2.2385763-5 5 2.2385763 5 5 5zM32 63c2.7614237 0 5-2.2385763 5-5s-2.2385763-5-5-5-5 2.2385763-5 5 2.2385763 5 5 5zm57-13c2.7614237 0 5-2.2385763 5-5s-2.2385763-5-5-5-5 2.2385763-5 5 2.2385763 5 5 5zm-9-21c1.1045695 0 2-.8954305 2-2s-.8954305-2-2-2-2 .8954305-2 2 .8954305 2 2 2zM60 91c1.1045695 0 2-.8954305 2-2s-.8954305-2-2-2-2 .8954305-2 2 .8954305 2 2 2zM35 41c1.1045695 0 2-.8954305 2-2s-.8954305-2-2-2-2 .8954305-2 2 .8954305 2 2 2zM12 60c1.1045695 0 2-.8954305 2-2s-.8954305-2-2-2-2 .8954305-2 2 .8954305 2 2 2z'/%3E%3C/svg%3E");
}
@media (min-width: 1200px) {
.posts-grid-style-17 > *:nth-child(4n+2) .post--vertical-huge .post__title,
.posts-grid-style-17 > *:nth-child(4n+3) .post--vertical-huge .post__title {
font-size: 1.7142rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.posts-grid-style-17 > *:nth-child(4n+2) .post--vertical-huge .post__title,
.posts-grid-style-17 > *:nth-child(4n+3) .post--vertical-huge .post__title {
font-size: 1.5714rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.posts-grid-style-17 > *:nth-child(4n+2) .post--vertical-huge .post__title,
.posts-grid-style-17 > *:nth-child(4n+3) .post--vertical-huge .post__title {
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
/** Post Hover **/
.posts-grid-style-17 .post {
-webkit-transition: -webkit-transform 4000ms;
transition: -webkit-transform 4000ms;
-o-transition: -o-transform 4000ms;
-moz-transition: transform 4000ms, -moz-transform 4000ms;
transition: transform 4000ms;
transition: transform 4000ms, -webkit-transform 4000ms, -moz-transform 4000ms, -o-transform 4000ms;
}
.posts-grid-style-17 .post:hover {
-webkit-transition: -webkit-transform 3000ms;
transition: -webkit-transform 3000ms;
-o-transition: -o-transform 3000ms;
-moz-transition: transform 3000ms, -moz-transform 3000ms;
transition: transform 3000ms;
transition: transform 3000ms, -webkit-transform 3000ms, -moz-transform 3000ms, -o-transform 3000ms;
}
.posts-grid-style-17 > *:nth-child(4n) .post:hover {
-webkit-transform: translate(-10px, 15px) rotate(1deg);
-moz-transform: translate(-10px, 15px) rotate(1deg);
-o-transform: translate(-10px, 15px) rotate(1deg);
transform: translate(-10px, 15px) rotate(1deg);
}
.posts-grid-style-17 > *:nth-child(4n + 1) .post:hover {
-webkit-transform: translate(15px, -10px) rotate(-2deg);
-moz-transform: translate(15px, -10px) rotate(-2deg);
-o-transform: translate(15px, -10px) rotate(-2deg);
transform: translate(15px, -10px) rotate(-2deg);
}
.posts-grid-style-17 > *:nth-child(4n + 2) .post:hover {
-webkit-transform: translate(-15px, -10px) rotate(-1deg);
-moz-transform: translate(-15px, -10px) rotate(-1deg);
-o-transform: translate(-15px, -10px) rotate(-1deg);
transform: translate(-15px, -10px) rotate(-1deg);
}
.posts-grid-style-17 > *:nth-child(4n + 3) .post:hover {
-webkit-transform: translate(10px, 15px) rotate(2deg);
-moz-transform: translate(10px, 15px) rotate(2deg);
-o-transform: translate(10px, 15px) rotate(2deg);
transform: translate(10px, 15px) rotate(2deg);
}
.posts-grid-style-17 .post:hover img {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
/*
Responsive
*/
@media (min-width: 768px) {
/*
Layout
*/
.posts-grid-style-17 > *:nth-child(4n+1) .post__thumb,
.posts-grid-style-17 > *:nth-child(4n+4) .post__thumb {
height: 470px;
}
.posts-grid-style-17 > *:nth-child(4n+2) .post {
margin-top: 65px;
margin-left: 60px;
}
.posts-grid-style-17 > *:nth-child(4n+3) .post {
margin-top: 65px;
margin-right: 60px;
}
}
@media (min-width: 992px) {
/*
Layout
*/
.posts-grid-style-17 > *:nth-child(4n+1) .post__thumb,
.posts-grid-style-17 > *:nth-child(4n+4) .post__thumb {
height: 630px;
}
.posts-grid-style-17 > *:nth-child(4n+2) .post {
margin-top: 110px;
margin-left: 150px;
}
.posts-grid-style-17 > *:nth-child(4n+3) .post {
margin-top: 110px;
margin-right: 150px;
}
/*
Content
*/
.posts-grid-style-17 > *:nth-child(4n+1) .post-type-icon svg:not(.circle-svg),
.posts-grid-style-17 > *:nth-child(4n+4) .post-type-icon svg:not(.circle-svg),
.posts-grid-style-17 > *:nth-child(4n+1) .post-type-icon .post-score-hexagon,
.posts-grid-style-17 > *:nth-child(4n+4) .post-type-icon .post-score-hexagon,
.posts-grid-style-17 > *:nth-child(4n+1) .post-type-icon--inverse .post-score-hexagon,
.posts-grid-style-17 > *:nth-child(4n+4) .post-type-icon--inverse .post-score-hexagon {
width: 68px;
height: 68px;
}
.posts-grid-style-17 > *:nth-child(4n+1) .post-score-hexagon .post-score-value,
.posts-grid-style-17 > *:nth-child(4n+4) .post-score-hexagon .post-score-value {
font-size: 30px;
}
}
@media (min-width: 1200px) {
/*
Layout
*/
.posts-grid-style-17 > *:nth-child(4n+1) .post__thumb,
.posts-grid-style-17 > *:nth-child(4n+4) .post__thumb {
height: 790px;
}
.posts-grid-style-17 > *:nth-child(4n+2) .post {
margin-top: 140px;
margin-left: 190px;
}
.posts-grid-style-17 > *:nth-child(4n+3) .post {
margin-top: 140px;
margin-right: 190px;
}
}
@media (max-width: 1199px) {
.posts-grid-style-17 > *:nth-child(4n+2) .post__thumb,
.posts-grid-style-17 > *:nth-child(4n+3) .post__thumb {
height: 350px;
}
}
@media (max-width: 991px) {
/*
Layout
*/
.posts-grid-style-17 {
margin-top: -40px;
margin-bottom: -40px;
}
.posts-grid-style-17 > * {
padding-top: 40px;
padding-bottom: 40px;
}
/*
Content
*/
.post--vertical-huge.post--vertical-huge-style-1.has-readmore .post__title {
margin-bottom: 0;
}
.post--vertical-huge.post--vertical-huge-style-1 .post__readmore {
display: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Layout
*/
.posts-grid-style-17 > *:nth-child(4n+2) .post__thumb,
.posts-grid-style-17 > *:nth-child(4n+3) .post__thumb {
height: 315px;
}
/*
Content
*/
.posts-grid-style-17 .post--vertical-huge .post__title {
font-size: 24px;
font-size: 1.7142rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 767px) {
/*
Layout
*/
.posts-grid-style-17 {
margin-top: -20px;
margin-bottom: -20px;
}
.posts-grid-style-17 > * {
padding-top: 20px;
padding-bottom: 20px;
}
.posts-grid-style-17 .post--vertical-huge .post__title {
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
.posts-grid-style-17 > *:nth-child(4n+2) .post__thumb,
.posts-grid-style-17 > *:nth-child(4n+3) .post__thumb {
height: auto;
}
.posts-grid-style-17 > *:nth-child(4n+2) .post--vertical-huge-style-1.post-not-exist-thumb .post__thumb,
.posts-grid-style-17 > *:nth-child(4n+3) .post--vertical-huge-style-1.post-not-exist-thumb .post__thumb {
padding-bottom: 75%;
}
}
@media (max-width: 380px) {
.posts-grid-style-17 .post--vertical-huge .post__title {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
/* .atbs-keylin-listing--grid-7 ----------------------- */
/*----------------------- atbs-keylin-listing--grid-overlay-aside-1 */
/*
Layout
*/
.atbs-keylin-block__aside .banner {
min-height: 100vh;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
}
/*
Content
*/
.atbs-keylin-block__aside .banner__thumb {
background-color: #333;
position: absolute;
width: 100%;
height: 100%;
top:0;
left: 0;
}
.atbs-keylin-block__aside .banner__thumb::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.2);
}
.atbs-keylin-block__aside .banner__text {
width: 100%;
padding: 40px;
text-align: center;
z-index: 1;
}
.atbs-keylin-block__aside .banner__title {
margin-bottom: 20px;
color: #fff;
font-size: 42px;
font-weight: 700;
word-break: break-word;
}
.atbs-keylin-block__aside .banner__button {
display: inline-block;
padding: 12px 25px;
background: var(--color-primary, #151416);
color: var(--color-white);
border-radius: 40px;
font-size: 15px;
-webkit-transition: opacity 200ms ease-out;
-o-transition: opacity 200ms ease-out;
-moz-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out;
}
.atbs-keylin-block__aside .banner__button:hover {
opacity: .8;
text-decoration: none;
}
.atbs-keylin-block__aside .banner__button:active {
opacity: 1;
}
/*
Responsive
*/
@media (max-width: 1440px) and (min-width: 1367px) {
/*
Content
*/
.post--overlay-medium.post--overlay-medium-style-1 .post__title {
font-size: 18px;
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 1366px) {
/*
Layout
*/
.posts-grid-style-12.flexbox-wrap-3i > * {
width: 50%;
}
}
@media (max-width: 1199px) {
/*
Content
*/
.atbs-keylin-block__aside .banner__title {
font-size: 32px;
}
}
@media (max-width: 991px) {
/*
Content
*/
.atbs-keylin-block__aside .banner {
min-height: 380px;
}
.atbs-keylin-block__aside {
margin-bottom: 30px;
}
.atbs-keylin-block__main {
padding: 0 30px;
}
}
@media (max-width: 767px) {
/*
Layout
*/
.posts-grid-style-12.flex-space-30 {
margin: -10px;
}
.posts-grid-style-12.flex-space-30 > * {
padding: 10px;
}
/*
Content
*/
.atbs-keylin-block__aside {
margin-bottom: 20px;
}
.atbs-keylin-block__aside .banner {
min-height: 340px;
}
.atbs-keylin-block__aside .banner__title {
font-size: 26px;
}
.atbs-keylin-block__aside .banner__button {
padding: 10px 20px;
}
}
@media (max-width: 575px) {
/*
Layout
*/
.posts-grid-style-12.flexbox-wrap-3i > * {
width: 100%;
}
/*
Content
*/
.atbs-keylin-block__aside .banner {
min-height: 300px;
}
.atbs-keylin-block__aside .banner__title {
font-size: 24px;
}
}
@media (max-width: 575px) and (min-width: 481px) {
/*
Content
*/
.post--overlay-medium.post--overlay-medium-style-1.post--overlay .post__text {
min-height: 280px;
}
.post--overlay-medium.post--overlay-medium-style-1 .post__title {
font-size: 20px;
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 480px) {
/*
Content
*/
.atbs-keylin-block__aside .banner {
min-height: 280px;
}
.atbs-keylin-block__aside .banner__text {
padding: 30px;
}
.atbs-keylin-block__aside .banner__title {
font-size: 22px;
}
/*.post--overlay-medium.post--overlay-medium-style-1 .post__title {*/
/* font-size: 1.2857rem; !*font system*!*/
/* line-height: 1.5;*/
/*}*/
}
@media (max-width: 380px) {
/*
Content
*/
.atbs-keylin-block__aside .banner {
min-height: 250px;
}
.atbs-keylin-block__aside .banner__title {
font-size: 20px;
}
}
/* .atbs-keylin-listing--grid-overlay-aside-1 ----------------------- */
/*----------------------- atbs-keylin-listing--grid-overlay-aside-2 */
/*
Layout
*/
.posts-grid-style-14.flex-space-30 {
margin: -20px -15px;
}
.posts-grid-style-14.flex-space-30 > * {
padding: 20px 15px;
}
/*
Responsive
*/
@media (max-width: 1440px) and (min-width: 1367px) {
/*
Content
*/
.post--vertical-medium.post--vertical-medium-style-1 .post__title {
font-size: 20px;
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 1366px) {
/*
Layout
*/
.posts-grid-style-14.flexbox-wrap-3i > * {
width: 50%;
}
}
@media (max-width: 1199px) and (min-width: 1025px), (max-width: 860px) and (min-width: 768px) {
/*
Content
*/
.post--vertical-medium.post--vertical-medium-style-1 .post__title {
font-size: 22px;
font-size: 1.5714rem;
line-height: 1.41;
}
}
@media (max-width: 767px) and (min-width: 681px) {
/*
Content
*/
.post--vertical-medium.post--vertical-medium-style-1 .post__title {
font-size: 20px;
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 680px) and (min-width: 576px) {
/*
Content
*/
.post--vertical-medium.post--vertical-medium-style-1 .post__title {
font-size: 18px;
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 575px) {
.posts-grid-style-14.flexbox-wrap-3i > * {
width: 100%;
}
}
/* .atbs-keylin-listing--grid-overlay-aside-2 ----------------------- */
/*----------------------- atbs-keylin-listing--grid-overlay-aside-3 */
/*
Content
*/
/*.post--horizontal-huge.post--horizontal-huge-style-1.post-not-exist-thumb .atbs-pseudo-img {*/
/* padding-top: 100%;*/
/*}*/
/*
Responsive
*/
@media (min-width: 576px) {
/*
Content
*/
.post--horizontal-huge.post--horizontal-huge-style-1 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
}
.post--horizontal-huge.post--horizontal-huge-style-1 .post__thumb {
-webkit-box-flex: 0;
-webkit-flex: none;
-moz-box-flex: 0;
flex: none;
margin: 0 5% 0 0;
width: 48.7%;
height: auto;
}
.post--horizontal-huge.post--horizontal-huge-style-1.post-not-exist-thumb .post__thumb {
padding-bottom: 48.7%;
}
.posts-list-style-12 .list-item:nth-child(even) .post--horizontal-huge.post--horizontal-huge-style-1 .post__thumb {
margin: 0 0 0 5%;
}
.post--horizontal-huge.post--horizontal-huge-style-1 .post__text {
margin-right: 5%;
}
.posts-list-style-12 .list-item:nth-child(even) .post--horizontal-huge.post--horizontal-huge-style-1 .post__text {
margin-right: 0;
margin-left: 5%;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-moz-box-ordinal-group: 0;
order: -1;
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
}
.posts-list-style-12 .list-item:nth-child(even) .post--horizontal-huge.post--horizontal-huge-style-1.post-not-exist-thumb-disable .post__text {
margin: 0;
}
}
@media (min-width: 1200px) {
/*
Layout
*/
.atbs-keylin-listing--grid-overlay-aside-3 .atbs-keylin-block__inner > .row {
margin-left: -25px;
margin-right: -25px;
}
.atbs-keylin-listing--grid-overlay-aside-3 .atbs-keylin-block__inner > .row > [class*="col-"] {
padding-left: 25px;
padding-right: 25px;
}
}
@media (max-width: 1440px) and (min-width: 1200px) {
/*
Content
*/
.post--horizontal-huge.post--horizontal-huge-style-1 .post__title {
font-size: 28px;
font-size: 2rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
/*
Content
*/
.post--horizontal-huge.post--horizontal-huge-style-1 .post__title {
font-size: 24px;
font-size: 1.7142rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 767px) {
.posts-list-style-12.list-space-xxxl {
margin-top: -20px;
margin-bottom: -20px;
}
.posts-list-style-12.list-space-xxxl > * {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media (max-width: 767px) and (min-width: 481px) {
/*
Content
*/
.post--horizontal-huge.post--horizontal-huge-style-1 .post__title {
font-size: 1.5714rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 575px) {
/*
Layout
*/
.post--horizontal-huge.post--horizontal-huge-style-1 .post__title {
margin-bottom: 0;
}
}
@media (max-width: 480px) {
.post--horizontal-huge.post--horizontal-huge-style-1 .post__title {
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 380px) {
.post--horizontal-huge.post--horizontal-huge-style-1 .post__title {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
/* .atbs-keylin-listing--grid-overlay-aside-3 ----------------------- */
/*----------------------- atbs-keylin-listing--grid-alt-1 */
/*
Layout
*/
.posts-grid-style-3.flex-space-30 {
margin: -20px -15px;
}
.posts-grid-style-3.flex-space-30 .list-item {
padding: 20px 15px;
}
/*
Content
*/
/** Post Overlay **/
.post--overlay-huge .post__text {
z-index: 1;
pointer-events: none;
}
.post--overlay-huge .post__text-inner {
padding: 0 30px 30px;
max-width: 768px;
}
.post--overlay-huge .post__cat,
.post--overlay-huge .post__title,
.post--overlay-huge .post__meta {
pointer-events: auto;
}
/** Post Vertical **/
.post--vertical-medium .post__title:not(:last-child) {
margin-bottom: 10px;
}
/*
Responsive
*/
@media (max-width: 1199px) and (min-width: 992px) {
/*
Content
*/
.posts-grid-has-sidebar .post--overlay-huge.post--overlay .post__text,
.posts-list-has-sidebar .post--overlay-huge.post--overlay .post__text {
min-height: 360px;
}
.posts-grid-has-sidebar .post--overlay-huge .post__title,
.posts-list-has-sidebar .post--overlay-huge .post__title {
font-size: 24px;
font-size: 1.7142rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Content
*/
.post--overlay-huge.post--overlay .post__text{
min-height: 420px;
}
}
@media (max-width: 767px) {
/*
Layout
*/
.posts-grid-style-3 .list-item.flexbox-item-50 {
width: 50%;
}
/*
Content
*/
.post--overlay-huge.post--overlay .post__text {
min-height: 340px;
}
.post--overlay-huge .post__text-inner {
padding: 0 20px 20px;
}
.post--overlay-huge a.post__cat {
margin-bottom: 10px;
}
.post--overlay-huge .cat-time-group a.post__cat {
margin-bottom: 0;
}
}
@media (max-width: 575px) {
.posts-grid-style-3 .list-item.flexbox-item-50 {
width: 100%;
}
}
@media (max-width: 767px) and (min-width: 481px) {
.post--overlay-huge .post__title {
font-size: 1.5714rem;
line-height: 1.4;
}
}
@media (max-width: 480px) {
/*
Content
*/
.post--overlay-huge.post--overlay .post__text {
min-height: 320px;
}
.post--overlay-huge.post--overlay .post__title {
margin-bottom: 0;
}
.post--overlay-huge.post--overlay .post__meta {
display: none;
}
.post--overlay-huge .post__title {
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 420px) {
/*
Content
*/
.post--overlay-huge.post--overlay .post__text {
min-height: 280px;
}
}
@media (max-width: 380px) {
.post--overlay-huge .post__title {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
/* .atbs-keylin-listing--grid-alt-1 ----------------------- */
/*----------------------- atbs-keylin-listing--grid-alt-2 */
/*
Layout
*/
.posts-grid-style-6.flex-space-30 .list-item:first-child {
padding-bottom: 25px;
}
/*
Content
*/
.post--vertical-huge .post__thumb {
margin-bottom: 25px;
}
.post--vertical-huge .cat-time-group {
margin-bottom: 10px;
}
/*
Responsive
*/
@media (min-width: 1200px) {
.post--vertical-huge.post--vertical-huge-style-2 .post__thumb {
height: 480px;
}
.post--vertical-huge.post--vertical-huge-style-2.post-not-exist-thumb .post__thumb {
padding-bottom: 480px;
}
.posts-grid-style-6.posts-grid-has-sidebar .post--vertical-huge .post__excerpt {
font-size: 16px;
}
}
@media (min-width: 768px) {
/*
Content
*/
/*.post--vertical-huge.post-not-exist-thumb .post__thumb {*/
/* padding-top: 56.25%;*/
/*}*/
.atbs-keylin-listing--grid-alt-2 .post--vertical-huge.post-not-exist-thumb .post__thumb {
padding-bottom: 56.25%;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Content
*/
/*.post--vertical-huge .post__title {*/
/* font-size: 26px;*/
/* font-size: 1.8571rem; !*font system*!*/
/* line-height: 1.4;*/
/*}*/
}
@media (max-width: 767px) {
/*
Layout
*/
.posts-grid-style-6 .list-item.flexbox-item-50 {
width: 50%;
}
.posts-grid-style-6.flex-space-30 {
margin: -10px;
}
.posts-grid-style-6.flex-space-30 .list-item {
padding: 10px;
}
.posts-grid-style-6.flex-space-30 .list-item:first-child {
padding-bottom: 30px;
}
/*
Content
*/
.post--vertical-huge .post__thumb {
margin-bottom: 20px;
height: 340px;
}
.post--vertical-huge.post-not-exist-thumb .post__thumb {
padding-bottom: 340px;
}
}
@media (max-width: 767px) and (min-width: 481px) {
/*
Content
*/
/*.post--vertical-huge .post__title {*/
/* font-size: 20px;*/
/* font-size: 1.42857rem; !*font system*!*/
/* line-height: 1.41;*/
/*}*/
}
@media (max-width: 767px) {
.posts-grid-style-6.flex-space-30 {
margin: -10px;
}
.posts-grid-style-6.flex-space-30 .list-item {
padding: 10px;
}
.posts-grid-style-6 .list-item.flexbox-item-50 {
width: 50%;
}
}
@media (max-width: 767px) and (min-width: 481px) {
.post--vertical-huge .post__title {
font-size: 1.5714rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 575px) {
.posts-grid-style-6 .list-item.flexbox-item-50 {
width: 100%;
}
}
@media (max-width: 480px) {
/*
Layout
*/
/*
Content
*/
.post--vertical-huge .post__thumb {
margin-bottom: 15px;
height: 320px;
}
.post--vertical-huge.post-not-exist-thumb .post__thumb {
padding-bottom: 320px;
}
.post--overlay-medium-style-2 .post__title{
font-size: 18px;
font-size: 1.2857rem;
}
}
@media (max-width: 420px) {
/*
Content
*/
.post--vertical-huge .post__thumb {
height: 280px;
}
.post--vertical-huge.post-not-exist-thumb .post__thumb {
padding-bottom: 280px;
}
}
@media (max-width: 380px) {
/*
Content
*/
.post--vertical-huge .post__thumb {
height: 250px;
}
.post--vertical-huge.post-not-exist-thumb .post__thumb {
padding-bottom: 250px;
}
}
@media (max-width: 320px) {
/*
Content
*/
.post--vertical-huge .post__thumb {
height: 210px;
}
.post--vertical-huge.post-not-exist-thumb .post__thumb {
padding-bottom: 210px;
}
}
/* .atbs-keylin-listing--grid-alt-2 ----------------------- */
/*----------------------- atbs-keylin-listing--grid-alt-3 */
/*
Responsive
*/
@media (max-width: 767px) {
/*
Layout
*/
.posts-grid-style-7.list-space-xl {
margin-top: -10px;
margin-bottom: -10px;
}
.posts-grid-style-7.list-space-xl .list-item {
padding-top: 10px;
padding-bottom: 10px;
}
.posts-grid-style-7.flex-space-30 {
margin: -10px;
}
.posts-grid-style-7.flex-space-30 .list-item {
padding: 10px;
}
.posts-grid-style-7 .list-item.flexbox-item-50,
.posts-grid-style-7.flexbox-wrap-2i .list-item {
width: 50%;
}
}
@media (max-width: 575px) {
/*
Layout
*/
.posts-grid-style-7.flex-space-30,
.posts-grid-style-7.flex-space-10 {
margin-top: -10px;
margin-bottom: -10px;
}
.posts-grid-style-7.flex-space-30 .list-item,
.posts-grid-style-7.flex-space-10 .list-item {
padding-top: 10px;
padding-bottom: 10px;
}
.posts-grid-style-7 .list-item.flexbox-item-50,
.posts-grid-style-7.flexbox-wrap-2i .list-item {
width: 100%;
}
}
/* .atbs-keylin-listing--grid-alt-3 ----------------------- */
/*----------------------- atbs-keylin-listing--grid-alt-4 */
/*
Layout
*/
.posts-grid-style-11.flex-space-30 {
margin: -20px -15px;
}
.posts-grid-style-11.flex-space-30 .list-item {
padding: 20px 15px;
}
/*
Responsive
*/
@media (min-width: 768px) {
.atbs-keylin-listing--grid-alt-4 .post--vertical-huge.post-not-exist-thumb .post__thumb {
padding-bottom: 56.25%;
}
}
@media (max-width: 767px) {
/*
Layout
*/
.posts-grid-style-11 .list-item.flexbox-item-50 {
width: 50%;
}
}
@media (max-width: 575px) {
/*
Layout
*/
.posts-grid-style-11 .list-item.flexbox-item-50 {
width: 100%;
}
}
/* .atbs-keylin-listing--grid-alt-4 ----------------------- */
/*----------------------- atbs-keylin-listing--list-1 */
/*
Responsive
*/
@media (max-width: 991px) {
/*
Layout
*/
.posts-list-style-1.list-space-xl {
margin-top: -15px;
margin-bottom: -15px;
}
.posts-list-style-1.list-space-xl > .list-item {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media (max-width: 767px) {
/*
Layout
*/
.posts-list-style-1.list-space-xl {
margin-top: -10px;
margin-bottom: -10px;
}
.posts-list-style-1.list-space-xl > .list-item {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media (max-width: 767px) and (min-width: 481px) {
.posts-list-style-1 .post--overlay-huge .post__title {
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
/* .atbs-keylin-listing--list-1 ----------------------- */
/*----------------------- atbs-keylin-listing--list-2 */
@media (min-width: 768px) {
.posts-list-style-2 .post--vertical-huge .post__excerpt {
font-size: 15px;
}
}
@media (min-width: 992px) {
.posts-list-style-2 .post--vertical-huge .post__excerpt {
font-size: 16px;
}
}
@media (max-width: 767px) and (min-width: 481px) {
.posts-list-style-2 .post--vertical-huge .post__title {
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 767px) {
.posts-list-style-2 .post--vertical-huge .post__title {
margin-bottom: 0;
}
.posts-list-style-2 .post--vertical-huge .post__excerpt {
display: none !important;
}
.posts-list-style-2 .post--vertical-huge .post__readmore {
display: none;
}
}
@media (max-width: 480px) {
.posts-list-style-2 .post--vertical-huge .post__title {
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 380px) {
.posts-list-style-2 .post--vertical-huge .post__title {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
/* .atbs-keylin-listing--list-2 ----------------------- */
/*----------------------- atbs-keylin-listing--list-3 */
/*
Content
*/
.post--horizontal-large .post__thumb {
margin-right: 40px;
}
.post--horizontal-large .post__title {
margin-bottom: 15px;
}
.post--horizontal-large .post__excerpt {
max-width: 36em;
}
/*
Responsive
*/
@media (max-width: 1199px) and (min-width: 992px) {
/*.posts-list-has-sidebar .post--horizontal-large .post__title {*/
/* font-size: 22px;*/
/* font-size: 1.5714rem; !*font system*!*/
/* line-height: 1.41;*/
/*}*/
}
@media (min-width: 768px) {
.post--horizontal-large a.post__cat,
.post--horizontal-large .post__title {
margin-bottom: 15px;
}
}
@media (max-width: 991px) {
/*
Content
*/
.post--horizontal-large .post__thumb {
height: 320px;
}
}
@media (max-width: 767px) {
/*
Content
*/
.post--horizontal-large .post__thumb {
margin-bottom: 20px;
height: 305px;
}
.post--horizontal-large .post__title {
margin-bottom: 0;
}
.post--horizontal-large .post__excerpt {
max-width: 100%;
display: none !important;
}
}
@media (max-width: 767px) and (min-width: 381px) {
/*
Content
*/
.posts-list-style-5 .post--horizontal-large .post__title {
font-size: 20px;
font-size: 1.42857rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 480px) {
/*
Content
*/
.post--horizontal-large .post__thumb {
margin-bottom: 15px;
height: 270px;
}
}
@media (max-width: 420px) {
/*
Content
*/
.post--horizontal-large .post__thumb {
height: 234px;
}
}
@media (max-width: 380px) {
/*
Content
*/
.post--horizontal-large .post__thumb {
height: 210px;
}
.posts-list-style-5 .post--horizontal-large .post__title {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 320px) {
/*
Content
*/
.post--horizontal-large .post__thumb {
height: 174px;
}
}
/* .atbs-keylin-listing--list-3 ----------------------- */
/*----------------------- atbs-keylin-listing--list-4 */
/*
Content
*/
.post--horizontal-huge a.post__cat {
margin-bottom: 15px;
}
.post--horizontal-huge .post__excerpt {
max-width: 36em;
margin-bottom: 30px;
}
/*
Responsive
*/
@media (min-width: 768px) {
/*
Content
*/
.post--horizontal-huge .post__thumb {
width: 48.7%;
margin: 0 5% 0 0;
}
.post--horizontal-huge.post-not-exist-thumb .post__thumb {
padding-bottom: 48.7%;
}
.posts-list-style-6 .list-item:nth-child(even) .post--horizontal-huge .post__thumb {
margin: 0 0 0 5%;
}
.posts-list-style-6 .list-item:nth-child(even) .post--horizontal-huge .post__text {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-moz-box-ordinal-group: 0;
order: -1;
}
/*.post--horizontal-huge.post-not-exist-thumb .atbs-pseudo-img {*/
/* padding-top: 100%;*/
/*}*/
}
@media (max-width: 1199px) and (min-width: 992px) {
/*
Layout
*/
.posts-list-style-6.posts-list-has-sidebar.list-space-xxxl {
margin-top: -20px;
margin-bottom: -20px;
}
.posts-list-style-6.posts-list-has-sidebar.list-space-xxxl > * {
padding-top: 20px;
padding-bottom: 20px;
}
/*
Content
*/
.posts-list-has-sidebar .post--horizontal-huge .post__title {
font-size: 22px;
font-size: 1.5714rem;
line-height: 1.41;
}
}
@media (max-width: 767px) {
/*
Layout
*/
.posts-list-style-6.list-space-xxxl {
margin-top: -20px;
margin-bottom: -20px;
}
.posts-list-style-6.list-space-xxxl > * {
padding-top: 20px;
padding-bottom: 20px;
}
/*
Content
*/
.post--horizontal-huge .post__thumb {
margin: 0 0 20px 0;
height: 340px;
}
.post--horizontal-huge a.post__cat {
margin-bottom: 10px;
}
.post--horizontal-huge .post__title {
margin-bottom: 0;
}
.post--horizontal-huge .post__excerpt {
margin-bottom: 0;
max-width: 100%;
display: none !important;
}
.post--horizontal-huge .post__readmore {
display: none;
}
}
@media (max-width: 767px) and (min-width: 381px) {
/*
Content
*/
.post--horizontal-huge .post__title {
font-size: 20px;
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 480px) {
/*
Content
*/
.post--horizontal-huge .post__thumb {
margin-bottom: 15px;
height: 300px;
}
}
@media (max-width: 420px) {
/*
Content
*/
.post--horizontal-huge .post__thumb {
height: 280px;
}
}
@media (max-width: 380px) {
/*
Content
*/
.post--horizontal-huge .post__thumb {
height: 250px;
}
.post--horizontal-huge .post__title {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 320px) {
/*
Content
*/
.post--horizontal-huge .post__thumb {
height: 210px;
}
}
/* .atbs-keylin-listing--list-4 ----------------------- */
/*----------------------- atbs-keylin-listing--list-5 */
/*
Content
*/
.post--horizontal-large.post--horizontal-reverse .post__thumb {
margin-right: 0;
margin-left: 40px;
}
/*
Responsive
*/
@media (max-width: 767px) {
/*
Content
*/
.post--horizontal-large.post--horizontal-reverse .post__thumb {
margin-left: 0;
}
}
@media (max-width: 767px) and (min-width: 481px) {
.post--horizontal-large .post__title {
font-size: 1.5714rem; /*font system*/
line-height: 1.4;
}
}
/* .atbs-keylin-listing--list-5 ----------------------- */
/*----------------------- atbs-keylin-listing--list-6 */
/*
Content
*/
.post--horizontal-large.post--horizontal-large-has-bg {
background-color: #f8f8f8;
}
/*
Responsive
*/
@media (min-width: 768px) {
/*
Content
*/
.post--horizontal-large.post--horizontal-large-has-bg {
padding-left: 50%;
padding-right: 0;
min-height: 380px;
}
.posts-list-has-sidebar .post--horizontal-large.post--horizontal-large-has-bg {
min-height: 340px;
}
.posts-list-style-16 .list-item:nth-child(even) .post--horizontal-large.post--horizontal-large-has-bg {
padding-left: 0;
padding-right: 50%;
}
.post--horizontal-large.post--horizontal-large-has-bg .post__thumb {
position: absolute;
top: 0;
bottom: 0;
margin: 0;
width: 50%;
}
.post--horizontal-large.post--horizontal-large-has-bg .post__thumb {
left: 0;
}
.posts-list-style-16 .list-item:nth-child(even) .post--horizontal-large.post--horizontal-large-has-bg .post__thumb {
left: auto;
right: 0
}
.post--horizontal-large.post--horizontal-large-has-bg .post__text {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-flow: column nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
align-items: flex-start;
}
.post--horizontal-large.post--horizontal-large-has-bg .post__title {
margin-bottom: 25px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Content
*/
.post--horizontal-large.post--horizontal-large-has-bg {
min-height: 340px;
}
.post--horizontal-large.post--horizontal-large-has-bg .post__thumb {
height: 100%;
}
.post--horizontal-large.post--horizontal-large-has-bg .post__title {
font-size: 22px;
font-size: 1.5714rem; /*font system*/
line-height: 1.41;
}
}
@media (max-width: 767px) {
/*
Layout
*/
.atbs-keylin-listing--list-6 .list-item:not(:last-child) {
margin-bottom: 30px;
}
/*
Content
*/
.post--horizontal-large.post--horizontal-large-has-bg .post__thumb {
margin-bottom: 0;
}
.post--horizontal-large.post--horizontal-large-has-bg .post__text {
padding: 25px 20px;
}
.post--horizontal-large.post--horizontal-large-has-bg .post__title {
margin-bottom: 20px;
}
.post--horizontal-large.post--horizontal-large-has-bg .post__title {
margin-bottom: 0;
}
.post--horizontal-large.post--horizontal-large-has-bg .post__meta {
display: none;
}
}
@media (max-width: 767px) and (min-width: 381px) {
.post--horizontal-large.post--horizontal-large-has-bg .post__title {
font-size: 1.4285rem;
line-height: 1.4;
}
}
@media (max-width: 380px) {
/*
Content
*/
.post--horizontal-large.post--horizontal-large-has-bg .post__text {
padding: 20px;
}
.post--horizontal-large.post--horizontal-large-has-bg .post__title {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
/* .atbs-keylin-listing--list-6 ----------------------- */
/*----------------------- atbs-keylin-listing--list-7 */
/*
Responsive
*/
@media (min-width: 992px) {
/*
Content
*/
.post--overlap-large .post__text-inner {
padding: 50px;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
/*
Content
*/
.posts-list-has-sidebar .post--overlap-large.post--overlap .post__text {
min-height: 420px;
}
.posts-list-has-sidebar .post--overlap-large .post__text-wrap {
width: 70%;
}
.posts-list-has-sidebar .post--overlap-large .post__text-inner {
padding: 30px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Content
*/
.post--overlap-large.post--overlap .post__text {
min-height: 460px;
}
.post--overlap-large .post__text-wrap {
width: 70%;
}
}
@media (max-width: 767px) {
/*
Layout
*/
.posts-list-style-15.list-space-xl {
margin-top: -15px;
margin-bottom: -15px;
}
.posts-list-style-15.list-space-xl > .list-item {
padding-top: 15px;
padding-bottom: 15px;
}
/*
Content
*/
.post--overlap-large.post--overlap .post__text {
min-height: 330px;
}
.post--overlap-large.has-readmore .post__text-inner > *:nth-last-child(2) {
margin-bottom: 0;
}
.post--overlap-large .post__readmore {
display: none;
}
}
@media (max-width: 767px) and (min-width: 481px) {
.post--overlap-large .post__title {
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 480px) {
/*
Content
*/
.post--overlap-large .cat-time-group {
margin-bottom: 10px;
}
.post--overlap-large .post__title {
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
/* .atbs-keylin-listing--list-7 ----------------------- */
/* ----------------------- atbs-keylin-widget-about */
/*
Content
*/
.atbs-keylin-widget-about-wrap {
padding: 45px 20px;
background-color: var(--color-primary);
position: relative;
}
.atbs-keylin-widget-about .author__avatar {
margin: 0 auto 30px;
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
}
.atbs-keylin-widget-about .author__avatar img {
width: 100%;
}
.atbs-keylin-widget-about .author__name {
margin-bottom: 15px;
}
.atbs-keylin-widget-about .author__name a {
color: #222;
font-size: 18px;
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
}
.atbs-keylin-widget-about .author__name a:hover,
.atbs-keylin-widget-about .author__name:hover a {
color: rgba(0,0,0,0.7);
}
.atbs-keylin-widget-about .author__text {
margin: 0 auto 25px;
max-width: 480px;
color: rgba(0,0,0,0.8);
font-size: 15px;
font-size: 1.0714rem; /*font system*/
line-height: 1.5;
opacity: 0.9;
}
.atbs-keylin-widget-about-wrap.inverse-text .author__name:hover a {
color: rgba(0,0,0,0.7);
}
.atbs-keylin-widget-about-wrap.inverse-text .author__name a
{
color: rgba(255,255,255,1);
}
.atbs-keylin-widget-about-wrap.inverse-text .author__text,
.atbs-keylin-widget-about-wrap.inverse-text .author__name:hover a,
.atbs-keylin-widget-about.inverse-text .social-list > li > a {
color: rgba(255,255,255,0.8);
}
.atbs-keylin-widget-about.inverse-text .social-list > li > a:focus,
.atbs-keylin-widget-about.inverse-text .social-list > li > a:active,
.atbs-keylin-widget-about.inverse-text .social-list > li > a:hover {
color: rgba(255,255,255,0.7);
}
/* .atbs-keylin-widget-about ----------------------- */
/* ----------------------- atbs-keylin-widget-category-tiles */
/*
Content
*/
.atbs-keylin-widget-category-tiles .category-tile__wrap {
margin-top: 0;
box-shadow: none;
}
.category-tile-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
}
.category-tile-image::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #111;
opacity: 0;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
.atbs-keylin-widget-category-tiles .category-tile:hover .category-tile-image::after {
opacity: 0.6;
}
.atbs-keylin-widget-category-tiles .category-tile__name {
font-weight: 400;
}
.atbs-keylin-widget-category-tiles .category-tile:hover .background-img::after {
opacity: 0.6;
}
/*
Responsive
*/
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-widget-category-tiles .list-space-sm {
margin: -7.5px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.atbs-keylin-widget-category-tiles .list-space-sm > li {
padding: 7.5px;
width: 50%;
}
}
@media (max-width: 480px) {
/*
Layout
*/
.atbs-keylin-widget-category-tiles .list-space-sm > li {
width: 100%;
}
}
/* .atbs-keylin-widget-category-tiles ----------------------- */
/* ----------------------- atbs-keylin-widget-instagram */
/*
Layout
*/
.atbs-keylin-widget-instagram .atbs-keylin-widget__inner {
margin: -5px;
}
.atbs-keylin-widget-instagram .instagram-item {
float: left;
padding: 5px;
width: 33.333%;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
overflow: hidden;
}
.atbs-keylin-widget-instagram .instagram-item:nth-child(6n+1) {
float: left;
}
.atbs-keylin-widget-instagram .instagram-item:nth-child(3n+1) {
width: 66.666%;
clear: both;
}
.atbs-keylin-widget-instagram .instagram-item:nth-child(6n-2) {
float: right;
}
.atbs-keylin-widget-instagram .instagram-item img {
width: 100%;
height: auto;
}
/*
Responsive
*/
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-widget-instagram .instagram-item:nth-child(6n + 1) {
width: 33.33%;
}
.atbs-keylin-widget-instagram .instagram-item:nth-child(3n + 1) {
width: 33.33%;
}
.atbs-keylin-widget-instagram .instagram-item:nth-child(6n-2) {
float: left;
}
}
@media (max-width: 576px) {
/*
Layout
*/
.atbs-keylin-widget-instagram .instagram-item:nth-child(6n + 1) {
width: 50%;
}
.atbs-keylin-widget-instagram .instagram-item:nth-child(3n + 1) {
width: 50%;
clear: none;
}
.atbs-keylin-widget-instagram .instagram-item:nth-child(2n + 1) {
clear: both;
}
.atbs-keylin-widget-instagram .instagram-item {
width: 50%;
}
.atbs-keylin-widget-instagram .instagram-item:nth-child(6n-2) {
float: left;
}
}
@media (max-width: 480px) {
/*
Layout
*/
.atbs-keylin-widget-instagram .instagram-item:nth-child(2n + 1) {
clear: none;
}
.atbs-keylin-widget-instagram .instagram-item:nth-child(3n + 1) {
width: 66.666%;
clear: both;
}
.atbs-keylin-widget-instagram .instagram-item {
width: 33.33%;
}
.atbs-keylin-widget-instagram .instagram-item:nth-child(6n-2) {
float: right;
}
.atbs-keylin-widget-instagram .instagram-item:nth-child(6n + 1) {
float: left;
}
}
/* .atbs-keylin-widget-instagram ----------------------- */
/*----------------------- atbs-keylin-widget-listing--list */
/** Post Horizontal **/
.post--horizontal-mini .post__thumb {
margin: 0 15px 0 0;
width: 70px;
float: left;
}
.post--horizontal-mini.post--horizontal-reverse .post__thumb {
margin: 0 0 0 15px;
float: right;
}
/*.post--horizontal-mini.post-not-exist-thumb .post__thumb .atbs-pseudo-img {*/
/* padding-top: 100%;*/
/*}*/
/** Posts List Indexed **/
.atbs-keylin-widget-indexed-posts-a .posts-list>li .post__thumb::after {
border: 1px solid rgba(255, 255, 255, 0.5);
background: var(--color-primary);
font-size: 14px;
font-weight: 500;
}
.atbs-keylin-widget-indexed-posts-b .posts-list>li .post__title::after {
color: var(--color-primary);
opacity: .3;
}
/*.atbs-keylin-widget-most-commented .post--most-commented .media-left {*/
/* padding-right: 20px;*/
/*}*/
/*
Responsive
*/
@media (min-width: 992px) {
.atbs-keylin-widget .post--overlay-tiny .post__title,
.atbs-keylin-widget .post--vertical-small .post__title {
font-size: 16px;
font-size: 1.1428rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/** List Style 1 **/
.widget-posts-list-style-1 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-flow: row wrap;
margin: -20px -15px;
}
.widget-posts-list-style-1 > * {
padding: 20px 15px;
width: 50%;
}
.widget-posts-list-style-1[class*="list-seperated"] > *:nth-last-child(2) {
border-bottom: none;
}
/** List Style 3 **/
.widget-posts-list-style-3 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-flow: row wrap;
margin: -20px -15px;
}
.widget-posts-list-style-3 > li {
padding: 20px 15px;
}
.widget-posts-list-style-3 > li:first-child {
width: 100%;
}
.widget-posts-list-style-3 > li:not(:first-child) {
width: 50%;
}
.widget-posts-list-style-3[class*="list-seperated"] > *:nth-last-child(2) {
border-bottom: none;
}
.widget-posts-list-style-3 .post--overlay-tiny.post--overlay-height-200 .post__text {
min-height: 308px;
}
/** List Style 4 **/
.widget-posts-list-style-4 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-flow: row wrap;
margin: -15px;
}
.widget-posts-list-style-4 > li {
padding: 15px;
width: 50%;
}
.widget-posts-list-style-3 .post--overlay-tiny.post--overlay-height-200 .post__text {
min-height: 308px;
}
.widget-posts-list-style-3 .post--overlay-tiny .post__title {
font-size: 20px;
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
.widget-posts-list-style-4 .post--overlay-tiny.post--overlay-height-200 .post__text {
min-height: 260px;
}
.widget-posts-list-style-4 .post--overlay-tiny .post__title {
font-size: 20px;
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 991px) and (min-width: 481px) {
/** Widget Posts List Style 2 **/
.widget-posts-list-style-2 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-flow: row wrap;
margin: -20px -15px;
}
.widget-posts-list-style-2 > * {
padding: 20px 15px;
width: 50%;
}
}
@media (max-width: 767px) and (min-width: 481px) {
/** Widget Posts List Style 4 **/
.widget-posts-list-style-4 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-flow: row wrap;
margin: -15px -10px;
}
.widget-posts-list-style-4 > li {
padding: 15px 10px;
width: 50%;
}
/** Post Overlay **/
.widget-posts-list-style-3 .post--overlay-tiny .post__text {
min-height: 255px;
}
.widget-posts-list-style-3 .post--overlay-tiny .post__title {
font-size: 18px;
font-size: 1.2857rem;
}
/** Review Posts **/
.post--vertical-review .post__title.typescale-1 {
font-size: 16px;
font-size: 1.1428rem;
line-height: 1.5;
}
}
@media (max-width: 320px) {
/** Review Posts **/
.post--vertical-review .post__tilte.typescale-1 {
font-size: 16px;
font-size: 1.1428rem;
line-height: 1.5;
}
}
/* .atbs-keylin-widget-listing--list ----------------------- */
/*----------------------- atbs-keylin-widget-others */
/*
Content
*/
/** Widget AccessPress Social Login Lite **/
.apsl-widget .display-name {
font-weight: 600;
}
.apsl-widget .user-login .avatar {
margin: 0 5px;
border-radius: 50%;
}
.apsl-widget .user-login a {
margin-left: 5px;
color: var(--color-text-dark);
text-decoration: none;
}
/** Widget Gallery **/
#gallery-1 .gallery-item {
margin: 0;
}
/** Widget Calendar **/
.widget_calendar td {
padding: 0.8em;
}
/** Widget Recent Posts **/
.widget_recent_entries li > a {
display: block;
margin-bottom: 7.5px;
}
.widget_recent_entries .post-date {
color: rgba(0, 0, 0, 0.4);
font-size: 12px;
font-size: 0.85714rem;
line-height: 1.5;
}
/** Widget RSS **/
.widget_rss li {
padding: 20px 0;
}
.widget_rss a.rsswidget {
display: block;
margin-bottom: 7.5px;
font-weight: 600;
text-transform: uppercase;
}
.widget_rss a.rsswidget:hover {
text-decoration: none;
}
.widget_rss .rss-date {
margin-top: 0;
margin-bottom: 10px;
color: var(--color-text-dark-gray);
font-size: 12px;
font-size: 0.85714rem;
line-height: 1.5;
font-style: normal;
opacity: 0.6;
}
.widget_rss .rssSummary {
margin: 0;
color: var(--color-text-dark-gray);
font-size: 14px;
font-weight: 300;
line-height: 1.7;
opacity: 0.8;
}
/** Tag Cloud **/
.tagcloud {
margin: -10px -15px;
}
.tagcloud a {
margin: 0;
padding: 10px 15px;
background: none;
color: var(--color-text-body);
border-radius: 0;
border: none;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.tagcloud a::before {
content: '#';
}
.tagcloud a:hover {
background: none;
color: var(--color-primary);
box-shadow: none;
}
/** Widget Newsletter **/
.widget_mc4wp_form_widget .subscribe-form__fields {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
}
.widget_mc4wp_form_widget .subscribe-form__info {
max-width: 300px;
}
.widget_mc4wp_form_widget .subscribe-form__fields {
margin-left: 0;
max-width: 270px;
}
.widget_mc4wp_form_widget .subscribe-form__fields input[type="email"] {
margin-bottom: 0;
-webkit-box-flex: 1;
-webkit-flex: auto;
-moz-box-flex: 1;
flex: auto;
border-right-width: 0;
}
.widget_mc4wp_form_widget .subscribe-form__fields input[type="submit"] {
margin-bottom: 0;
-webkit-box-flex: 0;
-webkit-flex: none;
-moz-box-flex: 0;
flex: none;
}
/** Widget Search **/
.widget_search .search-form {
max-width: 270px;
}
/** Widget Login with Ajax **/
.widget_loginwithajaxwidget .lwa-info {
line-height: 2.4;
}
.widget_loginwithajaxwidget .lwa-info a {
display: inline-block;
}
.widget_loginwithajaxwidget .lwa-info a::first-letter {
text-transform: uppercase;
}
.widget_loginwithajaxwidget tr {
border-bottom: none;
}
.widget_loginwithajaxwidget .lwa-avatar {
width: 75px;
}
.widget_loginwithajaxwidget .avatar {
border-radius: 50%;
vertical-align: middle;
}
.widget_loginwithajaxwidget .lwa-password {
margin-bottom: 20px;
}
.widget_loginwithajaxwidget tr.lwa-username td,
.widget_loginwithajaxwidget tr.lwa-password td {
padding-bottom: 15px;
}
.widget_loginwithajaxwidget .lwa-links-remember {
display: inline-block;
margin-top: 2px;
color: var(--color-text-gray);
}
.widget_loginwithajaxwidget .bk-lwa.navigation-bar-btn {
position: relative;
text-align: left;
height: auto;
}
.widget_loginwithajaxwidget .bk-lwa.navigation-bar-btn table,
.widget_loginwithajaxwidget .bk-lwa.navigation-bar-btn td {
margin: 0;
padding: 0;
}
.widget_loginwithajaxwidget .bk-lwa.navigation-bar-btn .avatar {
line-height: 0;
vertical-align: top;
}
.widget_loginwithajaxwidget .bk-lwa.navigation-bar-btn .bk-account-info {
top: -moz-calc(100% + 10px);
top: calc(100% + 10px);
left: 0;
}
.widget_loginwithajaxwidget .bk-lwa.navigation-bar-btn:hover .bk-account-info {
visibility: visible;
opacity: 1;
}
/** Widget Text **/
.widget_text p > i {
margin-left: 10px;
margin-right: 10px;
}
.widget_text p > i:first-child {
margin-left: 0;
}
.widget_text ul,
.widget_text ol {
margin: 0 0 1em;
}
.widget_text li {
margin: 0 0 0 3em;
}
/*
Responsive
*/
@media (max-width: 991px) {
/*
Layout
*/
/** Widget Search **/
.widget_search .search-form {
margin: 0 auto;
max-width: 420px;
}
/** Widget Newsletter **/
.widget_mc4wp_form_widget {
text-align: center;
}
.widget_mc4wp_form_widget p,
.widget_mc4wp_form_widget .subscribe-form__fields {
margin-left: auto;
margin-right: auto;
max-width: 420px;
}
}
@media (max-width: 991px) and (min-width: 481px) {
/*
Layout
*/
/** Widget Archive **/
.widget_archive ul,
.widget_recent_entries ul {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-flow: row wrap;
margin: -15px;
width: 100%;
}
.widget_archive li,
.widget_recent_entries li {
padding: 15px;
width: 50%;
}
.widget_archive li:not(:last-child),
.widget_recent_entries li:not(:last-child) {
margin-bottom: 0;
}
/** Widget Login with Ajax **/
.widget_loginwithajaxwidget .lwa-divs-only .lwa-username,
.widget_loginwithajaxwidget .lwa-divs-only .lwa-password {
float: left;
width: -moz-calc(50% - 15px);
width: calc(50% - 15px);
}
.widget_loginwithajaxwidget .lwa-divs-only .lwa-password {
float: right;
}
.widget_loginwithajaxwidget .lwa-divs-only .lwa-password .input {
margin-top: 5px;
}
.widget_loginwithajaxwidget .lwa-divs-only .lwa-password + * {
clear: both;
}
}
@media (max-width: 767px) and (min-width: 481px) {
.widget_loginwithajaxwidget .lwa-divs-only .lwa-username,
.widget_loginwithajaxwidget .lwa-divs-only .lwa-password {
width: -moz-calc(50% - 10px);
width: calc(50% - 10px);
}
}
/* .atbs-keylin-widget-others -----------------------*/
/*----------------------- atbs-keylin-widget-recent-comments */
@media (max-width: 991px) and (min-width: 768px) {
/*
Layout
*/
.widget_recent_comments #recentcomments {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -15px;
}
.widget_recent_comments .recentcomments {
padding: 0 15px;
width: 50%;
}
}
/* .atbs-keylin-widget-recent-comments -----------------------*/
/* ----------------------- atbs-keylin-widget-social-counter */
/*
Content
*/
.atbs-keylin-widget-social-counter .social-tile__title {
font-size: 1.1rem;
font-weight: 500;
}
/*
Responsive
*/
@media (max-width: 991px) {
/*
Layout
*/
.atbs-keylin-widget-social-counter .list-space-xs {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: -5px;
}
.atbs-keylin-widget-social-counter .list-space-xs li {
padding: 5px;
width: -moz-calc(100% / 3);
width: calc(100% / 3);
}
}
@media (max-width: 767px) {
/*
Layout
*/
.atbs-keylin-widget-social-counter .list-space-xs li {
width: 50%;
}
}
@media (max-width: 480px) {
/*
Layout
*/
.atbs-keylin-widget-social-counter .list-space-xs li {
width: 100%;
}
}
/* .atbs-keylin-widget-social-counter ----------------------- */
/* ----------------------- atbs-keylin-widget-subscribe */
/*
Content
*/
.atbs-keylin-widget-subscribe .subscribe-form {
padding: 20px;
background-color: var(--color-white);
}
.atbs-keylin-widget-subscribe .atbs-keylin-widget__inner {
padding: 5px;
background: url('../img/bg-border.png') top left repeat;
}
.keylin-dark-mode .atbs-keylin-widget-subscribe .atbs-keylin-widget__inner {
background: url('../img/bg-border-night-mode.png') top left repeat;
}
.atbs-keylin-widget-subscribe h4 {
margin-bottom: 20px;
font-size: 18px;
font-size: 1.2857rem; /*font system*/
font-weight: 700;
text-transform: uppercase;
color: rgba(0,0,0,0.8);
}
.atbs-keylin-widget-subscribe .subscribe-text {
margin: 0 auto 20px;
max-width: 300px;
color: var(--color-text-gray);
font-size: 15px;
font-size: 1.0714rem; /*font system*/
line-height: 1.5;
}
.atbs-keylin-widget-subscribe .mc4wp-form-fields {
margin-bottom: 20px;
}
.atbs-keylin-widget-subscribe .mc4wp-form-fields:last-child {
margin-bottom: 0;
}
.atbs-keylin-widget-subscribe .subscribe-form__fields input[type="email"] {
width: 100%;
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
vertical-align: middle;
background-color: #fff;
background-image: none;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
color: rgba(0, 0, 0, 0.8);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin-bottom: 20px;
}
.atbs-keylin-widget-subscribe .subscribe-form__fields input[type="email"]:focus {
outline: none;
border-color: var(--color-primary);
}
.atbs-keylin-widget-subscribe .subscribe-form__fields input[type="submit"] {
max-width: 100%;
width: auto;
margin: auto;
margin-top: 20px;
font-size: 14px;
border-radius: 3px;
padding: 6px 12px;
}
.atbs-keylin-widget-subscribe .subscribe-form__fields input[type="submit"] {
margin: 0;
}
.atbs-keylin-widget-subscribe .subscribe-form__fields input[type="submit"]:hover,
.atbs-keylin-widget-subscribe .subscribe-form__fields input[type="submit"]:active,
.atbs-keylin-widget-subscribe .subscribe-form__fields input[type="submit"]:focus {
background: var(--color-logo);
}
.atbs-keylin-widget-subscribe .subscribe-form__fields input[type="submit"]:active {
opacity: .8;
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Content
*/
.atbs-keylin-widget-subscribe .subscribe-form {
padding: 30px;
}
}
/* .atbs-keylin-widget-subscribe ----------------------- */
/* ----------------------- atbs-keylin-widget-twitter */
/*
Content
*/
.atbs-keylin-widget-twitter .atbs-keylin-widget__inner {
padding: 30px 15px;
}
.atbs-keylin-widget-twitter .mdicon-twitter {
font-size: 36px;
margin-bottom: 15px;
}
.atbs-keylin-widget-twitter .widget__content {
margin-left: auto;
margin-right: auto;
max-width: 450px;
}
.inverse-text .twitter-link {
color: var(--color-white);
}
.atbs-keylin-widget-twitter .owl-nav {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: inline-flex;
left: 0px;
margin-top: 15px;
}
.atbs-keylin-widget-twitter .owl-nav .owl-next,
.atbs-keylin-widget-twitter .owl-nav .owl-prev {
position: relative;
background: none;
color: #222;
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
}
.atbs-keylin-widget-twitter .owl-nav .owl-prev {
padding-right: 10px;
}
.atbs-keylin-widget-twitter .owl-next {
padding-left: 10px;
}
.atbs-keylin-widget-twitter .owl-next::before {
content: "";
width: 4px;
height: 4px;
border-radius: 50%;
background: #666;
left: 0;
top: 50%;
position: absolute;
-moz-transform: translate(-2px, -1px);
-o-transform: translate(-2px, -1px);
transform: translate(-2px, -1px);
-webkit-transform: translate(-2px, -1px);
}
.atbs-keylin-widget-twitter .inverse-text .owl-next::before {
background-color: var(--color-white);
}
/* .atbs-keylin-widget-twitter ----------------------- */
/*----------------------- theming */
/*---- Colors and Backgrounds ----*/
/** Selection **/
::-moz-selection {
color: var(--color-white);
background-color: var(--color-primary);
}
::selection {
color: var(--color-white);
background-color: var(--color-primary);
}
::-webkit-selection {
color: var(--color-white);
background-color: var(--color-primary);
}
/** Colors **/
a, a:hover, a:focus, a:active,
.post__text:not(.inverse-text) a.post__cat:hover,
.post--horizontal-mini .post__title:hover a,
.post--horizontal-tiny .post__title:hover a,
.post--horizontal-small .post__title:hover a,
.post--horizontal-large .post__title:hover a,
.post--horizontal-big .post__title:hover a,
.post--horizontal-huge .post__title:hover a,
.post--horizontal-massive .post__title:hover a,
.post--no-thumb-huge .post__title:hover a,
.post--no-thumb-md .post__title:hover a,
.post--no-thumb-sm .post__title:hover a,
.post--vertical-huge .post__title:hover a,
.post--vertical-big .post__title:hover a,
.post--vertical-large .post__title:hover a,
.post--vertical-medium .post__title:hover a,
.post--vertical-small .post__title:hover a,
.post--vertical-review .post__title:hover a,
.post--most-commented .post__title:hover a,
.post--overlap .post__title:hover a,
.atbs-vertical-megamenu .post__title:hover a,
.post__readmore--style-1:hover .readmore__text,
.author__name:hover a,
.author-box .author-name a:hover,
.author-box .author-info a:hover,
.social-list > li > a:hover,
.social-list > li > a:focus,
.social-list > li > a:active,
.comment-author-name:hover a,
.reply:hover a,
.comment-metadata a:hover,
.comment-metadata a:focus,
.comment-metadata a:active,
.widget_rss a.rsswidget:hover,
.widget_rss a.rsswidget:hover,
.widget_archive li > a:hover,
.widget_pages li > a:hover,
.widget_categories li > a:hover,
.post--single .entry-tags:hover,
.post--single .entry-tags .tag:hover,
.atbs-keylin-search-full-style-2 .search-results__heading {
color: var(--color-primary);
}
.social-list .share-item__icon:hover svg {
fill: var(--color-primary);
}
/** Backgrounds **/
.post--horizontal-large-bg:hover .post__text,
.post--vertical-large-bg:hover .post__text,
.post--overlay-large:hover .post__text-inner,
.post__readmore--style-2 .button__readmore:hover i,
.atbs-keylin-block-subscribe input[type=submit]:hover,
.ajax-load-more-button button:hover,
.ajax-load-more-button button:focus,
.ajax-load-more-button button:active,
.posts-navigation .navigation-button:hover i,
.atbs-keylin-widget-twitter .atbs-keylin-widget__inner,
.single-entry--billboard-overlap-title .single-header--svg-bg.single-header--has-background,
.single-entry--template-4 .single-header-with-bg,
.single-entry--template-4-alt .single-header-with-bg,
.navigation--main>li>a::before {
background-color: var(--color-primary);
}
/** Border Colors **/
.post__readmore--style-1 .button__readmore::after {
border-color: var(--color-primary);
}
.atbs-keylin-pagination--next-n-prev .atbs-keylin-pagination__links a:last-child .atbs-keylin-pagination__item::after {
border-left-color: var(--color-primary);
}
/*---- Font ----*/
/*---- Transition ----*/
.post--horizontal-large-bg .post__text,
.post--vertical-large-bg .post__text,
.post--overlay-large .post__text-inner,
.post__readmore--style-2 .button__readmore i,
.atbs-keylin-block-subscribe input[type=submit],
.ajax-load-more-button button,
.posts-navigation .navigation-button i {
-webkit-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-moz-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
}
a.post__cat,
.post--horizontal-mini .post__title a,
.post--horizontal-tiny .post__title a,
.post--horizontal-small .post__title a,
.post--horizontal-large .post__title a,
.post--horizontal-big .post__title a,
.post--horizontal-huge .post__title a,
.post--horizontal-massive .post__title a,
.post--no-thumb-huge .post__title a,
.post--no-thumb-md .post__title a,
.post--no-thumb-sm .post__title a,
.post--vertical-huge .post__title a,
.post--vertical-big .post__title a,
.post--vertical-large .post__title a,
.post--vertical-medium .post__title a,
.post--vertical-small .post__title a,
.post--vertical-review .post__title a,
.post--most-commented .post__title a,
.atbs-vertical-megamenu .post__title a,
.post--overlap .post__title a,
.post__readmore--style-1 .readmore__text,
.author__name a,
.author-box .author-name a,
.author-box .author-info a,
.social-list > li > a,
.social-list .share-item__icon svg,
.comment-author-name a,
.reply a,
.comment-metadata a,
.widget_rss a.rsswidget,
.widget_rss a.rsswidget:hover,
.widget_archive li > a,
.widget_pages li > a,
.widget_categories li > a,
.post--single .entry-tags,
.post--single .entry-tags .tag {
-webkit-transition: color 100ms ease-in-out;
-o-transition: color 100ms ease-in-out;
-moz-transition: color 100ms ease-in-out;
transition: color 100ms ease-in-out;
}
.post__readmore--style-1 .button__readmore::after {
-webkit-transition: border-color 200ms ease-in-out;
-o-transition: border-color 200ms ease-in-out;
-moz-transition: border-color 200ms ease-in-out;
transition: border-color 200ms ease-in-out;
}
/* theming ----------------------- */
/* ----------------------- Page */
/*
Content
*/
/*---- Author ---*/
.page_Author .author-box__text {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
.page_Author .author-box__text > * {
width: 100%;
}
.page_Author .author-box .author-box__text > .author-name {
margin-bottom: 12px;
}
.atbs-keylin-widget-about .author__text {
display: -webkit-box !important;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 3;
}
.page_Author .author-box .author-box__text > .author-name a {
text-transform: uppercase !important;
}
.page_Author .author-box__text > .author-bio {
margin-top: 0;
}
.page_Author .author-box__text > *:last-child {
margin-bottom: 0;
}
.page_Author .author-box {
margin-top: 0;
}
/*---- 404 ---*/
.site-content.page-404 {
min-height: 100vh;
}
.admin-bar .site-content.page-404 {
min-height: calc(100vh - 32px)
}
@media screen and (max-width: 782px) {
.admin-bar .site-content.page-404 {
min-height: calc(100vh - 46px)
}
}
.page-404-logo {
margin-bottom: 40px;
}
.page-404-logo a {
font-size: 50px;
font-size: 3.5714rem;
font-weight: bold;
}
.page-404-image {
margin-bottom: 60px;
}
.page-404-title {
color: rgba(0, 0, 0, 0.8);
text-align: center;
font-size: 15rem;
font-weight: bold;
}
.page-404-subtitle {
margin-top: 0;
margin-bottom: 30px;
color: var(--color-primary);
font-size: 4.5rem;
font-weight: bold;
line-height: 1.4;
}
.page-404-description {
margin-bottom: 1.5em;
color: var(--color-text);
line-height: 1.5;
}
.page-404-search {
max-width: initial;
}
.page-404-search .search-form__input {
margin: 0 auto;
padding: 15px 20px;
max-width: 600px;
display: block;
}
.page-404-search .search-form__submit {
margin-top: 40px;
padding: 10px 30px;
background: #111;
border: none;
font-size: 13px;
text-transform: uppercase;
text-align: center;
}
/* Page ----------------------- */
/* ----------------------- atbs-keylin-search-full-style-a */
/*
Layout
*/
.atbs-keylin-search-full-page {
width: 100%;
height: 100%;
position: fixed;
background-color: rgba(0,0,0,0.9);
top: 0;
left: 0;
z-index: 99;
visibility: hidden;
opacity: 0;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.atbs-keylin-search-full-page .search-form-background {
position: absolute;
width: 100%;
height: 100%;
background-color: transparent;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.atbs-keylin-search-full-page .search-form-background::after{
content: '';
position: absolute;
left: -100%;
top: 50%;
width: 100%;
height: 1px;
background-color: rgba(255,255,255,0.5);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.atbs-keylin-search-full-page .search-form-background span{
position: absolute;
display: block;
height: 50%;
overflow: hidden;
/*background-color: rgba(255,255,255,0.5);*/
}
/**/
.atbs-keylin-search-full-page .search-form-background span:nth-child(1),
.atbs-keylin-search-full-page .search-form-background span:nth-child(5),
.atbs-keylin-search-full-page .search-form-background span:nth-child(6),
.atbs-keylin-search-full-page .search-form-background span:nth-child(10){
width: 5%;
}
/**/
.atbs-keylin-search-full-page .search-form-background span:nth-child(2),
.atbs-keylin-search-full-page .search-form-background span:nth-child(3),
.atbs-keylin-search-full-page .search-form-background span:nth-child(4),
.atbs-keylin-search-full-page .search-form-background span:nth-child(7),
.atbs-keylin-search-full-page .search-form-background span:nth-child(8),
.atbs-keylin-search-full-page .search-form-background span:nth-child(9){
width: 30%;
}
/**/
.atbs-keylin-search-full-page .search-form-background span:nth-child(1){
left: 0;
top: 0;
}
.atbs-keylin-search-full-page .search-form-background span:nth-child(2){
left: 5%;
top: 0;
}
.atbs-keylin-search-full-page .search-form-background span:nth-child(3){
left: 35%;
top: 0;
}
.atbs-keylin-search-full-page .search-form-background span:nth-child(4){
left: 65%;
top: 0;
}
.atbs-keylin-search-full-page .search-form-background span:nth-child(5){
left: 95%;
top: 0;
}
/**/
.atbs-keylin-search-full-page .search-form-background span:nth-child(6){
left: 0;
top: 50%;
}
.atbs-keylin-search-full-page .search-form-background span:nth-child(7){
left: 5%;
top: 50%;
}
.atbs-keylin-search-full-page .search-form-background span:nth-child(8){
left: 35%;
top: 50%;
}
.atbs-keylin-search-full-page .search-form-background span:nth-child(9){
left: 65%;
top: 50%;
}
.atbs-keylin-search-full-page .search-form-background span:nth-child(10){
left: 95%;
top: 50%;
}
/**/
.atbs-keylin-search-full-page .search-form-background span:not(:nth-child(5n))::after{
content: '';
position: absolute;
right: 0;
width: 1px;
height: 0;
background-color: rgba(255,255,255,0.5);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.atbs-keylin-search-full-page .search-form-background span:nth-child(1)::after,
.atbs-keylin-search-full-page .search-form-background span:nth-child(2)::after,
.atbs-keylin-search-full-page .search-form-background span:nth-child(3)::after,
.atbs-keylin-search-full-page .search-form-background span:nth-child(4)::after,
.atbs-keylin-search-full-page .search-form-background span:nth-child(5)::after{
-webkit-transform-origin: bottom left;
-moz-transform-origin: bottom left;
-o-transform-origin: bottom left;
transform-origin: bottom left;
bottom: 0;
}
/**/
.atbs-keylin-search-full-page .search-form-background span:nth-child(6)::after,
.atbs-keylin-search-full-page .search-form-background span:nth-child(7)::after,
.atbs-keylin-search-full-page .search-form-background span:nth-child(8)::after,
.atbs-keylin-search-full-page .search-form-background span:nth-child(9)::after,
.atbs-keylin-search-full-page .search-form-background span:nth-child(10)::after{
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
top: 0;
}
/**/
.atbs-keylin-search-full-page .search-form-background span::before{
content: '';
position: absolute;
top: 0;
background-color: #fff;
width: 100%;
height: 100%;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.atbs-keylin-search-full-page .search-form-background span:nth-child(1)::before,
.atbs-keylin-search-full-page .search-form-background span:nth-child(2)::before,
.atbs-keylin-search-full-page .search-form-background span:nth-child(3)::before,
.atbs-keylin-search-full-page .search-form-background span:nth-child(4)::before,
.atbs-keylin-search-full-page .search-form-background span:nth-child(5)::before{
right: -100%;
}
.atbs-keylin-search-full-page .search-form-background span:nth-child(6)::before,
.atbs-keylin-search-full-page .search-form-background span:nth-child(7)::before,
.atbs-keylin-search-full-page .search-form-background span:nth-child(8)::before,
.atbs-keylin-search-full-page .search-form-background span:nth-child(9)::before,
.atbs-keylin-search-full-page .search-form-background span:nth-child(10)::before{
left: -100%;
}
/*
Content
*/
.atbs-keylin-search-full-page.On {
opacity: 1;
visibility: visible;
}
.atbs-keylin-search-full-page.On .search-form-background::after{
left: 0;
}
.atbs-keylin-search-full-page.On .search-form-background span:not(:nth-child(5n))::after{
height: 100%;
background-color: #fff;
}
.atbs-keylin-search-full-page.On .search-form-background span:nth-child(1)::before,
.atbs-keylin-search-full-page.On .search-form-background span:nth-child(2)::before,
.atbs-keylin-search-full-page.On .search-form-background span:nth-child(3)::before,
.atbs-keylin-search-full-page.On .search-form-background span:nth-child(4)::before,
.atbs-keylin-search-full-page.On .search-form-background span:nth-child(5)::before{
right: 0;
-webkit-transition-delay: 0.53s;
-moz-transition-delay: 0.53s;
-o-transition-delay: 0.53s;
transition-delay: 0.53s;
}
.atbs-keylin-search-full-page.On .search-form-background span:nth-child(6)::before,
.atbs-keylin-search-full-page.On .search-form-background span:nth-child(7)::before,
.atbs-keylin-search-full-page.On .search-form-background span:nth-child(8)::before,
.atbs-keylin-search-full-page.On .search-form-background span:nth-child(9)::before,
.atbs-keylin-search-full-page.On .search-form-background span:nth-child(10)::before{
left: 0;
-webkit-transition-delay: 0.53s;
-moz-transition-delay: 0.53s;
-o-transition-delay: 0.53s;
transition-delay: 0.53s;
}
/**/
.atbs-keylin-search-full-page.On .search-content{
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0.8s;
-moz-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.atbs-keylin-search-full-page.On .posts-time-line .list-item{
opacity: 0;
}
.atbs-keylin-search-full-page.On .posts-time-line .list-item{
-webkit-animation: 1s ease forwards running fadeInUp;
-moz-animation: 1s ease forwards running fadeInUp;
animation: 1s ease forwards running fadeInUp;
}
.atbs-keylin-search-full-page.On .posts-time-line .list-item:nth-child(1){
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.atbs-keylin-search-full-page.On .posts-time-line .list-item:nth-child(2){
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.atbs-keylin-search-full-page.On .posts-time-line .list-item:nth-child(3){
-webkit-animation-delay: 0.9s;
-moz-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.atbs-keylin-search-full-page.On .posts-time-line .list-item:nth-child(4){
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.atbs-keylin-search-full-page.On .posts-time-line .list-item:nth-child(5){
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
animation-delay: 1.5s;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0,150%,0);
transform: translate3d(0,150%,0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@-moz-keyframes fadeInUp {
from {
opacity: 0;
-moz-transform: translate3d(0,150%,0);
transform: translate3d(0,150%,0);
}
to {
opacity: 1;
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0,150%,0);
-moz-transform: translate3d(0,150%,0);
transform: translate3d(0,150%,0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
.atbs-keylin-search-full-page.On .posts-aside{
bottom: 0;
}
/**/
.atbs-keylin-search-full-page .search-content{
width: 100%;
height: 100%;
position: relative;
opacity: 0;
visibility: hidden;
-webkit-transition: 1s;
-o-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
.atbs-keylin-search-remove{
position: absolute;
right: 45px;
top: 25px;
width: 50px;
height: 50px;
font-size: 25px;
border-radius: 50%;
background-color: #fff;
box-shadow: 0 3px 15px -5px rgba(0,0,0,0.2);
cursor: pointer;
z-index: 2;
}
.atbs-keylin-search-full-page .frame-section-choose{
width: 100px;
height: 100%;
/*background-color: #FAFAFA;*/
background-color: rgb(197, 178, 152);
padding: 25px 0;
}
.atbs-keylin-search-full-page .frame-section-choose:last-child{
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
background-color: transparent;
padding-bottom: 0;
padding-top: 0;
}
.atbs-keylin-search-full-page .heading--logo{
width: 75px;
margin: 0 auto;
}
.atbs-keylin-search-full-page .heading--social{
-webkit-align-content: flex-end;
align-content: flex-end;
}
.atbs-keylin-search-full-page .heading--social .social-list{
width: 100%;
text-align: center;
}
.atbs-keylin-search-full-page .heading--social .social-list li a{
padding: 0;
font-size: 18px;
/*color: #c1c1c1;*/
color: #fff;
}
.atbs-keylin-search-full-page .heading--social .social-share-label{
font-size: 18px;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
position: relative;
margin-bottom: 20px;
/*color: #c1c1c1;*/
color: #fff;
}
.atbs-keylin-search-full-page .heading--social .social-share-label::after{
content: '';
width: 1px;
height: 50px;
/*background-color: rgba(0,0,0,.1);*/
background-color: rgba(255,255,255,.5);
display: inline-block;
margin-top: 15px;
}
/**/
.atbs-keylin-search-full-page .frame-section__content{
padding: 0 0 0 70px;
position: relative;
max-height: -moz-calc(100% - 70px);
max-height: calc(100% - 70px);
}
.atbs-keylin-search-full-page .frame-section__bottom{
width: 100%;
}
.atbs-keylin-search-full-page .frame-section__content-left{
padding-right: 70px;
padding-top: 50px;
height: 100%;
}
.atbs-keylin-search-full-page .frame-section__content-right{
height: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
/*padding: 0 0 0 50px;*/
/*overflow: hidden;*/
/*border-left: 1px solid rgba(0,0,0,0.1);*/
}
.atbs-keylin-search-full-page .frame-section__content-right .frame-section__content-inner{
padding-top: 50px;
padding-right: 70px;
}
@media (min-width: 768px){
.atbs-keylin-search-full-page .frame-section__content-left .frame-section__content-inner{
height: 100%;
overflow-y: auto;
max-height: 100%;
}
.atbs-keylin-search-full-page .frame-section__content-left .frame-section__content-inner::-webkit-scrollbar {
width: 5px;
border-radius: 10px;
display: none;
}
.atbs-keylin-search-full-page .frame-section__content-right .frame-section__content-inner{
height: 100%;
overflow-y: auto;
max-height: 100%;
}
.atbs-keylin-search-full-page .frame-section__content-right .frame-section__content-inner::-webkit-scrollbar {
width: 5px;
border-radius: 10px;
display: none;
}
}
.atbs-keylin-search-full-page .frame-section__content-right .frame-section__content-inner{
margin: 0 -10px;
}
.atbs-keylin-search-full-page .frame-section__content-right .frame-section__content-inner > *{
padding: 0 10px;
}
.atbs-keylin-search-full-page .frame-section__content-right .frame-section__content-inner > *:not(:last-child){
margin-bottom: 50px;
}
.atbs-keylin-search-full-page .frame-section__content-right .frame-section__content-heading{
height: 100%;
padding: 50px 40px;
margin-right: 45px;
background-color: #FBFBFB;
}
.atbs-keylin-search-full-page .frame-section__content-right .frame-section__content-heading h3{
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
font-size: 75px;
text-transform: uppercase;
letter-spacing: 10px;
line-height: 1;
margin: 0;
font-weight: 700;
color: #d7d7d7;
}
/**/
.atbs-keylin-search-full-page .search-form{
/*position: absolute;*/
/*left: calc(50% - 100px);*/
/*top: 50%;*/
/*transform: translate(-50%,-50%);*/
}
.atbs-keylin-search-full-page .search-form .form-heading{
margin-bottom: 25px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.atbs-keylin-search-full-page .search-form .form-heading .heading--title{
margin-bottom: 5px;
}
.atbs-keylin-search-full-page .search-form .form-heading .heading--title h3{
margin-bottom: 0;
font-size: 100px;
line-height: 1;
color: var(--color-primary);
}
.atbs-keylin-search-full-page .search-form .form-heading .heading--title h3:first-letter{
color: var(--color-primary);
}
.atbs-keylin-search-full-page .search-form .form-heading .heading--sub{
font-size: 16px;
line-height: 1.5;
color: rgba(34,34,34,0.3);
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
}
.atbs-keylin-search-full-page .search-form .form-heading .heading--sub::before{
content: '';
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
height: 1px;
width: 100%;
background-color: rgba(0,0,0,0.1);
margin-right: 20px;
}
.atbs-keylin-search-full-page .search-form form{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
width: 400px;
border-radius: 50px;
overflow: hidden;
}
.atbs-keylin-search-full-page .search-form input{
width: 100%;
padding: 0 25px;
min-height: 50px;
box-shadow: none;
outline: none;
border-radius: 50px;
border: none;
background-color: #FAFAFA;
}
.atbs-keylin-search-full-page .search-form button{
width: 50px;
height: 50px;
border: none;
position: absolute;
right: 0;
border-radius: 50%;
background-color: #fff;
border-right: 1px solid rgba(0,0,0,0.1);
}
/**/
.atbs-keylin-search-full-page .posts-heading{
margin-bottom: 35px;
color: #222222;
}
.atbs-keylin-search-full-page .posts-heading h3{
margin-bottom: 0;
}
/**/
.atbs-keylin-search-full-page .posts-time-line-wrap{
max-width: 425px;
}
.atbs-keylin-search-full-page .frame-section__content-left .frame-section__content-inner{
margin-top: 70px;
margin-left: -4px;
margin-right: -4px;
}
.atbs-keylin-search-full-page .posts-time-line{
padding: 0 4px;
}
.atbs-keylin-search-full-page .posts-time-line .posts-list{
position: relative;
padding-top: 10px;
padding-bottom: 10px;
}
.atbs-keylin-search-full-page .posts-time-line .posts-list::before{
content: '';
position: absolute;
left: 0;
top: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 1px;
height: 100%;
background-color: rgba(0,0,0,0.1);
}
.atbs-keylin-search-full-page .posts-time-line .list-item{
padding-left: 30px;
position: relative;
}
.atbs-keylin-search-full-page .posts-time-line .list-item:not(:last-child){
margin-bottom: 30px;
}
.atbs-keylin-search-full-page .posts-time-line .list-item::before{
content: '';
position: absolute;
left: 0;
top: 8px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: rgba(0,0,0,0.5);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
/**/
.atbs-keylin-search-full-page .posts-extension,
.atbs-keylin-search-full-page .posts-extension-wrap{
width: 100%;
height: 100%;
}
.atbs-keylin-search-full-page .posts-extension-inner {
max-height: 100%;
height: 100%;
}
.atbs-keylin-search-full-page .posts-extension .posts-list{
width: 100%;
margin-bottom: 50px;
}
.atbs-keylin-search-full-page .posts-extension .list-item:not(:last-child){
/*margin-bottom: 150px;*/
}
.atbs-keylin-search-full-page .posts-extension .post--overlay .post__thumb{
min-height: 260px;
}
.atbs-keylin-search-full-page .posts-extension .post--overlay .post__thumb img{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.atbs-keylin-search-full-page .posts-extension .post--overlay .post__thumb a{
width: 100%;
height: 100%;
}
.atbs-keylin-search-full-page .posts-extension .post--overlay .post__text{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.atbs-keylin-search-full-page .posts-extension .post--overlay .post__text:first-child{
position: relative;
}
.post--horizontal-height-large .post__text{
padding-top: 120px;
}
.post--horizontal-height-large .post__thumb{
margin-right: 40px;
}
.post--horizontal-height-large.post--horizontal-reverse .post__thumb{
margin-right: 0;
margin-left: 40px;
}
.post--horizontal-height-large .post__title.typescale-3{
font-weight: 600;
}
.post--horizontal-height-large .post__cat{
opacity: 0.8;
}
.post--card-horizontal-nothumb{
padding: 25px;
background-color: #fff;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
min-height: 180px;
border-radius: 4px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.post--card-horizontal-nothumb .post__text{
height: auto;
}
.post--card-horizontal-nothumb .post__text-wrap{
height: 100%;
}
/**/
.atbs-keylin-search-full-page .copy-right{
/*background-color: #FBFBFB;*/
background-color: rgb(197, 178, 152);
-webkit-align-self: flex-end;
align-self: flex-end;
min-height: 70px;
width: 100%;
padding-left: 25px;
padding-right: 25px;
}
.atbs-keylin-search-full-page .copy-right a{
margin-left: 5px;
}
@media (max-width: 1680px) {
/*
Layout
*/
.post--card-horizontal-nothumb .post__title{
font-size: 1.1428rem; /*font system*/
line-height: 1.5;
}
/*
Content
*/
}
@media (max-width: 1545px) {
/*
Content
*/
.posts-aside .flexbox-wrap.flexbox-wrap-3i > *{
width: 50%;
}
.post--card-horizontal-nothumb .post__title{
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 1440px) {
/*
Content
*/
.post--card-horizontal-nothumb .post__title{
font-size: 1.1428rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 1366px) {
/*
Content
*/
.atbs-keylin-search-full-page .frame-section__content{
padding: 0 0 0 70px;
}
.atbs-keylin-search-full-page .frame-section__content-left{
padding-right: 70px;
}
/**/
.atbs-keylin-search-full-page .search-form .form-heading .heading--title h3{
font-size: 85px;
}
.atbs-keylin-search-full-page .search-form form{
width: 370px;
}
/**/
.atbs-keylin-search-full-page .posts-time-line-wrap {
max-width: 370px;
}
/**/
.post--card-horizontal-nothumb{
min-height: 190px;
}
}
@media (max-width: 1230px){
/**/
.post--card-horizontal-nothumb{
min-height: 200px;
}
}
@media (max-width: 1199px) {
/*
Layout
*/
/*
Content
*/
.posts-extension .posts-list--masonry .list-item:not(:last-child){
margin-bottom: 40px;
}
/**/
.posts-aside .flexbox-wrap.flexbox-wrap-3i > *{
width: 100%;
}
.post--card-horizontal-nothumb .post__title{
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
/**/
.atbs-keylin-search-full-page .posts-extension .list-item{
width: 100%;
}
.atbs-keylin-search-full-page .posts-extension .post--overlay-grid-small .post__thumb{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.atbs-keylin-search-full-page .posts-extension .post--overlay-grid-small .post__text{
position: relative;
}
.atbs-keylin-search-full-page .posts-extension .post--overlay-grid-small .post__thumb a{
width: 100%;
height: 100%;
}
.atbs-keylin-search-full-page .posts-extension .post--overlay-grid-small .post__thumb img{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.atbs-keylin-search-full-page .posts-extension .post--overlay-grid-small .post__title.typescale-1{
font-size: 1.2857rem; /*font system*/
line-height: 1.5;
}
}
@media (max-width: 1024px) {
/*
Layout
*/
/*
Content
*/
.atbs-keylin-search-full-page .frame-section__content{
padding: 0 0 0 50px;
}
.atbs-keylin-search-full-page .frame-section__content-right,
.atbs-keylin-search-full-page .frame-section__content-left{
width: 50%;
}
.atbs-keylin-search-full-page .frame-section__content-left{
padding-right: 50px;
}
.atbs-keylin-search-full-page .frame-section__content-right{
padding-left: 35px;
}
.atbs-keylin-search-full-page .frame-section__content-right .frame-section__content-inner{
padding-right: 35px;
}
/**/
.atbs-keylin-search-full-page .search-form .form-heading .heading--title h3 {
font-size: 60px;
}
.atbs-keylin-search-full-page .search-form .form-heading .heading--sub::before{
min-width: 40px;
}
.atbs-keylin-search-full-page .search-form form{
width: 100%;
}
.atbs-keylin-search-full-page .search-form input{
min-height: 40px;
}
.atbs-keylin-search-full-page .search-form button{
width: 40px;
height: 40px;
}
/**/
.atbs-keylin-search-full-page .posts-time-line-wrap {
max-width: 100%;
}
/**/
.atbs-keylin-search-remove{
right: 35px;
}
}
@media (max-width: 860px) {
/*
Layout
*/
/*
Content
*/
.atbs-keylin-search-full-page .frame-section-choose{
display: none;
}
.atbs-keylin-search-full-page .frame-section-choose + .frame-section-choose{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
}
}
@media (max-width: 767px) {
/*
Layout
*/
.atbs-keylin-search-full-page .search-form-background span:nth-child(1),
.atbs-keylin-search-full-page .search-form-background span:nth-child(6){
width: 10%;
left: 0;
}
.atbs-keylin-search-full-page .search-form-background span:nth-child(2),
.atbs-keylin-search-full-page .search-form-background span:nth-child(7){
width: 45%;
left: 10%;
}
.atbs-keylin-search-full-page .search-form-background span:nth-child(3),
.atbs-keylin-search-full-page .search-form-background span:nth-child(8){
width: 45%;
left: 50%;
}
.atbs-keylin-search-full-page .search-form-background span:nth-child(4),
.atbs-keylin-search-full-page .search-form-background span:nth-child(9){
width: 10%;
left: 90%;
}
.atbs-keylin-search-full-page .search-form-background span:nth-child(5),
.atbs-keylin-search-full-page .search-form-background span:nth-child(10){
display: none;
}
/**/
.atbs-keylin-search-full-page .frame-section-choose{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
}
.atbs-keylin-search-full-page .frame-section-choose + .frame-section-choose{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
}
.atbs-keylin-search-full-page .frame-section-choose:last-child{
height: 100%;
overflow-y: auto;
max-height: 100%;
margin-bottom: 150px;
}
.atbs-keylin-search-full-page .frame-section-choose:last-child::-webkit-scrollbar {
width: 5px;
border-radius: 10px;
display: none;
}
/*
Content
*/
.atbs-keylin-search-full-page .frame-section__content{
padding: 50px 80px 0 80px;
}
.atbs-keylin-search-full-page .frame-section__content > *:not(:last-child){
margin-bottom: 50px;
}
.atbs-keylin-search-full-page .frame-section__content-right,
.atbs-keylin-search-full-page .frame-section__content-left{
width: 100%;
padding: 0;
-webkit-box-flex: initial;
-webkit-flex: initial;
-moz-box-flex: initial;
flex: initial;
overflow: visible;
}
.atbs-keylin-search-full-page .frame-section__content-right{
padding-left: 0;
border: none;
}
.atbs-keylin-search-full-page .frame-section__content-right .frame-section__content-inner > * {
padding: 0;
}
.atbs-keylin-search-full-page .frame-section__content-right .frame-section__content-inner{
margin: 0;
padding: 0;
}
.atbs-keylin-search-remove{
width: 45px;
height: 45px;
font-size: 20px;
right: 15px;
position: fixed;
left: 25px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
/**/
.atbs-keylin-search-full-page .search-form .form-heading {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.atbs-keylin-search-full-page .search-form .form-heading .heading--sub::before{
display: none;
}
/**/
.atbs-keylin-search-full-page .frame-section__bottom {
width: -moz-calc(100% - 100px);
width: calc(100% - 100px);
z-index: 1;
position: fixed;
z-index: 1;
bottom: 0;
text-align: center;
}
/**/
.atbs-keylin-search-full-page .posts-extension .posts-list{
margin-bottom: 120px;
}
.atbs-keylin-search-full-page .posts-extension,
.atbs-keylin-search-full-page .posts-extension-wrap{
height: auto;
}
.atbs-keylin-search-full-page .posts-extension .list-item:not(:last-child){
margin-bottom: 10px;
}
/**/
.atbs-keylin-search-full-page .heading--social .social-share-label{
display: none;
}
}
@media (max-width: 680px) {
/*
Layout
*/
/*
Content
*/
.atbs-keylin-search-full-page .search-form-background span:nth-child(1),
.atbs-keylin-search-full-page .search-form-background span:nth-child(6){
width: 50%;
left: 0;
}
.atbs-keylin-search-full-page .search-form-background span:nth-child(2),
.atbs-keylin-search-full-page .search-form-background span:nth-child(7){
width: 50%;
left: 50%;
}
.atbs-keylin-search-full-page .search-form-background span:nth-child(3),
.atbs-keylin-search-full-page .search-form-background span:nth-child(4),
.atbs-keylin-search-full-page .search-form-background span:nth-child(5),
.atbs-keylin-search-full-page .search-form-background span:nth-child(8),
.atbs-keylin-search-full-page .search-form-background span:nth-child(9),
.atbs-keylin-search-full-page .search-form-background span:nth-child(10){
display: none;
}
/**/
.atbs-keylin-search-full-page .frame-section__content{
padding: 50px 70px 0 70px;
}
.atbs-keylin-search-full-page .frame-section-choose{
display: none;
}
.atbs-keylin-search-full-page .frame-section-choose + .frame-section-choose{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
}
/**/
.atbs-keylin-search-full-page .frame-section__content-left .frame-section__content-inner {
margin-top: 50px;
}
/**/
.atbs-keylin-search-remove{
right: 10px;
position: absolute;
left: unset;
top: 25px;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
/**/
.atbs-keylin-search-full-page .frame-section__bottom{
width: 100%;
}
}
@media (max-width: 480px) {
/*
Content
*/
.atbs-keylin-search-full-page .frame-section__content{
padding: 50px 50px 0 50px;
}
/**/
.atbs-keylin-search-full-page .search-form .form-heading .heading--title h3 {
font-size: 55px;
}
}
@media (max-width: 420px) {
/*
Layout
*/
/*
Content
*/
.atbs-keylin-search-full-page .frame-section__content{
padding: 50px 25px 0 25px;
}
/**/
.atbs-keylin-search-full-page .search-form .form-heading .heading--title h3 {
font-size: 45px;
}
}
@media (max-width: 380px) {
/*
Content
*/
.atbs-keylin-search-full-page .frame-section__content{
padding: 50px 15px 0 15px;
}
}
/* .atbs-keylin-search-full-style-a ----------------------- */
/** Icons **/
.atbs-keylin-icon-close {
display: block;
width: 40px;
height: 2px;
background-color: currentColor;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.atbs-keylin-icon-close::before {
content: '';
position: absolute;
top: 0;
left: 50%;
background-color: var(--color-text-dark);
width: 40px;
height: 2px;
-webkit-transform: translateX(-50%) rotate(90deg);
-moz-transform: translateX(-50%) rotate(90deg);
-o-transform: translateX(-50%) rotate(90deg);
transform: translateX(-50%) rotate(90deg);
}
@media (max-width: 767px) {
.atbs-keylin-icon-close,
.atbs-keylin-icon-close::before {
width: 35px
}
}
@media (max-width: 480px) {
.atbs-keylin-icon-close,
.atbs-keylin-icon-close::before {
width: 25px
}
}
.atbs-keylin-icon-right-arrow {
position: relative;
display: block;
width: 70px;
height: 2px;
background-color: currentColor;
}
.atbs-keylin-icon-right-arrow::before {
content: '';
position: absolute;
top: 50%;
right: 2px;
width: 22px;
height: 22px;
border-top: 2px solid currentColor;
border-right: 2px solid currentColor;
-webkit-transform: translateY(-50%) rotate(45deg);
-moz-transform: translateY(-50%) rotate(45deg);
-o-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
@media (max-width: 767px) {
.atbs-keylin-icon-right-arrow {
width: 60px;
}
.atbs-keylin-icon-right-arrow::before {
width: 18px;
height: 18px;
}
}
@media (max-width: 480px) {
.atbs-keylin-icon-right-arrow {
width: 40px;
}
.atbs-keylin-icon-right-arrow::before {
width: 14px;
height: 14px;
}
}
/** Animation **/
.slide-in {
-webkit-animation: slide-in 300ms ease-out forwards;
-moz-animation: slide-in 300ms ease-out forwards;
animation: slide-in 300ms ease-out forwards;
}
@-webkit-keyframes slide-in {
from {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-moz-keyframes slide-in {
from {
opacity: 0;
-moz-transform: translateY(20px);
transform: translateY(20px);
}
to {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slide-in {
from {
opacity: 0;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
.slide-out {
-webkit-animation: slide-out 200ms ease-out forwards;
-moz-animation: slide-out 200ms ease-out forwards;
animation: slide-out 200ms ease-out forwards;
}
@-webkit-keyframes slide-out {
from {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
to {
opacity: 0;
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
}
@-moz-keyframes slide-out {
from {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0);
}
to {
opacity: 0;
-moz-transform: translateY(5px);
transform: translateY(5px);
}
}
@keyframes slide-out {
from {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
to {
opacity: 0;
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
-o-transform: translateY(5px);
transform: translateY(5px);
}
}
/*----------------------- atbs-keylin-search-full-style-2 */
/*
Layout
*/
.atbs-keylin-search-full-style-2 {
position: fixed;
top: 0;
right: 0;
left: 0;
height: 0;
background-color: #fff;
visibility: hidden;
pointer-events: none;
z-index: 999;
-webkit-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.atbs-keylin-search-full-style-2.is-open {
height: 100vh;
visibility: visible;
pointer-events: auto;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
-moz-transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
-o-transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.admin-bar .atbs-keylin-search-full-style-2 {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .atbs-keylin-search-full-style-2 {
top: 46px;
}
}
.atbs-keylin-search-full-style-2 .atbs-keylin-search-full__wrap {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
height: 100%;
}
.atbs-keylin-search-full-style-2 #atbs-keylin-search-remove {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
height: 40px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transform-origin: center;
-moz-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
opacity: 0;
z-index: 999;
}
.atbs-keylin-search-full-style-2.is-open #atbs-keylin-search-remove {
top: 30px;
opacity: 1;
visibility: visible;
-webkit-transform: rotate(1turn);
-moz-transform: rotate(1turn);
-o-transform: rotate(1turn);
transform: rotate(1turn);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-o-transition-property: opacity, -o-transform;
-moz-transition-property: opacity, transform, -moz-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform, -moz-transform, -o-transform;
/*transition-delay: 600ms;*/
-webkit-transition-duration: 600ms;
-moz-transition-duration: 600ms;
-o-transition-duration: 600ms;
transition-duration: 600ms;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.atbs-keylin-search-full-style-2 .popular-tags .list-horizontal {
margin: -7.5px;
}
.atbs-keylin-search-full-style-2 .popular-tags .list-horizontal li {
padding: 7.5px;
}
.search-result-posts-grid-1 .col-left {
width: 40%;
}
.search-result-posts-grid-1 .col-right {
width: 60%;
}
.atbs-keylin-search-full-style-2 .atbs-keylin-search-full__form,
.atbs-keylin-search-full-style-2 .atbs-keylin-search-full__results {
margin: 0 auto;
width: 1170px;
max-width: 1200px;
position: relative;
}
@media(max-width: 1199px){
.atbs-keylin-search-full-style-2 .atbs-keylin-search-full__form,
.atbs-keylin-search-full-style-2 .atbs-keylin-search-full__results {
width: 940px;
}
}
@media(max-width: 991px){
.atbs-keylin-search-full-style-2 .atbs-keylin-search-full__form,
.atbs-keylin-search-full-style-2 .atbs-keylin-search-full__results {
width: 720px;
}
}
@media(max-width: 767px){
.atbs-keylin-search-full-style-2 .atbs-keylin-search-full__form,
.atbs-keylin-search-full-style-2 .atbs-keylin-search-full__results {
width: 510px;
}
}
@media(max-width: 575px){
.atbs-keylin-search-full-style-2.is-open .atbs-keylin-search-full__inner,
.atbs-keylin-search-full-style-2 .atbs-keylin-search-full__form,
.atbs-keylin-search-full-style-2 .atbs-keylin-search-full__results {
width: 100%;
}
.atbs-keylin-search-full-style-2.is-open .atbs-keylin-search-full__inner {
padding-left: 15px;
padding-right: 15px;
}
}
.atbs-keylin-search-full-style-2 .atbs-keylin-search-full__results {
-webkit-box-flex: 1;
-webkit-flex: auto;
-moz-box-flex: 1;
flex: auto;
height: 100%;
}
.atbs-keylin-search-full__results .container-sm {
height: 100%;
}
/*
Content
*/
.atbs-keylin-search-full-style-2 .search-results__inner {
overflow-y: scroll;
}
.atbs-keylin-search-full-style-2 .search-results__inner::-webkit-scrollbar {
width: 0;
display: none;
}
.atbs-keylin-search-full-style-2 .search-results__inner {
height: 100%;
position: relative;
/*transform: translateY(20px);*/
opacity: 0;
visibility: visible;
}
.atbs-keylin-search-full-style-2.is-open .search-results__inner {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
.atbs-keylin-search-full-style-2 .search-results__content {
padding-right: 5px;
padding-bottom: 50px;
overflow-x: hidden;
overflow-y: auto;
left: 0;
top: 0;
right: 0;
bottom: 30px;
}
.atbs-keylin-search-full-style-2 .search-results__content::-webkit-scrollbar {
width: 4px;
}
.atbs-keylin-search-full-style-2 .search-results__content::-webkit-scrollbar-track {
background: transparent;
}
.atbs-keylin-search-full-style-2 .search-results__content::-webkit-scrollbar-thumb {
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}
.atbs-keylin-search-full-style-2 .search-results__content::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.25);
}
/** Transition **/
.atbs-keylin-search-full-style-2 .search-results__content.default {
opacity: 1;
visibility: visible;
pointer-events: auto;
/* transition-property: opacity, visibility;
transition-duration: 600ms;
transition-timing-function: ease-out;*/
-webkit-transition: 0.6s;
-o-transition: 0.6s;
-moz-transition: 0.6s;
transition: 0.6s;
}
.atbs-keylin-search-full-style-2 .atbs-keylin-search-full__results.is-active .search-results__content.default {
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition-duration: 200ms;
-moz-transition-duration: 200ms;
-o-transition-duration: 200ms;
transition-duration: 200ms;
}
.atbs-keylin-search-full-style-2 .search-results__content:not(.default) {
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition-property: opacity, visibility;
-o-transition-property: opacity, visibility;
-moz-transition-property: opacity, visibility;
transition-property: opacity, visibility;
-webkit-transition-duration: 600ms;
-moz-transition-duration: 600ms;
-o-transition-duration: 600ms;
transition-duration: 600ms;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.atbs-keylin-search-full-style-2 .atbs-keylin-search-full__results.is-active .search-results__content:not(.default) {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.atbs-keylin-search-full-style-2 .atbs-keylin-search-full__results.is-active .search-results__content:not(.default) .list-item {
-webkit-animation: abc 0.8s forwards calc(var(--time-delay) * 0.2s);
-moz-animation: abc 0.8s forwards -moz-calc(var(--time-delay) * 0.2s);
animation: abc 0.8s forwards calc(var(--time-delay) * 0.2s);
opacity: 0
}
@-webkit-keyframes abc {
0% {
-webkit-transform: translateY(60px);
transform: translateY(60px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-moz-keyframes abc {
0% {
-moz-transform: translateY(60px);
transform: translateY(60px);
opacity: 0;
}
100% {
-moz-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes abc {
0% {
-webkit-transform: translateY(60px);
-moz-transform: translateY(60px);
-o-transform: translateY(60px);
transform: translateY(60px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
/** Search Form **/
.atbs-keylin-search-full-style-2 .atbs-keylin-search-full__inner {
opacity: 0;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
}
.atbs-keylin-search-full-style-2.is-open .atbs-keylin-search-full__inner {
opacity: 1;
}
.atbs-keylin-search-full-style-2 .atbs-keylin-search-full__inner {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
-webkit-align-content: center;
align-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
height: 100%;
}
.atbs-keylin-search-full-style-2.is-open:not(.is-active) .atbs-keylin-search-full__inner {
opacity: 1;
}
.atbs-keylin-search-full-style-2 .atbs-keylin-search-full__form .form-group {
position: relative;
margin-bottom: 0;
overflow: hidden;
}
.atbs-keylin-search-full-style-2 .search-form__input {
position: relative;
padding: 0;
min-height: 60px;
background-color: transparent;
color: var(--color-text-gray);
border: none;
border-bottom: 2px solid #ddd;
border-radius: 0;
font-size: 100px;
font-weight: 300;
letter-spacing: 5px;
-webkit-appearance: textfield;
}
.atbs-keylin-search-full-style-2 .search-form__input:focus,
.atbs-keylin-search-full-style-2 .search-form__input:focus-within {
padding: 0 100px 0 0;
outline: none;
border: none;
border-bottom: 2px solid #ddd;
}
.atbs-keylin-search-full-style-2 .search-form__submit {
position: absolute;
top: 0;
right: 0;
bottom: 0;
background: transparent;
border: none;
font-size: 48px;
box-shadow: none;
opacity: 0;
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-o-transition-property: opacity, -o-transform;
-moz-transition-property: opacity, transform, -moz-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform, -moz-transform, -o-transform;
-webkit-transition-duration: 200ms;
-moz-transition-duration: 200ms;
-o-transition-duration: 200ms;
transition-duration: 200ms;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.atbs-keylin-search-full-style-2 .search-form__input:focus,
.atbs-keylin-search-full-style-2 .search-form__input:focus-within {
border-bottom-color: #ddd;
}
.atbs-keylin-search-full-style-2 .search-form__input:focus + .search-form__submit,
.atbs-keylin-search-full-style-2 .search-form__input:focus-within + .search-form__submit {
opacity: 0.5;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.atbs-keylin-search-full-style-2.is-open #atbs-keylin-search-remove > i {
opacity: 0.5;
-webkit-transition: opacity 150ms ease-out;
-moz-transition: opacity 150ms ease-out;
-o-transition: opacity 150ms ease-out;
transition: opacity 150ms ease-out;
}
.atbs-keylin-search-full-style-2.is-open #atbs-keylin-search-remove:hover > i,
.atbs-keylin-search-full-style-2.is-open .search-form__submit:hover {
opacity: 1;
}
.atbs-keylin-search-full-style-2 .search-form__input::-webkit-placeholder {
color: var(--color-text-light);
}
.atbs-keylin-search-full-style-2 .search-form__input::-webkit-input-placeholder {
color: var(--color-text-light);
}
.atbs-keylin-search-full-style-2 .search-form__input::-moz-placeholder {
color: var(--color-text-light);
}
.atbs-keylin-search-full-style-2 .search-form__input:-ms-input-placeholder {
color: var(--color-text-light);
}
.atbs-keylin-search-full-style-2 .search-form__input::-ms-input-placeholder {
color: var(--color-text-light);
}
.atbs-keylin-search-full-style-2 .search-form__input::placeholder {
color: var(--color-text-light);
}
/** Search Result **/
.atbs-keylin-search-full-style-2 .ajax-search .search-results {
display: block;
opacity: 1;
visibility: visible;
padding-top: 80px;
max-height: 0;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.atbs-keylin-search-full-style-2.is-active .ajax-search .search-results.is-active {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
max-height: 100%;
}
.atbs-keylin-search-full-style-2:not(.is-active) .ajax-search .search-results {
max-height: 0;
-webkit-box-flex: 0;
-webkit-flex: 0;
-moz-box-flex: 0;
flex: 0;
}
.atbs-keylin-search-full-style-2.is-open .atbs-keylin-search-full__inner {
padding: 50px 50px 0 50px;
}
/** Search Result Section **/
.atbs-keylin-search-full-style-2 .search-results__section {
margin-bottom: 30px;
}
.atbs-keylin-search-full-style-2 .search-results__section:last-child {
margin-bottom: 0;
}
/** Search Result Heading **/
.atbs-keylin-search-full-style-2 .search-results__heading {
margin-bottom: 40px;
font-size: 20px;
color: var(--color-primary);
letter-spacing: 0;
line-height: 1;
font-weight: 700;
text-transform: uppercase;
}
.search-results__heading--line-below {
position: relative;
padding-bottom: 15px;
}
.search-results__heading--line-below::after {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 40px;
border-top: 2px solid currentColor;
}
.data-typing-loader {
opacity: 0;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-25px);
-moz-transform: translateY(-50%) translateX(-25px);
-o-transform: translateY(-50%) translateX(-25px);
transform: translateY(-50%) translateX(-25px);
}
.is-loading .data-typing-loader{
opacity: 1;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
}
.is-loading .search-form__submit {
visibility: hidden;
opacity: 0;
}
@media (max-width: 767px) {
.data-typing-loader {
-webkit-transform: translateY(-50%) translateX(-20px);
-moz-transform: translateY(-50%) translateX(-20px);
-o-transform: translateY(-50%) translateX(-20px);
transform: translateY(-50%) translateX(-20px);
}
.data-typing-loader svg {
width: 33px;
height: 33px;
}
}
@media (max-width: 480px) {
.data-typing-loader {
-webkit-transform: translateY(-50%) translateX(-15px);
-moz-transform: translateY(-50%) translateX(-15px);
-o-transform: translateY(-50%) translateX(-15px);
transform: translateY(-50%) translateX(-15px);
}
.data-typing-loader svg {
width: 30px;
height: 30px;
}
}
/** Popular Searches **/
.atbs-keylin-search-full-style-2 .search-terms-section ul {
margin-bottom: -10px;
}
.atbs-keylin-search-full-style-2 .search-terms-section li {
display: inline-block;
margin-right: 5px;
margin-bottom: 10px;
}
.atbs-keylin-search-full-style-2 .search-term a {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
padding: 0 20px;
min-width: 75px;
height: 35px;
color: #222222;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 35px;
font-size: 0.8571rem;
text-decoration: none;
-webkit-transition-property: background-color, color, border-color;
-o-transition-property: background-color, color, border-color;
-moz-transition-property: background-color, color, border-color;
transition-property: background-color, color, border-color;
-webkit-transition-duration: 150ms;
-moz-transition-duration: 150ms;
-o-transition-duration: 150ms;
transition-duration: 150ms;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.atbs-keylin-search-full-style-2 .search-term a:hover {
background-color: var(--color-primary);
color: var(--color-white);
border-color: var(--color-primary);
}
/** Popular Tags **/
.atbs-keylin-search-full-style-2 .entry-tags li {
border-radius: 5px;
color: #5c5c5c;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
}
.atbs-keylin-search-full-style-2 .entry-tags {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-flow: row wrap;
}
.atbs-keylin-search-full-style-2 .post-tag {
position: relative;
}
.atbs-keylin-search-full-style-2 .category-tile__wrap {
margin-top: 0;
box-shadow: none;
}
.atbs-keylin-search-full-style-2 .category-tile--sm .category-tile__inner {
min-width: 200px;
}
/** Search Recent Posts **/
.post--card-sm .post__title {
font-size: 18px;
font-size: 1.2857rem; /*font system*/
line-height: 1.44;
}
.post--card-sm a.post__cat {
margin-bottom: 15px;
}
/*
Responsive
*/
@media (min-width: 1025px) {
/*
Content
*/
.search-result-posts-grid-1 .post--overlay-tiny .post__title {
font-size: 20px;
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
/** Search Recent Posts **/
.search-result-posts-grid-1 .post--overlay-tiny .post__title {
font-size: 18px;
font-size: 1.2857rem;
}
}
@media (max-width: 991px) {
/*
Layout
*/
.posts-list-horizontal-style-2.flexbox-wrap-2i > * {
width: 100%;
}
/*
Content
*/
.atbs-keylin-search-full-style-2 .search-form__input {
font-size: 80px;
}
.atbs-keylin-search-full-style-2 .search-results__content {
padding-right: 0;
}
}
@media (max-width: 991px) and (min-width: 576px) {
/*
Content
*/
.search-result-posts-grid-1 .post--overlay-tiny .post__text {
min-height: 360px;
}
.search-result-posts-grid-1 .post--overlay-tiny .post__title {
font-size: 20px;
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
}
@media (max-width: 767px) {
/*
Layout
*/
.search-result-posts-grid-1 [class ^="col-"] {
width: 50%;
}
/*
Content
*/
.atbs-keylin-search-full-style-2.is-open #atbs-keylin-search-remove {
top: 10px;
}
.atbs-keylin-search-full-style-2 .search-form__input,
.atbs-keylin-search-full-style-2 .search-form__input:focus,
.atbs-keylin-search-full-style-2 .search-form__input:focus-within {
border-width: 3px;
font-size: 50px;
letter-spacing: 2px;
}
}
@media (max-width: 575px) {
/*
Layout
*/
.search-result-posts-grid-1 {
margin: -20px;
}
.search-result-posts-grid-1 [class ^="col-"] {
padding: 20px;
width: 100%;
}
}
@media (max-width: 575px) and (min-width: 481px) {
/*
Content
*/
.search-result-posts-grid-1 .post--overlay-tiny .post__text {
min-height: 280px;
}
.search-result-posts-grid-1 .post--overlay-tiny .post__title {
font-size: 18px;
font-size: 18px;
font-size: 1.2857rem;
}
}
@media (max-width: 480px) {
/*
Content
*/
.atbs-keylin-search-full-style-2 .search-form__input,
.atbs-keylin-search-full-style-2 .search-form__input:focus,
.atbs-keylin-search-full-style-2 .search-form__input:focus-within {
border-width: 2px;
font-size: 40px;
}
.atbs-keylin-search-full-style-2 .search-results__heading {
font-size: 18px;
font-weight: 600;
}
}
@media (max-width: 420px) {
/*
Content
*/
.atbs-keylin-search-full-style-2 .search-form__input,
.atbs-keylin-search-full-style-2 .search-form__input:focus,
.atbs-keylin-search-full-style-2 .search-form__input:focus-within {
font-size: 35px;
}
}
@media (max-width: 380px) {
/*
Content
*/
.atbs-keylin-search-full-style-2 .search-form__input,
.atbs-keylin-search-full-style-2 .search-form__input:focus,
.atbs-keylin-search-full-style-2 .search-form__input:focus-within {
font-size: 24px;
}
.atbs-keylin-search-full-style-2 .ajax-search .search-results {
padding-top: 60px;
}
}
/* .atbs-keylin-search-full-style-2 ----------------------- */
/*----------------------- single */
@media (min-width: 1200px) {
.single-style-1 *:not(.atbs-keylin-main-col) .entry-thumb {
/*height: 580px;*/
}
}
/*
Content
*/
.post--single {
margin-bottom: 50px;
}
.single-header-wrap,
.single-entry-featured-media-wrap,
.single-entry-featured-media,
.single-entry--billboard-overlap-title .single-header--has-background,
.single-entry--template-4.single-entry--no-sidebar .single-entry-featured-media {
margin-bottom: 40px;
}
.atbs-keylin-block--fullwidth.atbs-keylin-block--contiguous:first-child.single-entry-featured-media-wrap {
margin-top: 0;
}
/** Single Header **/
.single-header {
margin: 0 0 40px;
}
.single-entry--billboard .single-billboard,
.single-entry--billboard-floorfade .single-billboard,
.single-entry--billboard-floorfade.single-entry--no-sidebar .single-billboard,
.single-entry--billboard-blur .single-billboard,
.single-entry--billboard-blur.single-entry--no-sidebar .single-billboard {
margin-bottom: 60px;
}
/*.single-style-5 .single-billboard,
.single-style-6 .single-billboard {
margin-bottom: 40px;
}*/
.single-entry--template-4 .single-header-with-bg,
.single-entry--template-4-alt .single-header-with-bg {
padding-top: 30px;
}
.single-entry--template-4.featured-media-not-exists .single-header,
.single-entry--template-4-alt.featured-media-not-exists .single-header {
margin-bottom: 0;
}
.single-entry--template-4.featured-media-not-exists .single-header-with-bg,
.single-entry--template-4-alt.featured-media-not-exists .single-header-with-bg {
padding-bottom: 40px;
}
.single-header-wrap .single-header {
margin: 0;
}
.single-entry-thumb,
.single-entry-featured-media {
box-shadow: none;
}
.single-entry .entry-thumb,
.single-entry .atbs-keylin-gallery-wrap,
.single-entry .atbs-keylin-responsive-video {
margin-bottom: 30px;
box-shadow: none;
}
.single-entry .atbs-keylin-block--contiguous .single-entry-thumb,
.single-entry .single-entry-featured-media-wrap .entry-thumb,
.single-entry .single-entry-featured-media-wrap .atbs-keylin-gallery-wrap,
.single-entry .single-entry-featured-media-wrap .atbs-keylin-responsive-video,
.single-billboard--video .atbs-keylin-responsive-video {
margin-bottom: 0;
}
.single-entry--billboard-overlap-title.single-entry-thumb-not-exists .has-post-thumbnail .single-header {
margin-top: 0;
}
.single-header .cat-time-group a.entry-cat.cat-line-after {
margin-right: 7.5px;
margin-left: 7.5px;
padding-right: 0;
}
.single-header .cat-time-group a.entry-cat.cat-line-after::after {
display: none;
}
.single-header .cat-time-group {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
align-items: flex-start;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-moz-box-ordinal-group: 0;
order: -1;
margin: -15px 0 15px;
}
.single-header.single-header--center .cat-time-group {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
}
.single-header .cat-time-group .entry-cat {
margin-bottom: 5px;
}
.single-header .cat-time-group .cat-container {
margin: 15px 7.5px -7.5px -5px;
}
.single-header .cat-time-group .entry-meta {
display: inline-block;
-webkit-box-flex: 0;
-webkit-flex: none;
-moz-box-flex: 0;
flex: none;
position: relative;
margin-top: 15px;
margin-left: 40px;
padding-left: 15px;
}
.single-header--center .cat-time-group {
text-align: center;
}
.single-header--center .cat-time-group .entry-meta {
margin-left: 0;
padding-left: 0;
}
.single-header .cat-time-group .entry-meta::after {
content: "";
position: absolute;
top: 50%;
right: 100%;
width: 40px;
border-top: 1px solid #d4d3d0;
}
.single-header--center .cat-time-group .entry-meta::after {
display: none;
}
.cat-color-gray + .entry-meta {
color: var(--color-text-gray);
}
.single-entry .entry-title {
margin-top: 0;
margin-bottom: 15px;
font-size: 32px;
font-size: 2.2857rem; /*font system*/
line-height: 1.3;
word-break: break-word;
}
.single-header .entry-title:last-child {
margin-bottom:0;
}
.single-entry .single-header:not(.inverse-text) .entry-cat:hover {
color: #151416 !important;
}
.single-entry .single-header .inverse-text .entry-cat:hover,
.single-entry .single-header.inverse-text .entry-cat:hover {
color: #fff !important;
}
@media(min-width: 992px){
.single-entry .atbs-entry-title-fw .entry-title,
.single-entry .single-entry--no-sidebar .entry-title{
font-size: 32px;
line-height: 1.4;
}
}
@media(min-width: 1200px){
.single-entry .atbs-entry-title-fw .entry-title,
.single-entry .single-entry--no-sidebar .entry-title{
font-size: 36px;
line-height: 1.33;
}
}
/*.single-header-with-bg .entry-title,
.single-header--has-background .entry-title,
.single-billboard .entry-title {
font-weight: 600;
}*/
.single-header--center .entry-teaser {
margin-bottom: 20px;
max-width: 768px;
}
.entry-author-horizontal-has-avatar .entry-author {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
}
.entry-author-horizontal-has-avatar .entry-author > * {
display: inline-block;
}
.entry-author-horizontal-has-avatar .author__text {
-webkit-box-flex: 0;
-webkit-flex: none;
-moz-box-flex: 0;
flex: none;
}
.single-header .entry-author .hint-span {
margin-right: 2.5px;
}
.single-header .entry-author .author-name {
margin-right: 15px;
text-transform: capitalize;
}
.inverse-text .hint-span,
.inverse-text .entry-meta .author-name {
color: #eee;
}
/** Billboard Video **/
.single-entry .single-billboard--video .block-heading {
margin-bottom: 40px;
}
.billboard-video-posts-list__wrapper {
padding-right: 8px;
overflow-x: hidden;
}
.billboard-video-posts-list__wrapper::-webkit-scrollbar {
width: 4px;
}
.billboard-video-posts-list__wrapper::-webkit-scrollbar-track {
background: none;
}
.billboard-video-posts-list__wrapper::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.2);
}
.billboard-video-posts-list__wrapper::-webkit-scrollbar-thumb:hover {
-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.4);
}
.single-entry .single-billboard--video .block-heading .block-heading__title {
font-size: 18px;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
}
/** Single infinity Scroll **/
.single-infinity-container .single-infinity-inner:not(:first-child) {
padding-top: 80px;
border-top: 1px solid rgba(0,0,0,0.05);
}
@media(max-width: 767px) {
.single-infinity-container .single-infinity-inner:not(:first-child) {
padding-top: 50px;
}
}
@media(max-width: 575px) {
.single-infinity-container .single-infinity-inner:not(:first-child) {
padding-top: 40px;
}
}
/** Single Body **/
.post--single .single-body {
margin-bottom: 0;
padding: 0;
color: #444;
font-size: 18px;
line-height: 1.6;
}
.post--single .single-footer {
margin-top: 40px;
}
@media (min-width: 576px) {
.post--single .single-body {
font-size: 18px;
line-height: 1.8;
}
}
.post--single .single-body > *:last-child {
margin-bottom: 0;
}
.typography-copy ol,
.typography-copy ul,
.comment-content ol,
.comment-content ul {
margin-bottom: 1.6em;
padding-left: 1.8em;
}
.typography-copy ol li:not(:last-child),
.typography-copy ul li:not(:last-child),
.comment-content ol li:not(:last-child),
.comment-content ul li:not(:last-child) {
margin-bottom: 1rem;
}
.wp-block-image figcaption {
padding-top: 0;
}
.wp-caption .wp-caption-text,
.wp-caption-dd {
color: inherit;
text-align: left;
}
.typography-copy blockquote,
.comment-content blockquote {
/*color: inherit;*/
}
.post--single .single-body figcaption{
font-size: 14px;
font-size: 1rem; /*font system*/
}
/** Single Footer **/
.single-footer .entry-info {
margin: 0;
padding: 0;
border-bottom: none;
border-top: none;
}
.post--single .entry-tags {
padding: 0 25px 0 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.post--single .single-social-share .social-share .social-share-label,
.post--single .entry-tags .entry-tags-label {
color: rgba(0,0,0,0.7);
text-transform: uppercase;
margin-right: 10px;
font-size: 14px;
font-weight: 400;
line-height: 1;
letter-spacing: 0;
}
.post--single .entry-tags,
.post--single .entry-tags .tag {
letter-spacing: 0;
color: #999;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
font-size: 15px;
line-height: 1;
}
.post--single .entry-tags .tag {
padding: 0;
}
.post--single .post__tags li:not(:last-child) .tag::after {
content: '';
display: inline-block;
margin-right: 20px;
margin-left: 0;
}
.post--single .entry-footer {
color: #8c8c8c;
border-top: 1px solid;
border-bottom: 1px solid;
border-color: rgba(0,0,0,0.05);
padding-top: 15px;
padding-bottom: 15px;
}
.post--single .entry-tags ul {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
margin: 0;
padding: 0;
}
.post--single .entry-tags ul {
margin: -2px;
}
.post--single .entry-tags ul li {
margin: 0;
padding: 2px;
}
.post--single .entry-tags__icon {
font-size: 12px;
color: #717171;
margin-right: 20px;
line-height: 1.4;
}
.post--single .entry-tags ul > li > a {
color: #888;
}
.entry-meta-footer {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
}
.entry-meta-footer > * {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
}
.entry-meta-footer > *:not(:last-child) {
margin-right: 15px;
}
.post--single .entry-comment a,
.post--single .entry-views a {
letter-spacing: 0;
color: #999;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
font-size: 15px;
line-height: 1;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
text-decoration: none;
}
.post--single .entry-comment i,
.post--single .entry-views i {
margin-right: 5px;
}
.post--single .single-social-share .social-share {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
justify-content: flex-end;
}
.post--single .single-social-share .social-share .social-share-label {
margin-right: 20px;
color: #999;
}
.single-social-share {
margin-left: auto;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-moz-box-flex: 1;
flex: 1 0 auto;
}
.post--single .social-share .mdicon {
color: #666;
font-size: 12px;
}
.single-footer .social-share .sharing-btn svg {
vertical-align: sub;
fill: #999;
}
.post--single .single-footer .entry-tags__icon {
float: left;
}
.post--single .entry-tags,
.single-footer .entry-tags ul {
display: block;
}
.post--single .single-footer .entry-tags,
.post--single .single-footer .single-social-share {
flex: 1 1 auto;
min-width: 200px;
}
.post--single .single-footer .entry-tags::after {
clear: both;
}
.post--single .single-footer .entry-tags::before,
.post--single .single-footer .entry-tags::after {
content: ' ';
display: table;
}
.single-footer .entry-tags ul > li,
.post--single .entry-tags .tag {
line-height: 1.4;
}
/** Review **/
.atbs-keylin-review {
line-height: 1.5;
padding-top: 20px;
}
.atbs-keylin-review__product-image {
width: 80px;
}
.atbs-keylin-review__product-image.not-exist-img {
position: relative;
padding-top: 80px;
}
.atbs-keylin-review__product-image.not-exist-img::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #9A9A9A;
}
.atbs-keylin-review .post-score-hexagon .circle-svg {
-webkit-filter: drop-shadow(0 0 20px rgba(0, 0, 0, .2));
filter: drop-shadow(0 0 20px rgba(0, 0, 0, .2));
}
.post-score-hexagon .circle-svg {
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, .2));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, .2));
}
.atbs-keylin-review__product {
margin-right: 30px;
}
.atbs-keylin-review__product .media-left {
padding-right: 30px;
}
.atbs-keylin-review .atbs-keylin-review__product-name {
margin-bottom: .75em;
}
.atbs-keylin-review__product-byline {
color: rgba(0,0,0,.4);
}
.atbs-keylin-review__pros-and-cons ul {
margin-bottom: 0;
padding-left: 0;
}
.atbs-keylin-review__pros-and-cons .atbs-keylin-review__list-title {
color: var(--color-text-dark);
}
/** Single Entry Section **/
.single-entry-section {
margin-top: 0;
margin-bottom: 50px;
}
.single-entry-section:last-child {
margin-bottom: 0 !important;
}
.single-entry-section .block-heading {
margin-bottom: 30px;
}
.single-entry-section .block-heading.heading-style-16 .block-heading__title::before {
width: 65px;
border-width: 4px;
}
.single-entry-section .block-heading .block-heading__title {
font-size: 1.5714rem; /*font system*/
line-height: 1.2;
font-weight: 600;
text-transform: uppercase;
}
@media (max-width: 767px) {
.single-entry-section .block-heading .block-heading__title {
font-size: 1.5714rem !important; /*font system*/
line-height: 1.2 !important;
}
}
/** Post Navigation **/
.posts-navigation:first-child {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
}
.single .posts-navigation {
padding-bottom: 50px;
border-bottom: 1px solid rgba(0,0,0,0.05);
}
.navigation-button:hover {
text-decoration: none;
}
.posts-navigation .navigation-button {
border: 1px solid #d8d8d8;
padding: 10px 10px;
padding-right: 25px;
display: inline-block;
position: relative;
color: #151416;
text-transform: uppercase;
font-size: 14px;
font-weight: 400;
text-decoration: none;
line-height: 1;
}
.author-socials .social-list {
margin: 0 -0.4rem;
}
.author-socials .social-list.social-list--xs li i {
font-size: 16px;
}
.posts-navigation .posts-navigation__prev .navigation-button {
padding: 12px;
padding-left: 25px;
margin-left: 10px;
}
.posts-navigation .posts-navigation__next .navigation-button {
padding: 12px;
padding-right: 25px;
margin-right: 10px;
}
.posts-navigation .posts-navigation__prev {
float: left;
}
.posts-navigation .posts-navigation__next {
float: right;
}
.posts-navigation .navigation-button i {
position: absolute;
top: 50%;
left: 0;
padding: 2px 5px;
background-color: var(--color-logo);
color: var(--color-white);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.posts-navigation__next .navigation-button i {
left: auto;
right: 0;
-webkit-transform: translate(50%,-50%);
-moz-transform: translate(50%,-50%);
-o-transform: translate(50%,-50%);
transform: translate(50%,-50%);
}
.posts-navigation .posts-navigation__next .navigation-button svg {
margin-left: 10px;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
order: 2;
}
.posts-navigation .posts-navigation__next .navigation-button {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
justify-content: flex-end;
}
.posts-navigation .posts-navigation__prev .navigation-button svg {
margin-right: 10px;
}
@media (min-width: 768px) {
.comment-form-comment textarea {
max-width: 100%;
}
.comment-form-author,
.comment-form-email {
margin-right: 15px;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
width: -moz-calc(100% / 3 - 30px/3);
width: calc(100% / 3 - 30px/3);
float: left;
}
}
@media(max-width: 480px){
.posts-navigation > * {
width: 100%;
}
.posts-navigation .posts-navigation__prev:not(:last-child) {
margin-bottom: 20px;
}
}
/** Comments Section **/
.comments-title {
margin-bottom: 35px;
padding-top: 0;
border: none;
}
.comments-title::before {
content: '';
color: inherit;
margin-right: 0;
}
.logged-in-as,
.comment-notes {
margin-bottom: 20px;
}
/* Comment Form */
.comment-form label {
margin-bottom: 10px;
}
.comment-form-cookies-consent {
margin-bottom: 35px !important;
clear: both;
}
.comment-form-cookies-consent > input[type=checkbox] {
margin-top: 3px;
margin-right: 10px;
float: left;
cursor: pointer;
}
.comment-form-cookies-consent > label {
margin: 0 !important;
display: block;
line-height: 1.5;
cursor: pointer;
}
.comment-form .form-submit {
padding-top: 0;
}
.comment-form .form-submit input[type="submit"] {
margin: 0;
background: #222222;
color: var(--color-white);
outline: none;
}
.comment-form .form-submit input[type="submit"]:hover,
.comment-form .form-submit input[type="submit"]:active,
.comment-form .form-submit input[type="submit"]:focus {
background: var(--color-primary);
}
/*
Responsive
*/
@media (min-width: 768px) {
/*
Content
*/
/** Single Header **/
.single-entry--billboard-overlap-title .single-billboard {
margin-bottom: 60px;
}
.single-entry--billboard-overlap-title .single-header__inner {
padding: 50px 40px;
}
.single-entry--billboard-overlap-title .single-header--has-background .single-header__inner {
padding-bottom: 50px;
}
.single-entry--template-4.single-entry--no-sidebar .single-entry-thumb {
margin-bottom: 35px;
}
.single-billboard--video {
padding: 50px 0;
}
/** Review **/
.atbs-keylin-review__product-image.not-exist-img {
padding-top: 70px;
}
.atbs-keylin-review__overall-score {
margin-top: -50px;
}
}
@media (min-width: 992px) {
/*
Layout
*/
.billboard-video-posts-list__wrapper {
height: 410px;
overflow-y: scroll;
position: relative;
}
/*
Content
*/
/** Single Header **/
.single-entry--template-4 .single-header-with-bg,
.single-entry--template-4-alt .single-header-with-bg {
padding-top: 70px;
}
.single-entry--template-4.featured-media-not-exists .single-header-with-bg,
.single-entry--template-4-alt.featured-media-not-exists .single-header-with-bg {
padding-bottom: 70px;
}
.single-entry--template-4.single-style-9 .single-header-with-bg {
margin-bottom: 60px;
}
.single-entry--template-4.single-style-9 .single-entry-thumb,
.single-entry--template-4.single-style-9 .single-entry-featured-media {
margin-top: -120px;
}
.single-entry .single-style-9 .entry-thumb {
margin-bottom: 40px;
}
.single-entry--template-4 .single-header,
.single-entry--template-4-alt .single-header {
margin-bottom: 120px;
}
}
@media (max-width: 1199px) {
/*
Content
*/
/** Single Header **/
.single-entry .entry-title {
font-size: 28px;
font-size: 2rem; /*font system*/
line-height: 1.4;
}
.billboard-video-posts-list__wrapper {
height: 330px;
overflow-y: scroll;
position: relative;
}
}
@media (max-width: 991px) {
/*
Content
*/
/** Single Header **/
.single-header-wrap,
.single-entry-featured-media-wrap {
margin-bottom: 30px;
}
.single-entry--template-4 .single-header, .single-entry--template-4-alt .single-header {
margin-bottom: 80px;
}
.single-billboard--video .atbs-keylin-sub-col {
padding-top: 40px;
}
.single-entry .single-billboard--video .block-heading {
margin-bottom: 35px;
}
.single-entry--billboard .single-billboard,
.single-entry--no-sidebar .single-entry-thumb,
.single-entry--billboard-floorfade .single-billboard,
.single-entry--billboard-floorfade.single-entry--no-sidebar .single-billboard,
.single-entry--billboard-blur .single-billboar,
.single-entry--billboard-blur.single-entry--no-sidebar .single-billboard {
margin-bottom: 35px;
}
.single-entry--billboard-blur.single-entry--no-sidebar .single-billboard,
.atbs-keylin-block.single-billboard {
margin-bottom: 35px;
}
.billboard-video-posts-list__wrapper {
height: 250px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.single-entry--template-4 .single-header-with-bg,
.single-entry--template-4-alt .single-header-with-bg {
padding-top: 50px;
}
.single-entry--template-4 .single-header,
.single-entry--template-4-alt .single-header {
margin-bottom: 100px;
}
}
@media (max-width: 991px) and (min-width: 481px) {
/*
Content
*/
/** Review **/
.atbs-keylin-review .atbs-keylin-review__list-title {
font-weight: 600;
}
}
@media (max-width: 991px) and (min-width: 768px) {
/*
Content
*/
/** Billboard Video Posts List **/
.billboard-video-posts-list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-flow: row wrap;
margin: -15px;
}
.billboard-video-posts-list li {
padding: 15px;
width: 50%;
}
}
@media (max-width: 767px) {
/*
Content
*/
.post--single {
margin-bottom: 40px;
}
/** Single Header **/
.single-entry .entry-thumb {
margin: 0 0 25px;
height: 280px;
}
.single-entry .entry-thumb img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
}
.single-entry--template-4 .single-entry-thumb,
.single-entry--template-4 .single-entry-featured-media,
.single-entry--template-4-alt .single-entry-thumb,
.single-entry--template-4-alt .single-entry-featured-media {
margin-top: -70px;
}
.single-entry--no-sidebar .single-entry-thumb {
margin-left: -15px;
margin-right: -15px;
}
.single-entry--billboard .single-billboard,
.single-entry--billboard-floorfade .single-billboard,
.single-entry--billboard-floorfade.single-entry--no-sidebar .single-billboard,
.single-entry--billboard-blur .single-billboard,
.single-entry--billboard-blur.single-entry--no-sidebar .single-billboard {
margin-bottom: 30px;
}
.single-billboard.single-billboard--video {
margin-bottom: 50px;
}
.single-billboard,
.single-billboard .single-billboard__inner {
min-height: 380px;
}
.single-billboard--video .atbs-keylin-sub-col {
padding-bottom: 20px;
}
.billboard-video-posts-list__wrapper {
height: 310px;
}
.single-entry .entry-title {
font-size: 26px;
font-size: 1.8571rem; /*font system*/
line-height: 1.38;
}
.single-entry .entry-teaser {
font-size: 17px;
}
/** Review **/
.atbs-keylin-review__inner {
position: relative;
padding-top: 120px;
}
.atbs-keylin-review__inner>*:not(:last-child) {
margin-bottom: 25px;
}
.atbs-keylin-review__overall-score {
position: absolute;
top: -15px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.atbs-keylin-review .post-score-hexagon--l {
width: 100px;
}
.atbs-keylin-review .post-score-hexagon--l .post-score-value {
font-size: 26px;
}
.atbs-keylin-review .atbs-keylin-review__product-name {
font-size: 22px;
font-size: 1.5714rem; /*font system*/
line-height: 1.41;
}
/** Posts Navigation **/
.posts-navigation {
width: 100%;
}
.posts-navigation > *:not(:last-child) {
margin-bottom: 20px;
}
.posts-navigation .post--overlay .post__title.line-limit-child.line-limit-2 > * {
-webkit-line-clamp: 3;
}
/** Single Body **/
.typography-copy blockquote,
.comment-content blockquote {
font-size: 1.25em;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
width: 100%;
max-width: 100%;
}
/** Single Footer **/
.single-footer .entry-info {
/*align-items: flex-start;*/
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.single-footer .entry-info {
margin: -2.5px;
}
.single-footer .entry-info > * {
padding: 2.5px;
}
.post--single .entry-tags {
-webkit-box-flex: 0;
-webkit-flex: none;
-moz-box-flex: 0;
flex: none;
width: 50%;
}
.single-footer .single-social-share {
padding: 10px 0;
-webkit-box-flex: 0;
-webkit-flex: 0 1 50%;
-moz-box-flex: 0;
flex: 0 1 50%;
}
/** Single Entry Section **/
.single-entry-section .block-heading__title {
font-size: 1.4285rem; /*font system*/
line-height: 1.4;
}
/**/
.single-entry--billboard-overlap-title .single-header--has-background.single-header--center .entry-title {
margin-bottom: 0;
}
.single-entry--billboard-overlap-title .single-header--has-background.single-header--center .entry-meta,
.single-entry--billboard-overlap-title .single-header--has-background.single-header--center .entry-teaser {
display: none;
}
}
@media (max-width: 767px) {
.post--single .single-social-share {
width: 100%;
}
.post--single .entry-footer {
width: 100%;
margin-right: 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
padding: 0;
}
.post--single .entry-tags {
width: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
padding: 0;
padding-top: 20px;
padding-bottom: 10px;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
align-items: flex-start;
}
.post--single .entry-footer .entry-info {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
align-items: flex-start;
margin: 0;
}
.entry-meta-footer {
padding: 15px 20px 15px 20px !important;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
border-top: 1px solid rgba(0,0,0,0.1);
width: 100%;
}
}
@media (max-width: 767px) and (min-width: 576px) {
.single-entry--billboard-overlap-title .single-header__inner {
padding: 40px 30px;
}
.single-entry--billboard-overlap-title .single-header--has-background .single-header__inner {
padding-bottom: 40px;
}
}
@media (max-width: 575px) {
/*
Content
*/
/** Single Header **/
.single-billboard,
.single-billboard .single-billboard__inner {
min-height: 320px;
}
.single-billboard .single-header .entry-title {
margin-bottom: 0;
}
.single-billboard .single-header .entry-teaser,
.single-billboard .single-header .entry-meta {
display: none;
}
}
@media (max-width: 480px) {
/*
Content
*/
/** Single Header **/
.single-entry .entry-thumb {
height: 250px;
}
/*.single-entry--billboard .single-billboard:not(.single-billboard--video) {
margin-bottom: 20px;
}*/
.single-entry--billboard-floorfade .single-billboard .single-header::before {
top: -40%;
}
.single-entry .entry-title {
font-size: 24px;
font-size: 1.7142rem; /*font system*/
line-height: 1.375;
}
/** Review **/
.atbs-keylin-review__product .media-left {
display: block;
margin-bottom: 20px;
padding: 0;
}
.atbs-keylin-review__product-image {
margin: 0 auto;
width: 200px;
}
.atbs-keylin-review__product-image.not-exist-img {
padding-top: 200px;
}
.atbs-keylin-review__product .media-middle {
text-align: center;
}
/** Single Footer **/
.single-footer .social-share .sharing-btn {
padding: 0.3em;
}
}
@media (max-width: 420px) {
/*
Content
*/
/** Single Header **/
.single-entry .entry-thumb {
height: 220px;
}
.single-billboard,
.single-billboard .single-billboard__inner {
/*min-height: 240px;*/
}
}
@media (max-width: 380px) {
/*
Content
*/
/** Single Header **/
.single-entry-featured-media-wrap {
margin-bottom: 25px;
}
.single-entry .entry-thumb {
height: 195px;
}
.single-entry .entry-thumb,
.single-entry .atbs-keylin-gallery-wrap,
.single-entry .atbs-keylin-responsive-video {
margin-bottom: 25px;
}
.single-entry .single-style-12 .atbs-keylin-responsive-video,
.single-entry .single-style-13 .atbs-keylin-responsive-video,
.single-entry .single-style-14 .atbs-keylin-responsive-video,
.single-entry .single-style-15 .atbs-keylin-responsive-video,
.single-entry .single-style-16 .atbs-keylin-responsive-video {
margin-bottom: 30px;
}
.single-billboard,
.single-billboard .single-billboard__inner {
/*min-height: 210px;*/
}
.single-entry--billboard-overlap-title .single-billboard {
height: 285px;
}
.single-header .cat-time-group {
/*display: block;*/
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 10px;
}
.single-entry .entry-title {
font-size: 22px;
font-size: 1.5714rem; /*font system*/
line-height: 1.41;
}
.single-entry .entry-teaser {
font-size: 16px;
}
/**/
/** Review **/
.atbs-keylin-review .post-score-hexagon--l {
width: 90px;
}
.atbs-keylin-review .post-score-hexagon--l .post-score-value {
font-size: 26px;
}
/** Comments Section **/
.comment-form-comment textarea {
max-height: -moz-calc(9.6em + 12px);
max-height: calc(9.6em + 12px);
}
}
@media (max-width: 320px) {
/*
Content
*/
/** Single Header **/
.single-entry .entry-thumb {
height: 165px;
}
.single-entry--billboard-overlap-title .single-billboard {
height: 240px;
}
}
/* single author box*/
.single .author-box {
padding: 0 0 50px 0;
background-color: transparent;
border: none;
border-bottom: 1px solid rgba(0,0,0,0.05);
}
.author-box__text {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
}
.author-box .author-avatar {
position: relative;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
left: 0;
top:0;
margin:0 auto;
margin-bottom: 20px;
box-shadow: none;
}
@media(min-width: 768px){
.author-box {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
}
.author-box .author-avatar {
margin-right: 25px;
margin-bottom:0;
}
.author-box__text {
padding-left: 0;
}
.author-box .author-avatar img,
.author-box .author-avatar {
border-radius: 15px;
border: 0px;
}
}
.author-box .author-bio {
margin-top: 10px;
}
.author-box .author-avatar img,
.author-box .author-avatar {
border: 0px;
}
@media(max-width: 767px){
.posts-navigation > *:not(:last-child) {
margin-bottom: 0;
}
.single .posts-navigation,
.single .author-box {
padding-bottom: 40px;
margin-bottom: 40px;
}
}
/* single author box*/
.entry-author-horizontal-has-avatar.justify-content-start .entry-author
{
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
justify-content: flex-start;
}
/* single-style-3 */
@media(min-width: 768px){
.single-thumb-max-height {
max-height: 480px;
}
}
@media(min-width: 992px){
.single-thumb-max-height {
max-height: 580px;
}
}
@media(max-width: 767px){
.single-thumb-max-height {
max-height: 380px;
}
}
/* .single ----------------------- */
/* --------------- atbs-reaction */
/*
Content
*/
.atbs-article-reactions {
width: 100%;
}
.atbs-reactions-flex {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-flow: row wrap;
justify-content: center;
}
.atbs-reactions-flex > .atbs-reactions-col {
padding: 20px 25px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
}
.atbs-reactions-flex > .atbs-reactions-col:not(:last-child) {
margin-right: 60px;
}
.atbs-reactions-flex > .atbs-reactions-col:last-child {
margin-right: 25px;
}
@media (max-width: 767px) {
.atbs-reactions-flex > .atbs-reactions-col {
width: -moz-calc(100% / 3);
width: calc(100% / 3);
margin-right: 0;
}
.atbs-reactions-flex > .atbs-reactions-col:not(:last-child) {
margin-right: 0 !important;
}
}
@media(max-width: 767px) and (min-width: 576px) {
.atbs-reactions-flex {
margin: -5px;
}
.atbs-reactions-flex > .atbs-reactions-col {
padding: 5px;
}
}
@media(max-width: 575px) and (min-width: 381px) {
.atbs-reactions-flex > .atbs-reactions-col:not(:last-child) {
margin-right: 35px;
}
}
@media(max-width: 380px) {
.atbs-reactions-flex > .atbs-reactions-col:not(:last-child) {
margin-right: 0;
}
.atbs-reactions-flex > .atbs-reactions-col {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-moz-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
}
.atbs-reactions-content{
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
position: relative;
outline: none;
}
.atbs-article-reactions .atbs-reactions-image {
position: relative;
width: 100%;
cursor: pointer;
}
.atbs-article-reactions .atbs-reactions-content:hover .atbs-reaction-name,
.atbs-article-reactions .atbs-reactions-content:focus .atbs-reaction-name {
color: var(--color-primary);
}
.atbs-article-reactions .atbs-reactions-image::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
}
.atbs-article-reactions .atbs-reactions-content,
.atbs-article-reactions .atbs-reactions-content:active .atbs-reaction-count {
-webkit-transition: transfrom 0.4s ;
-o-transition: transfrom 0.4s ;
-moz-transition: transfrom 0.4s ;
transition: transfrom 0.4s ;
}
.atbs-article-reactions .atbs-reactions-content .atbs-reaction-count{
font-weight: 500;
font-size: 12px;
line-height: 1;
-webkit-transition: 0.2s all ease;
-o-transition: 0.2s all ease;
-moz-transition: 0.2s all ease;
transition: 0.2s all ease;
position: absolute;
right: -25px;
top: 0;
min-width: 30px;
/* min-height: 26px; */
padding: 5px 0 12px 2px;
border: 1px solid rgba(0,0,0,0.1);
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
border-radius: 3px;
-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 45% 75%, 25% 100%, 25% 75%, 0% 75%);
clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 45% 75%, 25% 100%, 25% 75%, 0% 75%);
background: #555;
color: #fff;
}
@media (max-width: 767px) {
.atbs-article-reactions .atbs-reactions-content .atbs-reaction-count {
font-weight: 500;
font-size: 11px;
}
}
.atbs-article-reactions .atbs-reactions-content.active .atbs-reaction-count {
color: #fff;
-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 45% 75%, 25% 100%, 25% 75%, 0% 75%);
clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 45% 75%, 25% 100%, 25% 75%, 0% 75%);
background: #222222;
}
.atbs-article-reactions .atbs-reactions-content svg {
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
}
.atbs-article-reactions .atbs-reactions-content .scale-icon svg {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.atbs-article-reactions .atbs-reactions-image svg {
width: 55px;
height: 55px;
-webkit-transition: 0.2s all ease;
-o-transition: 0.2s all ease;
-moz-transition: 0.2s all ease;
transition: 0.2s all ease;
}
@media (max-width: 767px) {
.atbs-article-reactions .atbs-reactions-image svg {
width: 50px;
height: 50px;
}
}
.atbs-article-reactions .atbs-reactions-group {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.atbs-article-reactions .atbs-reaction-icon {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 4px;
padding-top: 15px;
}
.atbs-article-reactions .atbs-reaction-icon::before {
content: '';
position: absolute;
left: 50%;
bottom: 0;
width: 40px;
height: 10px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
border-radius: 100%;
background-color: rgba(0,0,0,0.2);
-webkit-filter: blur(4px);
filter: blur(4px);
display: none;
}
.atbs-article-reactions .atbs-reaction-name {
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.4px;
font-weight: 400;
display: block;
width: 100%;
text-align: center;
}
h3.atbs-reactions-title {
font-size: 18px;
font-weight: 700;
margin-bottom: 30px;
line-height: 1.2;
text-transform: uppercase;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
position: relative;
}
@media (max-width: 1199px) and (min-width: 992px) {
.atbs-reactions-flex > .atbs-reactions-col:not(:last-child) {
margin-right: 45px;
}
}
/* .atbs-reaction ---------------*/
/* --------------- scroll-count-percent */
/*
Content
*/
.scroll-count-percent{
width: 80px;
height: 80px;
position: absolute;
z-index: 49;
top: -moz-calc(101% + 50px);
top: calc(101% + 50px);
right: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in 0s;
-o-transition: all 0.3s ease-in 0s;
-moz-transition: all 0.3s ease-in 0s;
transition: all 0.3s ease-in 0s;
}
.admin-bar .scroll-count-percent{
top: -moz-calc(101% + 82px);
top: calc(101% + 82px);
}
.js-sticky-header.is-fixed .scroll-count-percent{
top: -moz-calc(101% + 50px);
top: calc(101% + 50px);
}
.js-sticky-header.is-fixed.is-shown .scroll-count-percent{
top: -moz-calc(101% + 50px);
top: calc(101% + 50px);
}
.sticky-header.is-fixed .scroll-count-percent.active,
.scroll-count-percent.active{
visibility: visible;
pointer-events: auto;
opacity: 1;
-webkit-transition: all 0.15s ease-out 0s;
-o-transition: all 0.15s ease-out 0s;
-moz-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s;
}
.scroll-count-percent .progress-scroll {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.scroll-count-percent .progress__meter,
.scroll-count-percent .progress__value {
fill: none;
}
.scroll-count-percent .progress__meter {
stroke: #e6e6e6;
fill: #fff;
}
.scroll-count-percent .progress__value {
stroke: var(--color-logo);
opacity: 0.8;
stroke-linecap: round;
-webkit-transition: all 0.15s;
-o-transition: all 0.15s;
-moz-transition: all 0.15s;
transition: all 0.15s;
}
.scroll-count-percent .percent {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.scroll-count-percent .percent-number{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
}
.scroll-count-percent .percent-number span{
font-size: 15px;
font-weight: 500;
line-height: 1;
margin-right: 1px;
}
@media (max-width: 1430px){
.scroll-count-percent{
right: 20px;
}
}
@media (max-width: 1366px){
.scroll-count-percent{
right: 15px;
height: 60px;
width: 60px;
}
.scroll-count-percent .percent-number span{
font-size: 13px;
}
}
@media (max-width: 1200px){
.scroll-count-percent{
display: none ;
}
}
@media (max-width: 1199px){
.scroll-count-percent{
right: 20px;
height: 60px;
width: 60px;
}
.scroll-count-percent .percent-number span{
font-size: 14px;
}
}
@media (max-width: 991px){
.scroll-count-percent{
opacity: 1;
right: 25px;
display: none;
}
}
/*scroll mobile*/
.scroll-count-percent-mobile.scroll-count-percent{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 3px;
-webkit-box-pack: unset;
-webkit-justify-content: unset;
-moz-box-pack: unset;
justify-content: unset;
display: none;
}
.scroll-count-percent-mobile.scroll-count-percent .progress-scroll{
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
width: 100%;
height: 100%;
}
.scroll-count-percent-mobile.scroll-count-percent .percent-number{
background-color: var(--color-logo);
height: 100%;
width: 100px;
position: initial;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
display: block;
left: unset;
top: unset;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
}
@media (max-width: 991px){
.scroll-count-percent-mobile.scroll-count-percent.active{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
visibility: visible;
}
}
/* .scroll-count-percent ---------------*/
/* . Update single Scrolling */
.single-infinity-inner:not(:last-child){
margin-bottom: 80px;
}
@media(max-width: 767px) {
.single-infinity-inner:not(:last-child) {
margin-bottom: 50px;
}
}
@media(max-width: 575px) {
.single-infinity-inner:not(:last-child) {
margin-bottom: 40px;
}
}
.single-infinity-inner + .single-infinity-inner .atbs-keylin-block--fullwidth.atbs-block--contiguous {
margin-top:0;
}
.single-infinity-inner:not(:first-child) .atbs-keylin-block--fullwidth.atbs-keylin-block--contiguous {
margin-top:0;
}
.infinity-single-trigger {
position: relative;
height: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
-moz-transition: 0.3s all;
transition: 0.3s all;
display: flex;
align-items: flex-start;
justify-content: center;
}
.single-infinity-scroll .infinity-single-trigger {
margin-top: -30px;
height: 100px;
width: 100%;
opacity: 1;
visibility: visible;
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
-moz-transition: 0.3s all;
transition: 0.3s all;
}
.infinity-single-trigger::before {
content:"\e97b";
font-family: 'mdicon' !important;
font-size: 38px;
position: absolute;
left: 50%;
-webkit-animation: spin 2s linear infinite;
/* Safari */
-moz-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
/* scroll-count-percent ----------------------- */
/* ----------------------- footer */
/*temp test for footer*/
/*.site-content{
padding-bottom: 145px;
}
*/
@media(max-width: 991px){
.site-content{
padding-bottom: 100px;
}
}
@media(max-width: 767px){
.site-content{
padding-bottom: 80px;
}
}
/*
Layout
*/
.site-footer.footer-default{
background-color: transparent;
}
.site-footer.footer-default .site-footer__section{
padding-bottom: 35px;
}
.site-footer.footer-default .site-footer__section:not(:last-child){
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.site-footer.footer-default .site-footer__section:last-child{
padding-top: 25px;
padding-bottom: 30px;
}
.site-footer.footer-default .footer-menu{
width: 75%;
margin-right: 25px;
}
.site-footer .footer-menu .flexbox-wrap.flex-space-30{
margin: -5px -15px;
}
.site-footer .footer-menu .flexbox-wrap.flex-space-30 > *{
padding: 5px 15px;
}
.site-footer .footer-author{
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
}
.footer-1 .has-cover-bg-img,
.footer-1 .background-img.gradient-5 {
background: transparent;
}
/*
Content
*/
.site-footer--inverse {
background-color: #151416;
}
.site-footer.footer-default .social-list>li>a{
padding: 0;
font-size: 16px;
line-height: 1.66;
}
.navigation--footer>li>a, .footer-author{
font-size: 14px;
line-height: 1.5;
font-weight: 300;
color: #222222;
}
.site-footer.footer-default .site-logo a{
max-width: 238px;
display: block;
}
.footer-8 .site-footer__section:first-child {
padding: 30px 0;
}
.footer-8 .site-footer__section-left .site-logo img {
width: auto;
height: 40px;
}
/*---- Footer Widget ---*/
.site-footer--inverse a,
.site-footer--inverse .widget_archive li > a,
.site-footer--inverse .widget_pages li > a,
.site-footer--inverse .widget_categories li > a,
.site-footer--inverse .tagcloud a,
.site-footer--inverse .widget_rss .rss-date,
.site-footer--inverse .widget_rss .rssSummary,
.site-footer--inverse .apsl-widget .user-login a,
.site-footer--inverse .atbs-keylin-widget-about .author__text {
color: inherit;
}
.site-footer--inverse a:hover,
.site-footer--inverse .widget_rss a.rsswidget:hover,
.site-footer--inverse .widget_archive li > a:hover,
.site-footer--inverse .widget_pages li > a:hover,
.site-footer--inverse .widget_categories li > a:hover,
.site-footer--inverse .tagcloud a:hover,
.site-footer--inverse .apsl-widget .user-login a:hover {
color: var(--color-white);
text-decoration: none;
}
.site-footer--inverse .widget__title {
color: rgba(255, 255, 255, 0.8);
}
.site-footer--inverse .atbs-keylin-widget-about {
border-color: rgba(255, 255, 255, .4);
}
.site-footer--inverse .btn-primary,
.site-footer--inverse .subscribe-form__fields input[type="submit"],
.site-footer--inverse input[type="submit"]:not(.btn) {
background-color: var(--color-text-gray);
border-color: var(--color-text-gray);
}
.site-footer--inverse .widget_loginwithajaxwidget .lwa-links-remember {
color: rgba(255,255,255,0.6);
}
.site-footer--inverse .atbs-keylin-widget-subscribe .subscribe-form {
background-color: #f8f8f8;
}
.site-footer--inverse .atbs-keylin-widget-subscribe .atbs-keylin-widget__inner {
background-color: rgba(255,255,255, .7);
}
.site-footer--inverse .atbs-keylin-widget-subscribe h3 {
color: var(--color-text-dark);
}
.site-footer--inverse .atbs-keylin-widget-subscribe p,
.site-footer--inverse .atbs-keylin-widget-subscribe label,
.site-footer--inverse .atbs-keylin-widget-subscribe small {
color: var(--color-text-gray);
}
@media (max-width: 991px) {
/*
Layout
*/
.site-footer .footer-menu .flexbox-wrap.flex-space-30{
margin: -5px -7.5px;
}
.site-footer .footer-menu .flexbox-wrap.flex-space-30 > *{
padding: 5px 7.5px;
}
.site-footer .atbs-footer.footer-menu{
width: 65%;
}
/*
Content
*/
.site-footer .site-logo a{
max-width: 190px;
}
}
@media (max-width: 767px) {
/*
Layout
*/
.site-footer__section {
padding-bottom: 20px;
}
.site-footer__section-inner.flexbox-space-x{
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
}
.site-footer .footer-menu{
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.site-footer .footer-menu ul{
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
}
.site-footer .footer-menu .flexbox-wrap.flex-space-30{
margin: -2.5px -15px;
}
.site-footer .footer-menu .flexbox-wrap.flex-space-30 > *{
padding: 2.5px 15px;
}
.site-footer .footer-author{
-webkit-box-flex: initial;
-webkit-flex: initial;
-moz-box-flex: initial;
flex: initial;
width: 100%;
text-align: center;
}
/*
Content
*/
.site-footer .site-logo{
width: 100%;
margin-bottom: 20px;
}
.site-footer .site-logo a{
max-width: 180px;
margin: 0 auto;
}
.site-footer.footer-8 .site-logo {
margin-bottom: 0;
}
.site-footer__section-middle {
margin-bottom: 20px;
}
}
/* .footer ----------------------- */
/* theme css */
.atbs-keylin-is-sticky-enable .sticky-atbs-post .post__title a {
position: relative;
display: inline-block !important;
}
.atbs-keylin-is-sticky-enable .sticky-atbs-post .post__title a::after {
content: "\e9a9";
font-family: mdicon;
margin-left: 10px;
font-size: 18px;
color: #111;
}
/* theme check*/
.wp-block-columns {
margin-bottom: 0;
}
.wp-block-file {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.wp-block-file__button {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
}
.atbs-keylin-pagination--next-n-prev .atbs-keylin-pagination__label span {
font-weight: bold;
}
.wp-block-archives.wp-block-archives-list li a {
color: var(--color-text-body);
color: #444;
}
.keylin-dark-mode .wp-block-archives.wp-block-archives-list li a {
color: var(--color-dark-mode) !important;
}
.wp-block-calendar table th {
text-align: center;
}
.wp-block-calendar nav {
text-align: center;
}
.wp-block-calendar nav a {
color: rgba(0,0,0,0.8);
font-weight: 400;
}
.wp-block-calendar .wp-calendar-table + nav {
margin-top: -30px;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
position: relative;
display: block;
max-width: 100%;
width: 100%;
height: 10px;
border: none;
background-color: transparent;
background-image: -webkit-radial-gradient(currentColor 1px, transparent 1px);
background-image: -moz-radial-gradient(currentColor 1px, transparent 1px);
background-image: -o-radial-gradient(currentColor 1px, transparent 1px);
background-image: radial-gradient(currentColor 1px, transparent 1px);
background-position: 1px 1px;
-webkit-background-size: 5px 5px;
-moz-background-size: 5px 5px;
-o-background-size: 5px 5px;
background-size: 5px 5px;
background-repeat: repeat;
opacity: .25;
}
.wp-block-separator:not(.is-style-dots) {
position: relative;
display: block;
height: 10px;
border: none;
background-color: transparent;
background-image: -webkit-radial-gradient(currentColor 1px, transparent 1px);
background-image: -moz-radial-gradient(currentColor 1px, transparent 1px);
background-image: -o-radial-gradient(currentColor 1px, transparent 1px);
background-image: radial-gradient(currentColor 1px, transparent 1px);
background-position: 1px 1px;
-webkit-background-size: 5px 5px;
-moz-background-size: 5px 5px;
-o-background-size: 5px 5px;
background-size: 5px 5px;
background-repeat: repeat;
opacity: 1;
}
.wp-block-separator.is-style-dots {
background: none!important;
border: none;
text-align: center;
max-width: none;
line-height: 1;
height: auto;
}
.single-body input[type="submit"]:not(.btn),
.single-body input[type="submit"]:not(.btn):hover {
padding: 11px 12px;
}
.atbs-keylin-mega-menu__inner {
overflow: hidden;
}
.atbs-keylin-mega-menu .atbs-keylin-mega-menu {
display: none;
}
.menu-item-has-children > .atbs-keylin-mega-menu > .atbs-keylin-mega-menu__inner > ul > li > a:hover {
color:rgba(0,0,0,0.7);
}
.atbs-keylin-mega-menu .sub-menu .sub-menu li:hover {
transition: 0.3s all ease;
overflow: hidden;
}
.navigation--main li>.sub-menu .sub-menu,
.navigation--main li .sub-menu {
padding-left: 20px;
}
.navigation--main .atbs-keylin-mega-menu .sub-menu {
padding-left: 0;
}
.navigation--main .sub-menu>li.menu-item-has-children>a,
.atbs-keylin-mega-menu .sub-menu .sub-menu li a {
position: relative;
padding-left: 0;
}
.atbs-keylin-mega-menu__inner>.sub-menu>li>a {
padding-left: 0 !important;
padding-top: 0 !important;
position: relative;
}
.navigation--main .sub-menu-inner>ul li a::before,
.atbs-keylin-mega-menu .sub-menu .sub-menu li a::before {
content: "\e5c5";
font-family: 'mdicon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 20px;
left: -7px;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
position: absolute;
opacity: 0;
}
.navigation--main .sub-menu-inner>ul li a,
.navigation--main .sub-menu-inner>ul li a::before,
.atbs-keylin-mega-menu .sub-menu .sub-menu li a::before,
.atbs-keylin-mega-menu .sub-menu .sub-menu li a {
transition: 0.3s padding-left;
}
.navigation--main .sub-menu-inner>ul li a {
padding-left: 0;
}
.navigation--main .sub-menu-inner>ul li a:hover,
.atbs-keylin-mega-menu .sub-menu .sub-menu li a:hover {
padding-left: 15px;
}
.navigation--main .sub-menu-inner>ul>li a:hover::before,
.atbs-keylin-mega-menu .sub-menu .sub-menu li a:hover::before {
opacity: 1;
}
/*======================================== Dark Mode ========================================*/
/**/
.keylin-dark-mode {
--background-dark-mode: #222222;
--background-dark-mode-aside: #2a2a2a;
--background-dark-mode-menu: #333;
--background-dark-mode-aside_07: rgba(53,53,53,0.7);
--background-dark-mode-aside_0: rgba(53,53,53,0);
--color-border: rgba(255,255,255,0.13);
--color-dark-mode: rgba(255,255,255,0.8);
--color-dark-mode-aside: rgba(255,255,255,0.6);
background-color: var(--background-dark-mode);
color: var(--color-dark-mode);
}
.keylin-dark-mode .btn,
.keylin-dark-mode .btn:hover,
.keylin-dark-mode .btn:focus,
.keylin-dark-mode .btn:active,
.keylin-dark-mode .btn:visited {
border-color: rgba(255, 255, 255, 0.2);
}
.keylin-dark-mode .btn-default:active {
background-color: #353535;
color: #fff;
}
.keylin-dark-mode .atbs-keylin-featured-module-21,
.keylin-dark-mode .post--horizontal-large.post--horizontal-large-has-bg,
.keylin-dark-mode .set-module-background,
.keylin-dark-mode .bg-dark {
background-color: var(--background-dark-mode-aside);
}
.keylin-dark-mode.header-1 .header-main,
.keylin-dark-mode.header-2 .header-main,
.keylin-dark-mode.header-3 .site-header,
.keylin-dark-mode.header-4 .navigation-bar,
.keylin-dark-mode.header-5 .navigation-bar,
.keylin-dark-mode.header-6 .header-main,
.keylin-dark-mode.header-7 .header-main,
.keylin-dark-mode.header-8 .navigation-bar,
.keylin-dark-mode.header-8 .site-header,
.keylin-dark-mode.header-9 .navigation-bar--fullwidth,
.keylin-dark-mode.header-9 .navigation-bar,
.keylin-dark-mode.header-10 .navigation-bar,
.keylin-dark-mode.header-10 .navigation-bar--fullwidth,
.keylin-dark-mode .mobile-header,
.keylin-dark-mode .site-header {
background: var(--background-dark-mode) !important;
}
.keylin-dark-mode .site-header .navigation-custom-bg-color,
.keylin-dark-mode .site-header .navigation-bar .navigation-custom-bg-color,
.keylin-dark-mode .site-header .navigation-bar .navigation-custom-bg-color__inner,
.keylin-dark-mode .top-bar--fullwidth,
.keylin-dark-mode .navigation-bar {
background-color: var(--background-dark-mode-aside) !important;
}
.keylin-dark-mode .sticky-header .navigation-bar,
.keylin-dark-mode .single-entry--billboard-overlap-title .single-header--has-background,
.keylin-dark-mode .single-entry--billboard-overlap-title .single-header,
.keylin-dark-mode .single-entry--template-4-alt .single-header-with-bg,
.keylin-dark-mode .single-entry--template-4 .single-header-with-bg,
.keylin-dark-mode .site-footer,
.keylin-dark-mode .footer-3.site-footer,
.keylin-dark-mode .footer-5.site-footer,
.keylin-dark-mode .footer-6.site-footer,
.keylin-dark-mode .gradient-5,
.keylin-dark-mode .site-footer.footer-6 .site-footer__section:first-child,
.keylin-dark-mode .site-footer.footer-7 .site-footer__section:first-child,
.keylin-dark-mode .site-footer.footer-8 .site-footer__section:first-child {
background: var(--background-dark-mode-aside) !important;
}
.keylin-dark-mode .comment-form .form-submit input[type="submit"] {
background: #3a3a3a !important;
}
.keylin-dark-mode .atbs-keylin-mega-menu,
.keylin-dark-mode .navigation--main>li>.sub-menu,
.keylin-dark-mode .navigation--main li>.sub-menu .sub-menu
.keylin-dark-mode .atbs-keylin-mega-menu {
background-color: var(--background-dark-mode-aside);
}
.keylin-dark-mode .atbs-keylin-search-full-style-2,
.keylin-dark-mode .post--overlap.overlap-bg-light .post__text-wrap,
.keylin-dark-mode .post--vertical-big-has-bg .post__text,
.keylin-dark-mode .post--no-thumb-md-bg-hover .post__text,
.keylin-dark-mode .atbs-keylin-offcanvas {
background-color: var(--background-dark-mode);
}
.keylin-dark-mode .wp-caption .wp-caption-text,
.keylin-dark-mode .wp-caption-dd,
.keylin-dark-mode .atbs-keylin-offcanvas__section .lwa-avatar .bk-canvas-logout,
.keylin-dark-mode .atbs-keylin-offcanvas__section:not(:first-child),
.keylin-dark-mode [class*="list-seperated"]>*:not(:last-child),
.keylin-dark-mode .post--horizontal-border {
border-color: var(--color-border);
}
/*.keylin-dark-mode .atbs-keylin-mega-menu .posts-list.atbs-megamenu-wrap>li:nth-child(5)::before{
background-color: rgba(255,255,255,0.2);
}*/
.keylin-dark-mode .atbs-keylin-mega-menu__inner>.sub-menu>li>a::before {
background-color: var(--background-dark-mode);
}
.keylin-dark-mode .atbs-keylin-offcanvas .border-right {
border-right-color: var(--color-border);
}
.keylin-dark-mode .block-heading__subtitle {
color: rgba(255,255,255,0.4);
}
.keylin-dark-mode.header-10 .top-bar__section .top-bar__section-social a,
.keylin-dark-mode.header-9 .top-bar__section .top-bar__section-social a {
color: var(--color-dark-mode) !important;
}
.keylin-dark-mode.header-10 .navigation--main > li > a::before,
.keylin-dark-mode.header-10 .top-bar__section .top-bar__section-social::before,
.keylin-dark-mode.header-9 .top-bar__section .top-bar__section-social::before {
background-color: var(--color-dark-mode);
}
.keylin-dark-mode .comment-content,
.keylin-dark-mode .comment-respond,
.keylin-dark-mode .single-body,
.keylin-dark-mode blockquote,
.keylin-dark-mode .single-content,
.keylin-dark-mode .typography-copy,
.keylin-dark-mode .entry-title,
.keylin-dark-mode .navigation--main .sub-menu a,
.keylin-dark-mode .navigation--offcanvas li>a,
.keylin-dark-mode .social-list>li>a,
.keylin-dark-mode .atbs-keylin-offcanvas-close .label-icon,
.keylin-dark-mode .atbs-keylin-offcanvas .atbs-keylin-offcanvas__title .atbs-keylin-offcanvas-close--wrap,
.keylin-dark-mode .mobile-header-btn,
.keylin-dark-mode .top-bar__nav .navigation>li>a,
.keylin-dark-mode .social-list--inline>li>a,
.keylin-dark-mode .header-social .social-list>li>a ,
.keylin-dark-mode .navigation--main>li>a,
.keylin-dark-mode .site-header .navigation-bar-btn,
.keylin-dark-mode .header-time time,
/* article*/
.keylin-dark-mode .entry-cat,
.keylin-dark-mode a.entry-cat,
.keylin-dark-mode .sticky-header .navigation-bar-btn i,
.keylin-dark-mode article[data-dark-mode="true"] .post__text a.post__cat,
.keylin-dark-mode article[data-dark-mode="true"] .post__text:not(.text-color-black) a.post__cat,
.keylin-dark-mode .widget .widget__title .widget__title-text,
.keylin-dark-mode .block-heading__subtitle p,
.keylin-dark-mode .block-heading .block-heading__title,
.keylin-dark-mode article[data-dark-mode="true"] a.post__cat ,
.keylin-dark-mode article[data-dark-mode="true"] .post__title,
.keylin-dark-mode article[data-dark-mode="true"] .post-comment a,
.keylin-dark-mode article[data-dark-mode="true"] .post__readmore a.button__readmore,
.keylin-dark-mode article[data-dark-mode="true"] .post__readmore a.button__readmore span,
.keylin-dark-mode article[data-dark-mode="true"] .entry-more a{
color: var(--color-dark-mode) !important;
}
.keylin-dark-mode article[data-dark-mode="true"] a.post__cat:hover,
.keylin-dark-mode article[data-dark-mode="true"] a.post__cat:focus,
.keylin-dark-mode article[data-dark-mode="true"] .post__text a.post__cat:hover,
.keylin-dark-mode article[data-dark-mode="true"] .post__text a.post__cat:focus,
.keylin-dark-mode article[data-dark-mode="true"] .post__text:not(.text-color-black) a.post__cat:hover,
.keylin-dark-mode article[data-dark-mode="true"] .post__text:not(.text-color-black) a.post__cat:focus,
.keylin-dark-mode article[data-dark-mode="true"] .post__title a:hover,
.keylin-dark-mode article[data-dark-mode="true"] .post__title a:focus,
.keylin-dark-mode .social-list > li > a:hover,
.keylin-dark-mode .social-list > li > a:focus {
color: var(--color-primary) !important;
}
.keylin-dark-mode .top-bar--inverse .top-bar__nav .navigation>li:hover>a,
.keylin-dark-mode .top-bar--inverse .top-bar__nav .navigation>li:focus-within>a,
.keylin-dark-mode article.post--horizontal-large-bg .post__title a:hover,
.keylin-dark-mode article.post--horizontal-large-bg .post__title a:focus,
.keylin-dark-mode article.post--no-thumb-md-bg-hover .post__title a:hover,
.keylin-dark-mode article.post--no-thumb-md-bg-hover .post__title a:focus,
.keylin-dark-mode .site-header .navigation-bar-btn:hover,
.keylin-dark-mode .site-header .navigation-bar-btn:focus,
.keylin-dark-mode .top-bar .social-list > li > a:hover,
.keylin-dark-mode .top-bar .social-list > li > a:focus {
color: #fff !important;
}
@media (min-width: 768px) {
.keylin-dark-mode .posts-grid-overlay-background-hover article[data-dark-mode="true"] .post__title a:hover,
.keylin-dark-mode .posts-grid-overlay-background-hover article[data-dark-mode="true"] .post__title a:focus {
color: #fff !important;
}
}
.keylin-dark-mode .block-heading.heading-style-18 .block-heading__title::after {
color: #fff;
}
.keylin-dark-mode .entry-teaser,
.keylin-dark-mode .author__text,
.keylin-dark-mode article[data-dark-mode="true"] .entry-author__name,
.keylin-dark-mode article[data-dark-mode="true"] a.entry-author__name,
.keylin-dark-mode article[data-dark-mode="true"] .post__excerpt,
.keylin-dark-mode article[data-dark-mode="true"] .post-author__socials a,
.keylin-dark-mode article[data-dark-mode="true"] time.time,
.keylin-dark-mode article[data-dark-mode="true"] .comment-count a,
.keylin-dark-mode article[data-dark-mode="true"] .view-count,
.keylin-dark-mode article[data-dark-mode="true"] .list-index,
.keylin-dark-mode article[data-dark-mode="true"] .post__meta,
.keylin-dark-mode article[data-dark-mode="true"] .post__meta a,
.keylin-dark-mode article[data-dark-mode="true"] .entry-meta,
.keylin-dark-mode article[data-dark-mode="true"] .entry-meta a,
.keylin-dark-mode article[data-dark-mode="true"] .hint-span,
.keylin-dark-mode article[data-dark-mode="true"] .post__meta span.post-view-counter {
color: var(--color-dark-mode-aside);
}
.keylin-dark-mode .scroll-count-percent .percent-number {
color: rgba(255,255,255,0.8);
}
.keylin-dark-mode code {
color: var(--color-dark-mode);
background-color: var(--background-dark-mode-aside);
}
.keylin-dark-mode article .inverse-text .post__meta .author-name,
.keylin-dark-mode article .inverse-text .post__meta .hint-span,
.keylin-dark-mode article .inverse-text time.time {
color: #eee;
}
.keylin-dark-mode .post__readmore--style-2 .button__readmore i,
.keylin-dark-mode .posts-navigation .navigation-button i {
background-color: #bbb;
color: #222;
}
.keylin-dark-mode .post__readmore--style-2 .button__readmore:hover i,
.keylin-dark-mode .posts-navigation .navigation-button:hover i,
.keylin-dark-mode .post__readmore--style-2 .button__readmore:focus i,
.keylin-dark-mode .posts-navigation .navigation-button:focus i {
color: #fff;
}
.keylin-dark-mode article[data-dark-mode="true"] .entry-more a svg {
fill: #fff;
}
.keylin-dark-mode .scroll-count-percent .progress__value {
stroke: #fff;
}
.keylin-dark-mode .site-header,
.keylin-dark-mode .mobile-header {
box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.04), 0 -1px 0 0 rgba(255, 255, 255, 0.04);
}
.keylin-dark-mode .atbs-keylin-carousel .owl-dot span {
background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 767px) {
.keylin-dark-mode .posts-grid-overlay-background-hover .post--overlay-grid-small a.post__cat,
.keylin-dark-mode .posts-grid-overlay-background-hover .post--overlay-grid-small .post__title a {
color: var(--color-dark-mode) !important;
}
.keylin-dark-mode .posts-grid-seperated .list-item {
border-color: var(--color-border);
}
}
.keylin-dark-mode .block-heading.heading-style-1::before {
background-color: rgba(255,255,255,0.2);
}
.keylin-dark-mode .block-heading.heading-style-3,
.keylin-dark-mode .block-heading.heading-style-3::before,
.keylin-dark-mode .block-heading.heading-style-1::after {
border-color: rgba(255,255,255,0.8) !important;
}
.keylin-dark-mode .block-heading.heading-style-5 .block-heading__title::after,
.keylin-dark-mode .block-heading.heading-style-5 .block-heading__title::before,
.keylin-dark-mode .block-heading.heading-style-5 .widget__title-text::after,
.keylin-dark-mode .block-heading.heading-style-5 .widget__title-text::before,
.keylin-dark-mode .block-heading--line.block-heading::after,
.keylin-dark-mode .block-heading--line-under.block-heading,
.keylin-dark-mode .block-heading.heading-style-11::before,
.keylin-dark-mode .block-heading.heading-style-10::after,
.keylin-dark-mode .block-heading.heading-style-10::before,
.keylin-dark-mode .block-heading.heading-style-9::before,
.keylin-dark-mode .block-heading.heading-style-8::before,
.keylin-dark-mode .block-heading.heading-style-7::before {
border-color: var(--background-dark-mode-aside) !important;
}
.keylin-dark-mode .block-heading .page-heading__subtitle {
color: var(--color-dark-mode-aside) !important;
}
.keylin-dark-mode .widget__title.block-heading.heading-style-5::after,
.keylin-dark-mode .widget__title.block-heading.heading-style-5::before,
.keylin-dark-mode .block-heading.heading-style-15 .block-heading__title,
.keylin-dark-mode .block-heading.heading-style-9 .block-heading__title,
.keylin-dark-mode .block-heading.heading-style-8 .block-heading__title,
.keylin-dark-mode .block-heading.heading-style-7 .block-heading__title {
background: var(--background-dark-mode-aside) !important;
}
.keylin-dark-mode .block-heading.heading-style-15 .block-heading__title::after {
border-color: var(--background-dark-mode-aside) transparent transparent transparent !important;
}
/*Widget*/
.keylin-dark-mode .typography-copy h5,
.keylin-dark-mode .typography-copy .h5,
.keylin-dark-mode .comment-content h5,
.keylin-dark-mode .comment-content .h5,
.keylin-dark-mode .atbs-keylin-widget-subscribe h4,
.keylin-dark-mode .posts-navigation .navigation-button,
.keylin-dark-mode .atbs-reaction-name,
.keylin-dark-mode .atbs-reactions-title,
.keylin-dark-mode .site-footer,
.keylin-dark-mode .navigation--footer>li>a,
.keylin-dark-mode .footer-author,
.keylin-dark-mode .page-404-title,
.keylin-dark-mode .page-404-description,
.keylin-dark-mode .widget_rss .rssSummary,
.keylin-dark-mode .widget_rss .rss-date,
.keylin-dark-mode .widget_rss a.rsswidget,
.keylin-dark-mode .lwa-info a,
.keylin-dark-mode .widget_loginwithajaxwidget,
.keylin-dark-mode .atbs-keylin-widget-about .author__name a,
.keylin-dark-mode .apsl-widget,
.keylin-dark-mode .widget_nav_menu li>a,
.keylin-dark-mode .widget_text,
.keylin-dark-mode .widget_rss,
.keylin-dark-mode .widget_pages li,
.keylin-dark-mode .widget_archive li,
.keylin-dark-mode .widget_categories li,
.keylin-dark-mode .widget_meta li,
.keylin-dark-mode .widget_recent_entries li,
.keylin-dark-mode .widget_archive li>a,
.keylin-dark-mode .widget_calendar table,
.keylin-dark-mode .widget_categories li>a,
.keylin-dark-mode .widget_meta li>a,
.keylin-dark-mode .widget_pages li>a,
.keylin-dark-mode .widget_recent_entries li>a {
color: var(--color-dark-mode);
}
/**/
.keylin-dark-mode .mejs-container,
.keylin-dark-mode .mejs-container .mejs-controls,
.keylin-dark-mode .mejs-embed,
.keylin-dark-mode .mejs-embed body,
.keylin-dark-mode .atbs-keylin-widget-subscribe .subscribe-form,
.keylin-dark-mode .calendar_wrap,
.keylin-dark-mode input[type="submit"]:not(.btn),
.keylin-dark-mode input[type="button"]:not(.btn),
.keylin-dark-mode input[type="reset"]:not(.btn) {
background-color: var(--background-dark-mode-aside);
}
.keylin-dark-mode .site-footer .mejs-container,
.keylin-dark-mode .site-footer .mejs-container .mejs-controls,
.keylin-dark-mode .site-footer .mejs-embed,
.keylin-dark-mode .site-footer .mejs-embed body,
.keylin-dark-mode .site-footer .atbs-keylin-widget-subscribe .subscribe-form,
.keylin-dark-mode .site-footer input[type="submit"]:not(.btn),
.keylin-dark-mode .site-footer input[type="button"]:not(.btn),
.keylin-dark-mode .site-footer input[type="reset"]:not(.btn) {
background-color: var(--background-dark-mode);
}
.keylin-dark-mode .top-bar__nav .navigation .sub-menu li:hover>a,
.keylin-dark-mode .top-bar__nav .navigation .sub-menu li:focus-within>a,
.keylin-dark-mode .atbs-keylin-widget-subscribe .subscribe-form__fields input[type="email"],
.keylin-dark-mode .widget_calendar thead {
background-color: var(--background-dark-mode);
}
.keylin-dark-mode time.time,
.keylin-dark-mode .site-footer .site-logo a,
.keylin-dark-mode .widget_loginwithajaxwidget .lwa-links-remember,
.keylin-dark-mode .apsl-widget .user-login a,
.keylin-dark-mode .atbs-keylin-widget-subscribe .subscribe-text {
color: var(--color-dark-mode-aside);
}
.keylin-dark-mode tr {
border-bottom-color: var(--color-border);
}
.keylin-dark-mode .widget_loginwithajaxwidget tr {
border-bottom: none;
}
/**/
.keylin-dark-mode .widget_recent_comments .recentcomments {
color: var(--color-dark-mode);
}
.keylin-dark-mode pre,
.keylin-dark-mode .atbs-keylin-review__inner,
.keylin-dark-mode .widget_recent_comments .recentcomments>a {
color: var(--color-dark-mode);
border-color: rgba(255, 255, 255, 0.05);
background: var(--background-dark-mode-aside)
}
/**/
.keylin-dark-mode .widget_search .search-form__submit {
color: rgba(0, 0, 0, 0.4);
}
/**/
.keylin-dark-mode ::placeholder { /* Modern Browsers */
color: rgba(255, 255, 255, 0.6) !important;
opacity: 1; /* Firefox */
}
.keylin-dark-mode ::-webkit-input-placeholder { /* Chrome / Opera / Safari */
color: rgba(255, 255, 255, 0.6) !important;
}
.keylin-dark-mode ::-moz-placeholder { /* Firefox 19+ */
color: rgba(255, 255, 255, 0.6) !important;
}
.keylin-dark-mode :-ms-input-placeholder { /* IE 10+ */
color: rgba(255, 255, 255, 0.6) !important;
}
.keylin-dark-mode :-moz-placeholder { /* Firefox 18- */
color: rgba(255, 255, 255, 0.6) !important;
}
.keylin-dark-mode .single-entry .single-header:not(.inverse-text) .entry-cat:hover,
.keylin-dark-mode .single-entry .single-header:not(.inverse-text) .entry-cat:focus {
color: #fff !important;
}
.keylin-dark-mode .widget_search .search-form__submit,
.keylin-dark-mode .tagcloud a ,
.keylin-dark-mode .author-box .author-name a {
color: rgba(255,255,255,0.8);
}
.keylin-dark-mode .author-box .author-bio,
.keylin-dark-mode .author-box .author-info a,
.keylin-dark-mode .author-box .author-bio a {
color: rgba(255, 255, 255, 0.6) !important;
}
/*Single*/
.keylin-dark-mode .entry-tags ul > li > a,
.keylin-dark-mode .single-footer .comments-count,
.keylin-dark-mode .single-footer .view-count,
.keylin-dark-mode .posts-navigation .post__title,
.keylin-dark-mode .posts-navigation .posts-navigation__label span {
color: #fff;
}
.keylin-dark-mode .single-infinity-container .single-infinity-inner:not(:first-child),
.keylin-dark-mode .site-footer__section--bordered,
.keylin-dark-mode .site-footer__section--bordered-inner .site-footer__section-inner,
.keylin-dark-mode .atbs-keylin-widget-about,
.keylin-dark-mode .single-body--content {
border-color: var(--color-border);
}
.keylin-dark-mode .atbs-keylin-widget-about {
/*border-top-color: var(--color-primary);*/
}
.keylin-dark-mode .atbs-keylin-widget-about {
border-top-color: var(--color-border);
border-bottom-color: var(--color-border);
}
.keylin-dark-mode .atbs-keylin-widget-about::before,
.keylin-dark-mode .atbs-keylin-widget-about::after{
background-color: var(--color-border);
}
.keylin-dark-mode .single-entry-wrap .posts-navigation::before {
background-color: var(--color-border);
}
.keylin-dark-mode .atbs-keylin-widget-twitter .atbs-keylin-widget__inner,
.keylin-dark-mode .atbs-keylin-widget-about-wrap {
background-color: var(--background-dark-mode-aside) !important;
}
.keylin-dark-mode .page-heading--has-background,
.keylin-dark-mode .single-entry--billboard-overlap-title .has-post-thumbnail {
background-color: var(--background-dark-mode);
}
/**/
.keylin-dark-mode input[type="text"],
.keylin-dark-mode input[type="email"],
.keylin-dark-mode input[type="url"],
.keylin-dark-mode input[type="password"],
.keylin-dark-mode input[type="search"],
.keylin-dark-mode input[type="tel"],
.keylin-dark-mode input[type="number"],
.keylin-dark-mode input[type="date"],
.keylin-dark-mode input[type="time"],
.keylin-dark-mode input[type="datetime-local"],
.keylin-dark-mode input[type="week"],
.keylin-dark-mode input[type="month"],
.keylin-dark-mode input[list],
.keylin-dark-mode select,
.keylin-dark-mode textarea,
.keylin-dark-mode textarea.form-control,
.keylin-dark-mode select,
.keylin-dark-mode select.form-control,
.keylin-dark-mode .comment-form-author input:focus,
.keylin-dark-mode .comment-form-email input:focus,
.keylin-dark-mode .comment-form-comment textarea:focus,
.keylin-dark-mode .wpcf7-form input:focus,
.keylin-dark-mode .wpcf7-form textarea:focus {
background-color: var(--background-dark-mode-aside);
border-color: var(--color-border) !important;
color: #fff !important;
}
.keylin-dark-mode .comment-form-comment textarea,
.keylin-dark-mode .comment-form .form-control-custom,
.keylin-dark-mode .wpcf7-form textarea {
border-color: var(--color-border) !important;
}
/**/
.keylin-dark-mode .single-entry--template-4-alt .single-header-with-bg {
background-color: #3f3e3e;
}
/**/
.keylin-dark-mode #atbs-keylin-search-remove,
.keylin-dark-mode .search-form__submit,
.keylin-dark-mode .page-404-image .page-404-title {
color: #fff;
}
.keylin-dark-mode .data-typing-loader svg g {
stroke: #fff;
}
/* theme css icon */
.atbs-flexbox-header-icon {
display: flex;
justify-content: flex-end;
align-items: center;
}
/**/
.text-center.atbs-keylin-logo img.keylin-img-logo {
margin-left: auto;
margin-right: auto;
}
#atbs-offcanvas-mobile .atbs-keylin-logo img.keylin-img-logo,
.atbs-keylin-logo img.keylin-img-logo {
display: none;
}
#atbs-offcanvas-mobile .atbs-keylin-logo img.keylin-img-logo.active,
.atbs-keylin-logo img.keylin-img-logo.active {
display: block;
}
#atbs-offcanvas-mobile .atbs-keylin-logo.logo-dark-mode-active img.keylin-img-logo,
.atbs-keylin-logo.logo-dark-mode-active img.keylin-img-logo {
display: block;
}
#atbs-offcanvas-mobile .atbs-keylin-logo.logo-dark-mode-active img.keylin-img-logo.active ,
.atbs-keylin-logo.logo-dark-mode-active img.keylin-img-logo.active {
display: none;
}
#atbs-offcanvas-mobile .atbs-keylin-logo.logo-dark-mode-active.not-exist-img-logo img.keylin-img-logo.active,
.atbs-keylin-logo.logo-dark-mode-active.not-exist-img-logo img.keylin-img-logo.active {
display: block;
}
#atbs-offcanvas-mobile .atbs-keylin-logo.logo-dark-mode-active.not-exist-img-logo img.keylin-img-logo,
.atbs-keylin-logo.logo-dark-mode-active.not-exist-img-logo img.keylin-img-logo {
display: none;
}
.navigation-bar-btn i,
.navigation-bar__login-btn i,
.atbs-theme-switch > * i {
color: rgba(0,0,0,0.6);
}
.navigation-bar--inverse .navigation-bar-btn i,
.navigation-bar--inverse .navigation-bar__login-btn i,
.mobile-header--inverse .atbs-theme-switch > * i,
.navigation-bar--inverse .atbs-theme-switch > * i {
color: rgba(255,255,255,0.8);
}
@media(max-width: 767px) {
.site-footer .atbs-keylin-logo img.keylin-img-logo {
margin-left: auto;
margin-right: auto;
}
}
.atbs-theme-switch {
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 99999;
transition: 0.3s;
position: relative;
border-color: none;
background-color: none !important;
padding: 0;
}
.atbs-theme-switch > * {
transition: 0.1s;
position: absolute;
left: 50%;
top: 50%;
height: 20px;
transform: translate(-50%,-50%);
display: flex;
align-items: center;
}
.keylin-dark-mode .navigation-bar-btn i,
.keylin-dark-mode .navigation-bar__login-btn i,
.keylin-dark-mode .atbs-theme-switch > * i {
color: rgba(255,255,255,0.8);
}
.keylin-dark-mode .atbs-theme-switch svg {
fill: rgba(255,255,255,0.8);
}
.keylin-dark-mode .atbs-theme-switch:hover svg,
.keylin-dark-mode .atbs-theme-switch:focus svg {
fill: #fff;
}
.keylin-dark-mode .btn-bookmark-list svg path:nth-child(2),
.keylin-dark-mode .btn-bookmark-list svg path {
stroke: rgba(255,255,255,0.8);
}
.keylin-dark-mode .btn-bookmark-list svg path:nth-child(1) {
fill: #fff;
}
button.atbs-theme-switch {
background: none !important;
border: none !important;
}
.atbs-theme-switch .dark-mode-button {
visibility: visible;
opacity: 1;
font-size: 20px;
}
.atbs-theme-switch .light-mode-button {
visibility: hidden;
opacity: 0;
font-size: 20px;
}
.atbs-theme-switch.active .light-mode-button {
visibility: visible;
opacity: 1;
}
.atbs-theme-switch.active .dark-mode-button {
visibility: hidden;
opacity: 0;
}
.dark-mode-button i {
padding-bottom: 2px;
}
.keylin-dark-mode .atbs-keylin-offcanvas-close {
border-color: rgba(255,255,255,0.2);
color: rgba(255,255,255,0.8) !important;
}
.sticky-header .header-logo a {
display: flex;
align-items: center;
justify-content: center;
}
.single .keylin-dark-mode .author-box,
.single .keylin-dark-mode .posts-navigation,
.keylin-dark-mode .bk-lwa-profile.bk-profile-custom .bk-user-item:not(:last-child),
.keylin-dark-mode .bk-lwa-profile .profile-author-wrap,
.keylin-dark-mode .section-has-subscribe-no-border > *:not(:last-child) {
border-color: var(--color-border);
}
.keylin-dark-mode .page-heading--has-background,
.keylin-dark-mode .sticky-header {
box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.03), 0 1px 0 0 rgba(255, 255, 255, 0.04), 0 -1px 0 0 rgba(255, 255, 255, 0.04)
}
.keylin-dark-mode .bk-account-info {
background-color: var(--background-dark-mode);
border: 1px solid rgba(255,255,255,0.2);
}
.keylin-dark-mode .atbs-keylin-block-subscribe h4,
.keylin-dark-mode .widget_calendar td a,
.keylin-dark-mode .bk-lwa-profile .bk-user-data a,
.keylin-dark-mode .bk-lwa-profile .bk-user-data a:visited,
.keylin-dark-mode .bk-lwa-profile .bk-user-data a:focus,
.bk-lwa-profile .bk-user-data a:hover,
.bk-lwa-profile .bk-user-data a:focus,
.keylin-dark-mode .bk-lwa-profile.bk-profile-custom .bk-user-item a {
color: var(--color-dark-mode);
}
.sticky-header .atbs-theme-switch {
margin-right: 5px;
}
.keylin-dark-mode .calendar_wrap {
border: 1px solid rgba(255,255,255,0.2);
}
.keylin-dark-mode .widget_calendar .wp-calendar-nav {
padding-left: 10px;
padding-bottom: 10px;
}
.keylin-dark-mode .widget-slide .owl-nav,
.keylin-dark-mode .widget-slide .owl-dots {
bottom: -webkit-calc( 100% + 40px);
bottom: -moz-calc( 100% + 40px);
bottom: calc( 100% + 40px);
}
.keylin-dark-mode .atbs-keylin-widget-twitter .widget__content,
.keylin-dark-mode .comment-metadata .comment-edit-link::before,
.keylin-dark-mode .comment-metadata::before,
.keylin-dark-mode .comment-reply-link::before,
.keylin-dark-mode .comment-reply-link,
.keylin-dark-mode .comment-metadata a,
.single .keylin-dark-mode .comments-title,
.keylin-dark-mode .page .comments-title,
.keylin-dark-mode .comment-list {
color: rgba(255,255,255,0.8);
}
.keylin-dark-mode .scroll-count-percent .progress-scroll circle {
fill: var(--background-dark-mode-aside);
}
.keylin-dark-mode .navigation--main>li>.sub-menu,
.keylin-dark-mode .navigation--main li>.sub-menu .sub-menu,
.keylin-dark-mode .page_Author .author-box,
.keylin-dark-mode .top-bar__nav .navigation .sub-menu,
.keylin-dark-mode .btn-default,
.keylin-dark-mode .modal-content {
background-color: var(--background-dark-mode-aside);
color: #fff;
}
.keylin-dark-mode .atbs-keylin-review__pros-and-cons .atbs-keylin-review__list-title,
.keylin-dark-mode .text-black time.time,
.keylin-dark-mode .time.time-black-opacity {
color:rgba(255,255,255,1);
}
.keylin-dark-mode .atbs-keylin-widget-subscribe,
.keylin-dark-mode .search-results,
.keylin-dark-mode .atbs-keylin-search-full-style-2 .search-form__input,
.keylin-dark-mode .atbs-keylin-offcanvas__section .bk-canvas-logout a,
.keylin-dark-mode .atbs-keylin-offcanvas__section .lwa-avatar>.bk-username a,
.keylin-dark-mode .infinity-single-trigger::before,
.keylin-dark-mode .top-bar__nav .navigation .sub-menu a,
.keylin-dark-mode .post--single .entry-footer,
.keylin-dark-mode .atbs-keylin-review__product-byline,
.keylin-dark-mode .atbs-keylin-pagination--next-n-prev .atbs-keylin-pagination__label,
.keylin-dark-mode .mc4wp-form-fields,
.keylin-dark-mode .login-modal .modal-title .nav-tabs a,
.keylin-dark-mode .login-modal .modal-title .nav-tabs li.active a,
.keylin-dark-mode .login-modal .modal-title .nav-tabs a:hover,
.keylin-dark-mode .login-modal .modal-title .nav-tabs a:focus {
color: var(--color-dark-mode);
}
.keylin-dark-mode .comment-list ol.children>li,
.keylin-dark-mode .comment-list>li:not(:first-child),
.keylin-dark-mode .post--single .entry-footer,
.keylin-dark-mode .block-divider::before,
.keylin-dark-mode .block-divider::after {
border-color: rgba(255,255,255,0.12);
}
.keylin-dark-mode .cat-line-after::after,
.keylin-dark-mode a.cat-line-after::after {
border-color: #a8a8a8;
}
.keylin-dark-mode .atbs-keylin-gallery-slider .fotorama__dot {
background: rgba(255, 255, 255, 0.2);
}
.keylin-dark-mode .atbs-keylin-gallery-slider .fotorama__nav__frame.fotorama__active .fotorama__dot {
background: rgba(255, 255, 255, 0.4);
}
.keylin-dark-mode .atbs-keylin-icon-close::before {
background-color: #fff;
}
.keylin-dark-mode .post--horizontal-large-bg[data-dark-mode="true"] .post__text:not(.text-color-black) a.post__cat:hover,
.keylin-dark-mode .post--no-thumb-md-bg-hover[data-dark-mode="true"] .post__text:not(.text-color-black) a.post__cat:hover {
color: #fff !important;
}
/* .textwidget img {
margin-bottom: 1.4rem;
margin-top: 1.4rem;
} */
.sticky-header .navigation-bar {
z-index: 50;
}
.keylin-dark-mode .widget_pages li > a:hover,
.keylin-dark-mode .widget_pages li > a:focus,
.keylin-dark-mode .widget_archive li > a:hover,
.keylin-dark-mode .widget_archive li > a:focus,
.keylin-dark-mode .widget_categories li > a:hover,
.keylin-dark-mode .widget_categories li > a:focus,
.keylin-dark-mode .widget_tag_cloud a:hover,
.keylin-dark-mode .widget_tag_cloud a:focus,
.keylin-dark-mode .widget_rss a.rsswidget:hover,
.keylin-dark-mode .widget_rss a.rsswidget:focus,
.keylin-dark-mode .comment-form .logged-in-as a:hover,
.keylin-dark-mode .comment-form .logged-in-as a:focus,
.keylin-dark-mode .comment-metadata .comment-edit-link:hover::before,
.keylin-dark-mode .comment-reply-link:hover::before,
.keylin-dark-mode .comment-reply-link:hover,
.keylin-dark-mode .comment-metadata .comment-edit-link:focus::before,
.keylin-dark-mode .comment-metadata:focus::before,
.keylin-dark-mode .comment-reply-link:focus::before,
.keylin-dark-mode .comment-reply-link:focus,
.keylin-dark-mode .comment-metadata a:hover,
.keylin-dark-mode .comment-metadata a:focus,
.keylin-dark-mode .comment-metadata a:active,
.single .keylin-dark-mode .comments-title:hover,
.keylin-dark-mode .page .comments-title:hover,
.single .keylin-dark-mode .comments-title:focus,
.keylin-dark-mode .page .comments-title:focus,
.keylin-dark-mode .widget_recent_comments .recentcomments>a:hover,
.keylin-dark-mode .widget_recent_comments .recentcomments>a:focus,
.keylin-dark-mode .widget_recent_entries li>a:hover,
.keylin-dark-mode .widget_recent_entries li>a:focus,
.keylin-dark-mode .widget_meta li>a:hover,
.keylin-dark-mode .widget_meta li>a:focus,
.widget_loginwithajaxwidget .lwa-links-remember:hover,
.widget_loginwithajaxwidget .lwa-links-remember:focus,
.keylin-dark-mode .apsl-widget .user-login a:hover,
.keylin-dark-mode .apsl-widget .user-login a:focus,
.keylin-dark-mode .lwa-info a:hover,
.keylin-dark-mode .lwa-info a:focus {
color: var(--color-primary) !important;
}
.keylin-dark-mode .comment-form .form-submit input[type="submit"]:hover,
.keylin-dark-mode .comment-form .form-submit input[type="submit"]:focus,
.keylin-dark-mode .comment-form .form-submit input[type="submit"]:active,
.keylin-dark-mode .comment-form .form-submit input[type="submit"]:hover:active {
background: var(--color-primary) !important;
}
.keylin-dark-mode input[type="text"]:focus,
.keylin-dark-mode input[type="email"]:focus,
.keylin-dark-mode input[type="url"]:focus,
.keylin-dark-mode input[type="password"]:focus,
.keylin-dark-mode input[type="search"]:focus,
.keylin-dark-mode input[type="tel"]:focus,
.keylin-dark-mode input[type="number"]:focus,
.keylin-dark-mode input[type="date"]:focus,
.keylin-dark-mode input[type="time"]:focus,
.keylin-dark-mode input[type="datetime-local"]:focus,
.keylin-dark-mode input[type="week"]:focus,
.keylin-dark-mode input[type="month"]:focus,
.keylin-dark-mode input[list]:focus,
.keylin-dark-mode textarea:focus,
.keylin-dark-mode textarea.form-control:focus,
.keylin-dark-mode select:focus,
.keylin-dark-mode select.form-control:focus,
.keylin-dark-mode .comment-form-author input:focus,
.keylin-dark-mode .comment-form-email input:focus,
.keylin-dark-mode .comment-form-comment textarea:focus,
.keylin-dark-mode .wpcf7-form input:focus,
.keylin-dark-mode .wpcf7-form textarea:focus {
border-color: var(--color-primary) !important;
}
@media (max-width: 767px) {
.keylin-dark-mode .posts-grid-overlay-background-hover .post--overlay-grid-small .author__text > * {
color: rgba(255,255,255, 0.6) !important;
}
}
.header-10 .atbs-theme-switch,
.header-9 .atbs-theme-switch,
.header-8 .atbs-theme-switch,
.header-7 .atbs-theme-switch,
.header-5 .atbs-theme-switch,
.header-4 .atbs-theme-switch,
.header-3 .atbs-theme-switch,
.header-2 .atbs-theme-switch,
.header-1 .atbs-theme-switch {
margin-right: 5px;
}
.mobile-header .atbs-theme-switch {
margin-right: 0;
padding: 0 4px;
}
.keylin-dark-mode .atbs-keylin-block-subscribe .subscribe-text {
color:rgba(255,255,255,0.8);
}
/** Improve **/
.keylin-dark-mode .posts-horizontal-style-1 .list-item:not(:last-child) {
border-bottom: 1px solid var(--color-border);
}
.keylin-dark-mode .post__readmore--style-2 .button__readmore, .keylin-dark-mode .posts-navigation .navigation-button {
border: 1px solid #555;
}
.keylin-dark-mode blockquote {
border-left-color: #444;
}
.keylin-dark-mode .typography-copy blockquote::before,
.keylin-dark-mode .comment-content blockquote::before {
color: #888;
}
/* ====================== end dark mode ============================= */
/* ----------------------------------------------------------------
Update 22.01.2021
-----------------------------------------------------------------*/
/*----- Update Fix HTML5 -----*/
/**
* Add HTML5 inputs:
*
* input[type="date"],
* input[type="time"],
* input[type="datetime-local"],
* input[type="week"],
* input[type="month"],
* input[list]
*
* Placeholder Vendors:
*
* Modern Browsers
* ::placeholder
* Chrome / Opera / Safari
* ::-webkit-input-placeholder
* Firefox 19+
* ::-moz-placeholder
* IE 10+
* :-ms-input-placeholder
* Firefox 18-
* :-moz-placeholder
*
*/
input[type=checkbox],
input[type=radio] {
margin-right: 0.5em;
}
label > input,
label > textarea,
label > select {
margin-top: 5px;
}
figure figcaption {
margin: 0;
padding-top: 0.8em;
padding-bottom: 0.8em;
color: rgba(0, 0, 0, 0.4);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
text-align: center;
}
.wp-block-pullquote {
font-size: 1.5em;
}
.typography-copy blockquote cite,
.comment-content blockquote cite,
.wp-block-pullquote cite {
font-size: 18px;
line-height: 1.5;
}
.wp-block-pullquote.is-style-solid-color blockquote p {
font-size: 32px;
line-height: 1.6;
margin-bottom: 0 !important;
}
.wp-block-pullquote blockquote,
.wp-block-pullquote blockquote p {
font-size: 28px;
line-height: 1.6;
}
.wp-block-pullquote figcaption {
font-size: .8em;
}
/** Dark Mode **/
.keylin-dark-mode figure figcaption {
color: rgba(255, 255, 255, 0.4);
}
.keylin-dark-mode hr {
border-color: rgba(255, 255, 255, 0.05);
}
.keylin-dark-mode table th,
.keylin-dark-mode table td {
border-color: rgba(255, 255, 255, 0.1);
}
.keylin-dark-mode mark {
color: #fff;
background: #636600;
}
.keylin-dark-mode legend {
color: var(--color-dark-mode);
border-color: var(--color-border);
}
.keylin-dark-mode ::-webkit-calendar-picker-indicator {
filter: invert(1);
}
.keylin-dark-mode input[list]::-webkit-calendar-picker-indicator {
filter: none;
color: #fff;
}
/* Change Autocomplete styles in Chrome*/
.keylin-dark-mode input:-webkit-autofill,
.keylin-dark-mode input:-webkit-autofill:hover,
.keylin-dark-mode input:-webkit-autofill:focus,
.keylin-dark-mode textarea:-webkit-autofill,
.keylin-dark-mode textarea:-webkit-autofill:hover,
.keylin-dark-mode textarea:-webkit-autofill:focus,
.keylin-dark-mode select:-webkit-autofill,
.keylin-dark-mode select:-webkit-autofill:hover,
.keylin-dark-mode select:-webkit-autofill:focus {
caret-color: #fff;
color: #fff;
border-color: var(--color-contrast-40) !important;
-webkit-text-fill-color: #fff;
-webkit-box-shadow: 0 0 0px 1000px #222 inset;
transition: background-color 5000s ease-in-out 0s;
}
.keylin-dark-mode .atbs-keylin-pagination [class*='js-ajax-load-'],
.keylin-dark-mode .atbs-keylin-pagination [class*='js-ajax-load-']:active {
background: #ccc;
color: #151416 !important;
}
/**/
.keylin-dark-mode .atbs-keylin-mega-menu .posts-list.atbs-megamenu-wrap>li:nth-child(5)::before {
background-color: rgba(255, 255, 255, 0.1);
}
/**/
.keylin-dark-mode .atbs-keylin-search-full__form .search-form__input {
background: transparent;
}
.keylin-dark-mode .post-score-hexagon .circle-svg circle {
fill: var(--background-dark-mode);
}
.keylin-dark-mode .post-score-hexagon .circle-svg {
-webkit-filter: drop-shadow(0 0 1px rgba(255, 255, 255, .1));
filter: drop-shadow(0 0 1px rgba(255, 255, 255, .1));
}
/**/
.keylin-dark-mode .widget_rss li {
border-color: rgba(255, 255, 255, 0.1);
}
/*----- Other Fixes -----*/
/** Update Inverse Text */
.inverse-text blockquote {
color: rgba(255, 255, 255, 0.6);
border-color: rgba(255, 255, 255, 0.2);
}
.inverse-text blockquote .small,
.inverse-text blockquote footer,
.inverse-text blockquote small {
color: rgba(255, 255, 255, 0.6);
}
.inverse-text blockquote::before {
color: rgba(255, 255, 255, 0.1);
}
/**/
.inverse-text table,
.inverse-text tr,
.inverse-text th,
.inverse-text td {
border-color: rgba(255, 255, 255, 0.1);
}
.inverse-text thead th {
border-color: rgba(255, 255, 255, 0.2);
}
.inverse-text caption {
color: rgba(255, 255, 255, 0.6);
}
/**/
.inverse-text pre {
color: rgba(255, 255, 255, 0.8);
background-color: rgba(255, 255, 255, 0.1);
}
.inverse-text code {
color: #f9f2f4;
background-color: #c7254e;
}
.inverse-text pre code {
background: transparent;
}
.inverse-text hr {
border-color: rgba(255, 255, 255, 0.1);
}
.inverse-text figure figcaption {
color: rgba(255, 255, 255, 0.6);
}
/**/
.inverse-text input[type="text"],
.inverse-text input[type="email"],
.inverse-text input[type="url"],
.inverse-text input[type="password"],
.inverse-text input[type="search"],
.inverse-text input[type="tel"],
.inverse-text input[type="number"],
.inverse-text input[type="date"],
.inverse-text input[type="time"],
.inverse-text input[type="datetime-local"],
.inverse-text input[type="week"],
.inverse-text input[type="month"],
.inverse-text input[list],
.inverse-text textarea,
.inverse-text textarea.form-control,
.inverse-text select,
.inverse-text select.form-control {
background: #222;
color: rgba(255, 255, 255, 0.8);
border-color: rgba(255, 255, 255, 0.1);
}
.inverse-text legend {
color: var(--color-dark-mode);
border-color: rgba(255, 255, 255, 0.2);
}
.inverse-text ::-webkit-calendar-picker-indicator {
filter: invert(1);
}
.inverse-text input[list]::-webkit-calendar-picker-indicator {
filter: none;
color: #fff;
}
.inverse-text ::placeholder { /* Modern Browsers */
color: rgba(255, 255, 255, 0.4);
}
.inverse-text ::-webkit-input-placeholder { /* Chrome / Opera / Safari */
color: rgba(255, 255, 255, 0.4);
}
.inverse-text ::-moz-placeholder { /* Firefox 19+ */
color: rgba(255, 255, 255, 0.4);
}
.inverse-text :-ms-input-placeholder { /* IE 10+ */
color: rgba(255, 255, 255, 0.4);
}
.inverse-text :-moz-placeholder { /* Firefox 18- */
color: rgba(255, 255, 255, 0.4);
}
/* Change Autocomplete styles in Chrome*/
.inverse-text input:-webkit-autofill,
.inverse-text input:-webkit-autofill:hover,
.inverse-text input:-webkit-autofill:focus,
.inverse-text textarea:-webkit-autofill,
.inverse-text textarea:-webkit-autofill:hover,
.inverse-text textarea:-webkit-autofill:focus,
.inverse-text select:-webkit-autofill,
.inverse-text select:-webkit-autofill:hover,
.inverse-text select:-webkit-autofill:focus {
caret-color: #fff;
color: #fff;
border-color: #aaa !important;
-webkit-text-fill-color: #fff;
-webkit-box-shadow: 0 0 0px 1000px #333 inset;
transition: background-color 5000s ease-in-out 0s;
}
/**/
.inverse-text .calendar_wrap {
background: rgba(255, 255, 255, 0);
}
.inverse-text .widget_calendar table {
color: rgba(255, 255, 255, 0.8);
}
.inverse-text .widget_calendar thead {
background-color: rgba(255, 255, 255, .1);
}
.inverse-text .widget_calendar caption {
color: #fff;
}
/**/
.inverse-text .widget_search .search-form__submit {
color: rgba(255, 255, 255, 0.4);
}
/** Fix Word Break **/
.menu-item,
.search-term,
.popular-title,
.widget__title-text,
.block-heading__title,
.block-heading__subtitle,
.page-heading__title,
.page-heading__subtitle,
.post__title,
.entry-title,
.post__cat,
.entry-cat,
.atbssuga-review__product-name,
.atbssuga-review__product-byline,
.atbssuga-review__summary,
.author-name,
.author-bio,
.category-tile__description,
.widget_meta li,
.widget_pages .page_item,
.widget_categories .cat-item,
.widget_recent_entries li,
.textwidget > *:not(table),
.widget_mc4wp_form_widget p,
.widget_mc4wp_form_widget label,
.widget_mc4wp_form_widget small,
.widget_mc4wp_form_widget h2,
.widget_mc4wp_form_widget h3,
.widget_mc4wp_form_widget h4,
.widget_mc4wp_form_widget h5,
.widget_mc4wp_form_widget h6,
.widget_nav_menu .menu-item,
.recentcomments .comment-author-link,
.recentcomments a,
.rsswidget,
.rssSummary,
.tagcloud a {
/* word-wrap: The originally (unprefixed) proprietary extension word-wrapfrom Microsoft has been renamed
in the current draft of the CSS3 text specification overflow-wrap */
-ms-word-wrap: break-word;
word-wrap: break-word;
overflow-wrap: break-word;
-ms-word-break: break-word;
word-break: break-word; /* Non standard for WebKit */
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
/** Fix Headers **/
.bk-lwa table,
.bk-lwa td,
.bk-lwa tr {
border: 0;
}
#atbs-keylin-offcanvas-mobile .bk-lwa .avatar {
line-height: 1.5;
}
.header-10 .navigation-bar--inverse .navigation--main > li > a::before {
background: #eaebe9;
width: calc(100% - 20px);
left: 10px;
}
.header-10 .navigation--main > li > a::before {
width: calc(100% - 20px);
left: 10px;
}
/** Fix Default List **/
.atbs-keylin-custom-html ul li,
.atbs-keylin-custom-html ol li {
margin: 0.5em 0 0.5em 3em;
line-height: 1.5;
}
/** Fix Subscribe **/
.atbs-keylin-shortcode-module .mc4wp-form-fields {
text-align: center;
}
.atbs-keylin-shortcode-module .mc4wp-form-fields .subscribe-text {
margin-left: auto;
margin-right: auto;
max-width: 300px;
}
.atbs-keylin-shortcode-module .subscribe-form__fields {
max-width: 300px;
}
.wp-block-tag-cloud a,
.wp-block-tag-cloud a:hover {
color: rgba(0,0,0,0.8);
text-decoration: none;
}
/*------------------------------------------------------------------------------*/
/** Default font **/
body {
font-family: Rubik;
}
.page-heading__title,
.widget__title-text,
.comment-reply-title,
.comments-title,
.comment-reply-title,
.category-tile__name,
.block-heading,
.block-heading__title,
.post-categories__title,
.post__title,
.entry-title,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.text-font-primary,
.social-tile__title,
.widget_recent_comments .recentcomments > a,
.widget_recent_entries li > a,
.modal-title.modal-title,
.author-box .author-name a,
.comment-author,
.comment-author-name,
.widget_calendar caption,
.widget_archive li,
.widget_categories li,
.widget_meta li,
.widget_pages li,
.widget_categories li,
.widget_recent_entries li,
.widget_categories li > a,
.widget_meta ul,
.widget_recent_comments .recentcomments > a,
.widget_pages li > a,
.apsl-widget,
.widget_archive li,
.widget_archive a,
.lwa td,
.widget_nav_menu ul,
.widget_rss a.rsswidget,
.atbs-keylin-search-full-style-2 .search-form__input,
.atbs-keylin-search-full-style-2 .search-form__input::placeholder,
.post-score-hexagon .post-score-value,
.logo-text {
font-family: Poppins;
}
::placeholder, /* Modern Browsers */
::-webkit-input-placeholder, /* Chrome / Opera / Safari */
::-moz-placeholder, /* Firefox 19+ */
:-ms-input-placeholder, /* IE 10+ */
:-moz-placeholder, /* Firefox 18- */
body,
.block-heading__subtitle,
.meta-font,
.post__cat,
.post__readmore,
.time,
.atbs-keylin-pagination,
.subscribe-form__info,
.btn .author__name,
.author__text, .wp-calendar-nav {
font-family: Rubik;
}
.mobile-header-btn,
.menu,
.meta-text,
a.meta-text,
.meta-font,
a.meta-font,
.text-font-tertiary,
.block-heading-tabs,
.block-heading-tabs > li > a,
input[type="button"]:not(.btn),
input[type="reset"]:not(.btn),
input[type="submit"]:not(.btn),
.btn,
label,
.page-nav,
.post-score,
.post-score-hexagon .post-score-value,
.post__cat,
a.post__cat,
.entry-cat,
a.entry-cat,
.read-more-link,
.post__meta,
.entry-meta,
.entry-author__name,
a.entry-author__name,
.comments-count-box,
.atbs-atbs-widget-indexed-posts-a .posts-list > li .post__thumb::after,
.atbs-atbs-widget-indexed-posts-b .posts-list > li .post__title::after,
.atbs-atbs-widget-indexed-posts-c .list-index,
.social-tile__count,
.widget_recent_comments .comment-author-link,
.atbs-atbs-video-box__playlist .is-playing .post__thumb::after,
.atbs-atbs-posts-listing-a .cat-title,
.atbs-atbs-news-ticker__heading,
.post-sharing__title,
.post-sharing--simple .sharing-btn,
.entry-action-btn,
.entry-tags-title,
.comments-title__text,
.comments-title .add-comment,
.comment-metadata,
.comment-metadata a,
.comment-reply-link,
.countdown__digit,
.modal-title,
.comment-meta,
.comment .reply,
.wp-caption,
.gallery-caption,
.widget-title,
.btn,
.logged-in-as,
.countdown__digit,
.atbs-atbs-widget-indexed-posts-a .posts-list > li .post__thumb::after,
.atbs-atbs-widget-indexed-posts-b .posts-list > li .post__title::after,
.atbs-atbs-widget-indexed-posts-c .list-index,
.atbs-atbs-horizontal-list .index,
.atbs-atbs-pagination,
.atbs-atbs-pagination--next-n-prev .atbs-atbs-pagination__label,
.post__readmore,
.single-header .atbs-date-style {
font-family: Rubik;
}
.navigation-bar-btn,
.navigation--main > li > a {
font-family: Rubik;
}
.navigation--main .sub-menu a {
font-family: Rubik;
}
.navigation--offcanvas > li > .sub-menu > li > a,
.navigation--offcanvas > li > .sub-menu > li > .sub-menu > li > a {
font-family: Rubik;
}
.atbs-footer .navigation--footer > li > a,
.navigation--footer > li > a {
font-family: Rubik;
}
.navigation--offcanvas > li > a {
font-family: Rubik;
}
.has-large-font-size {
font-size: 2.5714rem;
line-height: 1.3;
}
.same-category-posts .block-heading__title a {
margin-left: 6px;
}
/* listing posts-list--masonry */
.posts-list--masonry > .list-item {
width: calc((100% / 3) - ( 80px / 3));
margin-bottom: 40px;
}
.posts-list--masonry {
margin-bottom: -40px;
}
.posts-list--masonry-2i.posts-list--masonry > .list-item {
width: calc(50% - 20px );
}
@media(max-width: 991px) {
.posts-list--masonry > .list-item {
width: calc(50% - 20px );
}
}
@media(max-width: 575px) {
.posts-list--masonry-2i.posts-list--masonry > .list-item,
.posts-list--masonry > .list-item {
width: 100%;
}
}